.fabric-picker__swatches{display:flex;flex-wrap:wrap;gap:var(--gap-2, .5rem);align-items:center}.fabric-swatch__fallback{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:1rem;font-weight:600;letter-spacing:.04em;color:rgba(var(--color-foreground),.45);text-transform:uppercase}.fabric-swatch--more{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:0;cursor:pointer;background:transparent;border-style:dashed!important;opacity:.7;transition:opacity .15s ease;overflow:visible!important}.fabric-swatch--more:hover{opacity:1}.fabric-swatch__more-count{display:block;font-size:1.3rem;font-weight:600;line-height:1;color:rgb(var(--color-foreground))}.fabric-swatch__more-label{display:block;font-size:.9rem;line-height:1;margin-top:.2rem;color:rgba(var(--color-foreground),.55);text-transform:uppercase;letter-spacing:.05em}.fabric-drawer{--drawer-width: min(48rem, 100vw)}.fabric-drawer .modal__content,.fabric-drawer .fabric-drawer__panel{position:fixed!important;inset:0 0 0 auto!important;width:var(--drawer-width)!important;max-width:100vw!important;height:100%!important;max-height:100%!important;border-radius:0!important;margin:0!important;transform:translate(100%)!important;transition:transform .35s cubic-bezier(.25,1,.5,1)!important;display:flex;flex-direction:column;overflow:hidden;background:rgb(var(--color-background));box-shadow:-4px 0 24px rgba(var(--color-foreground),.08)}.fabric-drawer[open] .fabric-drawer__panel,.fabric-drawer.is-open .fabric-drawer__panel{transform:translate(0)!important}.fabric-drawer__header{display:flex;align-items:center;justify-content:space-between;padding:2rem 2.4rem;border-bottom:1px solid rgba(var(--color-foreground),.1);flex-shrink:0}.fabric-drawer__title{font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);font-size:calc(var(--font-heading-scale) * 1.6rem);letter-spacing:var(--font-heading-letter-spacing, 0);margin:0;line-height:1.3}.fabric-drawer__close{display:flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;padding:0;background:transparent;border:none;border-radius:50%;cursor:pointer;color:rgb(var(--color-foreground));flex-shrink:0;transition:background-color .15s ease}.fabric-drawer__close:hover{background:rgba(var(--color-foreground),.06)}.fabric-drawer__body{flex:1 1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:2rem 2.4rem}.fabric-drawer__body::-webkit-scrollbar{width:4px}.fabric-drawer__body::-webkit-scrollbar-track{background:transparent}.fabric-drawer__body::-webkit-scrollbar-thumb{background:rgba(var(--color-foreground),.2);border-radius:2px}.fabric-drawer__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem 1rem}@media(min-width:480px){.fabric-drawer__grid{grid-template-columns:repeat(4,1fr)}}.fabric-drawer__item{display:flex!important;flex-direction:column;align-items:center;gap:.7rem;padding:0!important;background:transparent!important;border:none!important;cursor:pointer;text-align:center;-webkit-tap-highlight-color:transparent;width:100%!important;height:auto!important}.fabric-drawer__item-image{position:relative;width:100%;aspect-ratio:1 / 1;border-radius:var(--rounded-lg, .4rem);overflow:hidden;background:rgba(var(--color-foreground),.04);border:1px solid rgba(var(--color-foreground),.15);transition:border-color .15s ease,transform .15s ease}.fabric-drawer__item:hover .fabric-drawer__item-image{transform:translateY(-2px)}.fabric-drawer__item.is-selected .fabric-drawer__item-image{border-width:2px;border-color:rgb(var(--color-foreground))}.fabric-drawer__item-image img{width:100%;height:100%;object-fit:cover;display:block}.fabric-drawer__item-check{position:absolute;top:.5rem;right:.5rem;width:2rem;height:2rem;border-radius:50%;background:rgb(var(--color-foreground));color:rgb(var(--color-background));display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.5);transition:opacity .15s ease,transform .2s cubic-bezier(.34,1.56,.64,1)}.fabric-drawer__item.is-selected .fabric-drawer__item-check{opacity:1;transform:scale(1)}.fabric-drawer__item-fallback{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:1.1rem;font-weight:600;color:rgba(var(--color-foreground),.35)}.fabric-drawer__item-name{font-size:1.15rem;line-height:1.3;color:rgba(var(--color-foreground),.65);word-break:break-word}.fabric-drawer__item.is-selected .fabric-drawer__item-name{color:rgb(var(--color-foreground));font-weight:500}@media(prefers-reduced-motion:reduce){.fabric-drawer__panel,.fabric-drawer__item-image,.fabric-drawer__item-check,.fabric-swatch--more{transition-duration:.01ms!important;animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/variant-fabric-picker.css.map */