.customizer-section{padding-block:var(--space-8);border-top:1px solid rgba(107,107,107,.2)}.cust-toggle-bar{display:flex;gap:3px;background:#6b6b6b1a;border:1px solid rgba(107,107,107,.18);border-radius:var(--radius-md);padding:4px;margin-bottom:var(--space-5);max-width:520px}.cust-toggle-btn{flex:1;padding:.875rem 1rem;background:transparent;border:none;border-radius:calc(var(--radius-md) - 2px);font-family:var(--font-heading);font-weight:700;font-style:normal;font-size:.8125rem;letter-spacing:.1em;text-transform:uppercase;color:var(--color-steel);cursor:pointer;transition:all var(--transition);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2)}.cust-toggle-btn[aria-pressed=true]{background:var(--color-charcoal);color:var(--color-soft-white);box-shadow:0 2px 8px #0006}.cust-toggle-btn--customize[aria-pressed=true]{background:var(--color-electric-drop);color:var(--color-deep-black);box-shadow:0 0 24px #f2f79a4d,0 2px 8px #0000004d}.cust-progress{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-5)}.cust-progress__dot{width:8px;height:8px;border-radius:50%;background:#6b6b6b59;border:1px solid rgba(107,107,107,.3);transition:all var(--transition);flex-shrink:0}.cust-progress__dot.is-done{background:var(--color-electric-drop);border-color:var(--color-electric-drop);box-shadow:0 0 8px #f2f79a80}.customizer-steps{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-6)}.customizer-step{background:#ffffff06;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-lg);overflow:hidden;transition:border-color var(--transition)}@supports not (backdrop-filter: blur(1px)){.customizer-step{background:#1a1a1ae6}}.customizer-step.is-complete{border-color:#f2f79a33}.customizer-step.has-error{border-color:#ff4d4d66}.customizer-step__trigger{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-4) var(--space-5);background:none;border:none;cursor:pointer;text-align:left;font-family:inherit}@media(min-width:768px){.customizer-step__trigger{cursor:default;pointer-events:none}}.customizer-step__num{width:26px;height:26px;border-radius:50%;background:#6b6b6b33;color:var(--color-steel);font-family:var(--font-heading);font-weight:700;font-size:.75rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--transition)}.customizer-step.is-complete .customizer-step__num,.customizer-step.is-active .customizer-step__num{background:var(--color-electric-drop);color:var(--color-deep-black);box-shadow:0 0 12px #f2f79a66}.customizer-step__title{font-family:var(--font-heading);font-weight:700;font-style:normal;font-size:.9375rem;letter-spacing:.04em;color:var(--color-soft-white);flex:1}.customizer-step__val{font-size:.75rem;color:var(--color-electric-drop);font-weight:600;white-space:nowrap;max-width:110px;overflow:hidden;text-overflow:ellipsis}.customizer-step__chevron{flex-shrink:0;color:var(--color-steel);transition:transform var(--transition)}@media(min-width:768px){.customizer-step__chevron{display:none}}.customizer-step.is-open .customizer-step__chevron{transform:rotate(180deg)}.customizer-step__body{overflow:hidden;max-height:0;transition:max-height .35s ease}@media(min-width:768px){.customizer-step__body{max-height:none!important}}.customizer-step.is-open .customizer-step__body{max-height:700px}.customizer-step__inner{padding:0 var(--space-5) var(--space-5)}.cust-method-rec{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);background:#f2f79a0a;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(242,247,154,.1);border-left:3px solid var(--color-electric-drop);border-radius:var(--radius-md);font-size:.8125rem;color:var(--color-soft-white);line-height:1.5}.cust-method-rec__text{flex:1}.cust-method-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}@media(max-width:480px){.cust-method-cards{grid-template-columns:1fr}}.cust-method-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-5) var(--space-3);background:#ffffff05;border:1px solid rgba(255,255,255,.07);border-radius:var(--radius-md);cursor:pointer;text-align:center;transition:all var(--transition);-webkit-user-select:none;user-select:none}.cust-method-card:hover{border-color:#f2f79a4d;background:#f2f79a0a}.cust-method-card:has(input:checked),.cust-method-card.is-selected{border-color:var(--color-electric-drop);background:#f2f79a12;box-shadow:0 0 0 1px var(--color-electric-drop),0 0 24px #f2f79a26}.cust-method-card__icon{color:var(--color-steel);transition:color var(--transition)}.cust-method-card:hover .cust-method-card__icon,.cust-method-card:has(input:checked) .cust-method-card__icon,.cust-method-card.is-selected .cust-method-card__icon{color:var(--color-electric-drop)}.cust-method-card__name{font-family:var(--font-heading);font-weight:700;font-style:normal;font-size:.8125rem;letter-spacing:.05em;text-transform:uppercase;color:var(--color-soft-white)}.cust-method-card__desc{font-size:.75rem;color:var(--color-steel);line-height:1.4}.cust-method-card.is-disabled{opacity:.4;pointer-events:none;cursor:not-allowed}.cust-method-card__min-badge{display:inline-block;font-size:.625rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-steel);background:#6b6b6b26;border:1px solid rgba(107,107,107,.25);border-radius:999px;padding:2px 8px;margin-top:var(--space-1)}.cust-location-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}@media(max-width:400px){.cust-location-grid{grid-template-columns:repeat(2,1fr)}}.cust-loc-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:var(--space-3) var(--space-2);background:#ffffff05;border:1px solid rgba(255,255,255,.07);border-radius:var(--radius-md);cursor:pointer;text-align:center;transition:all var(--transition);-webkit-user-select:none;user-select:none}.cust-loc-card:hover{border-color:#f2f79a4d;background:#f2f79a08}.cust-loc-card:has(input:checked),.cust-loc-card.is-selected{border-color:var(--color-electric-drop);background:#f2f79a12;box-shadow:0 0 0 1px var(--color-electric-drop),0 0 16px #f2f79a1f}.cust-loc-card--special{border-style:dashed;border-color:#f2f79a40}.cust-loc-card--special:has(input:checked),.cust-loc-card--special.is-selected{border-style:solid}.cust-loc-card__icon{color:var(--color-steel);transition:color var(--transition)}.cust-loc-card:hover .cust-loc-card__icon,.cust-loc-card:has(input:checked) .cust-loc-card__icon,.cust-loc-card.is-selected .cust-loc-card__icon{color:var(--color-electric-drop)}.cust-loc-card__name{font-family:var(--font-heading);font-weight:700;font-style:normal;font-size:.75rem;letter-spacing:.04em;color:var(--color-soft-white);text-transform:uppercase}.cust-loc-card__hint{font-size:.6875rem;color:var(--color-electric-drop);opacity:.7}.cust-designers-note{display:flex;align-items:flex-start;gap:var(--space-2);margin-top:var(--space-3);padding:var(--space-3) var(--space-4);background:#f2f79a0f;border:1px solid rgba(242,247,154,.2);border-radius:var(--radius-sm);font-size:.8125rem;color:#f2f79ad9;line-height:1.5}.cust-designers-note svg{flex-shrink:0;margin-top:1px}.cust-size-group{display:flex;flex-wrap:wrap;gap:var(--space-2)}.cust-size-btn{display:block;cursor:pointer;-webkit-user-select:none;user-select:none}.cust-size-btn span{display:block;padding:.5625rem 1.125rem;background:#ffffff05;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);font-family:var(--font-heading);font-weight:600;font-style:normal;font-size:.8125rem;letter-spacing:.04em;color:var(--color-steel);transition:all var(--transition)}.cust-size-btn:hover span{border-color:#f2f79a66;color:var(--color-soft-white)}.cust-size-btn:has(input:checked) span,.cust-size-btn.is-selected span{background:var(--color-electric-drop);border-color:var(--color-electric-drop);color:var(--color-deep-black);box-shadow:0 0 16px #f2f79a40}.customizer-upload-zone{border:2px dashed rgba(107,107,107,.35);border-radius:var(--radius-md);padding:var(--space-8) var(--space-6);text-align:center;cursor:pointer;transition:border-color var(--transition),background-color var(--transition);position:relative}.customizer-upload-zone:hover,.customizer-upload-zone.is-drag-over{border-color:var(--color-electric-drop);background:#f2f79a0a}.customizer-upload-zone.has-file{border-style:solid;border-color:#f2f79a59;background:#f2f79a08;padding:var(--space-5) var(--space-6)}.customizer-upload-zone.is-uploading{opacity:.6;pointer-events:none}.customizer-upload-icon{color:var(--color-electric-drop);margin:0 auto var(--space-3);opacity:.6}.customizer-upload-text{font-size:.9375rem;color:var(--color-soft-white);margin-bottom:var(--space-2)}.cust-upload-link{color:var(--color-electric-drop);text-decoration:underline;text-underline-offset:2px}.customizer-upload-hint{font-size:.75rem;color:var(--color-steel);line-height:1.5}.customizer-upload-input{display:none}.cust-file-row{display:flex;align-items:center;gap:var(--space-3);justify-content:center}.cust-file-row svg{color:var(--color-electric-drop);flex-shrink:0}.customizer-upload-filename{font-size:.875rem;color:var(--color-electric-drop);font-weight:600;word-break:break-all;flex:1;text-align:left}.cust-remove-btn{background:none;border:none;cursor:pointer;color:var(--color-steel);padding:var(--space-1);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:color var(--transition);flex-shrink:0}.cust-remove-btn:hover{color:#ff6b6b}.customizer-upload-progress{font-size:.875rem;color:var(--color-electric-drop);margin-top:var(--space-3)}.customizer-error,.customizer-warning{font-size:.8125rem;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);margin-top:var(--space-3);line-height:1.5}.customizer-error{color:#ff6b6b;background:#ff4d4d14;border:1px solid rgba(255,77,77,.2)}.customizer-warning{color:#f5a623;background:#f5a62314;border:1px solid rgba(245,166,35,.2)}.customizer-preview{margin-top:var(--space-5);text-align:center}.customizer-canvas-wrap{display:inline-block;width:100%;max-width:320px;border-radius:var(--radius-md);overflow:hidden;background:var(--color-charcoal);border:1px solid rgba(255,255,255,.06)}#customizer-canvas{display:block;width:100%;height:auto;aspect-ratio:1}.customizer-preview-note{font-size:.75rem;color:var(--color-steel);margin-top:var(--space-2);font-style:italic}.customizer-drag-hint{font-size:.75rem;color:var(--color-electric-drop);margin-bottom:var(--space-2);opacity:.8}.customizer-preview-actions{margin-top:var(--space-2);display:flex;justify-content:center}.cust-reset-btn{background:none;border:1px solid rgba(255,255,255,.15);color:var(--color-steel);font-size:.75rem;padding:3px 12px;border-radius:var(--radius-sm);cursor:pointer;transition:border-color var(--transition),color var(--transition)}.cust-reset-btn:hover{border-color:var(--color-electric-drop);color:var(--color-electric-drop)}.customizer-pricing{font-size:.875rem;padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);margin-bottom:var(--space-5);background:#f2f79a0d;border:1px solid rgba(242,247,154,.12);min-height:0;transition:all var(--transition)}.customizer-pricing:empty{display:none}.cust-price-base,.cust-price-fee{color:var(--color-steel)}.cust-price-total{color:var(--color-electric-drop);font-weight:700;font-size:1.125rem}.cust-price-breakdown{display:flex;flex-direction:column;gap:var(--space-2)}.cust-price-row{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-3);color:var(--color-steel);line-height:1.4}.cust-price-row__label{flex:1;min-width:0}.cust-price-row__amount{white-space:nowrap;font-variant-numeric:tabular-nums}.cust-price-row--onetime .cust-price-row__label:after{content:" (one-time)";font-style:italic;opacity:.7}.cust-price-row--onetime{color:var(--color-soft-white);opacity:.85}.cust-price-row--total{border-top:1px solid rgba(242,247,154,.15);padding-top:var(--space-2);margin-top:var(--space-1);color:var(--color-electric-drop);font-weight:700;font-size:1rem}.cust-price-note{color:var(--color-steel);font-style:italic;margin:0;font-size:.875rem}.cust-colors-field{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid rgba(107,107,107,.15)}.cust-colors-label{display:block;font-size:.8125rem;font-weight:600;color:var(--color-soft-white);margin-bottom:var(--space-2);letter-spacing:.04em}.cust-colors-stepper{display:flex;align-items:center;gap:var(--space-2);width:fit-content}.cust-colors-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#6b6b6b1f;border:1px solid rgba(107,107,107,.3);border-radius:var(--radius-sm);color:var(--color-soft-white);font-size:1.125rem;line-height:1;cursor:pointer;transition:background var(--transition),border-color var(--transition)}.cust-colors-btn:hover{background:#f2f79a1a;border-color:var(--color-electric-drop)}.cust-colors-input{width:52px;text-align:center;background:#1a1a1acc;border:1px solid rgba(107,107,107,.3);border-radius:var(--radius-sm);color:var(--color-soft-white);font-size:1rem;font-weight:600;padding:4px 6px;-moz-appearance:textfield}.cust-colors-input::-webkit-inner-spin-button,.cust-colors-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.cust-colors-input:focus{outline:2px solid var(--color-electric-drop);outline-offset:2px;border-color:transparent}.cust-colors-hint{font-size:.8125rem;color:var(--color-steel);margin-top:var(--space-2);margin-bottom:0;line-height:1.4}.customizer-copyright{padding:var(--space-4) var(--space-5);border:1px solid rgba(107,107,107,.2);border-radius:var(--radius-md);background:#6b6b6b0a;margin-bottom:var(--space-6)}.customizer-copyright__label{display:flex;gap:var(--space-3);align-items:flex-start;font-size:.875rem;color:var(--color-steel);cursor:pointer;line-height:1.5}.customizer-copyright__check{width:18px;height:18px;flex-shrink:0;margin-top:2px;accent-color:var(--color-electric-drop);cursor:pointer}.customizer-copyright__label a{color:var(--color-electric-drop);text-decoration:underline;text-underline-offset:2px}.customizer-atc-area{margin-top:var(--space-6);display:flex;flex-direction:column;gap:var(--space-3)}.customizer-atc-btn{width:100%;padding:1.125rem;font-size:.875rem;letter-spacing:.08em;transition:opacity .15s ease,box-shadow var(--transition)}.customizer-atc-btn.is-loading{pointer-events:none;position:relative}.customizer-atc-btn.is-loading:after{content:"";display:inline-block;width:14px;height:14px;border:2px solid rgba(13,13,13,.4);border-top-color:var(--color-deep-black);border-radius:50%;animation:cust-spin .65s linear infinite;margin-left:var(--space-3);vertical-align:middle}.customizer-atc-btn.is-success{background:#22c55ee6;border-color:#22c55ee6;box-shadow:0 0 20px #22c55e4d}.customizer-atc-btn:disabled,.customizer-sticky-bar__btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.customizer-atc-error{margin:0;padding:.625rem .875rem;background:#dc26261a;border:1px solid rgba(220,38,38,.35);border-radius:var(--radius-sm);color:#fca5a5;font-size:.8125rem;line-height:1.5}.customizer-sticky-bar{display:none}@media(max-width:767px){.customizer-sticky-bar{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:100;background:#0d0d0df5;border-top:1px solid rgba(107,107,107,.25);padding:var(--space-3) var(--space-4);gap:var(--space-3);align-items:center;transform:translateY(100%);transition:transform var(--transition);box-shadow:0 -4px 32px #0009;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.customizer-sticky-bar.is-visible{transform:translateY(0)}.customizer-sticky-bar__price{flex:1;font-family:var(--font-heading);font-weight:700;font-size:1.0625rem;color:var(--color-electric-drop)}.customizer-sticky-bar__btn{flex-shrink:0;padding:.875rem 1.5rem;font-size:.8125rem}.customizer-atc-area{padding-bottom:84px}}@keyframes cust-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}#customizer-panel{animation:cust-fade-in .25s ease}.btn-customize-cta{display:flex;align-items:center;gap:12px;width:100%;padding:16px 20px;background:linear-gradient(135deg,#f2f79a1a,#f2f79a0d);border:1.5px solid rgba(242,247,154,.3);border-radius:12px;color:#f6f6f1;text-decoration:none;transition:background .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease;margin-top:12px;box-sizing:border-box}.btn-customize-cta:hover{background:linear-gradient(135deg,#f2f79a26,#f2f79a14);border-color:#f2f79a80;transform:translateY(-1px);box-shadow:0 4px 20px #f2f79a26;color:#f6f6f1;text-decoration:none}.btn-customize-cta__icon{color:#f2f79a;flex-shrink:0;display:flex}.btn-customize-cta__text{flex:1;display:flex;flex-direction:column;gap:2px}.btn-customize-cta__text strong{font-size:1rem;font-weight:600;display:block}.btn-customize-cta__text small{font-size:.75rem;color:#6b6b6b;display:block}.btn-customize-cta__arrow{color:#f2f79a;flex-shrink:0;display:flex;transition:transform .2s ease}.btn-customize-cta:hover .btn-customize-cta__arrow{transform:translate(4px)}@keyframes cust-spin{to{transform:rotate(360deg)}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/customizer.css.map */