.sample-tabs-section .sample-tabs__inner{padding-top:var(--sample-padding-top-desktop);padding-bottom:var(--sample-padding-bottom-desktop)}.sample-tabs-section .sample-tabs__main-heading{margin:0 0 24px;font-size:var(--h4);line-height:1.2;font-weight:400}.sample-tabs-section .sample-tabs__nav{display:flex;align-items:center;gap:var(--sample-nav-gap-desktop);overflow-x:auto;overflow-y:hidden;border-bottom:1px solid var(--sample-border);padding-bottom:12px;margin-bottom:var(--sample-nav-margin-bottom-desktop);scrollbar-width:none;cursor:grab;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;-webkit-user-select:none;user-select:none}.sample-tabs-section .sample-tabs__nav::-webkit-scrollbar{display:none}.sample-tabs-section .sample-tabs__nav.is-dragging{cursor:grabbing}.sample-tabs-section .sample-tabs__tab{flex:0 0 auto;border:0;background:transparent;color:var(--sample-text);padding:13px 22px;border-radius:999px;font-size:var(--body);line-height:var(--body-line);cursor:pointer;white-space:nowrap}.sample-tabs-section .sample-tabs__tab.is-active{background:var(--sample-dark);color:var(--sample-active-tab-text)}.sample-tabs-section .sample-tabs__group{display:none;padding-bottom:var(--sample-group-padding-bottom);margin-bottom:var(--sample-group-margin-bottom);border-bottom:1px solid var(--sample-border)}.sample-tabs-section .sample-tabs__group.is-visible{display:block}.sample-tabs-section .sample-tabs__group:last-child{border-bottom:0;margin-bottom:0}.sample-tabs-section .sample-tabs__group-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:24px}.sample-tabs-section .sample-tabs__group-title{margin:0 0 10px;font-size:var(--h5);line-height:1.2;font-weight:400}.sample-tabs-section .sample-tabs__pdf-link{display:inline-flex;align-items:center;gap:10px;color:var(--sample-text);text-decoration:none;font-size:var(--body);line-height:var(--body-line)}.sample-tabs-section .sample-tabs__count{font-size:var(--medium_small-body);line-height:var(--medium_small-body-line);white-space:nowrap}.sample-tabs-section .sample-tabs__banner{position:relative;display:flex;align-items:center;min-height:var(--sample-banner-min-height-desktop);overflow:hidden;border-radius:var(--sample-banner-radius);background:var(--sample-banner-bg);margin-bottom:32px}.sample-tabs-section .sample-tabs__banner-image{position:absolute;top:0;right:0;bottom:0;left:0}.sample-tabs-section .sample-tabs__banner-image img{width:100%;height:100%;object-fit:cover;display:block}.sample-tabs-section .sample-tabs__banner-content{position:relative;z-index:1;width:min(430px,100%);padding:var(--sample-banner-padding-y-desktop) var(--sample-banner-padding-x-desktop)}.sample-tabs-section .sample-tabs__banner-title{margin:0 0 12px;font-size:var(--h3);line-height:1.05;font-weight:400}.sample-tabs-section .sample-tabs__banner-text{margin:0 0 24px;font-size:var(--large_body);line-height:var(--large_body-line);color:var(--sample-banner-text)}.sample-tabs-section .sample-tabs__banner-button{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:8px 26px;border:1px solid var(--sample-banner-button-border);border-radius:999px;background:var(--sample-banner-button-bg);color:var(--sample-banner-button-text);font-size:var(--medium_small-body);line-height:1;text-decoration:none;cursor:pointer}.sample-tabs-section .sample-tabs__banner-button[disabled]{opacity:.5;cursor:not-allowed}.sample-tabs-section .sample-tabs__grid{display:grid;grid-template-columns:repeat(var(--sample-columns-desktop),minmax(0,1fr));gap:var(--sample-grid-row-gap-desktop) var(--sample-grid-column-gap-desktop)}.sample-tabs-section .sample-tabs__card{min-width:0}.sample-tabs-section .sample-tabs__image-wrap{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:1 / 1;border:1px solid var(--sample-border);border-radius:var(--sample-card-radius);background:var(--sample-card-bg);overflow:hidden;margin-bottom:10px}.sample-tabs-section .sample-tabs__image{object-fit:cover;display:block;border-radius:var(--sample-card-radius);box-shadow:0 12px 18px rgb(0 0 0 / var(--sample-image-shadow-opacity));max-width:71.4%;aspect-ratio:1/1;transition:max-width .3s ease}.sample-tabs-section .sample-tabs__card:not(.is-added) .sample-tabs__image-wrap:hover .sample-tabs__image,.sample-tabs-section .sample-tabs__card.is-added .sample-tabs__image{max-width:80.1%}.sample-tabs-section .sample-tabs__placeholder{width:76%;height:76%}.sample-tabs-section .sample-tabs__add-button{position:absolute;left:50%;top:50%;z-index:2;transform:translate(-50%,-50%);border:0;border-radius:var(--sample-add-button-radius);background:var(--sample-add-button-bg);color:var(--sample-add-button-text);padding:4px 10.5px;font-size:var(--medium_small-body);line-height:var(--medium_small-body-line);cursor:pointer;opacity:0;pointer-events:none;transition:opacity .2s ease;box-shadow:0 4px 12px #0000001f;white-space:nowrap}.sample-tabs-section .sample-tabs__add-button.is-loading,.sample-tabs-section .sample-tabs__banner-button.is-loading{opacity:.7;cursor:wait}.sample-tabs-section .sample-tabs__image-wrap:hover .sample-tabs__add-button,.sample-tabs-section .sample-tabs__add-button:focus-visible{opacity:1;pointer-events:auto}.sample-tabs-section .sample-tabs__card:not(.is-added) .sample-tabs__image-wrap:hover:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:rgb(255 255 255 / var(--sample-hover-overlay-opacity))}.sample-tabs-section .sample-tabs__card.is-added .sample-tabs__add-button{display:none}.sample-tabs-section .sample-tabs__check{position:absolute;top:var(--sample-check-top-desktop);right:var(--sample-check-right-desktop);z-index:3;display:none}.sample-tabs-section .sample-tabs__card.is-added .sample-tabs__check{display:flex}.sample-tabs-section .sample-tabs__product-title{margin:0 0 4px;font-size:var(--medium_small-body);line-height:var(--medium_small-body-line);font-weight:400}.sample-tabs-section .sample-tabs__product-subtitle{margin:0;font-size:var(--body);line-height:var(--small_body-line);color:var(--sample-muted)}.sample-tabs-section .sample-tabs__empty{padding:20px;border:1px dashed var(--sample-border);color:var(--sample-muted)}.sample-tabs__load-more{display:flex;align-items:center;justify-content:center;min-height:60px;margin-top:24px;width:100%}.sample-tabs__load-more[hidden]{display:none}.sample-tabs__load-more-text{opacity:.65}.sample-tabs__load-more.has-error .sample-tabs__load-more-text{opacity:1}@media screen and (max-width:989px){.sample-tabs-section .sample-tabs__grid{grid-template-columns:repeat(var(--sample-columns-tablet),minmax(0,1fr))}}@media screen and (max-width:767px){.sample-tabs-section .sample-tabs__inner{padding-top:var(--sample-padding-top-mobile);padding-bottom:var(--sample-padding-bottom-mobile)}.sample-tabs-section .sample-tabs__main-heading{font-size:var(--h3)}.sample-tabs-section .sample-tabs__nav{gap:var(--sample-nav-gap-mobile);margin-bottom:var(--sample-nav-margin-bottom-mobile)}.sample-tabs-section .sample-tabs__tab{font-size:var(--body);padding:9px 12px}.sample-tabs-section .sample-tabs__group-head{align-items:flex-start;gap:12px;margin-bottom:18px}.sample-tabs-section .sample-tabs__group-title{font-size:var(--large_body)}.sample-tabs-section .sample-tabs__count{font-size:var(--medium_small-body)}.sample-tabs-section .sample-tabs__banner{min-height:var(--sample-banner-min-height-mobile);margin-bottom:24px}.sample-tabs-section .sample-tabs__banner-content{padding:var(--sample-banner-padding-y-mobile) var(--sample-banner-padding-x-mobile)}.sample-tabs-section .sample-tabs__banner-title{font-size:var(--h3)}.sample-tabs-section .sample-tabs__banner-text{font-size:var(--medium_small-body);line-height:var(--medium_small-body-line)}.sample-tabs-section .sample-tabs__grid{grid-template-columns:repeat(var(--sample-columns-mobile),minmax(0,1fr));gap:var(--sample-grid-row-gap-mobile) var(--sample-grid-column-gap-mobile)}.sample-tabs-section .sample-tabs__add-button{opacity:1;pointer-events:auto;font-size:var(--medium_small-body);line-height:var(--medium_small-body-line);padding:8px 10px}.sample-tabs-section .sample-tabs__check{top:var(--sample-check-top-mobile);right:var(--sample-check-right-mobile)}.sample-tabs-section .sample-tabs__product-title{font-size:var(--medium_small-body)}.sample-tabs-section .sample-tabs__product-subtitle{font-size:var(--small_body)}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/sample-collection-tabs.css.map */