{"version":3,"file":"css/control-groups.css","mappings":"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","sources":["webpack://redfoxThankYou.controlGroups/./src/control-groups/typography/style.scss","webpack://redfoxThankYou.controlGroups/./src/_mixins.scss","webpack://redfoxThankYou.controlGroups/./src/_variable.scss","webpack://redfoxThankYou.controlGroups/./src/control-groups/background/style.scss","webpack://redfoxThankYou.controlGroups/./src/control-groups/spacing/style.scss","webpack://redfoxThankYou.controlGroups/./src/control-groups/button/style.scss"],"sourcesContent":["/**\n * Typography Control Group Styles\n *\n * SCSS styles for the TypographyControl component wrapped in PanelBody.\n * Provides consistent styling across different themes and accessibility modes.\n *\n * @package RedfoxThankYou\n * @since 1.0.0\n */\n\n@use \"../../variable\" as *;\n@use \"../../mixins\" as mixins;\n\n.redfox-thank-you-typography-control {\n\n\t&__font-style {\n\n\t\t@include mixins.flex(row, center);\n\t\t@include mixins.border;\n\t\t@include mixins.border-radius;\n\n\t\t> .redfox-thank-you-button-group {\n\t\t\tborder: none;\n\t\t\tborder-radius: 0;\n\t\t\tflex: 1 1 0;\n\n\t\t\t&:first-child {\n\t\t\t\tflex: 0 0 calc(100% / 3);\n\t\t\t}\n\t\t}\n\t}\n}\n","/**\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","// 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","/**\n * Background Control Group Styles\n *\n * SCSS styles for the BackgroundControl component wrapped in PanelBody.\n * Provides consistent styling across different themes and accessibility modes.\n *\n * @package RedfoxThankYou\n * @since 1.0.0\n */\n\n.redfox-thank-you-background-control {\n\n\t// // Header with reset button\n\t// &__header {\n\t// \tdisplay: flex;\n\t// \talign-items: center;\n\t// \tjustify-content: flex-end;\n\t// \tmargin-bottom: 16px;\n\t// \tpadding: 8px 0;\n\n\t// \t.components-button {\n\t// \t\tdisplay: flex;\n\t// \t\talign-items: center;\n\t// \t\tgap: 6px;\n\t// \t}\n\t// }\n}\n\n","/**\n * Spacing Control Group Styles\n *\n * SCSS styles for the spacing control group component using BoxControl\n * with responsive support.\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-spacing-control {\n\n\t// &__header {\n\t// \t@include mixins.margin-y(0, vars.$spacing-xl);\n\t// \t@include mixins.padding-y(0, vars.$spacing-lg);\n\t// \t@include mixins.border(vars.$border-width, solid, vars.$border-color);\n\n\t// \t.components-button {\n\t// \t\t@include mixins.flex(row, center);\n\t// \t\tgap: vars.$spacing-sm;\n\t// \t}\n\t// }\n\n\t// Override WordPress BoxControl spacing if needed\n\t.components-box-control {\n\n\t\t@include mixins.margin-y(0, vars.$spacing-xl);\n\n\t\t&:last-child {\n\t\t\tmargin-bottom: 0;\n\t\t}\n\t}\n}\n","/**\n * Button Control Group Styles\n *\n * SCSS styles for the ButtonControl component interface\n *\n * @package RedfoxThankYou\n * @since 1.0.0\n */\n\n.redfox-thank-you-button-control {\n\n\t// Nested sub-group panels\n\t&__group {\n\t\tmargin-bottom: 0;\n\n\t\t// Nested panel styling\n\t\t.redfox-thank-you-panel-body__title {\n\t\t\tfont-size: 13px;\n\t\t\tfont-weight: 500;\n\t\t}\n\n\t\t.redfox-thank-you-panel-body__title-row {\n\t\t\tpadding: 12px 16px;\n\t\t\tmin-height: 44px;\n\t\t}\n\n\t\t.redfox-thank-you-panel-body__content {\n\t\t\tpadding: 16px;\n\t\t}\n\n\t\t// Group-specific icons (optional)\n\t\t&--background {\n\t\t\t.redfox-thank-you-panel-body__title::before {\n\t\t\t\tcontent: \"\";\n\t\t\t}\n\t\t}\n\n\t\t&--text {\n\t\t\t.redfox-thank-you-panel-body__title::before {\n\t\t\t\tcontent: \"\";\n\t\t\t}\n\t\t}\n\n\t\t&--spacing {\n\t\t\t.redfox-thank-you-panel-body__title::before {\n\t\t\t\tcontent: \"\";\n\t\t\t}\n\t\t}\n\n\t\t&--border {\n\t\t\t.redfox-thank-you-panel-body__title::before {\n\t\t\t\tcontent: \"\";\n\t\t\t}\n\t\t}\n\n\t\t&--box-shadow {\n\t\t\t.redfox-thank-you-panel-body__title::before {\n\t\t\t\tcontent: \"\";\n\t\t\t}\n\t\t}\n\t}\n\n\t// Responsive tabs (not used when using WordPress device type system)\n\t&__responsive-tabs {\n\t\tmargin-bottom: 16px;\n\n\t\t.components-button-group {\n\t\t\tdisplay: flex;\n\t\t\twidth: 100%;\n\t\t}\n\t}\n\n\t// Header with reset button\n\t&__header {\n\t\tdisplay: flex;\n\t\tjustify-content: flex-end;\n\t\tmargin-bottom: 16px;\n\t}\n\n\t// Reset button styling\n\t&__reset {\n\t\tfont-size: 12px !important;\n\t\theight: 28px !important;\n\t\tpadding: 0 12px !important;\n\t}\n\n\t// Color preset grid\n\t&__color-presets {\n\t\tmargin-bottom: 16px;\n\t}\n\n\t&__preset-grid {\n\t\tdisplay: grid;\n\t\tgrid-template-columns: repeat(auto-fit, minmax(80px, 1fr));\n\t\tgap: 8px;\n\t\tmargin-top: 8px;\n\t}\n\n\t&__preset-button {\n\t\tpadding: 8px 12px !important;\n\t\tborder: 2px solid transparent !important;\n\t\tborder-radius: 4px !important;\n\t\tfont-size: 12px !important;\n\t\tfont-weight: 500 !important;\n\t\ttext-align: center;\n\t\tcursor: pointer;\n\t\ttransition: all 0.15s ease;\n\n\t\t&:hover {\n\t\t\topacity: 0.8;\n\t\t}\n\n\t\t&.is-active {\n\t\t\tborder-color: #007cba !important;\n\t\t\tbox-shadow: 0 0 0 1px #007cba;\n\t\t}\n\t}\n\n\t// Color controls\n\t&__background-color,\n\t&__text-color,\n\t&__hover-background-color,\n\t&__hover-text-color,\n\t&__border-color,\n\t&__hover-border-color {\n\t\tmargin-bottom: 12px;\n\n\t\t.components-color-picker {\n\t\t\twidth: 100%;\n\t\t}\n\n\t\t.components-base-control__field {\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tjustify-content: space-between;\n\t\t\tgap: 12px;\n\t\t}\n\t}\n\n\t// Hover controls toggle\n\t&__hover-toggle {\n\t\tmargin-bottom: 16px;\n\t\tpadding-bottom: 12px;\n\t\tborder-bottom: 1px solid #e0e0e0;\n\n\t\t.components-base-control__label {\n\t\t\tfont-weight: 600;\n\t\t\tmargin-bottom: 8px;\n\t\t}\n\t}\n\n\t// Border controls\n\t&__border-color,\n\t&__border-width,\n\t&__border-style,\n\t&__border-radius {\n\t\tmargin-bottom: 12px;\n\n\t\t.components-range-control {\n\t\t\tmargin-bottom: 0;\n\t\t}\n\n\t\t.components-select-control {\n\t\t\tmargin-bottom: 0;\n\t\t}\n\t}\n\n\t// Size presets\n\t&__size-presets {\n\t\tmargin-bottom: 16px;\n\n\t\t.components-button-group {\n\t\t\tdisplay: flex;\n\t\t\tflex-wrap: wrap;\n\t\t\tgap: 4px;\n\t\t\twidth: 100%;\n\n\t\t\t.components-button {\n\t\t\t\tflex: 1;\n\t\t\t\tmin-width: 60px;\n\t\t\t}\n\t\t}\n\t}\n\n\t// Padding controls\n\t&__padding {\n\t\tmargin-bottom: 16px;\n\n\t\t.components-box-control {\n\n\t\t\t.components-box-control__input-controls {\n\t\t\t\tgap: 8px;\n\t\t\t}\n\n\t\t\t.components-unit-control {\n\t\t\t\tmin-height: 30px;\n\t\t\t}\n\t\t}\n\t}\n\n\t// Typography controls\n\t&__font-weight,\n\t&__text-transform,\n\t&__text-align,\n\t&__letter-spacing {\n\t\tmargin-bottom: 12px;\n\n\t\t.components-button-group {\n\t\t\tdisplay: flex;\n\t\t\tgap: 2px;\n\t\t\twidth: 100%;\n\n\t\t\t.components-button {\n\t\t\t\tflex: 1;\n\t\t\t}\n\t\t}\n\n\t\t.components-range-control {\n\t\t\tmargin-bottom: 0;\n\t\t}\n\n\t\t.components-select-control {\n\t\t\tmargin-bottom: 0;\n\t\t}\n\t}\n\n\t// Dimensions controls\n\t&__width,\n\t&__height,\n\t&__min-width {\n\t\tmargin-bottom: 12px;\n\n\t\t.components-range-control {\n\t\t\tmargin-bottom: 0;\n\t\t}\n\t}\n\n\t// Individual control groups\n\t.components-base-control {\n\t\tmargin-bottom: 16px;\n\n\t\t&:last-child {\n\t\t\tmargin-bottom: 0;\n\t\t}\n\t}\n\n\t// Color picker specific styling\n\t.components-color-picker {\n\n\t\t.components-flex {\n\t\t\tmargin-bottom: 8px;\n\t\t}\n\n\t\t.components-input-control {\n\t\t\tfont-size: 12px;\n\t\t}\n\n\t\t.components-color-picker__saturation {\n\t\t\tmargin-bottom: 8px;\n\t\t}\n\n\t\t.components-color-picker__hue {\n\t\t\tmargin-bottom: 8px;\n\t\t}\n\n\t\t.components-color-picker__alpha {\n\t\t\tmargin-bottom: 8px;\n\t\t}\n\t}\n\n\t// Range control styling\n\t.components-range-control {\n\n\t\t.components-range-control__wrapper {\n\t\t\tmargin-bottom: 0;\n\t\t}\n\n\t\t.components-range-control__track {\n\t\t\tbackground: #e0e0e0;\n\t\t}\n\n\t\t.components-range-control__thumb {\n\t\t\tbackground: #007cba;\n\t\t\tborder-color: #007cba;\n\t\t}\n\n\t\t.components-range-control__number {\n\t\t\twidth: 60px !important;\n\t\t\tfont-size: 12px;\n\t\t}\n\t}\n\n\t// Button group enhancements\n\t.components-button-group {\n\n\t\t.components-button {\n\t\t\tborder-radius: 0;\n\n\t\t\t&:first-child {\n\t\t\t\tborder-top-left-radius: 4px;\n\t\t\t\tborder-bottom-left-radius: 4px;\n\t\t\t}\n\n\t\t\t&:last-child {\n\t\t\t\tborder-top-right-radius: 4px;\n\t\t\t\tborder-bottom-right-radius: 4px;\n\t\t\t}\n\n\t\t\t&.is-primary {\n\t\t\t\tbackground: #007cba;\n\t\t\t\tborder-color: #007cba;\n\t\t\t\tcolor: #fff;\n\t\t\t}\n\t\t}\n\t}\n\n\t// Spacing between control sections\n\t> .components-base-control + .components-base-control {\n\t\tmargin-top: 20px;\n\t}\n\n\t// Control sections with borders\n\t&__hover-controls,\n\t&__border-controls,\n\t&__size-controls,\n\t&__padding-controls,\n\t&__typography-controls,\n\t&__dimensions-controls {\n\t\tpadding-top: 16px;\n\t\tborder-top: 1px solid #e0e0e0;\n\n\t\t&:first-child {\n\t\t\tpadding-top: 0;\n\t\t\tborder-top: none;\n\t\t}\n\t}\n\n\t// Responsive behavior\n\t@media (max-width: 782px) {\n\n\t\t&__preset-grid {\n\t\t\tgrid-template-columns: repeat(auto-fit, minmax(70px, 1fr));\n\t\t\tgap: 6px;\n\t\t}\n\n\t\t&__preset-button {\n\t\t\tpadding: 6px 8px !important;\n\t\t\tfont-size: 11px !important;\n\t\t}\n\n\t\t.components-button-group {\n\n\t\t\t.components-button {\n\t\t\t\tfont-size: 12px;\n\t\t\t\tpadding: 6px 8px;\n\t\t\t}\n\t\t}\n\t}\n}\n\n// WordPress admin compatibility\n.block-editor-sidebar .redfox-thank-you-button-control {\n\n\t.components-panel__body-content & {\n\t\tpadding-left: 0;\n\t\tpadding-right: 0;\n\t}\n}\n\n// Color picker popover positioning\n.components-popover.components-color-picker__popover {\n\tz-index: 999999;\n}\n\n// Button control specific hover effects\n.redfox-thank-you-button-control {\n\n\t.components-button:not(.is-primary):hover {\n\t\tborder-color: #007cba;\n\t\tcolor: #007cba;\n\t}\n\n\t.components-color-picker__swatch {\n\t\tborder-radius: 2px;\n\t\tcursor: pointer;\n\t\ttransition: transform 0.15s ease;\n\n\t\t&:hover {\n\t\t\ttransform: scale(1.05);\n\t\t}\n\t}\n}\n"],"names":[],"sourceRoot":""}