.collection-tabs-section{--tabs-accent-color: #f2e14d;--tabs-text-color: rgba(0, 0, 0, .81);--tabs-muted-color: #6b6b6b;--tabs-border-color: #e5e5e5;padding-block:3rem}.collection-tabs__inner{width:100%}.collection-tabs__heading{margin:0 0 1.5rem;padding-inline:var(--page-margin, 1.5rem);font-family:var(--tabs-heading-font-family, inherit);font-style:var(--tabs-heading-font-style, normal);font-weight:var(--tabs-heading-font-weight, 600);font-size:var(--tabs-heading-size, 1.75rem)}.collection-tabs__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-inline:var(--page-margin, 1.5rem);border-bottom:1px solid var(--tabs-border-color);padding-bottom:0}.collection-tabs__nav-wrap{display:flex;align-items:center;gap:.5rem;min-width:0}.collection-tabs__nav{display:flex;gap:2rem;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.collection-tabs__nav::-webkit-scrollbar{display:none}.collection-tabs__tab{flex:0 0 auto;background:none;border:none;cursor:pointer;font-family:var(--tabs-tab-font-family, inherit);font-style:var(--tabs-tab-font-style, normal);font-weight:var(--tabs-tab-font-weight, 600);font-size:var(--tabs-tab-size, .8125rem);letter-spacing:.06em;text-transform:uppercase;color:var(--tabs-muted-color);padding:0 0 .9rem;position:relative;white-space:nowrap;transition:color .2s ease}.collection-tabs__tab:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--tabs-accent-color);transform:scaleX(0);transform-origin:left;transition:transform .25s ease}.collection-tabs__tab:hover,.collection-tabs__tab.is-active{color:var(--tabs-text-color)}.collection-tabs__tab.is-active:after{transform:scaleX(1)}.collection-tabs__arrow{flex:0 0 auto;display:none;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;background:none;border:none;cursor:pointer;color:var(--tabs-text-color)}.collection-tabs__arrow svg{width:1.25rem;height:1.25rem}@media(max-width:749px){.collection-tabs__arrow{display:inline-flex}}.collection-tabs__view-all{flex:0 0 auto;font-size:.8125rem;font-weight:500;text-decoration:underline;text-underline-offset:3px;color:var(--tabs-text-color);white-space:nowrap;padding-bottom:.9rem}.collection-tabs__panels{position:relative;margin-top:2rem}.collection-tabs__panel{display:none}.collection-tabs__panel.is-active{display:block;animation:collection-tabs-fade .3s ease}@keyframes collection-tabs-fade{0%{opacity:0}to{opacity:1}}.collection-tabs__carousel-wrap{container-type:inline-size;container-name:collection-tabs-carousel;position:relative}.collection-tabs__carousel{width:100%;position:relative}.collection-tabs__carousel slideshow-slides{gap:var(--resource-list-column-gap, 8px);margin-block:-16px;padding-block:16px}.collection-tabs__slide{--slide-width: 70vw;width:var(--slide-width);flex:0 0 auto;scroll-snap-align:start;min-width:0}@container collection-tabs-carousel (max-width: 749px){.collection-tabs__slide{--slide-width: clamp(150px, var(--mobile-card-size, 60cqw), var(--slide-width-max, 340px))}}@container collection-tabs-carousel (min-width: 750px){.collection-tabs__slide{--slide-width: calc( (100% - (var(--resource-list-column-gap, 8px) * (var(--column-count, 4) - 1)) - 32px) / var(--column-count, 4) )}}.collection-tabs__card{position:relative;display:flex;flex-direction:column;height:100%}.collection-tabs__card-link{display:block}.collection-tabs__image-wrap{position:relative;aspect-ratio:2 / 3;overflow:hidden;background:#f4f4f4}.collection-tabs__image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.collection-tabs__card-link:hover .collection-tabs__image{transform:scale(1.03)}.collection-tabs__quick-add{position:absolute;bottom:0;left:0;right:0;z-index:2;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.35rem;padding:.6rem;background:#fffffff2;border-top:1px solid var(--tabs-border-color);opacity:0;pointer-events:none;transform:translateY(4px);transition:opacity .2s ease,transform .2s ease}.collection-tabs__card:hover .collection-tabs__quick-add,.collection-tabs__card:focus-within .collection-tabs__quick-add,.collection-tabs__card.is-quick-add-open .collection-tabs__quick-add{opacity:1;pointer-events:auto;transform:translateY(0)}.collection-tabs__sold-out-badge{position:absolute;top:.75rem;left:.75rem;z-index:2;background:#ffffffe6;padding:.25rem .6rem;font-family:var(--tabs-body-font-family, inherit);font-size:var(--tabs-size-btn-size, .6875rem);text-transform:uppercase;letter-spacing:.05em;color:var(--tabs-muted-color)}.collection-tabs__size-btn{flex:0 0 auto;min-width:2.25rem;padding:.35rem .5rem;background:transparent;border:1px solid var(--tabs-border-color);border-radius:0;font-family:var(--tabs-body-font-family, inherit);font-size:var(--tabs-size-btn-size, .75rem);letter-spacing:.02em;text-transform:uppercase;color:#000;cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease}.collection-tabs__size-btn:hover:not(.is-disabled):not(:disabled){border-color:var(--tabs-text-color);background:var(--tabs-text-color);color:#fff}.collection-tabs__size-btn.is-loading{opacity:.6;cursor:progress}.collection-tabs__size-btn.is-added{background:var(--tabs-text-color);border-color:var(--tabs-text-color);color:#fff}.collection-tabs__size-btn.is-error{border-color:#c0392b;color:#c0392b}.collection-tabs__size-btn.is-disabled,.collection-tabs__size-btn:disabled{color:var(--tabs-muted-color);border-color:var(--tabs-border-color);text-decoration:line-through;cursor:not-allowed;background:#fafafa}.collection-tabs__size-btn--full{flex:1 1 auto;min-width:100%;text-transform:none;text-align:center;padding:.5rem}.collection-tabs__info{margin-top:.25rem;text-align:center}.collection-tabs__title{display:block;font-family:var(--tabs-body-font-family, inherit);font-style:var(--tabs-body-font-style, normal);font-weight:var(--tabs-body-font-weight, 300);font-size:var(--tabs-title-size, .875rem);text-transform:uppercase;letter-spacing:normal;color:var(--tabs-text-color);text-decoration:none;margin-bottom:.25rem}.collection-tabs__price{margin:0 0 .5rem;font-family:var(--tabs-body-font-family, inherit);font-style:var(--tabs-body-font-style, normal);font-weight:var(--tabs-body-font-weight, 300);font-size:var(--tabs-price-size, .875rem);color:var(--tabs-text-color)}.collection-tabs__price--compare{color:var(--tabs-muted-color);margin-right:.4em}.collection-tabs__price--sale{color:#c0392b}.collection-tabs__swatches{display:flex;flex-wrap:wrap;justify-content:center;gap:.35rem}.collection-tabs__swatch{width:1rem;height:1rem;border-radius:999px;border:1px solid var(--tabs-border-color);background-size:cover;background-position:center}.collection-tabs__empty{color:var(--tabs-muted-color);font-size:.875rem}
/*# sourceMappingURL=/cdn/shop/t/66/assets/component-collection-tabs.css.map */