{"mappings":"ACCA,oFAMA,qFAoBC,kJAOC,iQAcD,mHAMC,iIAOA,2DAIA,8DAGC,sFAKD,uJAOC,4QAeF,4EAKA,iEAIA,mEAIA,gEAKD,+CAIC,gDAIA,6CAKD,qCAIA,oDAIC,mDAGC,0EAKD,0DAKA,wDAOA,kFAMA,gFAIC,kDAIA,kFAKA,wDAKD,gFAQD,2BAIE,iDAKD,iDAIA,uHAYE,qFASD,8EAMD,wCAOA,2DAGC,iFAMF,2CAGC,oSAiBC","sources":["css/settings-page.css","assets-src/css/settings-page.scss"],"sourcesContent":[".mediatk-settings-page {\n  --mediatk-brand-color: #2764f1;\n  --mediatk-danger-color: #47d87c;\n}\n\n@keyframes mediaTkLoadingSpinner {\n  from {\n    transform: rotate(0);\n  }\n\n  to {\n    transform: rotate(359deg);\n  }\n}\n\n.mediatk-settings-page .button.is-loading {\n  pointer-events: none;\n  justify-content: center;\n  align-items: center;\n  display: inline-flex;\n  color: #0000 !important;\n}\n\n.mediatk-settings-page .button.is-loading:after {\n  content: \"\";\n  border: 2px solid #dbdbdb;\n  border-radius: 290486px;\n  width: 1em;\n  height: 1em;\n  animation: .5s linear infinite mediaTkLoadingSpinner;\n  display: block;\n  position: absolute;\n  border-color: #0000 #0000 #fff #fff !important;\n}\n\n.mediatk-settings-page .button-link {\n  background-color: #0000;\n  border-width: 0;\n  font-size: 17px;\n  text-decoration: underline;\n}\n\n.mediatk-settings-page .button-link:focus, .mediatk-settings-page .button-link:active {\n  box-shadow: none;\n  border-width: 0;\n  outline: none;\n}\n\n.mediatk-settings-page .button-link.is-disabled {\n  color: #ddd;\n}\n\n.mediatk-settings-page .button-link.is-right-side {\n  float: right;\n}\n\n.mediatk-settings-page .button-link.is-right-side.is-loading {\n  justify-content: flex-end;\n}\n\n.mediatk-settings-page .button-link.is-loading {\n  pointer-events: none;\n  justify-content: center;\n  align-items: center;\n  display: inline-flex;\n  color: #0000 !important;\n}\n\n.mediatk-settings-page .button-link.is-loading:after {\n  content: \"\";\n  border: 2px solid #7ab4e3;\n  border-radius: 290486px;\n  width: 1em;\n  height: 1em;\n  animation: .5s linear infinite mediaTkLoadingSpinner;\n  display: block;\n  position: absolute;\n  border-color: #0000 #0000 #2271b1 #2271b1 !important;\n}\n\n.mediatk-settings-page .submission-status {\n  margin-left: 15px;\n  line-height: 39px;\n}\n\n.mediatk-settings-page .submission-status.is-hidden {\n  display: none;\n}\n\n.mediatk-settings-page .submission-status.is-success {\n  color: #0fa953;\n}\n\n.mediatk-settings-page .submission-status.is-error {\n  color: tomato;\n}\n\n.mediatk-text-field {\n  width: 100%;\n  max-width: 250px;\n}\n\n.mediatk-text-field.is-fullwidth {\n  max-width: 100%;\n}\n\n.mediatk-text-field.is-large {\n  max-width: 400px;\n}\n\n.mediatk-dimension-field {\n  width: 120px;\n}\n\n.mediatk-dimensions {\n  align-items: center;\n  display: flex;\n}\n\n.mediatk-dimensions .mediatk-dimension {\n  width: 120px;\n}\n\n.mediatk-dimensions .mediatk-dimension:not(:last-child) {\n  margin-right: 10px;\n}\n\n.mediatk-dimensions label {\n  margin-bottom: 5px;\n  display: block;\n}\n\n.mediatk-dimensions .mediatk-dimension-field {\n  width: 100%;\n}\n\n.mediatk-featured-products > h2 {\n  text-align: center;\n  margin-bottom: 50px;\n  font-size: 24px;\n}\n\n.mediatk-featured-products .products {\n  justify-content: space-between;\n  display: flex;\n}\n\n.mediatk-featured-products .products li {\n  width: 32%;\n}\n\n.mediatk-featured-products .products .subheadline {\n  margin-top: -6px;\n  font-weight: 600;\n}\n\n.mediatk-featured-products .products img {\n  max-width: 100%;\n}\n\n.mediatk-featured-products .credit {\n  text-align: center;\n  opacity: .5;\n  margin-top: 20px;\n}\n\n.heatbox {\n  position: relative;\n}\n\n.heatbox .checkbox-label .is-disabled {\n  opacity: .6;\n}\n\n.heatbox .heatbox-overlay.is-hidden {\n  display: none;\n}\n\n.heatbox .heatbox-overlay {\n  z-index: 100;\n  background-color: #0000001a;\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0;\n  left: 0;\n}\n\n.heatbox .form-table th .description {\n  color: #646970;\n  font-style: italic;\n  font-weight: 400;\n}\n\n.heatbox .mediatk-checkbox-label .description {\n  color: #646970;\n  font-style: italic;\n}\n\n.heatbox .radio-label {\n  padding-left: 28px;\n}\n\n.mediatk-multiline-radio-fields .radio-label {\n  display: block;\n}\n\n.mediatk-multiline-radio-fields .radio-label:not(:last-child) {\n  margin-bottom: 10px;\n}\n\n.mediatk-tags-metabox h2 {\n  position: relative;\n}\n\n.mediatk-tags-metabox h2 .action-status {\n  color: #fff;\n  opacity: 0;\n  visibility: hidden;\n  background-color: #444;\n  border-radius: 4px;\n  height: 30px;\n  padding: 10px;\n  font-size: 11px;\n  line-height: 10px;\n  transition: all .3s ease-in-out;\n  display: inline-block;\n  position: absolute;\n  top: 50%;\n  right: 20px;\n  transform: translateY(-50%);\n}\n\n.mediatk-tags-metabox h2 .action-status.is-shown {\n  opacity: 1;\n  visibility: visible;\n}\n\n/*# sourceMappingURL=settings-page.css.map */\n","// Vars\n.mediatk-settings-page {\n\t--mediatk-brand-color: #2764f1;\n\t--mediatk-danger-color: #47d87c;\n}\n\n// Loading animation\n@-webkit-keyframes mediaTkLoadingSpinner {\n\tfrom {\n\t\ttransform: rotate(0);\n\t}\n\tto {\n\t\ttransform: rotate(359deg);\n\t}\n}\n\n@keyframes mediaTkLoadingSpinner {\n\tfrom {\n\t\ttransform: rotate(0);\n\t}\n\tto {\n\t\ttransform: rotate(359deg);\n\t}\n}\n\n.mediatk-settings-page {\n\t// Button\n\t.button.is-loading {\n\t\tdisplay: inline-flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tcolor: transparent !important;\n\t\tpointer-events: none;\n\n\t\t&::after {\n\t\t\tcontent: \"\";\n\t\t\tposition: absolute;\n\t\t\twidth: 1em;\n\t\t\tdisplay: block;\n\t\t\theight: 1em;\n\t\t\tborder: 2px solid #dbdbdb;\n\t\t\tborder-color: transparent transparent #fff #fff !important;\n\t\t\tborder-radius: 290486px;\n\t\t\t-webkit-animation: mediaTkLoadingSpinner 0.5s infinite linear;\n\t\t\tanimation: mediaTkLoadingSpinner 0.5s infinite linear;\n\t\t}\n\t}\n\n\t.button-link {\n\t\tborder-width: 0;\n\t\tbackground-color: transparent;\n\t\tfont-size: 17px;\n\t\ttext-decoration: underline;\n\n\t\t&:focus,\n\t\t&:active {\n\t\t\toutline: none;\n\t\t\tbox-shadow: none;\n\t\t\tborder-width: 0;\n\t\t}\n\n\t\t&.is-disabled {\n\t\t\tcolor: #ddd;\n\t\t}\n\n\t\t&.is-right-side {\n\t\t\tfloat: right;\n\n\t\t\t&.is-loading {\n\t\t\t\tjustify-content: flex-end;\n\t\t\t}\n\t\t}\n\n\t\t&.is-loading {\n\t\t\tdisplay: inline-flex;\n\t\t\talign-items: center;\n\t\t\tjustify-content: center;\n\t\t\tcolor: transparent !important;\n\t\t\tpointer-events: none;\n\n\t\t\t&::after {\n\t\t\t\tcontent: \"\";\n\t\t\t\tposition: absolute;\n\t\t\t\twidth: 1em;\n\t\t\t\tdisplay: block;\n\t\t\t\theight: 1em;\n\t\t\t\tborder: 2px solid #7ab4e3;\n\t\t\t\tborder-color: transparent transparent #2271b1 #2271b1 !important;\n\t\t\t\tborder-radius: 290486px;\n\t\t\t\t-webkit-animation: mediaTkLoadingSpinner 0.5s infinite linear;\n\t\t\t\tanimation: mediaTkLoadingSpinner 0.5s infinite linear;\n\t\t\t}\n\t\t}\n\t}\n\n\t.submission-status {\n\t\tmargin-left: 15px;\n\t\tline-height: 39px;\n\t}\n\n\t.submission-status.is-hidden {\n\t\tdisplay: none;\n\t}\n\n\t.submission-status.is-success {\n\t\tcolor: #0fa953;\n\t}\n\n\t.submission-status.is-error {\n\t\tcolor: tomato;\n\t}\n}\n\n.mediatk-text-field {\n\twidth: 100%;\n\tmax-width: 250px;\n\n\t&.is-fullwidth {\n\t\tmax-width: 100%;\n\t}\n\n\t&.is-large {\n\t\tmax-width: 400px;\n\t}\n}\n\n.mediatk-dimension-field {\n\twidth: 120px;\n}\n\n.mediatk-dimensions {\n\tdisplay: flex;\n\talign-items: center;\n\n\t.mediatk-dimension {\n\t\twidth: 120px;\n\n\t\t&:not(:last-child) {\n\t\t\tmargin-right: 10px;\n\t\t}\n\t}\n\n\tlabel {\n\t\tdisplay: block;\n\t\tmargin-bottom: 5px;\n\t}\n\n\t.mediatk-dimension-field {\n\t\twidth: 100%;\n\t}\n}\n\n// Featured products\n.mediatk-featured-products {\n\t> h2 {\n\t\ttext-align: center;\n\t\tmargin-bottom: 50px;\n\t\tfont-size: 24px;\n\t}\n\n\t.products {\n\t\tdisplay: flex;\n\t\tjustify-content: space-between;\n\n\t\tli {\n\t\t\twidth: 32%;\n\t\t}\n\n\t\t.subheadline {\n\t\t\tfont-weight: 600;\n\t\t\tmargin-top: -6px;\n\t\t}\n\n\t\timg {\n\t\t\tmax-width: 100%;\n\t\t}\n\t}\n\n\t.credit {\n\t\tmargin-top: 20px;\n\t\ttext-align: center;\n\t\topacity: 0.5;\n\t}\n}\n\n// Heatbox adjustment\n.heatbox {\n\tposition: relative;\n\n\t.checkbox-label {\n\t\t.is-disabled {\n\t\t\topacity: 0.6;\n\t\t}\n\t}\n\n\t.heatbox-overlay.is-hidden {\n\t\tdisplay: none;\n\t}\n\n\t.heatbox-overlay {\n\t\tposition: absolute;\n\t\ttop: 0;\n\t\tleft: 0;\n\t\tbackground-color: rgba(0, 0, 0, 0.1);\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tz-index: 100;\n\t}\n\n\t.form-table {\n\t\tth {\n\t\t\t.description {\n\t\t\t\tfont-weight: 400;\n\t\t\t\tfont-style: italic;\n\t\t\t\tcolor: #646970;\n\t\t\t}\n\t\t}\n\t}\n\n\t.mediatk-checkbox-label {\n\t\t.description {\n\t\t\tfont-style: italic;\n\t\t\tcolor: #646970;\n\t\t}\n\t}\n\n\t.radio-label {\n\t\tpadding-left: 28px;\n\t}\n}\n\n// Misc.\n.mediatk-multiline-radio-fields {\n\t.radio-label {\n\t\tdisplay: block;\n\n\t\t&:not(:last-child) {\n\t\t\tmargin-bottom: 10px;\n\t\t}\n\t}\n}\n\n.mediatk-tags-metabox h2 {\n\tposition: relative;\n\n\t.action-status {\n\t\tdisplay: inline-block;\n\t\tposition: absolute;\n\t\tright: 20px;\n\t\ttop: 50%;\n\t\tpadding: 10px;\n\t\theight: 30px;\n\t\tline-height: 10px;\n\t\tfont-size: 11px;\n\t\tcolor: #fff;\n\t\tbackground-color: #444;\n\t\tborder-radius: 4px;\n\t\topacity: 0;\n\t\tvisibility: hidden;\n\t\ttransform: translateY(-50%);\n\t\ttransition: all 0.3s ease-in-out;\n\n\t\t&.is-shown {\n\t\t\topacity: 1;\n\t\t\tvisibility: visible;\n\t\t}\n\t}\n}\n"],"names":[],"version":3,"file":"settings-page.css.map"}