.fabric-compare{display:block;color:#1f1f1f;background:#fff;padding-block:4rem;--fc-line: #e1e1e1;--fc-current: #f5f4f1;--fc-label-width: 10.4rem;--fc-fabric-width: 15rem}.fabric-compare *,.fabric-compare *:before,.fabric-compare *:after{box-sizing:border-box}.fabric-compare [hidden]{display:none!important}.fabric-compare__inner{min-width:0}.fabric-compare__heading{margin:0 0 1.2rem;font-size:clamp(2.2rem,2.8vw,2.8rem);font-weight:300;line-height:1.2;letter-spacing:.03rem}.fabric-compare__intro{margin:0;max-width:60rem;font-size:1.5rem;line-height:1.55;color:#4d4d4d}.fabric-compare__controls{display:flex;flex-wrap:wrap;gap:1.2rem 2rem;justify-content:space-between;align-items:center;margin-top:2.4rem}.fabric-compare__tabs{display:flex;flex-wrap:wrap;gap:.8rem 2rem}.fabric-compare__tabs button{background:transparent;border:0;border-bottom:1px solid transparent;padding:1.2rem 0;font:inherit;font-size:1.5rem;color:#595959;cursor:pointer}.fabric-compare__tabs button:hover{color:#1f1f1f}.fabric-compare__tabs button[aria-selected=true]{border-color:#1f1f1f;color:#1f1f1f}.fabric-compare__filter{display:inline-flex;align-items:center;gap:.8rem;min-height:4.4rem;font-size:1.4rem;cursor:pointer}.fabric-compare__filter input{width:1.8rem;height:1.8rem;margin:0;accent-color:#1f1f1f;cursor:pointer}.fabric-compare__group{margin-top:2.4rem;min-width:0}.fabric-compare__group-title{margin:0 0 1.6rem;font-size:1.7rem;font-weight:400}.fabric-compare__group[role=tabpanel] .fabric-compare__group-title{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.fabric-compare__table-wrap{position:relative;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scroll-snap-type:x proximity;scroll-padding-inline-start:var(--fc-label-width)}.fabric-compare__table{width:100%;min-width:calc(var(--fc-label-width) + var(--fabric-count) * var(--fc-fabric-width));max-width:calc(var(--fc-label-width) + var(--fabric-count) * 32rem);table-layout:fixed;border-collapse:separate;border-spacing:0;text-align:left;font-size:1.4rem;line-height:1.5;margin:0}.fabric-compare__table th,.fabric-compare__table td{border:0;padding:1.6rem 1.2rem;vertical-align:top;font-weight:400;overflow-wrap:anywhere;background-color:#fff}.fabric-compare__table tr>:first-child{width:var(--fc-label-width);padding-left:0;position:sticky;left:0;z-index:1;background:#fff}.fabric-compare__table-wrap[data-scrolled] tr>:first-child{box-shadow:1px 0 0 var(--fc-line)}.fabric-compare__table thead th{padding-top:1.2rem;padding-bottom:2rem}.fabric-compare__fabric{scroll-snap-align:start}.fabric-compare__fabric:last-child{scroll-snap-align:end}.fabric-compare__corner{vertical-align:bottom!important}.fabric-compare__corner span{display:block;padding-top:1.6rem}.fabric-compare__card{display:block;width:100%;padding:0;margin:0;border:0;background:none;color:inherit;font:inherit;text-align:inherit}button.fabric-compare__card:not(:disabled){cursor:zoom-in}.fabric-compare__photo{position:relative;display:block;aspect-ratio:4 / 3;overflow:hidden;border-radius:4px;background:#f2f2f2}.fabric-compare__photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}button.fabric-compare__card:not(:disabled):hover img{transform:scale(1.04)}.fabric-compare__chip{position:absolute;right:.8rem;bottom:.8rem;display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .8rem;border-radius:999px;background:#fff;color:#1f1f1f;font-size:1.2rem;line-height:1.4;box-shadow:0 1px 4px #0000001f}.fabric-compare__chip svg{width:1.2rem;height:1.2rem;flex:none}.fabric-compare__chip-video{display:inline-flex;padding-right:.4rem;margin-right:.2rem;border-right:1px solid #d6d6d6}fabric-comparison:not(:defined) .fabric-compare__chip{display:none}.fabric-compare__badge{display:inline-block;margin:1.4rem 0 .6rem;font-size:1.1rem;line-height:1.4;text-transform:uppercase;letter-spacing:.06em;color:#4d4d4d;background-color:#fff}.fabric-compare__badge--empty{visibility:hidden}.fabric-compare__name{display:block;font-size:1.8rem;line-height:1.3;background-color:#fff}.fabric-compare__table tbody th,.fabric-compare__corner{color:#6e6e73;font-size:1.2rem;letter-spacing:.03rem;text-transform:uppercase}.fabric-compare__table tbody th,.fabric-compare__table tbody td{border-top:1px solid var(--fc-line)}.fabric-compare__table .fabric-compare__current{background:var(--fc-current)}.fabric-compare__current :is(.fabric-compare__name,.fabric-compare__badge){background-color:var(--fc-current)}.fabric-compare__table tfoot td{border-top:1px solid var(--fc-line);vertical-align:middle}.fabric-compare__link{display:inline-flex;align-items:center;min-height:4.4rem;color:#1f1f1f;font-size:1.3rem;text-decoration:underline;text-underline-offset:.4rem}.fabric-compare__link:hover{text-decoration-thickness:2px}.fabric-compare__missing{color:#6e6e6e}.fabric-compare__scroll-hint{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin:0 0 1.2rem;color:#595959;font-size:1.2rem}.fabric-compare__arrows{display:flex;gap:.8rem}.fabric-compare__arrows button{display:grid;place-items:center;width:4.4rem;height:4.4rem;background:#fff;border:1px solid #a6a6a6;border-radius:50%;color:#1f1f1f;cursor:pointer}.fabric-compare__arrows svg{width:1.8rem;height:1.8rem}.fabric-compare__arrows [data-fabric-prev] svg{transform:rotate(180deg)}.fabric-compare__arrows button:not(:disabled):hover{border-color:#1f1f1f}.fabric-compare__arrows button:disabled{opacity:.35;cursor:default}.fabric-compare__note,.fabric-compare__empty{margin:2rem 0 0;color:#595959;font-size:1.3rem;line-height:1.6}.fabric-compare :is(button,a,input,[tabindex]):focus-visible{outline:2px solid #1f1f1f;outline-offset:3px}.fabric-compare__table-wrap:focus-visible{outline-offset:-2px}@media(prefers-reduced-motion:reduce){.fabric-compare__photo img{transition:none}button.fabric-compare__card:not(:disabled):hover img{transform:none}}@media(min-width:750px){.fabric-compare{--fc-label-width: 15rem;--fc-fabric-width: 19rem}.fabric-compare__group{margin-top:3.2rem}.fabric-compare__table th,.fabric-compare__table td{padding-inline:2rem}.fabric-compare__table tbody th,.fabric-compare__corner{font-size:1.3rem;letter-spacing:.05rem}.fabric-compare__table{font-size:1.5rem}.fabric-compare__name{font-size:2rem}}@media(min-width:961px){.fabric-compare{padding-block:5.6rem}}html.fabric-gallery-lock{overflow:hidden}.fabric-gallery{--fg-line: #e1e1e1;--fg-stage: #f5f4f1;width:100%;max-width:none;height:100%;max-height:none;padding:0;margin:0;border:0;background:transparent;color:#1f1f1f;overflow:hidden}.fabric-gallery::backdrop{background:#0000008c}.fabric-gallery:not([open]){display:none}.fabric-gallery[open]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147482000;display:flex;align-items:stretch;justify-content:center}.fabric-gallery__card{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden;background:#fff;outline:none}.fabric-gallery[open] .fabric-gallery__card{animation:fabric-gallery-in .28s cubic-bezier(.2,0,0,1)}@keyframes fabric-gallery-in{0%{opacity:0;transform:translateY(2.4rem)}}.fabric-gallery__header{display:flex;flex:none;align-items:center;justify-content:space-between;gap:1.6rem;padding:.6rem .8rem .6rem 2rem;border-bottom:1px solid var(--fg-line)}.fabric-gallery__title{margin:0;font-size:1.8rem;font-weight:400;line-height:1.3;letter-spacing:.02rem}.fabric-gallery__close{display:inline-grid;flex:none;place-items:center;width:4.4rem;height:4.4rem;padding:0;border:0;background:none;cursor:pointer}.fabric-gallery__close:hover{opacity:.6}.fabric-gallery__close svg{width:1.6rem;height:1.6rem}.fabric-gallery__fabrics{display:flex;flex:none;gap:.8rem;padding:1.2rem 2rem;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid var(--fg-line)}.fabric-gallery__fabrics::-webkit-scrollbar{display:none}.fabric-gallery__fabric,.fabric-gallery__filter{display:inline-flex;flex:none;align-items:center;gap:.8rem;margin:0;padding:.9rem 1.6rem;border:1px solid #e0e0e0;border-radius:999px;background:#fff;color:#333;font:inherit;font-size:1.4rem;line-height:1;white-space:nowrap;cursor:pointer;transition:color .2s ease,border-color .2s ease,background .2s ease}:is(.fabric-gallery__fabric,.fabric-gallery__filter):is(:hover,[aria-pressed=true]){color:#fff;background:#1a1a1a;border-color:#1a1a1a}.fabric-gallery__fabric:has(img){padding:.4rem 1.6rem .4rem .4rem}.fabric-gallery__fabric img{width:2.4rem;height:2.4rem;border-radius:50%;object-fit:cover}.fabric-gallery__now{font-size:1.1rem;letter-spacing:.06em;text-transform:uppercase;opacity:.7}.fabric-gallery__body{display:flex;flex:1;flex-direction:column;min-height:0;overflow-y:auto}.fabric-gallery__stage{position:relative;flex:none;height:min(62vh,120vw);background:var(--fg-stage)}.fabric-gallery__track{position:relative;display:flex;height:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;outline-offset:-2px}.fabric-gallery__track::-webkit-scrollbar{display:none}.fabric-gallery__slide{display:grid;flex:0 0 100%;place-items:center;margin:0;scroll-snap-align:center;scroll-snap-stop:always}.fabric-gallery__slide :is(img,video){display:block;width:100%;height:100%;object-fit:contain}.fabric-gallery__slide iframe{width:100%;height:100%;border:0}.fabric-gallery__nav{position:absolute;top:50%;display:grid;place-items:center;width:4.4rem;height:4.4rem;padding:0;margin-top:-2.2rem;border:1px solid #a6a6a6;border-radius:50%;background:#ffffffe5;color:#1f1f1f;cursor:pointer}.fabric-gallery__nav svg{width:1.8rem;height:1.8rem}.fabric-gallery__nav--prev{left:1.2rem}.fabric-gallery__nav--prev svg{transform:rotate(180deg)}.fabric-gallery__nav--next{right:1.2rem}.fabric-gallery__nav:not(:disabled):hover{border-color:#1f1f1f}.fabric-gallery__nav:disabled{opacity:0;pointer-events:none}.fabric-gallery__count{position:absolute;left:50%;bottom:1.2rem;margin:0;padding:.2rem 1rem;transform:translate(-50%);border-radius:999px;background:#ffffffe5;font-size:1.2rem;line-height:1.6;pointer-events:none}.fabric-gallery__count:empty{display:none}.fabric-gallery__aside{display:flex;flex-direction:column;gap:1.6rem;padding:1.6rem 2rem 2.4rem}.fabric-gallery__filters{display:flex;flex-wrap:wrap;gap:.8rem}.fabric-gallery__thumbs{display:flex;gap:.8rem;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin;padding-bottom:.4rem}.fabric-gallery__thumb{position:relative;flex:0 0 6.4rem;aspect-ratio:1;padding:0;overflow:hidden;border:1px solid transparent;border-radius:4px;background:#f2f2f2;cursor:pointer;scroll-snap-align:start}.fabric-gallery__thumb img{display:block;width:100%;height:100%;object-fit:cover;opacity:.75;transition:opacity .2s ease}.fabric-gallery__thumb:hover img,.fabric-gallery__thumb[aria-current=true] img{opacity:1}.fabric-gallery__thumb[aria-current=true]{border-color:#1f1f1f;box-shadow:inset 0 0 0 1px #1f1f1f}.fabric-gallery__thumb-play{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#fff;background:#0003}.fabric-gallery__thumb-play svg{width:2rem;height:2rem}.fabric-gallery__details{display:grid;grid-template-columns:auto 1fr;gap:1rem 1.6rem;margin:0;padding-top:1.6rem;border-top:1px solid var(--fg-line);font-size:1.4rem;line-height:1.5}.fabric-gallery__details:empty{display:none}.fabric-gallery__details dt{color:#6e6e73;font-size:1.2rem;letter-spacing:.03rem;text-transform:uppercase;line-height:1.8}.fabric-gallery__details dd{margin:0}.fabric-gallery :is(button,[tabindex="0"]):focus-visible{outline:2px solid #1f1f1f;outline-offset:2px}@media(prefers-reduced-motion:reduce){.fabric-gallery[open] .fabric-gallery__card{animation:none}.fabric-gallery__thumb img{transition:none}}@media(min-width:990px){.fabric-gallery[open]{align-items:center;padding:3.2rem}.fabric-gallery__card{max-width:128rem;height:min(88vh,86rem);border-radius:4px}.fabric-gallery__header{padding-left:3.2rem}.fabric-gallery__fabrics{padding-inline:3.2rem}.fabric-gallery__body{flex-direction:row;overflow:hidden}.fabric-gallery__stage{flex:1;height:auto;min-width:0}.fabric-gallery__nav--prev{left:2rem}.fabric-gallery__nav--next{right:2rem}.fabric-gallery__aside{flex:0 0 36rem;overflow-y:auto;padding:2.4rem;border-left:1px solid var(--fg-line)}.fabric-gallery__thumbs{display:grid;grid-template-columns:repeat(4,1fr);overflow:visible;padding:0}.fabric-gallery__thumb{flex:none}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/section-fabric-comparison.css.map */