{"version":3,"file":"css/controls.css","mappings":"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NNY;AMyHf;AA9GC;ERlFA;EACA,mBAWc;EAVd,mBAUmB;EATnB,uBAS2B;EAR3B,iBALyE;EQsFxE,cNjGY;EF8Ob;AQzBD;AA9GC;EACC;EACA;EACA;EACA;EACA,aNnCiB;EMoCjB,eN/Ca;EMgDb,gBNhHM;EMiHN;ER2DD,kBE3Ge;EMmDd,yCNjCgB;EMkChB;EACA;EACA;AA+GF;AA3GC;EACC;EACA;EACA;EACA,kBN/Da;EMgEb,0CN5CsB;AMyJxB;AAzGC;ERtHA;EACA,mBQuHsB;ERtHtB,mBQsH2B;ERrH3B,2BQqHmC;ERpHnC,iBALyE;EAuHzE;EQIC,6BNrEO;EMsEP,QNpGW;EMqGX;AA8GF;AA5GE;EACC,cN3IW;EM4IX;AA8GH;AAzGC;EACC;EACA;EACA;ER8CD,eEnJc;EFqJd,gBEnJkB;EMsGjB,cN3JW;EM4JX;AA2GF;AAzGE;EACC,cN3JW;AMsQd;AAtGC;EACC;EACA;EACA;AAwGF;AArGE;EACC,UNzFe;AMgMlB;AApGE;EACC,mBNlKoB;AMwQvB;AAnGE;EACC,mBNrKoB;EFgKtB,kBE1GkB;AMqNnB;AAlGG;EACC,mBNzKyB;AM6Q7B;AA9FC;ER9KA;EACA,mBQ+KsB;ER9KtB,mBQ8K2B;ER7K3B,2BQ6KmC;ER5KnC,iBALyE;EAuHzE;EAgEA,eEnJc;EFqJd,gBEnJkB;EM8IjB,cNnMW;EMoMX;ER8CD;EQ3CC,QNhKW;AMmQb;AAjGE;EACC,mBNrMU;AMwSb;AAhGE;EACC;EACA;AAkGH;AAhGG;EACC;AAkGJ;AA9FE;EACC,cN/Ma;EMgNb;AAgGH;AA9FG;EACC;AAgGJ;AA1FC;EACC,WNpMc;EMqMd,YNrMc;EMsMd;EACA;EACA;AA4FF;AAxFC;EACC;ER5BD;EACA;EACA;AQuHD;AAvFC;ER3GA;EQ8GC;EACA,cNjPY;EFkMb,eEnJc;EFoJd,mBAF+C;EAG/C,gBEnJkB;EMmMjB;AAyFF;AArFC;EACC;ERvDD,eEpJc;EFsJd,gBEnJkB;EM2MjB,cN5PY;AMmVd;AAjFE;EACC;AAmFH;AAhFE;EACC;EACA,oENrLY;AMuQf;AA5EE;EACC,mBN9QU;EM+QV,cN5Qa;EM6Qb;EACA,kBN7QW;AM2Vd;AA5EG;EACC,kBNhRU;AM8Vd;AA1EE;EACC,cNtRa;AMkWhB;AAzEE;EACC,cN1Ra;AMqWhB;AArEE;EACC;AAuEH;;AAjEA;EAIE;IACC,kBNjTK;EMkXN;EA/DC;IACC;IACA,oENhOyB;EMiS3B;EA3DC;IACC,gBN5TI;IM6TJ,WN9TI;EM2XN;AACF;AAvDA;EAIE;IAIC;EAmDD;AACF,C;;;;ARvYA;;;;;;;;EAAA;AAgBA;;EAAA;AAWA;;EAAA;AAuBA;;EAAA;AAsCA;;EAAA;AAQA;;EAAA;AAQA;;EAAA;AAaA;;EAAA;AAiBA;;EAAA;AAiBA;;EAAA;AAmBA;;EAAA;AAWA;;EAAA;AAiBA;;EAAA;AASA;;EAAA;AAgBA;;EAAA;AAmBA;;EAAA;AAOA;;EAAA;AAqBA;;EAAA;AAuBA;;EAAA;AAcA;;EAAA;AA6CA;;EAAA;AAuBA;;EAAA;AA8BA;;EAAA;AAiBA;;EAAA;AAgBA;;EAAA;AAQA;;EAAA;AAkBA;;EAAA;AA8BA;;EAAA;AAwBA;;EAAA;AAiBA;;EAAA;AAYA;EAEC;IACC;ESncA;AACF;ATscA;EAEC;IACC;ESrcA;AACF;ATwcA;;EAAA;AASA;EAEC;IACC;IACA;ES7cA;AACF;ATodA;;EAAA;AAYA;;EAAA;AAkBA;;EAAA;AAwBA;;EAAA;AS5mBA;ETIC;EACA,mBSJqB;ETKrB,mBSL0B;ETM1B,2BAJsD;EAKtD,iBALyE;ESDzE,SP0BY;EOzBZ;EACA,gBAbc;AAiIf;AA9GC;EACC;EACA;EACA;EACA;EACA,YAxBa;EAyBb,gBAzBa;AAyIf;AAzGC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA2GF;AAzGE;EACC;AA2GH;AAnGC;EACC,sBPnDY;EOoDZ;EACA;EACA;EACA;EACA,WA7DY;EA8DZ;EACA;EACA;EACA;AAqGF;AA9FC;EACC;EACA;EACA,WA3EY;EA4EZ;EACA;EACA;EACA;EACA;AAgGF;AA7FG;EADD;IAEE;EAgGF;AACF;AAxFC;EACC;EACA;EACA,YA/FW;EAgGX;EACA;EACA;EACA;EACA;EACA;EACA;EACA,WAvGW;EAwGX;EACA;EACA;EACA;AA0FF;AAxFE;EACC;EACA;EACA;AA0FH;AAtFG;EADD;IAEE;EAyFF;AACF;AAtFE;EACC,yBPvHa;AO+MhB;AApFC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAsFF;AApFE;EACC,yBPvIa;AO6NhB;AAlFG;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAoFJ;AA3EC;EACC;EACA;EACA;EACA;EACA;EACA;AA6EF;AA1EC;EACC;EACA;EACA;EACA;EACA;EACA;EACA,sBPnLM;EOoLN;AA4EF;AA1EE;EACC;AA4EH;AAxEC;EACC,cPtLc;EOuLd,eP9Ia;EO+Ib;EACA;EACA;EACA;EACA;AA0EF;AAxEE;EACC;EACA;EACA;AA0EH;AAvEE;EACC,WPlMS;AO2QZ;AAjEC;EACC,8BAhNW;EAiNX,kBPnJiB;EOoJjB,WPtNM;EOuNN,ePvKa;EOwKb;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAmEF;AAjEE;EAfD;IAgBE,iEACC;EAmEF;AACF;AAhEE;EACC;AAkEH;AA/DE;EACC;AAiEH;AA9DE;EACC;AAgEH;AAxDC;EACC;AA0DF;AAxDE;EACC,gBA5PY;EA6PZ;AA0DH;AAlDC;EACC;EACA;AAoDF;AAhDE;EACC,mBPtOU;AOwRb,C;;;;ACrUA;;;;;;;EAAA;AASA;EACC;EACA;EACA;EACA;AAAD;AAGC;EACC;EACA;AADF;AAKC;EACC;EACA;AAHF;AAOC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AALF;AAOE;EACC;AALH;AASE;EACC;EACA;AAPH;AAWE;EACC;EACA;EACA;EACA;AATH;AAaE;EACC;EACA;AAXH;AAgBC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAdF;AAgBE;EACC;EACA;AAdH;AAiBE;EACC;EACA;AAfH;AAkBE;EACC;AAhBH;AAqBC;EACC;EACA;AAnBF;;AA0BE;EACC;EACA;AAvBH;AAyBG;EACC;AAvBJ;AA0BG;EACC;EACA;AAxBJ;AA4BE;EACC;AA1BH;AA4BG;EACC;EACA;AA1BJ;AA6BG;EACC;AA3BJ,C","sources":["webpack://redfoxThankYou.controls/./src/_mixins.scss","webpack://redfoxThankYou.controls/./src/controls/base-control/style.scss","webpack://redfoxThankYou.controls/./src/_variable.scss","webpack://redfoxThankYou.controls/./src/controls/box-control/style.scss","webpack://redfoxThankYou.controls/./src/controls/button-group/style.scss","webpack://redfoxThankYou.controls/./src/controls/color-picker/style.scss","webpack://redfoxThankYou.controls/./src/controls/gradient-picker/style.scss","webpack://redfoxThankYou.controls/./src/controls/media-upload/style.scss","webpack://redfoxThankYou.controls/./src/controls/select/style.scss","webpack://redfoxThankYou.controls/./src/controls/range-control/style.scss","webpack://redfoxThankYou.controls/./src/controls/sortable/style.scss"],"sourcesContent":["/**\n * Redfox Thank You Plugin - SCSS Mixins\n *\n * Reusable mixins for consistent styling across the plugin\n * These mixins should be generic and widely reusable\n *\n * @package RedfoxThankYou\n * @since 1.0.0\n */\n\n@use \"./variable\" as vars;\n\n// ==========================================================================\n// LAYOUT MIXINS\n// ==========================================================================\n\n/**\n * Flexbox layouts\n */\n@mixin flex($direction: row, $align: center, $justify: flex-start, $wrap: nowrap) {\n\tdisplay: flex;\n\tflex-direction: $direction;\n\talign-items: $align;\n\tjustify-content: $justify;\n\tflex-wrap: $wrap;\n}\n\n/**\n * Common flex shortcuts\n */\n@mixin flex-center {\n\n\t@include flex(row, center, center);\n}\n\n@mixin flex-between {\n\n\t@include flex(row, center, space-between);\n}\n\n@mixin flex-column {\n\n\t@include flex(column, stretch, flex-start);\n}\n\n@mixin flex-space-between {\n\n\t@include flex(row, center, space-between);\n}\n\n/**\n * Positioning\n */\n@mixin position($type, $top: null, $right: null, $bottom: null, $left: null) {\n\tposition: $type;\n\n\t@if $top {\n\t\ttop: $top;\n\t}\n\n\t@if $right {\n\t\tright: $right;\n\t}\n\n\t@if $bottom {\n\t\tbottom: $bottom;\n\t}\n\n\t@if $left {\n\t\tleft: $left;\n\t}\n}\n\n@mixin absolute-fill {\n\n\t@include position(absolute, 0, 0, 0, 0);\n}\n\n@mixin center-absolute {\n\n\t@include position(absolute, 50%, null, null, 50%);\n\ttransform: translate(-50%, -50%);\n}\n\n// ==========================================================================\n// SIZING MIXINS\n// ==========================================================================\n\n/**\n * Size helper\n */\n@mixin size($width, $height: $width) {\n\twidth: $width;\n\theight: $height;\n}\n\n/**\n * Square helper\n */\n@mixin square($size) {\n\n\t@include size($size);\n}\n\n/**\n * Circle helper\n */\n@mixin circle($size) {\n\n\t@include square($size);\n\tborder-radius: 50%;\n}\n\n// ==========================================================================\n// SPACING MIXINS\n// ==========================================================================\n\n/**\n * Margin helpers\n */\n@mixin margin($top: 0, $right: $top, $bottom: $top, $left: $right) {\n\tmargin: $top $right $bottom $left;\n}\n\n@mixin margin-x($value) {\n\tmargin-left: $value;\n\tmargin-right: $value;\n}\n\n@mixin margin-y($top, $bottom: $top) {\n\tmargin-top: $top;\n\tmargin-bottom: $bottom;\n}\n\n/**\n * Padding helpers\n */\n@mixin padding($top: 0, $right: $top, $bottom: $top, $left: $right) {\n\tpadding: $top $right $bottom $left;\n}\n\n@mixin padding-x($value) {\n\tpadding-left: $value;\n\tpadding-right: $value;\n}\n\n@mixin padding-y($top, $bottom: $top) {\n\tpadding-top: $top;\n\tpadding-bottom: $bottom;\n}\n\n/**\n * Remove spacing\n */\n@mixin no-spacing {\n\tmargin: 0 !important;\n\tpadding: 0 !important;\n}\n\n@mixin remove-last-margin {\n\n\t> *:last-child {\n\t\tmargin-bottom: 0 !important;\n\t}\n}\n\n// ==========================================================================\n// BORDER & BACKGROUND MIXINS\n// ==========================================================================\n\n/**\n * Border helpers\n */\n@mixin border($width: vars.$border-width, $style: solid, $color: vars.$border-color) {\n\tborder: $width $style $color;\n}\n\n@mixin border-radius($radius: vars.$border-radius) {\n\tborder-radius: $radius;\n}\n\n/**\n * Background helpers\n */\n@mixin bg-pattern($color1: vars.$gray-pattern, $color2: transparent, $size: vars.$spacing-md) {\n\tbackground-image:\n\t\tlinear-gradient(45deg, $color1 25%, $color2 25%),\n\t\tlinear-gradient(-45deg, $color1 25%, $color2 25%),\n\t\tlinear-gradient(45deg, $color2 75%, $color1 75%),\n\t\tlinear-gradient(-45deg, $color2 75%, $color1 75%);\n\tbackground-size: $size $size;\n\tbackground-position: 0 0, 0 calc($size / 2), calc($size / 2) calc($size / -2), calc($size / -2) 0;\n}\n\n// ==========================================================================\n// TYPOGRAPHY MIXINS\n// ==========================================================================\n\n/**\n * Font helpers\n */\n@mixin font($size: vars.$font-size-md, $weight: normal, $line-height: vars.$line-height-base) {\n\tfont-size: $size;\n\tfont-weight: $weight;\n\tline-height: $line-height;\n}\n\n/**\n * Text truncation\n */\n@mixin truncate {\n\toverflow: hidden;\n\twhite-space: nowrap;\n\ttext-overflow: ellipsis;\n}\n\n@mixin truncate-lines($lines: 2) {\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: $lines;\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n}\n\n/**\n * Screen reader text\n */\n@mixin sr-only {\n\tposition: absolute !important;\n\twidth: 1px;\n\theight: 1px;\n\tpadding: 0;\n\tmargin: -1px;\n\toverflow: hidden;\n\tclip: rect(0, 0, 0, 0);\n\twhite-space: nowrap;\n\tborder: 0;\n}\n\n// ==========================================================================\n// INTERACTION MIXINS\n// ==========================================================================\n\n/**\n * Transition helper\n */\n@mixin transition($property: all, $duration: vars.$transition-duration, $easing: vars.$transition-easing) {\n\ttransition: $property $duration $easing;\n}\n\n/**\n * Hover effects\n */\n@mixin hover-lift($scale: 1.05) {\n\n\t@include transition(transform);\n\n\t&:hover {\n\t\ttransform: scale($scale);\n\t}\n}\n\n@mixin hover-fade($opacity: 0.7) {\n\n\t@include transition(opacity);\n\n\t&:hover {\n\t\topacity: $opacity;\n\t}\n}\n\n/**\n * Focus states\n */\n@mixin focus-outline($color: var(--wp-components-color-foreground, #1e1e1e), $width: vars.$spacing-tiny) {\n\n\t&:focus {\n\t\toutline: none;\n\t\tbox-shadow: 0 0 0 $width $color;\n\t}\n}\n\n@mixin focus-visible-outline($color: var(--wp-components-color-foreground, #1e1e1e), $width: vars.$spacing-tiny) {\n\n\t&:focus-visible {\n\t\toutline: $width solid $color;\n\t\toutline-offset: $width;\n\t}\n}\n\n// ==========================================================================\n// BUTTON MIXINS\n// ==========================================================================\n\n/**\n * Base button styles\n */\n@mixin btn-reset {\n\tbackground: none;\n\tborder: none;\n\tpadding: 0;\n\tmargin: 0;\n\tfont: inherit;\n\tcolor: inherit;\n\tcursor: pointer;\n\toutline: none;\n}\n\n/**\n * Button base with common styles\n */\n@mixin btn-base(\n\t$padding: vars.$spacing-md,\n\t$btn-size: vars.$button-size,\n\t$has-hover-bg: true,\n\t$has-border: true\n) {\n\n\t@include btn-reset;\n\t@include flex-center;\n\t@include padding($padding);\n\t@include border-radius;\n\t@include transition;\n\n\n\tbackground: transparent;\n\tcolor: vars.$text-color;\n\tmin-height: $btn-size;\n\tmin-width: $btn-size;\n\n\t@if $has-border {\n\n\t\t@include border;\n\t}\n\n\t@if $has-hover-bg {\n\n\t\t&:hover {\n\t\t\tbackground: vars.$gray-hover;\n\t\t}\n\t}\n\n\t&:focus {\n\n\t\t@include focus-outline;\n\t}\n\n\t&:disabled {\n\t\topacity: 0.5;\n\t\tcursor: not-allowed;\n\t}\n}\n\n/**\n * Icon button\n */\n@mixin btn-icon(\n\t$size: vars.$button-size,\n\t$circle: true,\n\t$has-hover-bg: true,\n\t$has-border: true\n) {\n\n\t@include btn-base(0, $size, $has-hover-bg, $has-border);\n\t@include square($size);\n\n\t@if $circle {\n\n\t\t@include circle($size);\n\t}\n}\n\n// ==========================================================================\n// FORM MIXINS\n// ==========================================================================\n\n/**\n * Input field base\n */\n@mixin input-base {\n\n\t@include border;\n\t@include border-radius;\n\t@include padding(vars.$spacing-md);\n\t@include font;\n\t@include transition(border-color, box-shadow);\n\n\tbackground: vars.$white;\n\twidth: 100%;\n\n\t&:focus {\n\n\t\t@include focus-outline;\n\t\tborder-color: var(--wp-components-color-foreground, #1e1e1e);\n\t}\n\n\t&:disabled {\n\t\tbackground: vars.$gray-disabled;\n\t\tcursor: not-allowed;\n\t}\n\n\t&::placeholder {\n\t\tcolor: vars.$gray-text;\n\t}\n}\n\n/**\n * Label styles\n */\n@mixin label-base {\n\n\t@include font(vars.$font-size-xs, vars.$font-weight-medium);\n\t@include margin-y(0, vars.$spacing-md);\n\n\tdisplay: block;\n\tcolor: vars.$text-color;\n\ttext-transform: uppercase;\n}\n\n// ==========================================================================\n// LAYOUT COMPONENT MIXINS\n// ==========================================================================\n\n/**\n * Card/Panel styles\n */\n@mixin card($padding: 0) {\n\n\t@include border;\n\t@include border-radius;\n\n\t@if $padding != 0 {\n\n\t\t@include padding($padding);\n\t}\n\n\tbackground: vars.$white;\n}\n\n/**\n * Card with default padding\n */\n@mixin card-padded($padding: vars.$spacing-xl) {\n\n\t@include card($padding);\n}\n\n/**\n * Dropdown/Popover styles\n */\n@mixin dropdown {\n\n\t@include card;\n\t@include border-radius(vars.$border-radius);\n\n\tposition: absolute;\n\tz-index: vars.$z-index-dropdown;\n\tbox-shadow: vars.$shadow-dropdown;\n\tmin-width: 150px;\n}\n\n// ==========================================================================\n// VISIBILITY MIXINS\n// ==========================================================================\n\n/**\n * Visibility helpers\n */\n@mixin hidden {\n\tvisibility: hidden;\n\topacity: 0;\n}\n\n@mixin visible {\n\tvisibility: visible;\n\topacity: 1;\n}\n\n@mixin show-on-hover($target) {\n\t#{$target} {\n\n\t\t@include hidden;\n\t\t@include transition(visibility, opacity);\n\t}\n\n\t&:hover #{$target} {\n\n\t\t@include visible;\n\t}\n}\n\n// ==========================================================================\n// RESPONSIVE MIXINS\n// ==========================================================================\n\n/**\n * Responsive breakpoints\n */\n@mixin mobile {\n\n\t@media (max-width: 782px) {\n\t\t@content;\n\t}\n}\n\n@mixin tablet {\n\n\t@media (max-width: 1024px) {\n\t\t@content;\n\t}\n}\n\n@mixin desktop {\n\n\t@media (min-width: 1025px) {\n\t\t@content;\n\t}\n}\n\n/**\n * Container with responsive behavior\n */\n@mixin responsive-container($mobile-direction: column) {\n\n\t@include flex;\n\n\t@include mobile {\n\t\tflex-direction: $mobile-direction;\n\t\tgap: vars.$spacing-md;\n\t}\n}\n\n// ==========================================================================\n// ANIMATION MIXINS\n// ==========================================================================\n\n/**\n * Fade animations\n */\n@mixin fade-in($duration: vars.$transition-duration) {\n\topacity: 0;\n\tanimation: fadeIn $duration vars.$transition-easing forwards;\n}\n\n@mixin fade-out($duration: vars.$transition-duration) {\n\tanimation: fadeOut $duration vars.$transition-easing forwards;\n}\n\n@keyframes fadeIn {\n\n\tto {\n\t\topacity: 1;\n\t}\n}\n\n@keyframes fadeOut {\n\n\tto {\n\t\topacity: 0;\n\t}\n}\n\n/**\n * Slide animations\n */\n@mixin slide-in-up($duration: vars.$transition-duration) {\n\ttransform: translateY(20px);\n\topacity: 0;\n\tanimation: slideInUp $duration vars.$transition-easing forwards;\n}\n\n@keyframes slideInUp {\n\n\tto {\n\t\ttransform: translateY(0);\n\t\topacity: 1;\n\t}\n}\n\n// ==========================================================================\n// UTILITY MIXINS\n// ==========================================================================\n\n/**\n * Clearfix for floated elements\n */\n@mixin clearfix {\n\n\t&::after {\n\t\tcontent: \"\";\n\t\tdisplay: table;\n\t\tclear: both;\n\t}\n}\n\n/**\n * Aspect ratio container\n */\n@mixin aspect-ratio($ratio: 16 / 9) {\n\tposition: relative;\n\n\t&::before {\n\t\tcontent: \"\";\n\t\tdisplay: block;\n\t\tpadding-top: calc(100% / #{$ratio});\n\t}\n\n\t> * {\n\n\t\t@include absolute-fill;\n\t}\n}\n\n/**\n * Scrollbar styling\n */\n@mixin custom-scrollbar($width: vars.$scrollbar-width) {\n\n\t&::-webkit-scrollbar {\n\t\twidth: $width;\n\t}\n\n\t&::-webkit-scrollbar-track {\n\t\tbackground: vars.$gray-scrollbar-track;\n\t}\n\n\t&::-webkit-scrollbar-thumb {\n\t\tbackground: vars.$gray-scrollbar-thumb;\n\n\t\t@include border-radius;\n\n\t\t&:hover {\n\t\t\tbackground: vars.$gray-scrollbar-thumb-hover;\n\t\t}\n\t}\n}\n\n/**\n * CSS Triangle\n */\n@mixin triangle($direction: down, $size: 6px, $color: vars.$text-color) {\n\twidth: 0;\n\theight: 0;\n\tborder: $size solid transparent;\n\n\t@if $direction == up {\n\t\tborder-bottom-color: $color;\n\t} @else if $direction == down {\n\t\tborder-top-color: $color;\n\t} @else if $direction == left {\n\t\tborder-right-color: $color;\n\t} @else if $direction == right {\n\t\tborder-left-color: $color;\n\t}\n}\n","@use \"../../variable\" as vars;\n@use \"../../mixins\" as mixins;\n\n.redfox-thank-you-base-control {\n\n\t@include mixins.margin-y(0, vars.$spacing-xl);\n\n\t&--no-bottom-margin {\n\t\tmargin-bottom: 0;\n\t}\n\n\t&--inline {\n\n\t\t@include mixins.flex-between;\n\t\tflex-wrap: wrap;\n\n\t\t.redfox-thank-you-base-control {\n\n\t\t\t&__label-wrapper {\n\n\t\t\t\t@include mixins.margin(0, vars.$spacing-md, 0, 0);\n\t\t\t\tflex: 0 0 auto;\n\t\t\t}\n\n\t\t\t&__label {\n\t\t\t\tmargin-bottom: 0 !important;\n\t\t\t}\n\n\t\t\t&__help {\n\n\t\t\t\t@include mixins.margin(0, 0, 0, vars.$spacing-md);\n\t\t\t\tmargin-top: 0;\n\t\t\t\twidth: 100%;\n\t\t\t}\n\t\t}\n\n\t\t&.redfox-thank-you-base-control--half-width {\n\n\t\t\t.redfox-thank-you-base-control__field {\n\t\t\t\twidth: 37%;\n\t\t\t}\n\t\t}\n\t}\n\n\t&__label {\n\n\t\t@include mixins.label-base;\n\t\t@include mixins.flex(row, center);\n\t\tbox-sizing: border-box;\n\t\tpadding-top: 0;\n\t\tpadding-bottom: 0;\n\t\tmax-width: 100%;\n\t\tz-index: 1;\n\n\t\t&-wrapper {\n\n\t\t\t@include mixins.flex(row, center);\n\t\t\t@include mixins.margin-y(0, vars.$spacing-md);\n\n\t\t\t.redfox-thank-you-base-control__label {\n\t\t\t\tmargin-bottom: 0;\n\t\t\t}\n\t\t}\n\n\t\t&-text {\n\n\t\t\t@include mixins.truncate;\n\t\t\tdisplay: inline-block;\n\t\t}\n\n\t\t&.screen-reader-text {\n\n\t\t\t@include mixins.sr-only;\n\t\t}\n\n\t\t&-required {\n\t\t\tcolor: vars.$red-error;\n\n\t\t\t@include mixins.margin(0, 0, 0, vars.$spacing-tiny);\n\t\t}\n\t}\n\n\t&__reset-button {\n\n\t\t&.components-button.is-small.has-icon:not(.has-text) {\n\n\t\t\t@include mixins.btn-icon(vars.$reset-button-size, false, false, false);\n\t\t\t@include mixins.margin(0, 0, 0, vars.$spacing-small);\n\t\t\t@include mixins.hover-fade;\n\t\t\tcolor: vars.$text-color !important;\n\t\t\topacity: 0.5;\n\n\t\t\tsvg {\n\t\t\t\twidth: vars.$reset-button-size !important;\n\t\t\t\theight: vars.$reset-button-size !important;\n\t\t\t}\n\n\t\t\t&:hover {\n\t\t\t\topacity: 1;\n\t\t\t}\n\n\t\t\t&:focus {\n\t\t\t\topacity: 1;\n\t\t\t\tbox-shadow: 0 0 0 vars.$spacing-tiny var(--wp-admin-theme-color);\n\t\t\t}\n\t\t}\n\t}\n\n\t&__help-icon-wrapper {\n\t\t@include mixins.flex(row, center, center);\n\t\tcolor: vars.$text-color;\n\n\t\tsvg {\n\t\t\twidth: vars.$help-button-size;\n\t\t\theight: vars.$help-button-size;\n\t\t\tmargin-left: vars.$spacing-small;\n\t\t\tvisibility: hidden;\n\t\t\topacity: 0;\n\t\t\ttransform: translateX(5px);\n\t\t\ttransition: all 0.3s ease-in-out;\n\t\t}\n\t}\n\n\t&__field {\n\t\tposition: relative;\n\t}\n\n\t&__help {\n\t\tmargin: vars.$spacing-md 0 0 !important;\n\t\tfont-size: vars.$font-size-sm;\n\t\tfont-style: normal;\n\t\tcolor: vars.$gray-medium;\n\t\tline-height: vars.$line-height-base;\n\n\t\t&:empty {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n\n\t&__pro-badge {\n\t\tdisplay: inline-block;\n\t\tbackground: #fcb900;\n\t\tcolor: #222;\n\t\tfont-size: 11px;\n\t\tfont-weight: 700;\n\t\tborder-radius: 2px;\n\t\tpadding: 0 6px;\n\t\tmargin-left: 8px;\n\t\tvertical-align: middle;\n\t\tletter-spacing: 0.5px;\n\t\ttext-transform: uppercase;\n\t\tline-height: 1.6;\n\t}\n\n\t&--pro {\n\n\t\t.redfox-thank-you-base-control__field {\n\t\t\topacity: 0.5;\n\t\t\tpointer-events: none;\n\t\t}\n\t}\n\n\t// Ensure proper spacing when used within WordPress panels\n\t.components-panel__body & {\n\t\tmargin-bottom: vars.$spacing-xl;\n\n\t\t&:last-child {\n\t\t\tmargin-bottom: 0;\n\t\t}\n\t}\n\n\t// Handle nested controls gracefully\n\t& & {\n\t\tmargin-bottom: vars.$spacing-lg;\n\t}\n\n\t// Support for WordPress component integration\n\t.components-base-control & {\n\t\tmargin-bottom: 0;\n\t}\n\n\t// // Dark mode support\n\t// @media (prefers-color-scheme: dark) {\n\t//     &__label {\n\t//         color: #f0f0f0;\n\t//     }\n\n\t//     &__help {\n\t//         color: #a7aaad;\n\t//     }\n\t// }\n\n\t// High contrast mode support\n\t@media (prefers-contrast: high) {\n\n\t\t&__label {\n\t\t\tcolor: inherit;\n\t\t\tfont-weight: 600;\n\t\t}\n\n\t\t&__help {\n\t\t\tcolor: inherit;\n\t\t}\n\t}\n\n\t&:hover {\n\n\t\t.redfox-thank-you-base-control__help-icon-wrapper > svg {\n\t\t\tvisibility: visible;\n\t\t\topacity: 1;\n\t\t\ttransform: translateX(0);\n\t\t}\n\t}\n}\n\n// All other common component styles.\n.redfox-thank-you-base-control {\n\n\t.redfox-thank-you-base-control__field {\n\n\t\t.components-input-control {\n\n\t\t\t.components-input-control__input {\n\t\t\t\theight: vars.$control-min-height;\n\t\t\t\tmin-height: vars.$control-min-height;\n\t\t\t\tpadding-left: vars.$spacing-sm;\n\t\t\t}\n\n\t\t\t.components-unit-control__select {\n\t\t\t\tmargin-inline-end: calc(vars.$spacing-micro);\n\t\t\t\theight: calc(vars.$control-min-height - vars.$spacing-tiny);\n\n\t\t\t\t&:not(:disabled) {\n\t\t\t\t\tcolor: vars.$text-color;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.components-input-control__backdrop {\n\t\t\t\tborder-color: vars.$border-color;\n\t\t\t}\n\n\t\t\t.components-input-base {\n\n\t\t\t\t&:focus-within {\n\n\t\t\t\t\t&:not(:has(.components-input-control__suffix:focus-within)) {\n\n\t\t\t\t\t\t.components-input-control__backdrop {\n\t\t\t\t\t\t\tbox-shadow: none;\n\t\t\t\t\t\t\tborder-color: vars.$base-color;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n","// Redfox Thank You Plugin Variables\n// This file contains all the global variables used throughout the plugin\n\n// Colors\n$base-color: #1e1e1e !default;\n$text-color: $base-color !default;\n$white: #fff !default;\n$black: #000 !default;\n$gray-medium: #757575 !default;\n$gray-light: #f0f0f0 !default;\n$gray-lighter: #f9f9f9 !default;\n$gray-lightest: #fafafa !default;\n$gray-disabled: #a0a5aa !default;\n$gray-border: #ddd !default;\n$gray-border-light: #eee !default;\n$gray-text: #666 !default;\n$gray-text-light: #555 !default;\n$gray-scrollbar-track: #f1f1f1 !default;\n$gray-scrollbar-thumb: #c1c1c1 !default;\n$gray-scrollbar-thumb-hover: #a8a8a8 !default;\n$gray-pattern: #ccc !default;\n\n// Status colors\n$red-error: #d63638 !default;\n\n// Legacy colors (keep for backward compatibility)\n$border-color: $gray-border !default;\n\n// Sizes\n$reset-button-size: 16px !default;\n$help-button-size: 16px !default;\n$button-size: 30px !default;\n$control-min-height: 30px !default;\n$clear-button-size: 20px !default;\n$checkbox-size: 16px !default;\n\n// Component sizes\n$panel-header-height: 48px !default;\n$responsive-toggle-size: 24px !default;\n\n// Spacing\n$spacing-xs: 4px !default;\n$spacing-sm: 6px !default;\n$spacing-md: 8px !default;\n$spacing-lg: 12px !default;\n$spacing-xl: 16px !default;\n\n// Micro spacing for fine adjustments\n$spacing-micro: 1px !default;\n$spacing-tiny: 2px !default;\n$spacing-small: 3px !default;\n\n// Typography\n$font-size-xs: 11px !default;\n$font-size-sm: 12px !default;\n$font-size-md: 13px !default;\n$font-weight-medium: 500 !default;\n$line-height-base: 1.4 !default;\n\n// Icon sizes\n$icon-size-sm: 16px !default;\n$icon-size-md: 18px !default;\n$icon-size-lg: 20px !default;\n$icon-size-xl: 24px !default;\n\n// Hover and interaction colors\n$gray-hover: #e0e0e0 !default;\n$gray-hover-dark: #ccc !default;\n\n// Border and radius\n$border-width: 1px !default;\n$border-radius: 2px !default;\n$border-radius-sm: 4px !default;\n$border: $border-width solid $border-color !default;\n\n// Transitions\n$transition-duration: 0.15s !default;\n$transition-easing: ease-in-out !default;\n$transition-all: all $transition-duration $transition-easing !default;\n\n// Z-index\n$z-index-dropdown: 1000 !default;\n\n// Layout\n$menu-max-height: 200px !default;\n$options-max-height: 150px !default;\n$scrollbar-width: 8px !default;\n\n// Box shadows\n$shadow-dropdown: 0 2px 6px rgba(0, 0, 0, 0.13) !default;\n$shadow-dropdown-above: 0 -2px 6px rgba(0, 0, 0, 0.13) !default;\n$shadow-focus: 0 0 0 $border-width var(--wp-components-color-foreground, #1e1e1e) !default;\n$shadow-focus-high-contrast: 0 0 0 2px var(--wp-components-color-foreground, #1e1e1e) !default;\n","@use \"../../variable\" as vars;\n@use \"../../mixins\" as mixins;\n\n.redfox-thank-you-box-control {\n\n\t&__inputs {\n\t\tdisplay: grid;\n\t\tgrid-template-columns: 1fr 1fr;\n\t\tgrid-template-rows: 1fr 1fr;\n\t\tgap: vars.$spacing-xl;\n\t\twidth: 100%;\n\t}\n\n\t&__input-wrapper {\n\n\t\t@include mixins.flex(column);\n\t\tgap: vars.$spacing-xs;\n\n\t\t&--top {\n\t\t\tgrid-column: 1 / 3;\n\t\t\tgrid-row: 1;\n\n\t\t\t.components-base-control {\n\t\t\t\tmax-width: 116px;\n\t\t\t}\n\t\t}\n\n\t\t&--right {\n\t\t\tgrid-column: 2;\n\t\t\tgrid-row: 2;\n\t\t}\n\n\t\t&--bottom {\n\t\t\tgrid-column: 1 / 3;\n\t\t\tgrid-row: 3;\n\n\t\t\t.components-base-control {\n\t\t\t\tmax-width: 116px;\n\t\t\t}\n\t\t}\n\n\t\t&--left {\n\t\t\tgrid-column: 1;\n\t\t\tgrid-row: 2;\n\t\t}\n\t}\n\n\t&__side-label {\n\n\t\t@include mixins.font(vars.$font-size-xs, vars.$font-weight-medium);\n\t\tcolor: vars.$base-color;\n\t\ttext-align: center;\n\t\ttext-transform: uppercase;\n\t\tletter-spacing: 0.5px;\n\t\tmargin: 0;\n\t\tcursor: default;\n\t}\n\n\t&__link-button {\n\n\t\t@include mixins.size(vars.$clear-button-size);\n\t\tpadding: 0;\n\n\t\t@include mixins.flex-center;\n\t\tposition: absolute;\n\t\ttop: -25px;\n\t\tright: 0;\n\t\tz-index: 9;\n\n\t\t&.components-button.is-small.has-icon:not(.has-text) {\n\n\t\t\t@include mixins.size(vars.$icon-size-lg);\n\t\t\tmin-width: vars.$icon-size-lg;\n\t\t\tbox-shadow: none;\n\t\t\tcolor: vars.$base-color;\n\t\t}\n\n\t\tsvg {\n\n\t\t\t@include mixins.size(vars.$icon-size-lg);\n\t\t}\n\t}\n\n\t&--linked {\n\n\t\t.redfox-thank-you-box-control__inputs {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n\n\t&--disabled {\n\t\topacity: 0.6;\n\t\tpointer-events: none;\n\t}\n\n\t&--radius {\n\t\t.redfox-thank-you-box-control__input-wrapper {\n\t\t\t&--top {\n\t\t\t\tgrid-column: 1;\n\t\t\t\tgrid-row: 1;\n\t\t\t}\n\t\t\n\t\t\t&--right {\n\t\t\t\tgrid-column: 2;\n\t\t\t\tgrid-row: 1;\n\t\t\t}\n\t\t\n\t\t\t&--bottom {\n\t\t\t\tgrid-column: 2;\n\t\t\t\tgrid-row: 2;\n\t\t\t}\n\t\t\n\t\t\t&--left {\n\t\t\t\tgrid-column: 1;\n\t\t\t\tgrid-row: 2;\n\t\t\t}\n\t\t}\n\t}\n\n\t// Responsive adjustments\n\t@media (max-width: 600px) {\n\n\t\t&__inputs {\n\t\t\tgrid-template-columns: 1fr;\n\t\t\tgrid-template-rows: repeat(4, 1fr);\n\t\t}\n\n\t\t&__input-wrapper {\n\n\t\t\t&--top {\n\t\t\t\tgrid-column: 1;\n\t\t\t\tgrid-row: 1;\n\t\t\t}\n\n\t\t\t&--right {\n\t\t\t\tgrid-column: 1;\n\t\t\t\tgrid-row: 2;\n\t\t\t}\n\n\t\t\t&--bottom {\n\t\t\t\tgrid-column: 1;\n\t\t\t\tgrid-row: 3;\n\t\t\t}\n\n\t\t\t&--left {\n\t\t\t\tgrid-column: 1;\n\t\t\t\tgrid-row: 4;\n\t\t\t}\n\t\t}\n\n\t\t&__side-label {\n\t\t\ttext-align: left;\n\t\t}\n\t}\n}\n","@use \"../../variable\" as vars;\n@use \"../../mixins\" as mixins;\n\n.redfox-thank-you-button-group {\n\n\t@include mixins.flex(row, stretch);\n\tgap: 0;\n\n\t@include mixins.border;\n\t@include mixins.border-radius;\n\toverflow: hidden;\n\n\t&__button {\n\n\t\t@include mixins.btn-reset;\n\t\t@include mixins.flex-center;\n\t\t@include mixins.transition;\n\t\tflex: 1;\n\n\t\t@include mixins.no-spacing;\n\t\tborder: none !important;\n\t\tborder-radius: 0 !important;\n\t\tbackground: transparent !important;\n\t\tcolor: vars.$text-color !important;\n\t\tmin-height: vars.$button-size;\n\t\tposition: relative;\n\t\tbox-shadow: none !important;\n\t\tmin-width: vars.$button-size;\n\n\t\t@include mixins.padding(0, vars.$spacing-md);\n\n\t\t&:hover {\n\t\t\tbackground: vars.$gray-hover !important;\n\t\t}\n\n\t\t&:focus {\n\t\t\tbox-shadow: inset 0 0 0 vars.$spacing-tiny var(--wp-components-color-foreground, #1e1e1e) !important;\n\t\t\toutline: none !important;\n\t\t}\n\n\t\t&.is-selected {\n\t\t\tbackground: var(--wp-components-color-foreground, #1e1e1e) !important;\n\t\t\tcolor: var(--wp-components-color-foreground-inverted, #fff) !important;\n\t\t}\n\n\t\t.components-button__content {\n\n\t\t\t@include mixins.flex-center;\n\t\t}\n\n\t\t&.components-button {\n\n\t\t\t@include mixins.padding(0, vars.$spacing-lg);\n\t\t\t@include mixins.size(vars.$button-size, vars.$button-size);\n\n\t\t\t&.has-icon {\n\n\t\t\t\t@include mixins.padding(0, vars.$spacing-md);\n\t\t\t\tmin-width: vars.$button-size;\n\t\t\t}\n\t\t}\n\t}\n}\n","@use \"../../variable\" as vars;\n@use \"../../mixins\" as mixins;\n\n.redfox-thank-you-color-picker {\n\n\t@include mixins.flex(row, center, flex-end);\n\n\t&__controls {\n\n\t\t@include mixins.flex(row, center);\n\t\tgap: 8px;\n\t}\n\n\t&__trigger {\n\n\t\t@include mixins.circle(30px);\n\t\t@include mixins.border(vars.$border-width, solid, vars.$border-color);\n\t\t@include mixins.transition(border-color);\n\t\tcursor: pointer;\n\t\tposition: relative;\n\t\toverflow: hidden;\n\t\tbackground-color: vars.$white;\n\n\t\t&::after {\n\t\t\tcontent: \"\";\n\n\t\t\t@include mixins.absolute-fill;\n\t\t\t@include mixins.border-radius(vars.$border-radius-sm);\n\t\t\t@include mixins.bg-pattern;\n\t\t\tz-index: 1;\n\t\t}\n\n\t\t&::before {\n\t\t\tcontent: \"\";\n\n\t\t\t@include mixins.absolute-fill;\n\t\t\tbackground-color: var(--redfox-thank-you-color-picker-background, transparent);\n\t\t\tz-index: 2;\n\t\t}\n\n\t\t&:hover {\n\t\t\tborder-color: var(--wp-components-color-foreground, #1e1e1e);\n\t\t}\n\n\t\t&:focus {\n\n\t\t\t@include mixins.focus-outline;\n\t\t\tborder-color: var(--wp-components-color-foreground, #1e1e1e);\n\t\t}\n\t}\n\n\t&__placeholder {\n\n\t\t@include mixins.center-absolute;\n\t\t@include mixins.font(10px);\n\t\tcolor: #666;\n\t\tpointer-events: none;\n\t\ttext-align: center;\n\t\twhite-space: nowrap;\n\t}\n\n\t&__reset {\n\n\t\t@include mixins.font(12px);\n\t\t@include mixins.size(auto, 28px);\n\t\t@include mixins.padding(0, 8px);\n\t}\n\n\t&__popover {\n\t\tz-index: 999999;\n\n\t\t.components-popover__content {\n\n\t\t\t@include mixins.no-spacing;\n\t\t\tpadding: 0;\n\t\t\tmin-width: 280px;\n\t\t}\n\t}\n\n\t&__content {\n\n\t\t@include mixins.card(16px);\n\t\tbox-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);\n\n\t\t.components-color-palette {\n\t\t\twidth: 100%;\n\n\t\t\t.components-color-palette__item {\n\n\t\t\t\t@include mixins.margin(2px);\n\n\t\t\t\t.components-color-palette__item-wrapper {\n\n\t\t\t\t\t@include mixins.border-radius(4px);\n\t\t\t\t\t@include mixins.transition(transform);\n\n\t\t\t\t\t&:hover {\n\n\t\t\t\t\t\t@include mixins.hover-lift(1.1);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.components-color-palette__custom-color {\n\n\t\t\t\t@include mixins.margin(8px, 0, 0, 0);\n\t\t\t\t@include mixins.border-radius(4px);\n\t\t\t}\n\t\t}\n\t}\n\n\t&__footer {\n\n\t\t@include mixins.flex(row, center, flex-end);\n\t\t@include mixins.margin(12px, 0, 0, 0);\n\t\t@include mixins.padding(12px, 0, 0, 0);\n\t\tborder-top: 1px solid #e0e0e0;\n\n\t\t.components-button {\n\n\t\t\t@include mixins.font(12px);\n\t\t\t@include mixins.size(auto, 28px);\n\t\t\t@include mixins.padding(0, 12px);\n\t\t}\n\t}\n}\n\n// Dark theme support\n.is-dark-theme .redfox-thank-you-color-picker {\n\n\t&__label {\n\t\tcolor: #f0f0f0;\n\t}\n\n\t&__trigger {\n\t\tbackground-image:\n\t\t\tlinear-gradient(45deg, #555 25%, transparent 25%),\n\t\t\tlinear-gradient(-45deg, #555 25%, transparent 25%),\n\t\t\tlinear-gradient(45deg, transparent 75%, #555 75%),\n\t\t\tlinear-gradient(-45deg, transparent 75%, #555 75%);\n\t}\n\n\t&__placeholder {\n\t\tcolor: #ccc;\n\t}\n\n\t&__content {\n\t\tbackground: #1e1e1e;\n\n\t\t@include mixins.border(1px, solid, #3c434a);\n\t}\n\n\t&__footer {\n\t\tborder-top-color: #3c434a;\n\t}\n}\n\n// High contrast mode support\n@media (prefers-contrast: high) {\n\n\t.redfox-thank-you-color-picker {\n\n\t\t&__trigger {\n\t\t\tborder-width: 3px;\n\n\t\t\t&:focus {\n\t\t\t\tbox-shadow: 0 0 0 2px #007cba;\n\t\t\t}\n\t\t}\n\n\t\t&__content {\n\n\t\t\t@include mixins.border(2px, solid, #000);\n\t\t}\n\t}\n}\n\n// Reduced motion support\n@media (prefers-reduced-motion: reduce) {\n\n\t.redfox-thank-you-color-picker {\n\n\t\t&__trigger {\n\t\t\ttransition: none;\n\t\t}\n\t}\n}\n","@use \"../../variable\" as vars;\n@use \"../../mixins\" as mixins;\n\n.redfox-thank-you-gradient-picker {\n\n\t@include mixins.flex(row, center, flex-end);\n\n\t&__controls {\n\n\t\t@include mixins.flex(row, center);\n\t\tgap: 8px;\n\t}\n\n\t&__trigger {\n\n\t\t@include mixins.circle(30px);\n\t\t@include mixins.border(vars.$border-width, solid, vars.$border-color);\n\t\t@include mixins.transition(border-color, 0.15s, ease-in-out);\n\t\tcursor: pointer;\n\t\tposition: relative;\n\t\toverflow: hidden;\n\t\tbackground-color: #fff;\n\n\t\t&::after {\n\t\t\tcontent: \"\";\n\n\t\t\t@include mixins.absolute-fill;\n\t\t\t@include mixins.border-radius(4px);\n\t\t\tbackground-color: transparent;\n\t\t\tbackground-image:\n\t\t\t\tlinear-gradient(45deg, #ccc 25%, transparent 25%),\n\t\t\t\tlinear-gradient(-45deg, #ccc 25%, transparent 25%),\n\t\t\t\tlinear-gradient(45deg, transparent 75%, #ccc 75%),\n\t\t\t\tlinear-gradient(-45deg, transparent 75%, #ccc 75%);\n\t\t\tbackground-size: 8px 8px;\n\t\t\tbackground-position: 0 0, 0 4px, 4px -4px, -4px 0;\n\t\t\tz-index: 1;\n\t\t}\n\n\t\t&::before {\n\t\t\tcontent: \"\";\n\n\t\t\t@include mixins.absolute-fill;\n\t\t\tbackground-image: var(--redfox-thank-you-gradient-picker, transparent);\n\t\t\tz-index: 2;\n\t\t}\n\n\t\t&:hover {\n\t\t\tborder-color: #007cba;\n\t\t}\n\n\t\t&:focus {\n\t\t\toutline: none;\n\t\t\tborder-color: #007cba;\n\t\t\tbox-shadow: 0 0 0 1px #007cba;\n\t\t}\n\t}\n\n\t&__placeholder {\n\n\t\t@include mixins.center-absolute;\n\t\t@include mixins.font(10px);\n\t\tcolor: #666;\n\t\tpointer-events: none;\n\t\ttext-align: center;\n\t\tline-height: 1.2;\n\t\twhite-space: nowrap;\n\t}\n\n\t&__reset {\n\n\t\t@include mixins.font(12px);\n\t\t@include mixins.size(auto, 28px);\n\t\t@include mixins.padding(0, 8px);\n\t}\n\n\t&__popover {\n\t\tz-index: 999999;\n\n\t\t.components-popover__content {\n\t\t\tpadding: 0;\n\t\t\tmin-width: 280px;\n\t\t}\n\t}\n\n\t&__content {\n\t\tpadding: 16px;\n\t\tbackground: #fff;\n\n\t\t@include mixins.border-radius(4px);\n\t\tbox-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);\n\n\t\t.components-gradient-picker {\n\t\t\twidth: 100%;\n\n\t\t\t&__gradient-bar {\n\n\t\t\t\t@include mixins.border-radius(4px);\n\t\t\t\t@include mixins.transition(transform, 0.15s, ease-in-out);\n\n\t\t\t\t&:hover {\n\t\t\t\t\ttransform: scale(1.02);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t&__footer {\n\t\tmargin-top: 12px;\n\t\tpadding-top: 12px;\n\t\tborder-top: 1px solid #e0e0e0;\n\n\t\t@include mixins.flex(row, center, flex-end);\n\n\t\t.components-button {\n\n\t\t\t@include mixins.font(12px);\n\t\t\theight: 28px;\n\t\t\tpadding: 0 12px;\n\t\t}\n\t}\n}\n\n// Dark theme support\n.is-dark-theme .redfox-thank-you-gradient-picker {\n\n\t&__placeholder {\n\t\tcolor: #ccc;\n\t}\n\n\t&__trigger {\n\t\tbackground-image:\n\t\t\tlinear-gradient(45deg, #555 25%, transparent 25%),\n\t\t\tlinear-gradient(-45deg, #555 25%, transparent 25%),\n\t\t\tlinear-gradient(45deg, transparent 75%, #555 75%),\n\t\t\tlinear-gradient(-45deg, transparent 75%, #555 75%);\n\t}\n\n\t&__content {\n\t\tbackground: #1e1e1e;\n\t\tborder: 1px solid #3c434a;\n\t}\n\n\t&__footer {\n\t\tborder-top-color: #3c434a;\n\t}\n}\n\n// High contrast mode support\n@media (prefers-contrast: high) {\n\n\t.redfox-thank-you-gradient-picker {\n\n\t\t&__trigger {\n\t\t\tborder-width: 3px;\n\n\t\t\t&:focus {\n\t\t\t\tbox-shadow: 0 0 0 2px #007cba;\n\t\t\t}\n\t\t}\n\n\t\t&__content {\n\t\t\tborder: 2px solid #000;\n\t\t}\n\t}\n}\n\n// Reduced motion support\n@media (prefers-reduced-motion: reduce) {\n\n\t.redfox-thank-you-gradient-picker {\n\n\t\t&__trigger {\n\t\t\ttransition: none;\n\t\t}\n\t}\n}\n","/**\n * Media Upload Control Styles\n *\n * @package RedfoxThankYou\n * @since 1.0.0\n */\n\n@use \"../../variable\" as vars;\n@use \"../../mixins\" as mixins;\n\n.redfox-thank-you-media-upload-control {\n\n\t&__content {\n\n\t\t@include mixins.flex(column);\n\t\tgap: vars.$spacing-md;\n\t}\n\n\t&__upload-button {\n\n\t\t@include mixins.flex(row, center);\n\t\tgap: vars.$spacing-md;\n\t\tborder: 1px dashed vars.$gray-border;\n\n\t\t@include mixins.border-radius(vars.$border-radius-sm);\n\t\tbackground: vars.$gray-light;\n\n\t\t@include mixins.transition(all, 0.2s, ease);\n\t\theight: auto;\n\n\t\t&.components-button.has-icon {\n\t\t\tcolor: vars.$base-color;\n\t\t\twidth: 100%;\n\t\t\tbox-shadow: none;\n\n\t\t\t@include mixins.padding(32px);\n\n\t\t\t&:hover {\n\n\t\t\t\t&:not(:disabled, [aria-disabled=\"true\"], .is-pressed) {\n\t\t\t\t\tbackground-color: transparent;\n\t\t\t\t\tbox-shadow: none;\n\t\t\t\t\tcolor: vars.$base-color;\n\t\t\t\t\tborder-color: vars.$base-color;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tspan {\n\t\t\tfont-weight: 500;\n\t\t}\n\t}\n\n\t&__preview {\n\t\tborder: vars.$border-width solid vars.$gray-border;\n\n\t\t@include mixins.border-radius(vars.$border-radius-sm);\n\t\toverflow: hidden;\n\t\tbackground: vars.$white;\n\t\tposition: relative;\n\t}\n\n\t&__preview-media {\n\t\tposition: relative;\n\n\t\t@include mixins.flex-center;\n\t\tmin-height: 120px;\n\t\tbackground: vars.$gray-lighter;\n\n\t\t&::after {\n\t\t\tcontent: \"\";\n\n\t\t\t@include mixins.absolute-fill;\n\t\t\tbackground: linear-gradient(0deg, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0) 45%);\n\t\t}\n\t}\n\n\t&__preview-image {\n\t\tmax-width: 100%;\n\t\tmax-height: 200px;\n\t\tobject-fit: contain;\n\n\t\t@include mixins.border-radius;\n\t}\n\n\t&__preview-file {\n\n\t\t@include mixins.flex-center;\n\t\tpadding: 20px;\n\t\tcolor: vars.$gray-text;\n\t\ttext-align: center;\n\t}\n\n\t&__preview-filename {\n\t\tfont-size: 14px;\n\t\tfont-weight: 500;\n\t\tword-break: break-all;\n\t}\n\n\t&__preview-actions {\n\n\t\t@include mixins.flex(row, center, space-between);\n\t\tgap: vars.$spacing-md;\n\n\t\t@include mixins.padding(vars.$spacing-sm);\n\t\tbackground: vars.$gray-lightest;\n\n\t\tposition: absolute;\n\t\tz-index: 9;\n\t\tbottom: 0;\n\t\tleft: 0;\n\t\twidth: 100%;\n\t\tbackground-color: transparent;\n\t\tpointer-events: none;\n\n\n\t\t.components-button {\n\t\t\tpointer-events: all;\n\n\t\t\t&.is-secondary {\n\n\t\t\t\t&.has-icon {\n\t\t\t\t\tcolor: #fff;\n\t\t\t\t\tborder: 1px solid #fff;\n\t\t\t\t\tbox-shadow: none;\n\t\t\t\t\tmin-width: 24px;\n\t\t\t\t\theight: 24px;\n\t\t\t\t\tpadding: 0;\n\t\t\t\t\ttransition: vars.$transition-all;\n\n\t\t\t\t\t&:hover {\n\t\t\t\t\t\tbackground-color: #fff;\n\t\t\t\t\t\tcolor: vars.$base-color;\n\t\t\t\t\t}\n\n\t\t\t\t\t&.is-destructive {\n\n\t\t\t\t\t\t&:hover {\n\t\t\t\t\t\t\tbackground-color: #cc1818;\n\t\t\t\t\t\t\tborder-color: #cc1818;\n\t\t\t\t\t\t\tcolor: #fff;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t&__help {\n\t\tmargin: 0;\n\t\tfont-size: vars.$font-size-sm;\n\t\tcolor: vars.$gray-text;\n\t\tfont-style: italic;\n\t}\n\n\t// Disabled state\n\t&--disabled {\n\t\topacity: 0.6;\n\t\tpointer-events: none;\n\t}\n}\n","// Import variables\n@use \"../../_variable\" as vars;\n@use \"../../mixins\" as mixins;\n\n// Base styles for the SelectControl component following BEM methodology\n.redfox-thank-you-select-control {\n\tposition: relative;\n\twidth: 100%;\n\tfont-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", sans-serif;\n\n\t// Label\n\t&__label {\n\t\tdisplay: block;\n\t\tmargin-bottom: vars.$spacing-sm;\n\n\t\t@include mixins.font(vars.$font-size-xs, vars.$font-weight-medium, vars.$line-height-base);\n\t\ttext-transform: uppercase;\n\t\tcolor: vars.$text-color;\n\t\tletter-spacing: 0.02em;\n\t}\n\n\t// Main wrapper\n\t&__wrapper {\n\t\tposition: relative;\n\t}\n\n\t// Control (clickable area)\n\t&__control {\n\n\t\t@include mixins.flex-between;\n\t\theight: vars.$control-min-height;\n\n\t\t@include mixins.padding(0, vars.$spacing-sm);\n\t\tbackground: vars.$white;\n\n\t\t@include mixins.border;\n\t\t@include mixins.border-radius;\n\t\tcursor: pointer;\n\n\t\t@include mixins.transition(all, vars.$transition-duration, vars.$transition-easing);\n\n\t\t&:hover {\n\t\t\tborder-color: vars.$base-color;\n\t\t}\n\n\t\t&:focus {\n\t\t\toutline: none;\n\t\t\tborder-color: var(--wp-components-color-foreground, #1e1e1e);\n\t\t\tbox-shadow: vars.$shadow-focus;\n\t\t}\n\t}\n\n\t// Value display\n\t&__value {\n\t\tflex: 1;\n\n\t\t@include mixins.font(vars.$font-size-md, null, vars.$line-height-base);\n\t\tcolor: vars.$text-color;\n\n\t\t@include mixins.truncate;\n\n\t\t&:empty::before {\n\t\t\tcontent: attr(data-placeholder);\n\t\t\tcolor: vars.$gray-medium;\n\t\t}\n\t}\n\n\t// Indicators container\n\t&__indicators {\n\n\t\t@include mixins.flex(row, center, flex-start);\n\t\tgap: vars.$spacing-xs;\n\t\tmargin-left: vars.$spacing-md;\n\t\tflex-shrink: 0;\n\t}\n\n\t// Clear button\n\t&__clear {\n\n\t\t@include mixins.flex-center;\n\t\t@include mixins.size(vars.$clear-button-size);\n\t\tbackground: transparent;\n\t\tborder: none;\n\n\t\t@include mixins.border-radius;\n\t\tcursor: pointer;\n\t\tcolor: vars.$gray-medium;\n\n\t\t@include mixins.transition(all, vars.$transition-duration, vars.$transition-easing);\n\n\t\t&:hover {\n\t\t\tcolor: vars.$base-color;\n\t\t\tbackground: vars.$gray-light;\n\t\t}\n\n\t\t&:focus {\n\t\t\toutline: none;\n\t\t\tbox-shadow: vars.$shadow-focus;\n\t\t}\n\t}\n\n\t// Dropdown indicator\n\t&__dropdown-indicator {\n\n\t\t@include mixins.flex-center;\n\t\tcolor: vars.$gray-medium;\n\n\t\t@include mixins.transition(transform, vars.$transition-duration, vars.$transition-easing);\n\t}\n\n\t// Dropdown menu\n\t&__menu {\n\t\tposition: absolute;\n\t\ttop: 100%;\n\t\tleft: 0;\n\t\tright: 0;\n\t\tz-index: vars.$z-index-dropdown;\n\t\tmargin-top: vars.$border-width;\n\t\tbackground: vars.$white;\n\t\tborder: vars.$border-width solid vars.$gray-medium;\n\n\t\t@include mixins.border-radius;\n\t\tbox-shadow: vars.$shadow-dropdown;\n\t\toverflow: hidden;\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t}\n\n\t// When dropdown should appear above\n\t&--above &__menu {\n\t\ttop: auto;\n\t\tbottom: 100%;\n\t\tmargin-top: 0;\n\t\tmargin-bottom: vars.$border-width;\n\t\tbox-shadow: vars.$shadow-dropdown-above;\n\t}\n\n\t// Search container\n\t&__search {\n\n\t\t@include mixins.flex(row, center, flex-start);\n\t\t@include mixins.padding(vars.$spacing-md, vars.$spacing-lg);\n\t\tborder-bottom: vars.$border;\n\t\tgap: vars.$spacing-md;\n\t\tflex-shrink: 0;\n\n\t\tsvg {\n\t\t\tcolor: vars.$gray-medium;\n\t\t\tflex-shrink: 0;\n\t\t}\n\t}\n\n\t// Search input\n\t&__search-input {\n\t\tflex: 1;\n\t\tborder: none;\n\t\toutline: none;\n\n\t\t@include mixins.font(vars.$font-size-md, null, vars.$line-height-base);\n\t\tcolor: vars.$text-color;\n\t\tbackground: transparent;\n\n\t\t&::placeholder {\n\t\t\tcolor: vars.$gray-medium;\n\t\t}\n\t}\n\n\t// Options container\n\t&__options {\n\t\toverflow-y: auto;\n\t\tflex: 1;\n\t\tmin-height: 0; // Important for flex children with overflow\n\n\t\t// Custom scrollbar\n\t\t&::-webkit-scrollbar {\n\t\t\twidth: vars.$scrollbar-width;\n\t\t}\n\n\t\t&::-webkit-scrollbar-track {\n\t\t\tbackground: vars.$gray-scrollbar-track;\n\t\t}\n\n\t\t&::-webkit-scrollbar-thumb {\n\t\t\tbackground: vars.$gray-scrollbar-thumb;\n\n\t\t\t@include mixins.border-radius(vars.$border-radius-sm);\n\n\t\t\t&:hover {\n\t\t\t\tbackground: vars.$gray-scrollbar-thumb-hover;\n\t\t\t}\n\t\t}\n\t}\n\n\t// Individual option\n\t&__option {\n\n\t\t@include mixins.flex(row, center, flex-start);\n\t\t@include mixins.padding(vars.$spacing-md, vars.$spacing-lg);\n\t\t@include mixins.font(vars.$font-size-md, null, vars.$line-height-base);\n\t\tcolor: vars.$text-color;\n\t\tcursor: pointer;\n\n\t\t@include mixins.transition(background-color, vars.$transition-duration, vars.$transition-easing);\n\t\tgap: vars.$spacing-md;\n\n\t\t&:hover {\n\t\t\tbackground: vars.$gray-light;\n\t\t}\n\n\t\t&--selected {\n\t\t\tbackground: var(--wp-components-color-accent, #e0e0e0);\n\t\t\tcolor: var(--wp-components-color-foreground, #1e1e1e);\n\n\t\t\t&:hover {\n\t\t\t\tbackground: var(--wp-components-color-accent-darker, #d0d0d0);\n\t\t\t}\n\t\t}\n\n\t\t&--disabled {\n\t\t\tcolor: vars.$gray-disabled;\n\t\t\tcursor: not-allowed;\n\n\t\t\t&:hover {\n\t\t\t\tbackground: transparent;\n\t\t\t}\n\t\t}\n\t}\n\n\t// Checkbox for multiple selection\n\t&__checkbox {\n\t\twidth: vars.$checkbox-size;\n\t\theight: vars.$checkbox-size;\n\t\tmargin: 0;\n\t\tcursor: pointer;\n\t\tflex-shrink: 0;\n\t}\n\n\t// Option text\n\t&__option-text {\n\t\tflex: 1;\n\n\t\t@include mixins.truncate;\n\t}\n\n\t// No options message\n\t&__no-options {\n\n\t\t@include mixins.padding(vars.$spacing-lg);\n\t\ttext-align: center;\n\t\tcolor: vars.$gray-medium;\n\n\t\t@include mixins.font(vars.$font-size-md);\n\t\tfont-style: italic;\n\t}\n\n\t// Help text\n\t&__help {\n\t\tmargin: vars.$spacing-sm 0 0;\n\n\t\t@include mixins.font(vars.$font-size-sm, null, vars.$line-height-base);\n\t\tcolor: vars.$gray-medium;\n\t}\n\n\t// State modifiers\n\t&--open {\n\n\t\t.redfox-thank-you-select-control__dropdown-indicator {\n\t\t\ttransform: rotate(180deg);\n\t\t}\n\n\t\t.redfox-thank-you-select-control__control {\n\t\t\tborder-color: var(--wp-components-color-foreground, #1e1e1e);\n\t\t\tbox-shadow: vars.$shadow-focus;\n\t\t}\n\t}\n\n\t&--disabled {\n\n\t\t.redfox-thank-you-select-control__control {\n\t\t\tbackground: vars.$gray-light;\n\t\t\tcolor: vars.$gray-disabled;\n\t\t\tcursor: not-allowed;\n\t\t\tborder-color: vars.$border-color;\n\n\t\t\t&:hover {\n\t\t\t\tborder-color: vars.$border-color;\n\t\t\t}\n\t\t}\n\n\t\t.redfox-thank-you-select-control__value {\n\t\t\tcolor: vars.$gray-disabled;\n\t\t}\n\n\t\t.redfox-thank-you-select-control__dropdown-indicator {\n\t\t\tcolor: vars.$gray-disabled;\n\t\t}\n\t}\n\n\t&--multiple {\n\n\t\t.redfox-thank-you-select-control__value {\n\t\t\twhite-space: normal;\n\t\t}\n\t}\n}\n\n// High contrast mode support\n@media (prefers-contrast: high) {\n\n\t.redfox-thank-you-select-control {\n\n\t\t&__control {\n\t\t\tborder-color: vars.$black;\n\n\t\t\t&:focus {\n\t\t\t\tborder-color: var(--wp-components-color-foreground, #1e1e1e);\n\t\t\t\tbox-shadow: vars.$shadow-focus-high-contrast;\n\t\t\t}\n\t\t}\n\n\t\t&__option {\n\n\t\t\t&--selected {\n\t\t\t\tbackground: vars.$black;\n\t\t\t\tcolor: vars.$white;\n\t\t\t}\n\t\t}\n\t}\n}\n\n// Reduced motion support\n@media (prefers-reduced-motion: reduce) {\n\n\t.redfox-thank-you-select-control {\n\n\t\t&__control,\n\t\t&__clear,\n\t\t&__dropdown-indicator,\n\t\t&__option {\n\t\t\ttransition: none;\n\t\t}\n\t}\n}\n","@use \"../../variable\" as vars;\n@use \"../../mixins\" as mixins;\n\n// =============================================================================\n// VARIABLES\n// =============================================================================\n\n$range-height: 30px;\n$rail-height: 4px;\n$thumb-size: 12px;\n$tooltip-bg: rgba(0, 0, 0, 0.8);\n\n// =============================================================================\n// MAIN CONTAINER\n// =============================================================================\n\n.redfox-thank-you-range-control {\n\t@include mixins.flex(row, center);\n\tgap: vars.$spacing-lg;\n\twidth: 100%;\n\tmin-height: $range-height;\n\n\t// =========================================================================\n\t// WRAPPER (contains slider, rail, track, thumb)\n\t// =========================================================================\n\n\t&__wrapper {\n\t\tdisplay: block;\n\t\tflex: 1;\n\t\tposition: relative;\n\t\twidth: 100%;\n\t\theight: $range-height;\n\t\tmin-height: $range-height;\n\t}\n\n\t// =========================================================================\n\t// SLIDER INPUT (invisible, handles interaction)\n\t// =========================================================================\n\n\t&__slider {\n\t\tbox-sizing: border-box;\n\t\tcursor: pointer;\n\t\tdisplay: block;\n\t\theight: 100%;\n\t\tleft: 0;\n\t\tmargin: 0 calc($thumb-size / -2);\n\t\topacity: 0;\n\t\toutline: none;\n\t\tposition: absolute;\n\t\tright: 0;\n\t\ttop: 0;\n\t\twidth: calc(100% + $thumb-size);\n\t\tz-index: 2;\n\n\t\t&:disabled {\n\t\t\tcursor: not-allowed;\n\t\t}\n\t}\n\n\t// =========================================================================\n\t// RAIL (background track)\n\t// =========================================================================\n\n\t&__rail {\n\t\tbackground-color: vars.$gray-border;\n\t\tleft: 0;\n\t\tpointer-events: none;\n\t\tright: 0;\n\t\tdisplay: block;\n\t\theight: $rail-height;\n\t\tposition: absolute;\n\t\tmargin-top: calc(($range-height - $rail-height) / 2);\n\t\ttop: 0;\n\t\tborder-radius: 9999px;\n\t}\n\n\t// =========================================================================\n\t// TRACK (filled portion)\n\t// =========================================================================\n\n\t&__track {\n\t\tbackground-color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba));\n\t\tborder-radius: 9999px;\n\t\theight: $rail-height;\n\t\tpointer-events: none;\n\t\tdisplay: block;\n\t\tposition: absolute;\n\t\tmargin-top: calc(($range-height - $rail-height) / 2);\n\t\ttop: 0;\n\n\t\t.is-marked & {\n\t\t\t@media not (prefers-reduced-motion) {\n\t\t\t\ttransition: width ease 0.1s;\n\t\t\t}\n\t\t}\n\t}\n\n\t// =========================================================================\n\t// THUMB WRAPPER & THUMB\n\t// =========================================================================\n\n\t&__thumb-wrapper {\n\t\talign-items: center;\n\t\tdisplay: flex;\n\t\theight: $thumb-size;\n\t\tjustify-content: center;\n\t\tmargin-top: calc(($range-height - $thumb-size) / 2);\n\t\toutline: 0;\n\t\tpointer-events: none;\n\t\tposition: absolute;\n\t\ttop: 0;\n\t\tuser-select: none;\n\t\twidth: $thumb-size;\n\t\tborder-radius: 50%;\n\t\tz-index: 3;\n\t\tmargin-left: calc($thumb-size / -2);\n\t\ttransform: translateX(calc($thumb-size / 2 - 1.5px));\n\n\t\t[dir=\"rtl\"] & {\n\t\t\tmargin-left: 0;\n\t\t\tmargin-right: calc($thumb-size / -2);\n\t\t\ttransform: translateX(calc($thumb-size / -2 + 1.5px));\n\t\t}\n\n\t\t.is-marked & {\n\t\t\t@media not (prefers-reduced-motion) {\n\t\t\t\ttransition: left ease 0.1s;\n\t\t\t}\n\t\t}\n\n\t\t&.is-disabled {\n\t\t\tbackground-color: vars.$gray-disabled;\n\t\t}\n\t}\n\n\t&__thumb {\n\t\talign-items: center;\n\t\tborder-radius: 50%;\n\t\theight: 100%;\n\t\toutline: 0;\n\t\tposition: absolute;\n\t\tuser-select: none;\n\t\twidth: 100%;\n\t\tbox-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);\n\t\tbackground-color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba));\n\n\t\t&.is-disabled {\n\t\t\tbackground-color: vars.$gray-disabled;\n\t\t}\n\n\t\t&.is-focused {\n\t\t\t&::before {\n\t\t\t\tcontent: \" \";\n\t\t\t\tposition: absolute;\n\t\t\t\tbackground-color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba));\n\t\t\t\topacity: 0.4;\n\t\t\t\tborder-radius: 50%;\n\t\t\t\theight: calc($thumb-size + 8px);\n\t\t\t\twidth: calc($thumb-size + 8px);\n\t\t\t\ttop: -4px;\n\t\t\t\tleft: -4px;\n\t\t\t}\n\t\t}\n\t}\n\n\t// =========================================================================\n\t// MARKS\n\t// =========================================================================\n\n\t&__marks {\n\t\tdisplay: block;\n\t\tpointer-events: none;\n\t\tposition: relative;\n\t\twidth: 100%;\n\t\tuser-select: none;\n\t\tmargin-top: calc(($range-height - $rail-height) / 2 + $rail-height + 1px);\n\t}\n\n\t&__mark {\n\t\tposition: absolute;\n\t\tleft: 0;\n\t\ttop: -4px;\n\t\theight: 4px;\n\t\twidth: 2px;\n\t\ttransform: translateX(-50%);\n\t\tbackground-color: vars.$white;\n\t\tz-index: 1;\n\n\t\t[dir=\"rtl\"] & {\n\t\t\ttransform: translateX(50%);\n\t\t}\n\t}\n\n\t&__mark-label {\n\t\tcolor: vars.$gray-disabled;\n\t\tfont-size: vars.$font-size-xs;\n\t\tposition: absolute;\n\t\ttop: 8px;\n\t\twhite-space: nowrap;\n\t\tleft: 0;\n\t\ttransform: translateX(-50%);\n\n\t\t[dir=\"rtl\"] & {\n\t\t\tleft: auto;\n\t\t\tright: 0;\n\t\t\ttransform: translateX(50%);\n\t\t}\n\n\t\t&.is-filled {\n\t\t\tcolor: vars.$gray-text;\n\t\t}\n\t}\n\n\t// =========================================================================\n\t// TOOLTIP\n\t// =========================================================================\n\n\t&__tooltip {\n\t\tbackground: $tooltip-bg;\n\t\tborder-radius: vars.$border-radius-sm;\n\t\tcolor: vars.$white;\n\t\tfont-size: vars.$font-size-sm;\n\t\tmin-width: 32px;\n\t\tpadding: vars.$spacing-xs vars.$spacing-md;\n\t\tpointer-events: none;\n\t\tposition: absolute;\n\t\ttext-align: center;\n\t\tuser-select: none;\n\t\tline-height: 1.4;\n\t\ttransform: translateX(-50%);\n\t\tz-index: 4;\n\n\t\t@media not (prefers-reduced-motion) {\n\t\t\ttransition:\n\t\t\t\topacity 120ms ease,\n\t\t\t\tdisplay 120ms ease allow-discrete;\n\t\t}\n\n\t\t[dir=\"rtl\"] & {\n\t\t\ttransform: translateX(50%);\n\t\t}\n\n\t\t&.is-bottom {\n\t\t\tbottom: -80%;\n\t\t}\n\n\t\t&.is-top {\n\t\t\ttop: -80%;\n\t\t}\n\t}\n\n\t// =========================================================================\n\t// NUMBER INPUT\n\t// =========================================================================\n\n\t&__number {\n\t\tflex-shrink: 0;\n\n\t\tinput[type=\"number\"] {\n\t\t\tmin-height: $range-height;\n\t\t\ttext-align: center;\n\t\t}\n\t}\n\n\t// =========================================================================\n\t// STATE MODIFIERS\n\t// =========================================================================\n\n\t&.is-disabled {\n\t\topacity: 0.5;\n\t\tpointer-events: none;\n\t}\n\n\t&.is-marked {\n\t\t.redfox-thank-you-range-control__wrapper {\n\t\t\tmargin-bottom: vars.$spacing-xl;\n\t\t}\n\t}\n}\n","/**\n * Sortable Control Styles\n *\n * Styles for the drag-and-drop sortable list control.\n *\n * @package RedfoxThankYou\n * @since   1.0.0\n */\n\n.redfox-thank-you-sortable {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 8px;\n\twidth: 100%;\n\n\t// Horizontal direction modifier\n\t&--horizontal {\n\t\tflex-direction: row;\n\t\tflex-wrap: wrap;\n\t}\n\n\t// Disabled state\n\t&--disabled {\n\t\topacity: 0.6;\n\t\tpointer-events: none;\n\t}\n\n\t// Sortable item\n\t&__item {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tgap: 8px;\n\t\tbackground: #fff;\n\t\tborder: 1px solid #ddd;\n\t\tborder-radius: 4px;\n\t\tpadding: 8px;\n\t\ttransition: box-shadow 0.2s ease, border-color 0.2s ease;\n\t\tcursor: default;\n\n\t\t&:hover {\n\t\t\tborder-color: #007cba;\n\t\t}\n\n\t\t// Dragging state\n\t\t&--dragging {\n\t\t\topacity: 0.5;\n\t\t\tborder-style: dashed;\n\t\t}\n\n\t\t// Overlay (the dragged item preview)\n\t\t&--overlay {\n\t\t\tbox-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n\t\t\tborder-color: #007cba;\n\t\t\tbackground: #fff;\n\t\t\topacity: 1;\n\t\t}\n\n\t\t// Disabled state\n\t\t&--disabled {\n\t\t\topacity: 0.5;\n\t\t\tcursor: not-allowed;\n\t\t}\n\t}\n\n\t// Drag handle\n\t&__drag-handle {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tpadding: 4px;\n\t\tcursor: grab;\n\t\tcolor: #757575;\n\t\tflex-shrink: 0;\n\t\tborder-radius: 2px;\n\t\ttransition: background-color 0.2s ease, color 0.2s ease;\n\n\t\t&:hover {\n\t\t\tbackground-color: #f0f0f0;\n\t\t\tcolor: #1e1e1e;\n\t\t}\n\n\t\t&:active {\n\t\t\tcursor: grabbing;\n\t\t\tbackground-color: #e0e0e0;\n\t\t}\n\n\t\tsvg {\n\t\t\tfill: currentColor;\n\t\t}\n\t}\n\n\t// Item content wrapper\n\t&__item-content {\n\t\tflex: 1;\n\t\tmin-width: 0;\n\t}\n}\n\n// Dark mode support (WordPress admin dark mode)\nbody.is-dark-theme {\n\t.redfox-thank-you-sortable {\n\t\t&__item {\n\t\t\tbackground: #2f2f2f;\n\t\t\tborder-color: #4a4a4a;\n\n\t\t\t&:hover {\n\t\t\t\tborder-color: #3582c4;\n\t\t\t}\n\n\t\t\t&--overlay {\n\t\t\t\tbackground: #2f2f2f;\n\t\t\t\tborder-color: #3582c4;\n\t\t\t}\n\t\t}\n\n\t\t&__drag-handle {\n\t\t\tcolor: #a7aaad;\n\n\t\t\t&:hover {\n\t\t\t\tbackground-color: #3a3a3a;\n\t\t\t\tcolor: #fff;\n\t\t\t}\n\n\t\t\t&:active {\n\t\t\t\tbackground-color: #454545;\n\t\t\t}\n\t\t}\n\t}\n}\n\n"],"names":[],"sourceRoot":""}