.variant-picker__swatches{display:flex;flex-wrap:wrap;gap:var(--s-1)}.variant-picker__swatches--scrollable{display:flex;flex-wrap:nowrap;min-width:0;gap:var(--s-1);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.variant-picker__swatches--scrollable::-webkit-scrollbar{display:none}.variant-picker__swatches-wrapper{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--s-2);width:100%}.variant-picker__swatch{position:relative;flex-shrink:0;width:40px;height:40px;padding:var(--s-1);border-style:solid;border-width:2px;border-color:transparent;border-radius:9999px;cursor:pointer;transition-property:all;transition-duration:.2s}.variant-picker__swatch:hover{border-color:#13131799;border-color:color-mix(in oklab,var(--tl-ink) 60%,transparent)}.variant-picker__swatch.is-active{border-color:var(--tl-ink)}.variant-picker__swatch.is-unavailable .variant-picker__swatch-inner{position:relative}.variant-picker__swatch.is-unavailable .variant-picker__swatch-inner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:9999px;background:linear-gradient(to top right,#0000 calc(50% - 1px),#fff calc(50% - 1px) calc(50% + 1px),#0000 calc(50% + 1px))}.variant-picker__swatch.is-unavailable .variant-picker__swatch-inner--bordered:after{background:linear-gradient(to top right,#0000 calc(50% - 1px),#66656a calc(50% - 1px) calc(50% + 1px),#0000 calc(50% + 1px))}.variant-picker__swatch-inner{display:block;width:100%;height:100%;border-radius:9999px;background-color:var(--swatch-color, #ccc);background-image:var(--swatch-image, none);background-position:50%;background-size:cover}.variant-picker__swatch-inner--bordered{--tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, var(--tl-line));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.variant-picker__swatches--light .variant-picker__swatch:hover{border-color:#fff9;border-color:color-mix(in oklab,var(--tl-surface) 60%,transparent)}.variant-picker__swatches--light .variant-picker__swatch.is-active{border-color:var(--tl-surface)}.variant-picker__swatches--light .variant-picker__divider{background-color:#ffffff26;background-color:color-mix(in oklab,var(--tl-surface) 15%,transparent)}.variant-picker__swatches--light .variant-picker__swatch-inner--bordered{--tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, #ffffff26);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.customize-panel__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background-color:#13131766;background-color:color-mix(in oklab,var(--tl-ink) 40%,transparent);opacity:0;transition-property:opacity;transition-duration:.3s}.customize-panel__backdrop.hidden{display:none}.customize-panel__drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:95;display:flex;flex-direction:column;background-color:var(--tl-surface);transition-property:transform,translate,scale,rotate;transition-duration:.3s;transition-timing-function:ease}.customize-panel__drawer.translate-x-full{translate:100% 0}.customize-panel__header{padding-inline:var(--s-6);padding-block:var(--s-5);justify-content:space-between;align-items:center}.customize-panel__body{display:flex;flex:1;flex-direction:column;overflow-y:auto}@media(min-width:1024px){.customize-panel__body{flex-direction:row;overflow:hidden}}.customize-panel__preview{position:relative;display:flex;flex-direction:column;flex:1;background-color:var(--tl-bg)}.customize-panel__preview-card{position:relative;overflow:hidden;margin-inline:var(--s-6);border-radius:var(--tl-radius-card);background-color:var(--tl-bg);aspect-ratio:345/430}@media(min-width:1024px){.customize-panel__preview-card{margin-inline:0;aspect-ratio:auto;border-radius:0;flex:1}}.customize-panel__preview-img{object-fit:contain;width:100%;height:100%}.customize-panel__view-switcher{position:relative;display:flex;margin-inline:var(--s-6);margin-bottom:var(--s-7);padding:var(--s-1);border-radius:var(--tl-radius-card);background-color:#13131714;background-color:color-mix(in oklab,var(--tl-ink) 8%,transparent)}@media(min-width:1024px){.customize-panel__view-switcher{position:absolute;left:50%;top:var(--s-10);translate:-50% 0;z-index:10;margin-inline:0;margin-bottom:0}}.customize-panel__view-indicator{position:absolute;top:var(--s-1);bottom:var(--s-1);left:var(--s-1);width:calc(50% - 4px);border-radius:var(--tl-radius-card);background-color:var(--tl-ink);transition-property:transform,translate,scale,rotate;transition-duration:.3s}.customize-panel__view-btn{position:relative;z-index:10;display:inline-flex;flex:1;align-items:center;justify-content:center;min-height:56px;padding-top:var(--s-3);cursor:pointer;font-family:var(--tl-font-display, "Archivo Black", sans-serif);font-weight:800;line-height:1;text-transform:uppercase;color:var(--tl-muted);outline-style:none;transition-property:color,background-color,border-color;transition-duration:.3s}@media(min-width:1024px){.customize-panel__view-btn{width:160px;flex:none}}.customize-panel__view-btn.is-active{color:var(--tl-surface)}.customize-panel__sidebar{display:flex;flex-direction:column}@media(min-width:1024px){.customize-panel__sidebar{flex:none;width:440px;overflow:hidden;padding-inline:var(--s-9);padding-top:40px;border-left-width:1px;border-color:#231f201a;border-color:color-mix(in oklab,var(--tl-ink) 10%,transparent)}}.customize-panel__content{padding-inline:var(--s-6);padding-block:var(--s-6)}@media(min-width:1024px){.customize-panel__content{padding-inline:0;flex:1;overflow-y:auto}}.customize-panel__monogram-input{width:100%;height:60px;padding-inline:var(--s-4);border-style:solid;border-width:1px;border-color:var(--tl-line);border-color:color-mix(in oklab,var(--tl-ink) 15%,transparent);border-radius:var(--tl-radius-card);font-weight:500;letter-spacing:.15em;text-transform:uppercase;outline-style:none}.customize-panel__monogram-input::placeholder{font-weight:500;letter-spacing:var(--tracking-normal);text-transform:none;color:#231f204d;color:#1313174d}.customize-panel__footer{padding-inline:var(--s-6);padding-block:var(--s-4)}@media(min-width:1024px){.customize-panel__footer{padding-inline:0}}.customize-panel__acknowledge{display:flex;align-items:flex-start;gap:var(--s-3);margin-bottom:var(--s-6);cursor:pointer}.customize-panel__acknowledge-checkbox{position:absolute;height:0;width:0;opacity:0}.customize-panel__acknowledge-checkmark{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px;height:var(--s-6);width:var(--s-6);border-style:solid;border-width:2px;border-color:var(--tl-muted);border-radius:.25rem;transition-property:border-color,background-color;transition-duration:.15s}.customize-panel__acknowledge-checkmark div.check{border-radius:var(--tl-radius-btn);color:var(--tl-surface);opacity:0;transition-property:opacity;transition-duration:.15s}.customize-panel__acknowledge-checkbox:checked+.customize-panel__acknowledge-checkmark div.check{opacity:1}.customize-panel__acknowledge-checkbox:focus-visible+.customize-panel__acknowledge-checkmark{outline-width:2px;outline-style:none}product-bottom-bar{position:fixed;right:0;bottom:0;left:0;z-index:30;pointer-events:none;translate:0 100%;padding-top:var(--s-8);padding-bottom:40px;transition:background-color .3s ease-out,translate .3s ease-out}product-bottom-bar.is-visible{pointer-events:auto;translate:0 0;--tw-shadow: 0 -4px 12px var(--tw-shadow-color, #00000014);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.product-bottom-bar__inner{display:flex;flex-direction:column;gap:var(--s-6)}@media(min-width:1024px){.product-bottom-bar__inner{flex-direction:row;justify-content:space-between;align-items:center}}.product-bottom-bar__left{display:flex;flex-direction:column;min-width:0;gap:var(--s-3)}.product-bottom-bar__title{flex-shrink:0;font-family:var(--tl-font-display, "Archivo Black", sans-serif);font-size:28px;font-weight:800;line-height:1.1;text-transform:uppercase;color:inherit}product-bottom-bar .variant-picker__swatches-wrapper{min-width:0}.product-bottom-bar__right{display:flex;align-items:center;gap:var(--s-3);flex-grow:1;justify-content:flex-end}.product-bottom-bar__right [data-bar-customize]{width:60px;padding-inline:0;flex-shrink:0}.product-bottom-bar__right [data-bar-customize][hidden]{display:none}product-bottom-bar{border-color:color-mix(in srgb,currentColor 12%,transparent)!important}product-bottom-bar .variant-picker__arrow{border-color:color-mix(in srgb,currentColor 12%,transparent)!important;color:inherit!important}product-bottom-bar .variant-picker__arrow:hover{background-color:color-mix(in srgb,currentColor 8%,transparent)!important}product-bottom-bar .btn-secondary{border-color:color-mix(in srgb,currentColor 12%,transparent)!important;background-color:transparent!important;color:inherit!important}product-bottom-bar .btn-secondary:hover{background-color:color-mix(in srgb,currentColor 8%,transparent)!important}product-bottom-bar .variant-picker__swatch{border-color:transparent}product-bottom-bar .variant-picker__swatch:hover{border-color:color-mix(in srgb,currentColor 60%,transparent)}product-bottom-bar .variant-picker__swatch.is-active{border-color:currentColor}
/*# sourceMappingURL=/cdn/shop/t/43/assets/pdp-customizer.css.map */