@font-face {
  font-family: "Nunito Sans";
  src: url(../fonts/NunitoSans-Regular.ttf) format("truetype");
  font-weight: 400;
  font-display: swap; }

@font-face {
  font-family: "Nunito Sans";
  src: url(../fonts/NunitoSans-Black.ttf) format("truetype");
  font-weight: 900;
  font-display: swap; }

@font-face {
  font-family: "Nunito Sans";
  src: url(../fonts/NunitoSans-BlackItalic.ttf) format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap; }

.mywp-custom-patterns {
  /*
	.mywp_template_cat_add_input{
		display: none;
	}
	*/ }
  .mywp-custom-patterns__wrapper {
    padding: 14px; }
    .mywp-custom-patterns__wrapper .mywp-error-field {
      color: #c03;
      font-size: 14px;
      margin-bottom: 4px; }
  .mywp-custom-patterns__settings p {
    display: block;
    font-size: 14px; }
  .mywp-custom-patterns__settings input, .mywp-custom-patterns__settings select {
    width: 100%;
    margin-bottom: 10px; }
  .mywp-custom-patterns__button {
    width: auto;
    display: inline-block;
    color: #32373c;
    padding: 4px 16px;
    appearance: none;
    border: 1px solid #ececec;
    margin-top: 10px;
    background-color: #f6f7f7;
    cursor: pointer;
    border-radius: 3px; }
    .mywp-custom-patterns__button:hover, .mywp-custom-patterns__button:focus, .mywp-custom-patterns__button:active {
      color: #fff;
      background-color: #2271b1;
      border-color: #2271b1; }
  .mywp-custom-patterns__settings + .mywp-custom-patterns__settings {
    margin-top: 20px;
    border-top: 1px solid #979797;
    padding-top: 20px; }

.mywp-custom-patterns-admin-header {
  font-family: 'Nunito Sans', -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
  margin-left: -20px;
  padding: 20px;
  color: #fff;
  background-color: #3c2b83;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 30px; }
  @media (max-width: 600px) {
    .mywp-custom-patterns-admin-header {
      position: relative;
      top: 46px; } }
  .mywp-custom-patterns-admin-header a:link, .mywp-custom-patterns-admin-header a:hover, .mywp-custom-patterns-admin-header a:focus, .mywp-custom-patterns-admin-header a:active, .mywp-custom-patterns-admin-header a:visited {
    color: #fff;
    text-decoration: underline; }
  .mywp-custom-patterns-admin-header a:hover, .mywp-custom-patterns-admin-header a:focus, .mywp-custom-patterns-admin-header a:active {
    text-decoration: none; }
  .mywp-custom-patterns-admin-header__title {
    font-size: 30px;
    line-height: 1em;
    font-weight: 900;
    color: #fff;
    margin-top: 0;
    margin-bottom: 0; }
    .mywp-custom-patterns-admin-header__title small {
      display: block;
      font-size: 0.666em;
      font-style: italic; }
    .mywp-custom-patterns-admin-header__title span {
      text-transform: uppercase; }
  .mywp-custom-patterns-admin-header__help {
    display: flex;
    gap: 15px;
    font-size: 16px; }
    .mywp-custom-patterns-admin-header__help span {
      display: block;
      text-align: right; }
  .mywp-custom-patterns-admin-header__help-icon {
    max-width: 33px; }