.ac-tprod{--ac-pt-mobile: 36px;--ac-pb-mobile: 36px}.ac-tprod__head{margin-bottom:20px}@media screen and (min-width:750px){.ac-tprod__head{margin-bottom:40px}}@media screen and (min-width:990px){.ac-tprod__head{margin-bottom:48px}}.ac-tprod__body{display:block}.ac-tprod__tabs{display:flex;gap:10px;margin:0 -16px 16px;padding:4px 16px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.ac-tprod__tabs::-webkit-scrollbar{display:none}@media screen and (min-width:750px){.ac-tprod__tabs{margin:0 0 24px;padding:4px 0}}@media screen and (min-width:990px){.ac-tprod__tabs{margin-bottom:0}}.ac-tprod__tab{position:relative;flex-shrink:0;padding:6px 14px;border:0;border-radius:100px;background:var(--ac-color-tabs-bg, #f1f1f1);color:var(--color-foreground);font-family:var(--font-body--family);font-size:14px;line-height:1.2;white-space:nowrap;cursor:pointer;transition:background-color .25s ease,color .25s ease}.ac-tprod__tab:before{content:"";position:absolute;top:-6px;right:-3px;bottom:-6px;left:-3px}@media screen and (min-width:750px){.ac-tprod__tab{padding:6px 20px;font-size:15px}}.ac-tprod__tab:hover{background:color-mix(in srgb,var(--color-foreground) 12%,#fff)}.ac-tprod__tab[aria-selected=true]{background:var(--color-foreground);color:var(--color-background)}.ac-tprod__scroller{position:relative;display:block;padding-bottom:60px}@media screen and (min-width:990px){.ac-tprod__scroller{padding:56px 0 0}}.ac-tprod__track{display:flex;gap:16px;margin:-4px;padding:4px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;list-style:none}.ac-tprod__track::-webkit-scrollbar{display:none}.ac-tprod__arrows{position:absolute;inset-block-end:0;inset-inline-start:50%;display:flex;gap:8px;transform:translate(-50%)}@media screen and (min-width:990px){.ac-tprod__arrows{inset-block:0 auto;inset-inline:auto 0;transform:none}}.ac-tprod__scroller:not([data-overflowing]) .ac-tprod__arrows{display:none}.ac-tprod__more{position:absolute;inset-block-end:12px;inset-inline-end:0;color:var(--ac-color-muted, #757575);font-size:14px;text-decoration:none}.ac-tprod__more:hover{color:var(--color-foreground);text-decoration:underline}@media screen and (min-width:990px){.ac-tprod__more{inset-block:12px auto;inset-inline-end:100px}}.ac-hcard{position:relative;display:flex;flex:0 0 85%;flex-direction:column;aspect-ratio:4 / 5;overflow:hidden;border-radius:var(--ac-tprod-radius, 0);background:#fff;box-shadow:0 0 3.8px 1px #0000000a,0 0 0 1px #0000000a;scroll-snap-align:start}@media screen and (min-width:750px){.ac-hcard{flex-basis:calc((100% - 16px)/2)}}@media screen and (min-width:990px){.ac-hcard{flex-basis:calc((100% - 48px)/4)}}.ac-hcard__media{position:relative;flex:1 1 auto;min-height:0}.ac-hcard__img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:var(--ac-tprod-fit, cover);transition:opacity .4s ease}.ac-hcard__img--hover{opacity:0}@media(hover:hover){.ac-hcard:hover .ac-hcard__img--hover{opacity:1}}.ac-hcard__placeholder{background:#f4f4f4;fill:#0003}.ac-hcard__info{display:flex;flex-direction:column;gap:6px;padding:16px 16px 15px}.ac-hcard__title{overflow:hidden;color:inherit;font-size:1rem;font-weight:600;line-height:1.3;text-decoration:none;white-space:nowrap;text-overflow:ellipsis}.ac-hcard__title:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.ac-hcard__title:hover{color:var(--ac-color-accent, var(--color-primary-button-background))}.ac-hcard__price{margin:0;font-size:.875rem;font-weight:700}.ac-hcard__swatches{position:absolute;inset-inline-end:12px;inset-block-end:14px;z-index:1}.ac-hcard__swatches .ac-swatches{margin:0;gap:4px}.ac-hcard__swatches .ac-swatch{width:12px;height:12px}.ac-hcard__swatches .ac-swatches__count,.ac-hcard__swatches .ac-swatches__more{margin:0;font-size:.6875rem}.ac-reveal-on .ac-tprod__body[data-ac-reveal] .ac-hcard{opacity:0;transition:opacity .6s cubic-bezier(.32,.72,0,1) var(--ac-hcard-delay, 0s)}.ac-reveal-on .ac-tprod__body.is-revealed .ac-hcard{opacity:1}@media(prefers-reduced-motion:no-preference){.ac-tprod__panel.is-entering .ac-hcard{animation:ac-hcard-in .6s cubic-bezier(.32,.72,0,1) var(--ac-hcard-delay, 0s) both}}@keyframes ac-hcard-in{0%{opacity:0}to{opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/ac-tabbed-products.css.map */
