{"version":3,"sources":["abstracts/colors.scss","style_admin.css","abstracts/type.scss","abstracts/spacing.scss","base/fonts.scss","base/general.scss","components/type.scss","components/buttons.scss","components/inputs.scss","components/notices.scss","parts/header.scss","utilities/colors.scss","utilities/spacers.scss","utilities/display.scss"],"names":[],"mappings":"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","file":"style_admin.css","sourcesContent":["\n:root{\n\n  // basics\n\n  --mywp-admin--color--white      : #fff ;\n\n  --mywp-admin--color--black      : #222 ;\n  --mywp-admin--color--dark-black : #000 ;\n\n  // who\n\n  --mywp-admin--color--primary          : #3c2b83 ;\n  --mywp-admin--color--primary--hover   : #2d1f60 ;\n\n  --mywp-admin--color--secondary        : #ff3475 ;\n  --mywp-admin--color--secondary--hover : #b22351 ;\n\n\n  // color scale (like wp)\n  // https://make.wordpress.org/core/2021/02/23/standardization-of-wp-admin-colors-in-wordpress-5-7/\n\n  --mywp-admin--color--gray--0    : #f6f7f7 ;\n  --mywp-admin--color--gray--2    : #f0f0f1 ;\n  --mywp-admin--color--gray--5    : #dcdcde ;\n\n  --mywp-admin--color--gray--10   : #c3c4c7 ;\n  --mywp-admin--color--gray--20   : #a7aaad ;\n  --mywp-admin--color--gray--30   : #8c8f94 ;\n  --mywp-admin--color--gray--40   : #787c82 ;\n  --mywp-admin--color--gray--50   : #646970 ;\n  --mywp-admin--color--gray--60   : #50575e ;\n  --mywp-admin--color--gray--70   : #3c434a ;\n  --mywp-admin--color--gray--80   : #2c3338 ;\n  --mywp-admin--color--gray--90   : #1d2327 ;\n  --mywp-admin--color--gray--100  : #101517 ;\n\n}",":root {\n  --mywp-admin--color--white: #fff ;\n  --mywp-admin--color--black: #222 ;\n  --mywp-admin--color--dark-black: #000 ;\n  --mywp-admin--color--primary: #3c2b83 ;\n  --mywp-admin--color--primary--hover: #2d1f60 ;\n  --mywp-admin--color--secondary: #ff3475 ;\n  --mywp-admin--color--secondary--hover: #b22351 ;\n  --mywp-admin--color--gray--0: #f6f7f7 ;\n  --mywp-admin--color--gray--2: #f0f0f1 ;\n  --mywp-admin--color--gray--5: #dcdcde ;\n  --mywp-admin--color--gray--10: #c3c4c7 ;\n  --mywp-admin--color--gray--20: #a7aaad ;\n  --mywp-admin--color--gray--30: #8c8f94 ;\n  --mywp-admin--color--gray--40: #787c82 ;\n  --mywp-admin--color--gray--50: #646970 ;\n  --mywp-admin--color--gray--60: #50575e ;\n  --mywp-admin--color--gray--70: #3c434a ;\n  --mywp-admin--color--gray--80: #2c3338 ;\n  --mywp-admin--color--gray--90: #1d2327 ;\n  --mywp-admin--color--gray--100: #101517 ;\n}\n\n:root {\n  --mywp-admin--font--family: \"Nunito Sans\", -apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen-Sans,Ubuntu,Cantarell,\"Helvetica Neue\",sans-serif;\n}\n\n:root {\n  --mywp-admin--page--mw: 1100px ;\n  --mywp-admin--spacing--0: 0px;\n  --mywp-admin--spacing--s: 4px;\n  --mywp-admin--spacing--m: 8px;\n  --mywp-admin--spacing--l: 16px;\n  --mywp-admin--spacing--xl: 32px;\n}\n\n@font-face {\n  font-family: \"Nunito Sans\";\n  src: url(../fonts/NunitoSans/NunitoSans-Regular.ttf) format(\"truetype\");\n  font-weight: 400;\n  font-display: swap;\n}\n@font-face {\n  font-family: \"Nunito Sans\";\n  src: url(../fonts/NunitoSans/NunitoSans-SemiBold.ttf) format(\"truetype\");\n  font-weight: 600;\n  font-display: swap;\n}\n@font-face {\n  font-family: \"Nunito Sans\";\n  src: url(../fonts/NunitoSans/NunitoSans-ExtraBold.ttf) format(\"truetype\");\n  font-weight: 800;\n  font-display: swap;\n}\n@font-face {\n  font-family: \"Nunito Sans\";\n  src: url(../fonts/NunitoSans//NunitoSans-Black.ttf) format(\"truetype\");\n  font-weight: 900;\n  font-display: swap;\n}\n@font-face {\n  font-family: \"Nunito Sans\";\n  src: url(../fonts/NunitoSans/NunitoSans-BlackItalic.ttf) format(\"truetype\");\n  font-weight: 900;\n  font-style: italic;\n  font-display: swap;\n}\n#wpwrap,\n#wpcontent {\n  background: var(--mywp-admin--color--white);\n}\n\n.wpwrap--has-mywp-admin #wpfooter a {\n  color: var(--mywp-admin--color--secondary);\n}\n.wpwrap--has-mywp-admin #wpfooter a:hover, .wpwrap--has-mywp-admin #wpfooter a:focus, .wpwrap--has-mywp-admin #wpfooter a:active {\n  color: var(--mywp-admin--color--secondary--hover);\n}\n\n#wpbody {\n  padding-top: 20px;\n  padding-right: 20px;\n}\n@media (max-width: 782px) {\n  #wpbody {\n    padding-top: 10px;\n    padding-right: 10px;\n  }\n}\n\n#wpbody-content {\n  float: none;\n  margin-left: auto;\n  margin-right: auto;\n  max-width: var(--mywp-admin--page--mw);\n}\n\n.mywp-admin {\n  font-family: var(--mywp-admin--font--family);\n}\n.mywp-admin hr {\n  margin-top: 40px;\n}\n.mywp-admin hr + .mywp-admin-section,\n.mywp-admin .mywp-admin-section + .mywp-admin-section {\n  margin-top: 40px;\n}\n.mywp-admin .mywp-admin-section.with-background-color {\n  position: relative;\n  z-index: 1;\n  padding-top: var(--mywp-admin--spacing--m);\n  padding-bottom: var(--mywp-admin--spacing--m);\n}\n.mywp-admin .mywp-admin-section.with-background-color:before {\n  content: \"\";\n  position: absolute;\n  z-index: -1;\n  left: -20px;\n  right: -20px;\n  top: 0;\n  bottom: 0;\n  margin: auto;\n  border-radius: 3px;\n  background-color: var(--mywp-admin--color--gray--0);\n}\n.mywp-admin .mywp-admin-line {\n  display: block;\n  margin-top: 10px;\n  margin-bottom: 10px;\n}\n.mywp-admin p.introduction {\n  font-size: 1.3em;\n  font-weight: 600;\n}\n\n.mywp-admin h2 {\n  font-size: 2em;\n  font-weight: 800;\n  color: var(--mywp-admin--color--primary);\n  margin-bottom: 1.55em;\n}\n.mywp-admin h3 {\n  font-size: 1.45em;\n}\n.mywp-admin h2.is-mywp-title-underlined, .mywp-admin h3.is-mywp-title-underlined {\n  padding-bottom: 1em;\n  border-bottom: 1px solid var(--mywp-admin--color--gray--2);\n}\n.mywp-admin h2.is-mywp-title-underlined.with-underline-color-white, .mywp-admin h3.is-mywp-title-underlined.with-underline-color-white {\n  border-color: var(--mywp-admin--color--white);\n}\n.mywp-admin .button,\n.mywp-admin .button-secondary {\n  color: var(--mywp-admin--color--primary);\n  border-color: var(--mywp-admin--color--primary);\n}\n.mywp-admin .button.focus, .mywp-admin .button.hover, .mywp-admin .button:focus, .mywp-admin .button:hover,\n.mywp-admin .button-secondary.focus,\n.mywp-admin .button-secondary.hover,\n.mywp-admin .button-secondary:focus,\n.mywp-admin .button-secondary:hover {\n  color: var(--mywp-admin--color--primary--hover);\n  border-color: var(--mywp-admin--color--primary--hover);\n}\n.mywp-admin .button-primary {\n  color: var(--mywp-admin--color--white);\n  background: var(--mywp-admin--color--primary);\n  border-color: var(--mywp-admin--color--primary);\n}\n.mywp-admin .button-primary.focus, .mywp-admin .button-primary.hover, .mywp-admin .button-primary:focus, .mywp-admin .button-primary:hover {\n  color: var(--mywp-admin--color--white);\n  background: var(--mywp-admin--color--primary--hover);\n  border-color: var(--mywp-admin--color--primary--hover);\n}\n.mywp-admin .button-alternative {\n  color: var(--mywp-admin--color--white);\n  background: var(--mywp-admin--color--secondary);\n  border-color: var(--mywp-admin--color--secondary);\n}\n.mywp-admin .button-alternative.focus, .mywp-admin .button-alternative.hover, .mywp-admin .button-alternative:focus, .mywp-admin .button-alternative:hover {\n  color: var(--mywp-admin--color--white);\n  background: var(--mywp-admin--color--secondary--hover);\n  border-color: var(--mywp-admin--color--secondary--hover);\n}\n.mywp-admin .button-secondary-alternative {\n  color: var(--mywp-admin--color--secondary);\n  border-color: var(--mywp-admin--color--secondary);\n}\n.mywp-admin .button-secondary-alternative.focus, .mywp-admin .button-secondary-alternative.hover, .mywp-admin .button-secondary-alternative:focus, .mywp-admin .button-secondary-alternative:hover {\n  color: var(--mywp-admin--color--secondary--hover);\n  border-color: var(--mywp-admin--color--secondary--hover);\n}\n.mywp-admin .button .dashicons {\n  display: flex;\n}\n.mywp-admin label, .mywp-admin .label-mimic {\n  font-weight: 600;\n  margin-top: 0;\n}\n.mywp-admin input[type=color],\n.mywp-admin input[type=date],\n.mywp-admin input[type=datetime-local],\n.mywp-admin input[type=datetime],\n.mywp-admin input[type=email],\n.mywp-admin input[type=month],\n.mywp-admin input[type=number],\n.mywp-admin input[type=password],\n.mywp-admin input[type=search],\n.mywp-admin input[type=tel],\n.mywp-admin input[type=text],\n.mywp-admin input[type=time],\n.mywp-admin input[type=url],\n.mywp-admin input[type=week],\n.mywp-admin select,\n.mywp-admin textarea {\n  border: 1px solid var(--mywp-admin--color--gray--60);\n}\n.mywp-admin input[type=color]:focus,\n.mywp-admin input[type=date]:focus,\n.mywp-admin input[type=datetime-local]:focus,\n.mywp-admin input[type=datetime]:focus,\n.mywp-admin input[type=email]:focus,\n.mywp-admin input[type=month]:focus,\n.mywp-admin input[type=number]:focus,\n.mywp-admin input[type=password]:focus,\n.mywp-admin input[type=search]:focus,\n.mywp-admin input[type=tel]:focus,\n.mywp-admin input[type=text]:focus,\n.mywp-admin input[type=time]:focus,\n.mywp-admin input[type=url]:focus,\n.mywp-admin input[type=week]:focus,\n.mywp-admin select:focus,\n.mywp-admin textarea:focus {\n  border: 1px solid var(--mywp-admin--color--secondary);\n  box-shadow: 0 0 0 1px var(--mywp-admin--color--secondary);\n}\n.mywp-admin input[type=checkbox]:focus,\n.mywp-admin input[type=color]:focus,\n.mywp-admin input[type=date]:focus,\n.mywp-admin input[type=datetime-local]:focus,\n.mywp-admin input[type=datetime]:focus,\n.mywp-admin input[type=email]:focus,\n.mywp-admin input[type=month]:focus,\n.mywp-admin input[type=number]:focus,\n.mywp-admin input[type=password]:focus,\n.mywp-admin input[type=radio]:focus,\n.mywp-admin input[type=search]:focus,\n.mywp-admin input[type=tel]:focus,\n.mywp-admin input[type=text]:focus,\n.mywp-admin input[type=time]:focus,\n.mywp-admin input[type=url]:focus,\n.mywp-admin input[type=week]:focus,\n.mywp-admin select:focus, .mywp-admin textarea:focus {\n  border-color: var(--mywp-admin--color--secondary);\n  box-shadow: 0 0 0 1px var(--mywp-admin--color--secondary);\n  outline: 2px solid transparent;\n}\n.mywp-admin select:focus,\n.mywp-admin select:hover {\n  color: var(--mywp-admin--color--gray--60);\n}\n.mywp-admin input[type=checkbox]:checked::before {\n  content: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M14.83 4.89l1.34.94-5.81 8.38H9.02L5.78 9.67l1.34-1.25 2.57 2.4z' fill='%23ff3475'/%3E%3C/svg%3E\");\n}\n\n.mywp-admin .notice,\n.wpwrap--has-mywp-admin .notice {\n  box-sizing: border-box;\n  max-width: var(--mywp-admin--page--mw);\n  margin-left: 0;\n  margin-right: 0;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.mywp-admin-header {\n  font-family: var(--mywp-admin--font--family);\n  margin-left: -20px;\n  padding: 20px;\n  color: #fff;\n  background-color: #3c2b83;\n}\n@media (max-width: 600px) {\n  .mywp-admin-header {\n    position: relative;\n    top: 46px;\n    margin-bottom: 46px;\n  }\n}\n.mywp-admin-header--center .mywp-admin-header__inner-container {\n  max-width: var(--mywp-admin--page--mw);\n  margin-left: auto;\n  margin-right: auto;\n}\n.mywp-admin-header__inner-container {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  gap: 30px;\n}\n@media (max-width: 600px) {\n  .mywp-admin-header__inner-container {\n    flex-wrap: wrap;\n  }\n}\n.mywp-admin-header a:link, .mywp-admin-header a:hover, .mywp-admin-header a:focus, .mywp-admin-header a:active, .mywp-admin-header a:visited {\n  color: #fff;\n  text-decoration: underline;\n}\n.mywp-admin-header a:hover, .mywp-admin-header a:focus, .mywp-admin-header a:active {\n  text-decoration: none;\n}\n.mywp-admin-header__brand {\n  display: flex;\n  align-items: center;\n  gap: 1em;\n  /*\n  @media (max-width: 600px){\n      .mywp-admin-header__logo{ display: none }\n  }\n  */\n}\n.mywp-admin-header__title {\n  font-size: 30px;\n  line-height: 1em;\n  font-weight: 900;\n  color: #fff;\n  margin-top: 0;\n  margin-bottom: 0;\n}\n.mywp-admin-header__title small {\n  display: block;\n  font-size: 0.666em;\n  font-style: italic;\n}\n.mywp-admin-header__title span {\n  text-transform: uppercase;\n}\n.mywp-admin-header__logo-image {\n  display: block;\n  max-height: 44px;\n}\n.mywp-admin-header__help {\n  display: flex;\n  gap: 15px;\n  font-size: 16px;\n  justify-content: end;\n}\n@media (max-width: 600px) {\n  .mywp-admin-header__help {\n    width: 100%;\n  }\n}\n.mywp-admin-header__help span {\n  display: block;\n  text-align: right;\n}\n.mywp-admin-header__help-icon {\n  max-width: 33px;\n}\n\n.mywp-admin .has-mywp-color-white {\n  color: var(--mywp-admin--color--white);\n}\n.mywp-admin .has-mywp-color-black {\n  color: var(--mywp-admin--color--black);\n}\n.mywp-admin .has-mywp-color-dark-black {\n  color: var(--mywp-admin--color--dark-black);\n}\n.mywp-admin .has-mywp-color-primary {\n  color: var(--mywp-admin--color--primary);\n}\n.mywp-admin .has-mywp-color-secondary {\n  color: var(--mywp-admin--color--secondary);\n}\n.mywp-admin .has-mywp-background-color-white {\n  background-color: var(--mywp-admin--color--white);\n}\n.mywp-admin .has-mywp-background-color-black {\n  background-color: var(--mywp-admin--color--black);\n}\n.mywp-admin .has-mywp-background-color-dark-black {\n  background-color: var(--mywp-admin--color--dark-black);\n}\n.mywp-admin .has-mywp-background-color-primary {\n  background-color: var(--mywp-admin--color--primary);\n}\n.mywp-admin .has-mywp-background-color-secondary {\n  background-color: var(--mywp-admin--color--secondary);\n}\n.mywp-admin .has-mywp-background-color-gray-0 {\n  background-color: var(--mywp-admin--color--gray--0);\n}\n.mywp-admin .has-mywp-background-color-gray-2 {\n  background-color: var(--mywp-admin--color--gray--2);\n}\n.mywp-admin .has-mywp-background-color-gray-5 {\n  background-color: var(--mywp-admin--color--gray--5);\n}\n.mywp-admin .has-mywp-background-color-gray-10 {\n  background-color: var(--mywp-admin--color--gray--10);\n}\n.mywp-admin .has-mywp-background-color-gray-20 {\n  background-color: var(--mywp-admin--color--gray--20);\n}\n.mywp-admin .has-mywp-background-color-gray-30 {\n  background-color: var(--mywp-admin--color--gray--30);\n}\n.mywp-admin .has-mywp-background-color-gray-40 {\n  background-color: var(--mywp-admin--color--gray--40);\n}\n.mywp-admin .has-mywp-background-color-gray-50 {\n  background-color: var(--mywp-admin--color--gray--50);\n}\n.mywp-admin .has-mywp-background-color-gray-60 {\n  background-color: var(--mywp-admin--color--gray--60);\n}\n.mywp-admin .has-mywp-background-color-gray-70 {\n  background-color: var(--mywp-admin--color--gray--70);\n}\n.mywp-admin .has-mywp-background-color-gray-80 {\n  background-color: var(--mywp-admin--color--gray--80);\n}\n.mywp-admin .has-mywp-background-color-gray-90 {\n  background-color: var(--mywp-admin--color--gray--90);\n}\n.mywp-admin .has-mywp-background-color-gray-100 {\n  background-color: var(--mywp-admin--color--gray--100);\n}\n.mywp-admin .mywp-admin-spacer {\n  display: block;\n  width: 100%;\n  height: var(--mywp-admin--spacing--m);\n}\n.mywp-admin .mywp-admin-spacer.with-space-xs {\n  height: var(--mywp-admin--spacing--xs);\n}\n.mywp-admin .mywp-admin-spacer.with-space-s {\n  height: var(--mywp-admin--spacing--s);\n}\n.mywp-admin .mywp-admin-spacer.with-space-l {\n  height: var(--mywp-admin--spacing--l);\n}\n.mywp-admin .mywp-admin-spacer.with-space-xl {\n  height: var(--mywp-admin--spacing--xl);\n}\n.mywp-admin .is-mywp-center {\n  margin-left: auto;\n  margin-right: auto;\n}\n.mywp-admin .is-mywp-page-mw {\n  max-width: var(--mywp-admin--page--mw);\n}\n.mywp-admin .is-mywp-overflow-hidden {\n  overflow: hidden;\n}\n.mywp-admin .is-mywp-flex {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n}\n.mywp-admin .is-mywp-flex.with-align-item-start {\n  align-items: flex-start;\n}\n.mywp-admin .is-mywp-flex.with-flex-as-grid > div {\n  flex-grow: 1;\n  flex-basis: calc(33% - 2 * var(--mywp-admin--grid--gap));\n  min-width: calc(33% - 2 * var(--mywp-admin--grid--gap));\n}\n.mywp-admin .is-mywp-flex.with-flex-as-grid .is-mywp-flex__line {\n  flex-basis: 100%;\n}\n.mywp-admin .is-mywp-flex.with-flex-as-grid .is-mywp-flex__line--w33 {\n  flex-basis: calc(66% - 2 * var(--mywp-admin--grid--gap));\n}\n.mywp-admin .is-mywp-flex.with-flex-as-grid .is-mywp-flex__line--w50 {\n  flex-basis: calc(50% - 2 * var(--mywp-admin--grid--gap));\n}\n.mywp-admin .is-mywp-flex.with-flex-as-grid .is-mywp-flex__line--w66 {\n  flex-basis: calc(66% - 2 * var(--mywp-admin--grid--gap));\n}\n@media (max-width: 600px) {\n  .mywp-admin .is-mywp-flex.with-flex-as-grid .is-mywp-flex__line {\n    flex-basis: 100%;\n  }\n}\n@media (max-width: 600px) {\n  .mywp-admin .is-mywp-flex > div {\n    flex-basis: 100% !important;\n  }\n}\n.mywp-admin .is-mywp-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));\n}\n.mywp-admin .is-mywp-grid.with-grid-x2 {\n  grid-template-columns: 1fr 1fr;\n}\n.mywp-admin .is-mywp-grid.with-grid-x4 {\n  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));\n}\n.mywp-admin .is-mywp-grid .is-grid-span-2 {\n  grid-column-start: span 2;\n}\n@media (max-width: 600px) {\n  .mywp-admin .is-mywp-grid {\n    grid-template-columns: 1fr !important;\n  }\n}\n.mywp-admin .is-mywp-grid.with-grid-stacked {\n  grid-template-columns: 1fr !important;\n}\n.mywp-admin .is-mywp-flex,\n.mywp-admin .is-mywp-grid {\n  --mywp-admin--grid--gap: var( --mywp-admin--spacing--m ) ;\n  gap: var(--mywp-admin--grid--gap);\n}\n.mywp-admin .is-mywp-flex.with-gap-0,\n.mywp-admin .is-mywp-grid.with-gap-0 {\n  --mywp-admin--grid--gap: var( --mywp-admin--spacing--0 );\n}\n.mywp-admin .is-mywp-flex.with-gap-s,\n.mywp-admin .is-mywp-grid.with-gap-s {\n  --mywp-admin--grid--gap: var( --mywp-admin--spacing--s );\n}\n.mywp-admin .is-mywp-flex.with-gap-m,\n.mywp-admin .is-mywp-grid.with-gap-m {\n  --mywp-admin--grid--gap: var( --mywp-admin--spacing--m );\n}\n.mywp-admin .is-mywp-flex.with-gap-l,\n.mywp-admin .is-mywp-grid.with-gap-l {\n  --mywp-admin--grid--gap: var( --mywp-admin--spacing--l );\n}\n.mywp-admin .is-mywp-flex.with-gap-xl,\n.mywp-admin .is-mywp-grid.with-gap-xl {\n  --mywp-admin--grid--gap: var( --mywp-admin--spacing--xl );\n}\n.mywp-admin .is-mywp-flex.with-padding-m > div,\n.mywp-admin .is-mywp-grid.with-padding-m > div {\n  padding: var(--mywp-admin--spacing--m);\n}\n.mywp-admin .is-mywp-flex.with-background-color-alternation > div:nth-child(odd),\n.mywp-admin .is-mywp-grid.with-background-color-alternation > div:nth-child(odd) {\n  background-color: var(--mywp-admin--color--gray--2);\n}",":root{\n\n  --mywp-admin--font--family : 'Nunito Sans', -apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen-Sans,Ubuntu,Cantarell,\"Helvetica Neue\",sans-serif;\n}","\n:root{\n\n\n  --mywp-admin--page--mw    : 1100px ;\n\n  --mywp-admin--spacing--0  :  0px;\n  --mywp-admin--spacing--s  :  4px;\n  --mywp-admin--spacing--m  :  8px;\n  --mywp-admin--spacing--l  : 16px;\n  --mywp-admin--spacing--xl : 32px;\n\n}","\n// Regular\n\n@font-face {\n  font-family: \"Nunito Sans\";\n  src:  url( ../fonts/NunitoSans/NunitoSans-Regular.ttf ) format(\"truetype\");\n  font-weight: 400;\n  font-display: swap;\n}\n\n\n// Bold\n\n@font-face {\n  font-family: \"Nunito Sans\";\n  src:  url( ../fonts/NunitoSans/NunitoSans-SemiBold.ttf ) format(\"truetype\");\n  font-weight: 600;\n  font-display: swap;\n}\n\n// ExraBold\n\n@font-face {\n  font-family: \"Nunito Sans\";\n  src:  url( ../fonts/NunitoSans/NunitoSans-ExtraBold.ttf ) format(\"truetype\");\n  font-weight: 800;\n  font-display: swap;\n}\n// Black\n\n@font-face {\n  font-family: \"Nunito Sans\";\n  src:  url( ../fonts/NunitoSans//NunitoSans-Black.ttf ) format(\"truetype\");\n  font-weight: 900;\n  font-display: swap;\n}\n\n@font-face {\n  font-family: \"Nunito Sans\";\n  src:  url( ../fonts/NunitoSans/NunitoSans-BlackItalic.ttf ) format(\"truetype\");\n  font-weight: 900;\n  font-style: italic;\n  font-display: swap;\n}","\n#wpwrap,\n#wpcontent{\n  background: var( --mywp-admin--color--white );\n}\n\n.wpwrap--has-mywp-admin #wpfooter {\n\n  a {\n    color: var(--mywp-admin--color--secondary);\n    &:hover,&:focus,&:active{\n      color: var(--mywp-admin--color--secondary--hover);\n    }\n  }\n\n}\n\n#wpbody{\n\n  padding-top: 20px;\n  padding-right: 20px;\n\n  @media (max-width: 782px) {\n    padding-top: 10px;\n    padding-right: 10px;\n  }\n\n}\n\n#wpbody-content{\n  float: none;\n  margin-left: auto;\n  margin-right: auto;\n  max-width: var( --mywp-admin--page--mw );\n}\n\n\n.mywp-admin{\n\n  font-family: var( --mywp-admin--font--family ) ;\n\n  hr{ margin-top: 40px; }\n\n  hr,\n  .mywp-admin-section{\n\n    + .mywp-admin-section{\n      margin-top: 40px;\n    }\n  }\n\n  .mywp-admin-section{\n\n    &.with-background-color{\n      position: relative;\n      z-index: 1;\n\n      padding-top: var( --mywp-admin--spacing--m );\n      padding-bottom: var( --mywp-admin--spacing--m );\n\n      &:before{\n        content: '';\n\n        position: absolute;\n        z-index: -1;\n        left: -20px;\n        right: -20px;\n        top: 0;\n        bottom: 0;\n        margin: auto;\n\n        border-radius: 3px;\n\n        background-color: var( --mywp-admin--color--gray--0 );\n      }\n    }\n  }\n\n  .mywp-admin-line{\n    display: block;\n\n    margin-top: 10px;\n    margin-bottom: 10px;\n\n  }\n\n  p.introduction{\n    font-size: 1.3em;\n    font-weight: 600;\n  }\n\n}\n","h2{\n  font-size: 2em;\n  font-weight: 800;\n  color: var( --mywp-admin--color--primary );\n  margin-bottom: 1.55em;\n\n}\n\nh3{\n  font-size: 1.45em;\n}\n\nh2, h3{\n\n  &.is-mywp-title-underlined{\n\n    padding-bottom: 1em;\n    border-bottom: 1px solid var( --mywp-admin--color--gray--2 );\n\n    &.with-underline-color-white{\n      border-color: var( --mywp-admin--color--white );\n    }\n\n  }\n}\n","\n.button,\n.button-secondary{\n\n  color: var( --mywp-admin--color--primary );\n  border-color: var( --mywp-admin--color--primary );\n\n  &.focus,\n  &.hover,\n  &:focus,\n  &:hover{\n\tcolor   : var( --mywp-admin--color--primary--hover );\n\tborder-color : var( --mywp-admin--color--primary--hover );\n\n\t// box-shadow: 0 0 0 1px var( --mywp-admin--color--primary--hover );\n  }\n}\n\n\n.button-primary{\n\n  color: var( --mywp-admin--color--white );\n\n  background   : var( --mywp-admin--color--primary );\n  border-color : var( --mywp-admin--color--primary );\n\n  &.focus,\n  &.hover,\n  &:focus,\n  &:hover{\n\tcolor: var( --mywp-admin--color--white );\n\n\tbackground   : var( --mywp-admin--color--primary--hover );\n\tborder-color : var( --mywp-admin--color--primary--hover );\n\n\t// box-shadow: 0 0 0 1px var( --mywp-admin--color--primary--hover );\n  }\n\n}\n\n\n\n\n.button-alternative{\n\n  color: var( --mywp-admin--color--white );\n  background   : var( --mywp-admin--color--secondary );\n  border-color : var( --mywp-admin--color--secondary );\n\n  &.focus,\n  &.hover,\n  &:focus,\n  &:hover{\n\tcolor: var( --mywp-admin--color--white );\n\tbackground   : var( --mywp-admin--color--secondary--hover );\n\tborder-color : var( --mywp-admin--color--secondary--hover );\n\n\t// box-shadow: 0 0 0 1px var( --mywp-admin--color--secondary--hover );\n  }\n}\n\n\n\n\n.button-secondary-alternative{\n\n  color: var( --mywp-admin--color--secondary );\n  border-color: var( --mywp-admin--color--secondary );\n\n  &.focus,\n  &.hover,\n  &:focus,\n  &:hover{\n\tcolor   : var( --mywp-admin--color--secondary--hover );\n\tborder-color : var( --mywp-admin--color--secondary--hover );\n  }\n}\n\n\n\n.button{\n\n  .dashicons{\n\tdisplay: flex;\n  }\n}","\nlabel, .label-mimic { font-weight: 600; margin-top: 0; }\n\ninput[type=\"color\"],\ninput[type=\"date\"],\ninput[type=\"datetime-local\"],\ninput[type=\"datetime\"],\ninput[type=\"email\"],\ninput[type=\"month\"],\ninput[type=\"number\"],\ninput[type=\"password\"],\ninput[type=\"search\"],\ninput[type=\"tel\"],\ninput[type=\"text\"],\ninput[type=\"time\"],\ninput[type=\"url\"],\ninput[type=\"week\"],\nselect,\ntextarea{\n  border: 1px solid var( --mywp-admin--color--gray--60 );\n\n  &:focus{\n\tborder: 1px solid var( --mywp-admin--color--secondary );\n\tbox-shadow: 0 0 0 1px var( --mywp-admin--color--secondary );\n  }\n}\n\n\n\ninput[type=\"checkbox\"]:focus,\ninput[type=\"color\"]:focus,\ninput[type=\"date\"]:focus,\ninput[type=\"datetime-local\"]:focus,\ninput[type=\"datetime\"]:focus,\ninput[type=\"email\"]:focus,\ninput[type=\"month\"]:focus,\ninput[type=\"number\"]:focus,\ninput[type=\"password\"]:focus,\ninput[type=\"radio\"]:focus,\ninput[type=\"search\"]:focus,\ninput[type=\"tel\"]:focus,\ninput[type=\"text\"]:focus,\ninput[type=\"time\"]:focus,\ninput[type=\"url\"]:focus,\ninput[type=\"week\"]:focus,\nselect:focus,textarea:focus{\n  border-color: var( --mywp-admin--color--secondary );\n  box-shadow: 0 0 0 1px var( --mywp-admin--color--secondary );\n  outline: 2px solid transparent;\n}\n\n\nselect:focus,\nselect:hover {\n  color: var( --mywp-admin--color--gray--60 );\n}\n\ninput[type=\"checkbox\"]:checked::before {\n\n  // Original svg modifié via https://yoksel.github.io/url-encoder/\n  // content: url(\"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjZweCIgaGVpZ2h0PSIyNnB4IiBzdHJva2Utd2lkdGg9IjIuMDEiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBjb2xvcj0iIzNjMmI4MyI+PHBhdGggZD0iTTUgMTNsNCA0TDE5IDciIHN0cm9rZT0iIzNjMmI4MyIgc3Ryb2tlLXdpZHRoPSIyLjAxIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD48L3N2Zz4=\");\n  // <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path d='M14.83 4.89l1.34.94-5.81 8.38H9.02L5.78 9.67l1.34-1.25 2.57 2.4z' fill='#3582c4'/></svg>\n\n  content: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M14.83 4.89l1.34.94-5.81 8.38H9.02L5.78 9.67l1.34-1.25 2.57 2.4z' fill='%23ff3475'/%3E%3C/svg%3E\");\n}\n\n\n\n\n\n\n","\n\n.mywp-admin .notice,\n.wpwrap--has-mywp-admin .notice{\n\n  box-sizing: border-box;\n  max-width: var( --mywp-admin--page--mw ) ;\n\n  margin-left: 0;\n  margin-right: 0;\n\n  margin-left: auto;\n  margin-right: auto;\n}",".mywp-admin-header{\n\n    font-family: var( --mywp-admin--font--family ) ;\n\n    margin-left: -20px;\n    padding: 20px;\n\n    color: #fff;\n    background-color: #3c2b83;\n\n    @media( max-width:600px ){\n        position: relative;\n        top: 46px;\n        margin-bottom: 46px;\n    }\n\n    &--center .mywp-admin-header__inner-container{\n        max-width: var( --mywp-admin--page--mw );\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n\n    &__inner-container{\n\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        gap: 30px;\n\n        // max-width: var( --mywp-admin--page--mw ) ;\n        // margin-left: auto;\n        // margin-right: auto;\n\n        @media( max-width:600px ){\n            flex-wrap: wrap;\n        }\n    }\n\n    a{\n        &:link,&:hover,&:focus,&:active,&:visited{ color: #fff; text-decoration: underline; }\n        &:hover,&:focus,&:active{ text-decoration: none; }\n    }\n\n\n    &__brand{\n        display: flex;\n        align-items: center;\n        gap: 1em;\n\n        /*\n        @media (max-width: 600px){\n            .mywp-admin-header__logo{ display: none }\n        }\n        */\n    }\n\n    &__title{\n\n        font-size : 30px ;\n        line-height: 1em;\n        font-weight: 900;\n\n        color: #fff;\n        margin-top: 0;\n        margin-bottom: 0;\n\n        small{\n            display: block;\n            font-size: 0.666em;\n            font-style: italic;\n        }\n\n        span{\n            text-transform: uppercase;\n        }\n    }\n\n    &__logo{}\n\n    &__logo-image{\n        display: block;\n        max-height: 44px;\n    }\n\n    &__help{\n        display: flex;\n        gap: 15px;\n        font-size: 16px;\n        justify-content: end;\n\n\n        @media ( max-width: 600px ) { width: 100%; }\n\n        span{\n            display: block;\n            text-align: right;\n        }\n    }\n\n    &__help-icon{\n        max-width: 33px;\n    }\n\n  }","\n\n// Color\n\n.has-mywp-color-white{\n  color: var( --mywp-admin--color--white );\n}\n\n.has-mywp-color-black{\n  color: var( --mywp-admin--color--black );\n}\n\n.has-mywp-color-dark-black{\n  color: var( --mywp-admin--color--dark-black );\n}\n\n.has-mywp-color-primary{\n  color: var( --mywp-admin--color--primary );\n}\n\n.has-mywp-color-secondary{\n  color: var( --mywp-admin--color--secondary );\n}\n\n\n\n\n// Background\n\n.has-mywp-background-color-white{\n  background-color: var( --mywp-admin--color--white );\n}\n\n.has-mywp-background-color-black{\n  background-color: var( --mywp-admin--color--black );\n}\n\n.has-mywp-background-color-dark-black{\n  background-color: var( --mywp-admin--color--dark-black );\n}\n\n.has-mywp-background-color-primary{\n  background-color: var( --mywp-admin--color--primary );\n}\n\n.has-mywp-background-color-secondary{\n  background-color: var( --mywp-admin--color--secondary );\n}\n\n\n.has-mywp-background-color-gray-0{\n  background-color: var( --mywp-admin--color--gray--0 );\n}\n.has-mywp-background-color-gray-2{\n  background-color: var( --mywp-admin--color--gray--2 );\n}\n.has-mywp-background-color-gray-5{\n  background-color: var( --mywp-admin--color--gray--5 );\n}\n.has-mywp-background-color-gray-10{\n  background-color: var( --mywp-admin--color--gray--10 );\n}\n.has-mywp-background-color-gray-20{\n  background-color: var( --mywp-admin--color--gray--20 );\n}\n.has-mywp-background-color-gray-30{\n  background-color: var( --mywp-admin--color--gray--30 );\n}\n.has-mywp-background-color-gray-40{\n  background-color: var( --mywp-admin--color--gray--40 );\n}\n.has-mywp-background-color-gray-50{\n  background-color: var( --mywp-admin--color--gray--50 );\n}\n.has-mywp-background-color-gray-60{\n  background-color: var( --mywp-admin--color--gray--60 );\n}\n.has-mywp-background-color-gray-70{\n  background-color: var( --mywp-admin--color--gray--70 );\n}\n.has-mywp-background-color-gray-80{\n  background-color: var( --mywp-admin--color--gray--80 );\n}\n.has-mywp-background-color-gray-90{\n  background-color: var( --mywp-admin--color--gray--90 );\n}\n.has-mywp-background-color-gray-100{\n  background-color: var( --mywp-admin--color--gray--100 );\n}\n","\n.mywp-admin-spacer{\n\n  display: block;\n  width: 100%;\n\n  height: var( --mywp-admin--spacing--m );\n\n  &.with-space-xs{\n\theight: var( --mywp-admin--spacing--xs );\n  }\n\n  &.with-space-s{\n\theight: var( --mywp-admin--spacing--s );\n  }\n\n  &.with-space-l{\n\theight: var( --mywp-admin--spacing--l );\n  }\n\n  &.with-space-xl{\n\theight: var( --mywp-admin--spacing--xl );\n  }\n}","\n\n.is-mywp-center{\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.is-mywp-page-mw{\n  max-width: var( --mywp-admin--page--mw );\n}\n\n.is-mywp-overflow-hidden{\n  overflow: hidden;\n}\n\n.is-mywp-flex{\n\n\tdisplay: flex;\n  \n\tflex-wrap: wrap;\n  \talign-items: center;\n\n  &.with-align-item-start{\n\talign-items: flex-start;\n  }\n\n  &.with-flex-as-grid{\n\n\t> div{\n\t  flex-grow: 1;\n\t  flex-basis: calc( 33% - ( 2 * var(--mywp-admin--grid--gap) ) );\n\t  min-width: calc( 33% - ( 2 * var(--mywp-admin--grid--gap) ) );\n\n\t}\n\n\n\t.is-mywp-flex__line{\n\n\t  flex-basis: 100%;\n\n\t  &--w33{ flex-basis: calc( 66% - ( 2 * var(--mywp-admin--grid--gap) ) ); }\n\t  &--w50{ flex-basis: calc( 50% - ( 2 * var(--mywp-admin--grid--gap) ) ); }\n\t  &--w66{ flex-basis: calc( 66% - ( 2 * var(--mywp-admin--grid--gap) ) ); }\n\n\t  @media(max-width: 600px){ flex-basis: 100%; }\n\t}\n\n\t// &.with-flex-x3{}\n\n  }\n\n  @media ( max-width: 600px ) {\n\t> div { flex-basis: 100% !important }\n  }\n\n}\n\n.is-mywp-grid{\n\n  display: grid;\n  grid-template-columns: repeat( auto-fill, minmax( 300px, 1fr) );\n\n  &.with-grid-x2{\n\tgrid-template-columns: 1fr 1fr ;\n  }\n\n\n  &.with-grid-x4{\n\tgrid-template-columns: repeat( auto-fill, minmax( 220px, 1fr) );\n  }\n\n  .is-grid-span-2{ grid-column-start: span 2; }\n\n  @media (max-width: 600px) { grid-template-columns: 1fr !important ; }\n\n\n  &.with-grid-stacked{\n\tgrid-template-columns: 1fr !important ;\n  }\n\n}\n\n.is-mywp-flex,\n.is-mywp-grid{\n\n  --mywp-admin--grid--gap : var( --mywp-admin--spacing--m ) ;\n\n  gap: var( --mywp-admin--grid--gap );\n\n  &.with-gap-0  { --mywp-admin--grid--gap : var( --mywp-admin--spacing--0 );  }\n  &.with-gap-s  { --mywp-admin--grid--gap : var( --mywp-admin--spacing--s );  }\n  &.with-gap-m  { --mywp-admin--grid--gap : var( --mywp-admin--spacing--m );  }\n  &.with-gap-l  { --mywp-admin--grid--gap : var( --mywp-admin--spacing--l );  }\n  &.with-gap-xl { --mywp-admin--grid--gap : var( --mywp-admin--spacing--xl ); }\n\n  &.with-padding-m{\n\t> div { padding: var( --mywp-admin--spacing--m ) }\n  }\n\n  &.with-background-color-alternation{\n\t> div:nth-child(odd) { background-color: var( --mywp-admin--color--gray--2 ); }\n  }\n}"]}