.configurator{--cfg-primary: #1a1a1a;--cfg-secondary: #666666;--cfg-border: #e0e0e0;--cfg-bg: #ffffff;--cfg-bg-hover: #f5f5f5;--cfg-selected: rgb(var(--color-accent, 150, 33, 63));--cfg-selected-ring: rgba(114, 47, 55, .3);--cfg-disabled: #d1d5db;--cfg-disabled-bg: #f3f4f6;--cfg-error: #dc2626;--cfg-warning: #f59e0b;--cfg-success: #10b981;--cfg-swatch-size: 24px;--cfg-swatch-size-mobile: 20px;--cfg-gap: 12px;--cfg-radius: var(--radius-md, 6px);--cfg-radius-full: 50%;--cfg-font: inherit;--cfg-font-size: 14px;--cfg-font-size-sm: 12px;--cfg-font-weight: 500;--cfg-transition: .2s ease}.configurator{font-family:var(--cfg-font);font-size:var(--cfg-font-size);color:var(--cfg-primary);margin:1.5rem 0}.configurator__loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:2rem;color:var(--cfg-secondary)}.configurator__spinner{width:24px;height:24px;border:3px solid var(--cfg-border);border-top-color:var(--cfg-selected);border-radius:var(--cfg-radius-full);animation:cfg-spin .8s linear infinite}@keyframes cfg-spin{to{transform:rotate(360deg)}}.configurator__message{padding:12px 16px;border-radius:var(--cfg-radius);margin-bottom:1rem;font-size:var(--cfg-font-size-sm);display:flex;align-items:center;gap:8px}.configurator__message:before{font-size:1.1em}.configurator__message--error{background:#dc26261a;color:var(--cfg-error);border:1px solid rgba(220,38,38,.2)}.configurator__message--error:before{content:"\26a0\fe0f"}.configurator__message--warning{background:#f59e0b1a;color:#b45309;border:1px solid rgba(245,158,11,.2)}.configurator__message--warning:before{content:"\26a1"}.configurator__message--info{background:#2563eb1a;color:var(--cfg-selected);border:1px solid rgba(37,99,235,.2)}.configurator__message--info:before{content:"\2139\fe0f"}.configurator__missing-code{padding:1.5rem;background:var(--cfg-disabled-bg);border-radius:var(--cfg-radius);text-align:center;color:var(--cfg-secondary)}.configurator__missing-code p{margin:0}.configurator__missing-code-detail{font-size:var(--cfg-font-size-sm);margin-top:.5rem!important;opacity:.7}.configurator__step{margin-bottom:1.5rem}.configurator__step:last-of-type{margin-bottom:1rem}.configurator__step-title{margin:0 0 10px;font-size:var(--cfg-font-size);font-weight:var(--cfg-font-weight);color:var(--cfg-primary)}.configurator__swatches{display:flex;flex-wrap:wrap;gap:var(--cfg-gap)}.configurator__swatch{-webkit-appearance:none;appearance:none;border:none;background:none;padding:0;cursor:pointer;font-family:var(--cfg-font);position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;transition:transform var(--cfg-transition),opacity var(--cfg-transition)}.configurator__swatch:before{content:"";display:block;width:var(--cfg-swatch-size);height:var(--cfg-swatch-size);border-radius:var(--cfg-radius-full);background:var(--swatch-color, #ccc);border:2px solid transparent;box-shadow:0 0 0 2px var(--cfg-border),0 2px 4px #0000001a;transition:border-color var(--cfg-transition),box-shadow var(--cfg-transition),transform var(--cfg-transition)}.configurator__swatch--image:before{background:var(--swatch-image);background-size:cover;background-position:center;background-repeat:no-repeat}.configurator__swatch-label{font-size:9px;font-weight:500;color:var(--cfg-secondary);text-transform:uppercase;letter-spacing:.3px;transition:color var(--cfg-transition)}.configurator__swatch:hover:before{transform:scale(1.05);box-shadow:0 0 0 2px var(--cfg-primary),0 4px 8px #00000026}.configurator__swatch:hover .configurator__swatch-label{color:var(--cfg-primary)}.configurator__swatch:focus-visible{outline:none}.configurator__swatch:focus-visible:before{box-shadow:0 0 0 2px var(--cfg-selected),0 0 0 4px var(--cfg-selected-ring)}.configurator__swatch--selected:before{border-color:var(--cfg-selected);box-shadow:0 0 0 2px var(--cfg-selected);transform:none}.configurator__swatch--selected .configurator__swatch-label{color:var(--cfg-selected);font-weight:500}.configurator__swatch--selected:after{content:"\2713";position:absolute;top:50%;left:50%;transform:translate(-50%,calc(-50% - 3px));width:14px;height:14px;background:var(--cfg-selected);color:#fff;border-radius:var(--cfg-radius-full);font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 2px #0003}.configurator__swatch:disabled{cursor:not-allowed;opacity:.4}.configurator__swatch:disabled:before{background:var(--cfg-disabled-bg);box-shadow:0 0 0 1px var(--cfg-disabled)}.configurator__swatch:disabled:hover:before{transform:none;box-shadow:0 0 0 1px var(--cfg-disabled)}.configurator__swatch--handle-icon:before{display:none}.configurator__swatch--handle-icon:after{display:none}.configurator__swatch-img{display:block;width:72px;height:72px;object-fit:contain;border:1px solid var(--cfg-border);border-radius:4px;background:#fff;padding:4px;transition:border-color var(--cfg-transition),box-shadow var(--cfg-transition),transform var(--cfg-transition)}.configurator__swatch-label--handle{display:flex;flex-direction:column;align-items:center;gap:1px;max-width:80px;text-align:center;line-height:1.2;text-transform:none}.configurator__swatch-code{font-size:10px;font-weight:600;color:var(--cfg-primary);letter-spacing:.5px}.configurator__swatch-name{font-size:9px;font-weight:400;color:var(--cfg-secondary)}.configurator__swatch--handle-icon:hover .configurator__swatch-img{border-color:var(--cfg-primary);box-shadow:0 2px 6px #0000001f;transform:scale(1.03)}.configurator__swatch--handle-icon:hover .configurator__swatch-label{color:var(--cfg-primary)}.configurator__swatch--handle-icon:focus-visible .configurator__swatch-img{border-color:var(--cfg-selected);box-shadow:0 0 0 2px var(--cfg-selected-ring)}.configurator__swatch--handle-icon.configurator__swatch--selected .configurator__swatch-img{border-color:var(--cfg-selected);box-shadow:0 0 0 2px var(--cfg-selected)}.configurator__swatch--handle-icon.configurator__swatch--selected .configurator__swatch-code,.configurator__swatch--handle-icon.configurator__swatch--selected .configurator__swatch-name{color:var(--cfg-selected)}.configurator__swatch--handle-icon.configurator__swatch--selected:after{display:flex;content:"\2713";position:absolute;top:-4px;right:-4px;left:auto;transform:none;width:16px;height:16px;background:var(--cfg-selected);color:#fff;border-radius:50%;font-size:9px;font-weight:700;align-items:center;justify-content:center;box-shadow:0 1px 3px #00000040}.configurator__swatch--handle-icon:disabled .configurator__swatch-img{opacity:.4;border-color:var(--cfg-disabled)}.configurator__recap{margin-bottom:0;margin-top:12px;padding-top:10px;border-top:1px solid var(--cfg-border)}.configurator__recap:empty{display:none}.configurator__recap-row{display:flex;justify-content:space-between;align-items:center;padding:3px 0}.configurator__recap-label{font-size:var(--cfg-font-size-sm);color:var(--cfg-secondary);flex-shrink:0}.configurator__recap-value{display:flex;align-items:center;gap:8px}.configurator__recap-dot{display:block;width:16px;height:16px;border-radius:50%;border:1px solid var(--cfg-border);flex-shrink:0}.configurator__recap-icon{display:block;width:24px;height:24px;object-fit:contain;border:1px solid var(--cfg-border);border-radius:3px;background:#fff;flex-shrink:0}.configurator__recap-name{font-size:var(--cfg-font-size);font-weight:var(--cfg-font-weight);color:var(--cfg-primary)}.configurator__summary{margin-top:0}.configurator__summary-row{display:flex;justify-content:space-between;align-items:center;padding:3px 0}.configurator__summary-label{font-size:var(--cfg-font-size-sm);color:var(--cfg-secondary)}.configurator__summary-value{font-size:var(--cfg-font-size);font-weight:var(--cfg-font-weight);color:var(--cfg-primary)}.configurator__summary-row--price{margin-top:4px;padding-top:6px;border-top:1px solid var(--cfg-border)}.configurator__price-wrapper{display:flex;align-items:center;gap:8px}.configurator__price{font-size:16px;font-weight:600;color:var(--cfg-primary)}.configurator__price-original{font-size:14px;font-weight:400;color:var(--cfg-secondary);text-decoration:line-through}.configurator__price--discounted{color:#d32f2f;font-weight:700}.configurator__btn-disabled{opacity:.5!important;cursor:not-allowed!important;pointer-events:none}@media(max-width:640px){.configurator{--cfg-swatch-size: var(--cfg-swatch-size-mobile);--cfg-gap: 10px}.configurator__swatch-label{font-size:8px}.configurator__swatch--selected:after{width:12px;height:12px;font-size:8px}.configurator__step-title{font-size:13px}.configurator__swatch-img{width:60px;height:60px}.configurator__swatch-label--handle{max-width:66px}.configurator__swatch-code{font-size:9px}.configurator__swatch-name{font-size:8px}.configurator__swatch--handle-icon.configurator__swatch--selected:after{width:14px;height:14px;font-size:8px;top:-3px;right:-3px}}[data-scheme=dark] .configurator{--cfg-primary: #f5f5f5;--cfg-secondary: #a0a0a0;--cfg-border: #404040;--cfg-bg: #1a1a1a;--cfg-bg-hover: #262626;--cfg-disabled-bg: #333333}[data-scheme=dark] .configurator__swatch:before{box-shadow:0 0 0 2px var(--cfg-border),0 2px 4px #0000004d}[data-scheme=dark] .configurator__swatch-img{background:#2a2a2a;border-color:var(--cfg-border)}
/*# sourceMappingURL=/cdn/shop/t/11/assets/configurator.css.map */