{"version":3,"file":"./style-view.css","mappings":"AAcA,8BACC,GACC,gEACA,uBAED,GACC,yBAIF,8BACC,GACC,4BC1BwJ,0CACzJ,mBACA,oBACA,YACA,uBAEA,kBADA,kBAEA,iCAEA,gDACC,6BACA,kDACA,8BAGD,4EACC,cAEA,gFACC,kBAGF,yGACC,kBAGD,+CACC,aCnBS,CDqBT,qDACC,WAIF,mDACC,uBACA,mBAEA,+DACC,wCAGD,wOAIC,wBCtCQ,CDuCR,UC/BK,CDkCN,yDACC,wBC3CQ,CD4CR,UCpCK,CDqCL,UAKH,+FACC,eAEA,qGACC,6BACA,kDACA,8BAGD,oGACC,aC5DS,CD8DT,0GACC,W;ADzDH,8BACC,GACC,gEACA,uBAED,GACC,yBAIF,8BACC,GACC,4BG1BwJ,6BAKzJ,uBADA,cAGA,iBAJA,YAFA,kBAKA,kBAJA,UAKA,CAEA,mCAeC,gDAJA,2BAGA,qDAFA,kBAJA,sBAPA,YAMA,WAHA,SACA,uBAHA,kBACA,QAOA,kCADA,yBAHA,SASA,C;AHVF,8BACC,GACC,gEACA,uBAED,GACC,yBAIF,8BACC,GACC,4BI1BwJ,kCAEzJ,gBACA,oBAFA,iBAEA,CAEA,sDAIC,SAFA,SADA,kBAEA,QAEA,+BAGD,8EACC,Y","sources":["webpack://coupons-form/./vendor/woocommerce/woocommerce/plugins/woocommerce-blocks/assets/css/abstracts/_mixins.scss","webpack://coupons-form/./vendor/woocommerce/woocommerce/plugins/woocommerce-blocks/assets/js/base/components/button/style.scss","webpack://coupons-form/./node_modules/@wordpress/base-styles/_colors.scss","webpack://coupons-form/./vendor/woocommerce/woocommerce/plugins/woocommerce-blocks/packages/components/spinner/style.scss","webpack://coupons-form/./vendor/woocommerce/woocommerce/plugins/woocommerce-blocks/assets/js/base/components/loading-mask/style.scss"],"sourcesContent":["$fontSizes: (\n\t\"smaller\": 0.75,\n\t\"small\": 0.875,\n\t\"regular\": 1,\n\t\"large\": 1.25,\n\t\"larger\": 2,\n);\n\n// Maps a named font-size to its predefined size. Units default to em, but can\n// be changed using the multiplier parameter.\n@mixin font-size($sizeName, $multiplier: 1em) {\n\tfont-size: map.get($fontSizes, $sizeName) * $multiplier;\n}\n\n@keyframes spinner__animation {\n\t0% {\n\t\tanimation-timing-function: cubic-bezier(0.5856, 0.0703, 0.4143, 0.9297);\n\t\ttransform: rotate(0deg);\n\t}\n\t100% {\n\t\ttransform: rotate(360deg);\n\t}\n}\n\n@keyframes loading__animation {\n\t100% {\n\t\ttransform: translateX(100%);\n\t}\n}\n\n// Adds animation to placeholder section\n@mixin placeholder($include-border-radius: true) {\n\toutline: 0 !important;\n\tborder: 0 !important;\n\tbackground-color: currentColor !important;\n\tcolor: currentColor !important;\n\twidth: 100%;\n\t@if $include-border-radius == true {\n\t\tborder-radius: 0.25rem;\n\t}\n\tdisplay: block;\n\tline-height: 1;\n\tposition: relative !important;\n\toverflow: hidden !important;\n\tmax-width: 100% !important;\n\tpointer-events: none;\n\tbox-shadow: none;\n\tz-index: 1; /* Necessary for overflow: hidden to work correctly in Safari */\n\topacity: 0.15;\n\n\t// Forces direct descendants to keep layout but lose visibility.\n\t> * {\n\t\tvisibility: hidden;\n\t}\n\n\t&::after {\n\t\tcontent: \" \";\n\t\tdisplay: block;\n\t\tposition: absolute;\n\t\tleft: 0;\n\t\tright: 0;\n\t\ttop: 0;\n\t\theight: 100%;\n\t\tbackground-repeat: no-repeat;\n\t\tbackground-image: linear-gradient(90deg, currentColor, #f5f5f54d, currentColor);\n\t\ttransform: translateX(-100%);\n\t\tanimation: loading__animation 1.5s ease-in-out infinite;\n\t}\n\n\t@media screen and (prefers-reduced-motion: reduce) {\n\t\tanimation: none;\n\t}\n}\n\n@mixin force-content() {\n\t&::before {\n\t\tcontent: \"\\00a0\";\n\t}\n}\n\n// Hide an element from sighted users, but available to screen reader users.\n@mixin visually-hidden() {\n\tborder: 0;\n\tclip: rect(1px, 1px, 1px, 1px);\n\tclip-path: inset(50%);\n\theight: 1px;\n\twidth: 1px;\n\tmargin: -1px;\n\toverflow: hidden;\n\t/* Many screen reader and browser combinations announce broken words as they would appear visually. */\n\toverflow-wrap: normal !important;\n\tword-wrap: normal !important;\n\tpadding: 0;\n\tposition: absolute !important;\n}\n\n@mixin visually-hidden-focus-reveal() {\n\tbackground-color: #fff;\n\tborder-radius: 3px;\n\tbox-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);\n\tclip: auto !important;\n\tclip-path: none;\n\tcolor: $input-text-active;\n\tdisplay: block;\n\tfont-size: 0.875rem;\n\tfont-weight: 700;\n\theight: auto;\n\tleft: 5px;\n\tline-height: normal;\n\tpadding: 15px 23px 14px;\n\ttext-decoration: none;\n\ttop: 5px;\n\twidth: auto;\n\tz-index: 100000;\n}\n\n@mixin reset-box() {\n\tborder: 0;\n\tborder-radius: 0;\n\tmargin: 0;\n\tpadding: 0;\n\tvertical-align: baseline;\n}\n\n@mixin reset-color() {\n\tcolor: inherit;\n}\n\n@mixin reset-typography() {\n\tfont-family: inherit;\n\tfont-size: inherit;\n\tfont-style: inherit;\n\tfont-weight: inherit;\n\tletter-spacing: inherit;\n\tline-height: inherit;\n\ttext-decoration: inherit;\n\ttext-transform: inherit;\n}\n\n// Reset <h1>, <h2>, etc. styles as if they were text. Useful for elements that must be headings for a11y but don't need those styles.\n@mixin text-heading() {\n\t@include reset-box();\n\t@include reset-color();\n\t@include reset-typography();\n\tbox-shadow: none;\n\tdisplay: inline;\n\n\tbackground: transparent;\n}\n\n// Reset <button> style as if it was text. Useful for elements that must be `<button>` for a11y but don't need those styles.\n@mixin text-button() {\n\t@include reset-box();\n\t@include reset-color();\n\t@include reset-typography();\n\tbackground: transparent;\n\tbox-shadow: none;\n\tdisplay: inline;\n\ttext-shadow: none;\n\n\t&:hover,\n\t&:focus,\n\t&:active {\n\t\tbackground: transparent;\n\t}\n}\n\n// Reset <button> style so we can use link style for action buttons.\n@mixin link-button() {\n\t@include text-button();\n\ttext-decoration: underline;\n}\n\n@mixin hover-effect() {\n\t&:hover {\n\t\ttext-decoration: none;\n\t\tcolor: inherit;\n\t\tcursor: pointer;\n\t}\n}\n\n// Reset <button> style so we can use link style for action buttons in filter blocks\n@mixin filter-link-button() {\n\t@include link-button();\n\t@include hover-effect();\n\t@include font-size(small);\n\ttext-decoration: underline;\n\tfont-weight: normal;\n\tcolor: inherit;\n}\n\n// Makes sure long words are broken if they overflow the container.\n@mixin wrap-break-word() {\n\t// This is the current standard, works in most browsers.\n\toverflow-wrap: anywhere;\n\t// Safari supports word-break.\n\tword-break: break-word;\n\t// IE11 doesn't support overflow-wrap neither word-break: break-word, so we fallback to -ms-work-break: break-all.\n\t-ms-word-break: break-all;\n}\n\n// Add support for content alignment classes\n@mixin with-alignment() {\n\t// Apply max-width to floated items that have no intrinsic width\n\t&.alignleft,\n\t&.alignright {\n\t\tmax-width: $content-width * 0.5;\n\t\twidth: 100%;\n\t}\n\n\t// Using flexbox without an assigned height property breaks vertical center alignment in IE11.\n\t// Appending an empty ::after element tricks IE11 into giving the cover image an implicit height, which sidesteps this issue.\n\t&::after {\n\t\tdisplay: block;\n\t\tcontent: \"\";\n\t\tfont-size: 0;\n\t\tmin-height: inherit;\n\n\t\t// IE doesn't support flex so omit that.\n\t\t@supports (position: sticky) {\n\t\t\tcontent: none;\n\t\t}\n\t}\n\n\t// Aligned cover blocks should not use our global alignment rules\n\t&.aligncenter,\n\t&.alignleft,\n\t&.alignright {\n\t\tdisplay: flex;\n\t}\n}\n\n// Shows an semi-transparent overlay\n@mixin with-background-dim($opacity: 0.5) {\n\t&.has-background-dim {\n\t\t.background-dim__overlay::before {\n\t\t\tcontent: \"\";\n\t\t\tposition: absolute;\n\t\t\ttop: 0;\n\t\t\tleft: 0;\n\t\t\tbottom: 0;\n\t\t\tright: 0;\n\t\t\tbackground: inherit;\n\t\t\tborder-radius: inherit;\n\t\t\topacity: $opacity;\n\t\t\tz-index: 1;\n\t\t}\n\t}\n\n\t@for $i from 1 through 10 {\n\t\t&.has-background-dim-#{ $i * 10 } .background-dim__overlay::before {\n\t\t\topacity: $i * 0.1;\n\t\t}\n\t}\n}\n\n// Shows a border with the current color and a custom opacity. That can't be achieved\n// with normal border because `currentColor` doesn't allow tweaking the opacity, and\n// setting the opacity of the entire element would change the children's opacity too.\n@mixin with-translucent-border($border-width: 1px, $opacity: 0.3) {\n\tposition: relative;\n\n\t&::after {\n\t\tborder-style: solid;\n\t\tborder-width: $border-width;\n\t\tbottom: 0;\n\t\tcontent: \"\";\n\t\tdisplay: block;\n\t\tleft: 0;\n\t\topacity: $opacity;\n\t\tpointer-events: none;\n\t\tposition: absolute;\n\t\tright: 0;\n\t\ttop: 0;\n\t}\n}\n\n// Wraps the content with a media query specially targeting IE11.\n@mixin ie11() {\n\t@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {\n\t\t@content;\n\t}\n}\n\n// Positions an element absolutely and stretches it over the container\n@mixin absolute-stretch() {\n\tmargin: 0;\n\tpadding: 0;\n\tposition: absolute;\n\ttop: 0;\n\tleft: 0;\n\tright: 0;\n\tbottom: 0;\n\twidth: 100%;\n\theight: 100%;\n}\n\n// Converts a px unit to em.\n@function em($size, $base: 16px) {\n\t@return math.div($size, $base) * 1em;\n}\n\n// Encodes hex colors so they can be used in URL content.\n@function encode-color($color) {\n\t@if type-of($color) != \"color\" or string.index(#{$color}, \"#\") != 1 {\n\t\t@return $color;\n\t}\n\n\t$hex: string.slice(color.ie-hex-str($color), 4);\n\t@return \"%23\" + unquote(\"#{$hex}\");\n}\n","@use \"sass:math\";@use \"sass:string\";@use \"sass:color\";@use \"sass:map\";@import \"_colors\"; @import \"_variables\"; @import \"_breakpoints\"; @import \"_mixins\"; .wc-block-components-button:not(.is-link) {\n\talign-items: center;\n\tdisplay: inline-flex;\n\theight: auto;\n\tjustify-content: center;\n\ttext-align: center;\n\tposition: relative;\n\ttransition: box-shadow 0.1s linear;\n\n\t&:focus {\n\t\tbox-shadow: 0 0 0 2px $studio-blue;\n\t\tbox-shadow: inset 0 0 0 1px $white, 0 0 0 2px $studio-blue;\n\t\toutline: 3px solid transparent;\n\t}\n\n\t.wc-block-components-button__text {\n\t\tdisplay: block;\n\n\t\t> svg {\n\t\t\tfill: currentColor;\n\t\t}\n\t}\n\t.wc-block-components-spinner + .wc-block-components-button__text {\n\t\tvisibility: hidden;\n\t}\n\n\t&.text {\n\t\tcolor: $gray-900;\n\n\t\t&:hover {\n\t\t\topacity: 0.9;\n\t\t}\n\t}\n\n\t&.outlined {\n\t\tbackground: transparent;\n\t\tcolor: currentColor;\n\n\t\t&:not(:focus) {\n\t\t\tbox-shadow: inset 0 0 0 1px currentColor;\n\t\t}\n\n\t\t&:disabled,\n\t\t&:hover,\n\t\t&:focus,\n\t\t&:active {\n\t\t\tbackground-color: $gray-900;\n\t\t\tcolor: $white;\n\t\t}\n\n\t\t&:hover {\n\t\t\tbackground-color: $gray-900;\n\t\t\tcolor: $white;\n\t\t\topacity: 1;\n\t\t}\n\t}\n}\n\nbody:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link) {\n\tmin-height: 3em;\n\n\t&:focus {\n\t\tbox-shadow: 0 0 0 2px $studio-blue;\n\t\tbox-shadow: inset 0 0 0 1px $white, 0 0 0 2px $studio-blue;\n\t\toutline: 3px solid transparent;\n\t}\n\n\t&.text {\n\t\tcolor: $gray-900;\n\n\t\t&:hover {\n\t\t\topacity: 0.9;\n\t\t}\n\t}\n}\n","@import \"./functions\";\n\n/**\n * Colors\n */\n\n// WordPress grays.\n$black: #000;\t\t\t// Use only when you truly need pure black. For UI, use $gray-900.\n$gray-900: #1e1e1e;\n$gray-800: #2f2f2f;\n$gray-700: #757575;\t\t// Meets 4.6:1 text contrast against white.\n$gray-600: #949494;\t\t// Meets 3:1 UI or large text contrast against white.\n$gray-400: #ccc;\n$gray-300: #ddd;\t\t// Used for most borders.\n$gray-200: #e0e0e0;\t\t// Used sparingly for light borders.\n$gray-100: #f0f0f0;\t\t// Used for light gray backgrounds.\n$white: #fff;\n\n// Opacities & additional colors.\n$dark-theme-focus: $white;\t// Focus color when the theme is dark.\n$dark-gray-placeholder: rgba($gray-900, 0.62);\n$medium-gray-placeholder: rgba($gray-900, 0.55);\n$light-gray-placeholder: rgba($white, 0.65);\n\n// Alert colors.\n$alert-yellow: #f0b849;\n$alert-red: #cc1818;\n$alert-green: #4ab866;\n","@use \"sass:math\";@use \"sass:string\";@use \"sass:color\";@use \"sass:map\";@import \"_colors\"; @import \"_variables\"; @import \"_breakpoints\"; @import \"_mixins\"; .wc-block-components-spinner {\n\tposition: absolute;\n\twidth: 100%;\n\theight: 100%;\n\tcolor: inherit;\n\tbox-sizing: content-box;\n\ttext-align: center;\n\tfont-size: 1.25em;\n\n\t&::after {\n\t\tcontent: \" \";\n\t\tposition: absolute;\n\t\ttop: 50%;\n\t\tleft: 50%;\n\t\tmargin: -0.5em 0 0 -0.5em;\n\t\twidth: 1em;\n\t\theight: 1em;\n\t\tbox-sizing: border-box;\n\t\ttransform-origin: 50% 50%;\n\t\ttransform: translateZ(0) scale(0.5);\n\t\tbackface-visibility: hidden;\n\t\tborder-radius: 50%;\n\t\tborder: 0.2em solid currentColor;\n\t\tborder-left-color: transparent;\n\t\tanimation: spinner__animation 1s infinite linear;\n\t}\n}\n","@use \"sass:math\";@use \"sass:string\";@use \"sass:color\";@use \"sass:map\";@import \"_colors\"; @import \"_variables\"; @import \"_breakpoints\"; @import \"_mixins\"; .wc-block-components-loading-mask {\n\tposition: relative;\n\tmin-height: 18px + $gap;\n\tpointer-events: none;\n\n\t.components-spinner {\n\t\tposition: absolute;\n\t\tmargin: 0;\n\t\ttop: 50%;\n\t\tleft: 50%;\n\t\ttransform: translate(-50%, -50%);\n\t}\n\n\t.wc-block-components-loading-mask__children {\n\t\topacity: 0.25;\n\t}\n}\n"],"names":[],"sourceRoot":""}