{"version":3,"file":"view.css","mappings":"AAcA,8BACC,GACC,uEACA,uBAED,KACC,0BAIF,8BACC,KACC,4BCzBA,2DACE,sBAGF,sFACE,aAGF,qGAKE,aACA,sBALA,4GACE,e;ADGN,8BACC,GACC,uEACA,uBAED,KACC,0BAIF,8BACC,KACC,4BE1BwJ,8CAUxJ,kBATA,+DACE,cACA,iBAGF,8EACE,sB;AFOJ,8BACC,GACC,uEACA,uBAED,KACC,0BAIF,8BACC,KACC,4BG1BwJ,4CACxJ,gBAEA,gGACE,SACA,UACA,kBAGF,6DACE,YACA,kBACA,UAGF,8FACE,kBACA,MACA,QACA,SACA,aACA,mBACA,mBAEA,qGACE,yBAIJ,gGACE,sBACA,mCACA,kBACA,sBACA,cACA,oBACA,eACA,gBACA,SACA,YACA,WAEA,0GACE,wBAIJ,4EACE,kBAGF,4EACE,wBACA,YACA,oBACA,eACA,mBACA,oBACA,aACA,uBACA,iBACA,SACA,4BACA,gBACA,kBACA,wBACA,uBACA,uBACA,MACA,0BACA,0BACA,wBACA,UAEA,sFACE,yCAMJ,2FACE,kBACA,UACA,SACA,SACA,mBACA,sBACA,gBACA,sBACA,YACA,WACA,gBACA,kBACA,gBACA,eAEA,8FACE,WAnBU,CAoBV,cACA,eACA,eAEA,oGACE,wBChGG,CDiGH,iBAQR,8CACE,WAIA,qFACE,yBACA,UACA,eACA,WAEA,6GACE,aAGF,8GACE,mB","sources":["webpack://coupons-form/./vendor/woocommerce/woocommerce/plugins/woocommerce-blocks/assets/css/abstracts/_mixins.scss","webpack://coupons-form/./assets/js/src/gift-cards-form.scss","webpack://coupons-form/./assets/js/src/vouchers-list.scss","webpack://coupons-form/./assets/js/src/promotions-form.scss","webpack://coupons-form/./node_modules/@wordpress/base-styles/_colors.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-totals-gift-card__form {\n  input:disabled {\n    background-color: #eee;\n  }\n\n  .wc-block-components-totals-coupon__input {\n    margin-top: 0;\n  }\n\n  .wc-block-components-totals-gift-card__buttons-container {\n    button {\n      margin-top: 8px;\n    }\n\n    display: flex;\n    flex-direction: column;\n  }\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-totals-vouchers__content {\n  .amount-deducted {\n    color: #7AD03AFF;\n    font-weight: bold;\n  }\n\n  .wc-block-components-chip__text {\n    word-break: break-word;\n  }\n\n  margin-bottom: 8px;\n}\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-totals-promotion__form {\n  margin-bottom: 0;\n\n  .components-combobox-control__suggestions-container {\n    border: 0;\n    padding: 0;\n    position: relative;\n  }\n\n  .components-flex {\n    height: auto;\n    position: relative;\n    padding: 0;\n  }\n\n  .components-flex-item:not(.components-flex-block) {\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    display: flex;\n    align-items: center;\n    margin-right: 0.5rem;\n\n    button {\n      background: transparent;\n    }\n  }\n\n  input.components-combobox-control__input[type=text] {\n    background-color: #fff;\n    border: 1px solid hsla(0, 0%, 7%, .8);\n    border-radius: 4px;\n    box-sizing: border-box;\n    color: #2b2d2f;\n    font-family: inherit;\n    font-size: 1rem;\n    line-height: 1em;\n    margin: 0;\n    padding: 1em;\n    width: 100%;\n\n    &.is-active {\n      padding: 1.5em 0.5em 0.5em;\n    }\n  }\n\n  .components-base-control__field {\n    position: relative;\n  }\n\n  .components-base-control__label {\n    color: hsla(0, 0%, 7%, .5);\n    cursor: text;\n    font-family: inherit;\n    font-size: 1rem;\n    font-style: inherit;\n    font-weight: inherit;\n    left: 0.5625em;\n    letter-spacing: inherit;\n    line-height: 1.25;\n    margin: 0;\n    max-width: calc(100% - 32px);\n    overflow: hidden;\n    position: absolute;\n    text-decoration: inherit;\n    text-overflow: ellipsis;\n    text-transform: inherit;\n    top: 0;\n    transform: translateY(1em);\n    transform-origin: top left;\n    transition: all .2s ease;\n    z-index: 1;\n\n    &.is-active {\n      transform: translateY(0.5em) scale(.875);\n    }\n  }\n\n  $item-height: 2rem;\n\n  .components-form-token-field__suggestions-list {\n    position: absolute;\n    padding: 0;\n    margin: 0;\n    top: 3rem;\n    background: initial;\n    background-color: white;\n    list-style: none;\n    border: 1px solid black;\n    z-index: 100;\n    width: 100%;\n    overflow: scroll;\n    overflow-x: hidden;\n    max-height: calc(4 * $item-height);\n    margin-top:2px;\n\n    li {\n      height: $item-height;\n      padding: 0.5rem;\n      font-size: 1rem;\n      cursor: pointer;\n\n      &:hover {\n        background-color: $gray-900;\n        font-weight: bold;\n      }\n    }\n  }\n\n\n}\n\n.wc-block-components-totals-promotion__button {\n  width: 100%;\n}\n\n.wc-block-components-totals-promotion__available-list {\n  .components-panel__body-toggle {\n    background-color: initial;\n    padding: 0;\n    font-size: 1rem;\n    width: 100%;\n\n    .components-panel__icon {\n      display: none;\n    }\n\n    .components-panel__arrow {\n      vertical-align: top;\n    }\n  }\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"],"names":[],"sourceRoot":""}