.line-item ul.text-subdued{list-style:none;padding-left:0}.color-customizer{display:flex;flex-direction:column;gap:var(--spacing-6, 1.5rem);contain:layout style;position:relative;transform:translateZ(0)}.color-customizer__modes{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;padding:var(--spacing-4, 1rem);background:linear-gradient(to bottom,transparent,rgb(0 0 0 / .3) 15%,rgb(0 0 0 / .3) 85%,transparent);border-radius:var(--border-radius, 0)}.color-customizer__mode{grid-row:1;grid-column:1;min-height:0}.color-customizer__mode[hidden]{display:block!important;visibility:hidden;pointer-events:none}.color-customizer__mode-toggle .button{will-change:background-size,color,border-color}.color-customizer__mode-toggle{display:flex;justify-content:center}.color-customizer__mode-toggle .button-group{display:inline-flex;gap:0;border:1px solid rgb(var(--border-color));border-radius:var(--button-border-radius, 0);overflow:hidden}.color-customizer__mode-toggle .button-group__item{display:contents}.color-customizer__mode-toggle .button-group__item input{position:absolute;opacity:0;pointer-events:none}.color-customizer__mode-toggle .button-group__item .button{border-radius:0;min-width:140px;justify-content:center}.color-customizer__mode-toggle .button-group__item .button--outline{border:none}.color-customizer__mode-toggle .button-group__item input:checked+.button{background:rgb(var(--text-color));color:rgb(var(--background))}.color-customizer__mode-toggle .button-group__item input:not(:checked)+.button{background:rgb(var(--background));color:rgb(var(--text-color))}.color-customizer__preview{display:flex;justify-content:center;align-items:center;aspect-ratio:1 / 1.2;min-height:280px;max-height:400px;padding:var(--spacing-4, 1rem);background:transparent;border-radius:var(--border-radius, 0);overflow:hidden;position:relative}@media screen and (min-width:700px){.color-customizer__preview{min-height:320px;max-height:450px}}.color-customizer__step{display:flex;flex-direction:column;gap:var(--spacing-4, 1rem);animation:fadeIn .3s ease}.color-customizer__step[hidden]{display:none}.color-customizer__step.is-active{animation:slideIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.color-customizer__step-header{display:flex;align-items:center;gap:var(--spacing-2, .5rem);flex-wrap:wrap;padding:var(--spacing-2, .5rem) var(--spacing-3, .75rem);background:linear-gradient(to bottom,transparent,rgb(var(--background)) 15%,rgb(var(--background)) 85%,transparent);border-radius:var(--border-radius, 0)}.color-customizer__step-number{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:rgb(var(--text-subdued))}.color-customizer__back-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:1px solid rgb(var(--border-color));border-radius:50%;cursor:pointer;transition:background-color .2s ease}.color-customizer__back-button:hover{background:rgb(var(--background-secondary))}.color-customizer__swatches{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-2, .5rem)}.color-customizer__swatches--signature{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-2, .5rem);padding:var(--spacing-2, .5rem);margin:calc(var(--spacing-2, .5rem) * -1)}.color-customizer__swatches--base,.color-customizer__swatches--add-in{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-2, .5rem);padding:var(--spacing-2, .5rem) 0}.color-customizer__swatch{position:relative;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;background:transparent;border:2px solid transparent;border-radius:var(--swatch-border-radius, 50%);cursor:pointer;overflow:hidden;transition:border-color .2s ease,transform .2s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.color-customizer__swatch.is-selected{border-color:rgb(var(--text-color))}.color-customizer__swatch input{position:absolute;opacity:0;pointer-events:none}.color-customizer__swatch--signature{width:48px;height:48px;border-radius:2px}.color-customizer__swatch--signature .color-customizer__swatch-image,.color-customizer__swatch--signature .color-customizer__swatch-color{border-radius:2px}.color-customizer__swatch--signature[data-is-on-sale=true]{border-color:transparent}.color-customizer__swatch--signature[data-is-on-sale=true]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;padding:2px;border-radius:inherit;background:conic-gradient(from var(--sale-ring-angle, 0deg),#ff3b30,#ff9500,#ffcc00,#34c759,#00c7be,#007aff,#5856d6,#ff2d55,#ff3b30);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:3;animation:color-customizer-sale-ring-spin 6s linear infinite}.color-customizer__swatch--signature.is-selected{border-color:rgb(var(--text-color))}.color-customizer__swatch--signature.is-selected:before{display:none}@property --sale-ring-angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}@keyframes color-customizer-sale-ring-spin{0%{--sale-ring-angle: 0deg}to{--sale-ring-angle: 360deg}}@media screen and (min-width:700px){.color-customizer__swatch--signature{width:56px;height:56px}}.color-customizer__swatch-image{position:relative;display:block;width:100%;height:100%;border-radius:inherit;overflow:hidden}.color-customizer__swatch-image img{width:100%;height:100%;object-fit:cover}.color-customizer__swatch-image .color-customizer__swatch-default{position:relative;z-index:1}.color-customizer__swatch-image .color-customizer__swatch-hover{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;opacity:0;transition:opacity .2s ease}@media(hover:hover)and (pointer:fine){.color-customizer__swatch:hover{transform:scale(1.1)}.color-customizer__swatch:hover .color-customizer__swatch-hover{opacity:1}}.color-customizer__swatch-color{display:block;width:100%;height:100%;border-radius:inherit;background-color:var(--swatch-color, #ccc)}.color-customizer__swatch--none{border:2px dashed rgb(var(--border-color))}.color-customizer__swatch-none{display:flex;align-items:center;justify-content:center;color:rgb(var(--text-subdued))}.color-customizer__options{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-2, .5rem)}@media screen and (min-width:500px){.color-customizer__options{grid-template-columns:repeat(3,1fr)}}.color-customizer__option{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-2, .5rem);padding:var(--spacing-3, .75rem);background:rgb(var(--background));border:1px solid rgb(var(--border-color));border-radius:var(--border-radius, 0);cursor:pointer;transition:border-color .2s ease,background-color .2s ease}.color-customizer__option:hover{border-color:rgb(var(--text-subdued))}.color-customizer__option.is-selected{border-color:rgb(var(--text-color));background:rgb(var(--background));box-shadow:inset 0 0 0 1px rgb(var(--text-color))}.color-customizer__option input{position:absolute;opacity:0;pointer-events:none}.color-customizer__option-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-1, .25rem)}.color-customizer__option-name{font-weight:500;font-size:var(--text-base)}.color-customizer__option-price{font-size:var(--text-xs)}.color-customizer__option-preview{width:48px;height:48px;flex-shrink:0;border-radius:var(--border-radius, 0);overflow:hidden}.color-customizer__option-preview img{width:100%;height:100%;object-fit:contain}.color-customizer__option-preview--masked{width:36px;height:72px;background:#000;border-radius:4px}.color-customizer__option-preview--masked svg{width:100%;height:100%}.color-customizer__subsection{display:flex;flex-direction:column;gap:var(--spacing-2, .5rem)}.color-customizer__subsection-heading{align-items:baseline}.color-customizer__subsection h4{margin:0}.color-customizer__subsection [data-base-selected-label],.color-customizer__subsection [data-add-in-selected-label]{white-space:nowrap}.color-customizer__help-text{padding:var(--spacing-2, .5rem) var(--spacing-3, .75rem);background:linear-gradient(to bottom,transparent,rgb(var(--background)) 15%,rgb(var(--background)) 85%,transparent);border-radius:var(--border-radius, 0)}.color-customizer__help-text p{margin:0}.color-customizer__help-text a{margin-left:var(--spacing-2, .5rem)}.color-customizer__step-actions{display:flex;justify-content:flex-end;padding-top:var(--spacing-4, 1rem);border-top:1px solid rgb(var(--border-color))}.color-customizer__step-actions .button--complete{--initial-gradient: linear-gradient( rgb(var(--button-background)), rgb(var(--button-background)) );--hover-gradient: linear-gradient(transparent, transparent);--initial-background-position: var(--transform-origin-end);--hover-background-position: var(--transform-origin-start)}.color-customizer__progress{display:flex;align-items:center;gap:var(--spacing-3, .75rem);padding:var(--spacing-2, .5rem) 0}.color-customizer__progress-bar{flex:1;height:4px;background:rgb(var(--border-color));border-radius:2px;overflow:hidden}.color-customizer__progress-fill{height:100%;width:var(--progress, 0%);background:rgb(var(--text-color));border-radius:2px;transition:width .3s ease}.color-customizer__progress-text{flex-shrink:0;white-space:nowrap}.color-customizer-preview{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:100%}.color-customizer-preview__svg{position:absolute;max-width:100%;max-height:100%;height:auto}.color-customizer-preview__signature{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center}.color-customizer-preview__signature.is-hidden,.color-customizer-preview__svg.is-hidden{display:none}.color-customizer-preview__signature img{max-width:100%;max-height:100%;object-fit:contain}@media screen and (max-width:699px){.color-customizer__swatches--base,.color-customizer__swatches--add-in{justify-content:flex-start}.color-customizer__swatch{width:48px;height:48px}.color-customizer{position:relative}.color-customizer__preview{position:sticky;top:var(--header-height, 60px);z-index:0}.color-customizer__modes{position:relative;z-index:1}.color-customizer__step-actions .button{width:100%}.color-customizer__swatches--signature{scroll-snap-type:y mandatory}.color-customizer__swatch--signature{scroll-snap-align:start}}@media(prefers-contrast:high){.color-customizer__swatch.is-selected,.color-customizer__option.is-selected{outline:3px solid currentColor;outline-offset:2px}}@media(prefers-reduced-motion:reduce){.color-customizer__step,.color-customizer__step.is-active{animation:none}.color-customizer__swatch:hover{transform:none}.color-customizer__progress-fill{transition:none}.color-customizer__swatch--signature[data-is-on-sale=true]:before{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/101/assets/custom.css.map */