.skinvince-tabbed-collection{width:100%;padding:var(--skinvince-tabs-padding-top, 25px) 20px var(--skinvince-tabs-padding-bottom, 40px);background:var(--skinvince-tabs-section-bg, #ffffff)}.skinvince-tabbed-collection__inner{width:100%;max-width:var(--skinvince-tabs-max-width, 1360px);margin:0 auto}.skinvince-tabbed-collection__caption{margin-bottom:24px;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--skinvince-tabs-caption-color, #2e6eb0);font-family:var(--skinvince-heading-font);font-size:var(--skinvince-tabs-caption-size, 16px);font-weight:700;line-height:1.3;text-align:center}.skinvince-tabbed-collection__caption-stars{color:var(--skinvince-tabs-star-color, #ffb31a);letter-spacing:1px;white-space:nowrap}.skinvince-tabbed-collection__heading{margin:0 auto 12px;color:var(--skinvince-tabs-heading-color, #2e6eb0);font-family:var(--skinvince-heading-font);font-size:var(--skinvince-tabs-heading-size, 32px);font-weight:700;line-height:1.2;text-align:center}.skinvince-tabbed-collection__description{max-width:760px;margin:0 auto 24px;color:var(--skinvince-tabs-body-color, #5d7591);font-family:var(--skinvince-body-font);font-size:var(--skinvince-tabs-body-size, 15px);line-height:1.55;text-align:center}.skinvince-tabbed-collection__description p{margin:0}.skinvince-tabbed-collection__tabs{width:100%;margin-bottom:48px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:14px}.skinvince-tabbed-collection__tab{min-height:48px;padding:10px 26px;border:1px solid var(--skinvince-tabs-border, #6baef3);border-radius:999px;background:var(--skinvince-tabs-inactive-bg, #ffffff);color:var(--skinvince-tabs-inactive-text, #88bdf5);font-family:var(--skinvince-heading-font);font-size:var(--skinvince-tabs-tab-size, 16px);font-weight:700;line-height:1;cursor:pointer;transition:color .2s ease,background-color .2s ease,border-color .2s ease,transform .2s ease}.skinvince-tabbed-collection__tab:hover{transform:translateY(-1px)}.skinvince-tabbed-collection__tab.is-active{background:var(--skinvince-tabs-active-bg, #d7eafe);color:var(--skinvince-tabs-active-text, #2e6eb0)}.skinvince-tabbed-collection__panel{width:100%}.skinvince-tabbed-collection__panel[hidden]{display:none!important}.skinvince-tabbed-collection__product{min-width:0}.skinvince-tabbed-collection__product .skinvince-product-card{height:100%}.skinvince-tabbed-collection__carousel{width:100%}.skinvince-tabbed-collection__viewport{width:100%;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scroll-snap-type:x mandatory;overscroll-behavior-inline:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}.skinvince-tabbed-collection__viewport::-webkit-scrollbar{display:none}.skinvince-tabbed-collection__track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--skinvince-tabs-desktop-count, 4) - 1) * var(--skinvince-tabs-desktop-gap, 24px)) / var(--skinvince-tabs-desktop-count, 4));gap:var(--skinvince-tabs-desktop-gap, 24px)}.skinvince-tabbed-collection__track .skinvince-tabbed-collection__product{scroll-snap-align:start}.skinvince-tabbed-collection__carousel-footer{width:100%;margin-top:52px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px}.skinvince-tabbed-collection__progress{width:100%}.skinvince-tabbed-collection__progress-track{position:relative;width:100%;height:3px;overflow:hidden;border-radius:999px;background:#e2e2e2}.skinvince-tabbed-collection__progress-thumb{position:absolute;top:0;left:0;height:100%;width:20%;border-radius:inherit;background:#2e6eb0;transition:left .15s linear,width .15s linear}.skinvince-tabbed-collection__arrows{display:flex;align-items:center;gap:10px}.skinvince-tabbed-collection__arrow{width:40px;height:40px;padding:0;display:flex;align-items:center;justify-content:center;border:1px solid #bcd4ec;border-radius:999px;background:#fff;color:#2e6eb0;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease,opacity .2s ease}.skinvince-tabbed-collection__arrow:hover:not(:disabled){border-color:#2e6eb0;background:#2e6eb0;color:#fff}.skinvince-tabbed-collection__arrow:disabled{opacity:.35;cursor:default}.skinvince-tabbed-collection__arrow svg{width:19px;height:19px;display:block}.skinvince-tabbed-collection__editorial-grid{width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--skinvince-tabs-desktop-gap, 24px)}.skinvince-tabbed-collection__empty{padding:60px 20px;border:1px dashed #b7cee4;border-radius:18px;color:#607994;font-family:var(--skinvince-body-font);text-align:center}@media screen and (max-width:989px)and (min-width:750px){.skinvince-tabbed-collection__track{grid-auto-columns:calc((100% - (3 - 1) * var(--skinvince-tabs-desktop-gap, 24px)) / 3)}.skinvince-tabbed-collection__editorial-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media screen and (max-width:749px){.skinvince-tabbed-collection{padding:var(--skinvince-tabs-padding-top-mobile, 22px) 12px var(--skinvince-tabs-padding-bottom-mobile, 28px)}.skinvince-tabbed-collection__caption{margin-bottom:15px;gap:6px;font-size:min(var(--skinvince-tabs-caption-size, 16px),14px)}.skinvince-tabbed-collection__heading{font-size:min(var(--skinvince-tabs-heading-size, 32px),27px)}.skinvince-tabbed-collection__description{margin-bottom:18px}.skinvince-tabbed-collection__tabs{margin:0 -12px 30px;padding:0 12px 4px;justify-content:flex-start;flex-wrap:nowrap;gap:9px;overflow-x:auto;scrollbar-width:none}.skinvince-tabbed-collection__tabs::-webkit-scrollbar{display:none}.skinvince-tabbed-collection__tab{min-height:42px;padding:8px 18px;flex:0 0 auto;font-size:min(var(--skinvince-tabs-tab-size, 16px),14px)}.skinvince-tabbed-collection__track{grid-auto-columns:calc((100% - (var(--skinvince-tabs-mobile-count, 2) - 1) * var(--skinvince-tabs-mobile-gap, 12px)) / var(--skinvince-tabs-mobile-count, 2));gap:var(--skinvince-tabs-mobile-gap, 12px)}.skinvince-tabbed-collection__editorial-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--skinvince-tabs-mobile-gap, 12px)}.skinvince-tabbed-collection__carousel-footer{margin-top:28px;gap:12px}.skinvince-tabbed-collection__arrow{width:36px;height:36px}}@media screen and (max-width:380px){.skinvince-tabbed-collection{padding-left:9px;padding-right:9px}.skinvince-tabbed-collection__tabs{margin-left:-9px;margin-right:-9px;padding-left:9px;padding-right:9px}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/skinvince-tabbed-collection.css.map */
