.studio-collection-tabs{padding:8rem 0}.studio-collection-tabs__title{font-size:clamp(3rem,5vw,4.8rem);font-weight:400;letter-spacing:-.02em;text-align:center;margin-bottom:4rem;text-transform:uppercase}.studio-collection-tabs__title strong{font-weight:700}.studio-collection-tabs__nav{display:flex;flex-wrap:nowrap;gap:.8rem;justify-content:center;margin-bottom:4rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding-inline:16px}.studio-collection-tabs__nav::-webkit-scrollbar{display:none}.studio-collection-tabs__tab{flex:0 0 auto;white-space:nowrap;padding:1.2rem 3rem;background:transparent;border:1px solid rgb(var(--color-foreground) / .2);border-radius:.8rem;font-size:1.4rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;color:rgb(var(--color-foreground));transition:transform .18s cubic-bezier(.23,1,.32,1),opacity .18s cubic-bezier(.23,1,.32,1),background-color .18s cubic-bezier(.23,1,.32,1),color .18s cubic-bezier(.23,1,.32,1),border-color .18s cubic-bezier(.23,1,.32,1)}.studio-collection-tabs__tab:hover{border-color:rgb(var(--color-foreground))}.studio-collection-tabs__tab.active{background:rgb(var(--color-foreground));color:rgb(var(--color-background));border-color:rgb(var(--color-foreground))}.studio-collection-tabs__panel{display:none}.studio-collection-tabs__panel.active{display:block}.studio-collection-tabs__slider-wrap{position:relative}.studio-collection-tabs__slider{overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.studio-collection-tabs__slider::-webkit-scrollbar{display:none}.studio-collection-tabs__slider-inner{display:flex;flex-wrap:nowrap;gap:2rem;padding-bottom:2rem;padding-inline:16px}.studio-collection-tabs__slide{flex:0 0 32%;width:auto;max-width:35rem;scroll-snap-align:start;min-width:0}.studio-collection-tabs__empty{text-align:center;padding:4rem;color:rgb(var(--color-foreground) / .6)}.studio-collection-tabs .studio-card__media{position:relative;overflow:hidden;padding-bottom:140%!important;height:0}.studio-collection-tabs .studio-card__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain}.studio-collection-tabs__arrow{position:absolute;top:22%;z-index:2;width:36px;height:36px;border:1px solid rgb(var(--color-foreground) / .2);border-radius:50%;background:rgb(var(--color-background));color:rgb(var(--color-foreground));cursor:pointer;display:none;align-items:center;justify-content:center;font-size:2.4rem;line-height:1;padding:0;transition:transform .18s cubic-bezier(.23,1,.32,1),opacity .18s cubic-bezier(.23,1,.32,1)}.studio-collection-tabs__arrow--prev{left:4px}.studio-collection-tabs__arrow--next{right:4px}@media(hover:hover)and (pointer:fine){.studio-collection-tabs__arrow:hover{transform:scale(1.06)}.studio-collection-tabs__arrow:active{transform:scale(.98)}}@media screen and (max-width:749px){.studio-collection-tabs{padding:4rem 0}.studio-collection-tabs__title{margin-bottom:2.4rem}.studio-collection-tabs__nav{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:.8rem;justify-content:center;margin-bottom:2.4rem;padding-inline:16px;-webkit-overflow-scrolling:touch}.studio-collection-tabs__tab{padding:.8rem 1.6rem;font-size:1.2rem}.studio-collection-tabs__slider{overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.studio-collection-tabs__slider-inner{display:flex;flex-wrap:nowrap;gap:12px;padding-inline:16px}.studio-collection-tabs__slide{flex:0 0 78%!important;width:auto;max-width:none!important;scroll-snap-align:start}.studio-collection-tabs .studio-card__media{padding-bottom:140%!important;max-height:55vw;height:0}.studio-collection-tabs__arrow{display:none}}@media screen and (min-width:750px){.studio-collection-tabs__slider-inner{display:flex;flex-wrap:nowrap;gap:2rem}.studio-collection-tabs__slide{flex:0 0 32%;width:auto;max-width:35rem}.studio-collection-tabs__arrow{display:flex}}@media(prefers-reduced-motion:reduce){.studio-collection-tabs__tab,.studio-collection-tabs__arrow,.studio-collection-tabs .studio-card,.studio-collection-tabs .studio-card__image{transition:none}.studio-collection-tabs__slider{scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-studio-collection-tabs.css.map */