.rb-category-tabs{padding-top:var(--rb-category-tabs-pt, 128px);padding-bottom:var(--rb-category-tabs-pb, 128px);background-color:var(--rb-soft-white, #F6F2ED)}.rb-category-tabs__container{max-width:1440px;margin:0 auto;padding:0 96px}.rb-category-tabs__tabs{display:flex;justify-content:center;gap:32px;margin-bottom:48px}.rb-category-tabs__tab{font-family:var(--rb-font-sans, "Inter", sans-serif);font-size:16px;font-weight:500;color:var(--rb-graphite, #6B6B6B);background:none;border:none;padding:0 0 12px;cursor:pointer;position:relative;transition:color .3s ease,opacity .3s ease}.rb-category-tabs__tab:hover:not(.rb-category-tabs__tab--active){opacity:.6}.rb-category-tabs__tab--active{color:var(--rb-ink-black, #0B0B0B);padding-bottom:10px}.rb-category-tabs__tab--active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background-color:var(--rb-aubergine, #3B1B4A)}.rb-category-tabs__tab:focus-visible{outline:2px solid var(--rb-aubergine, #3B1B4A);outline-offset:4px}.rb-category-tabs__panel{display:none}.rb-category-tabs__panel--active{display:block;animation:rb-fade-in .3s ease-out}@keyframes rb-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.rb-category-tabs__grid{display:grid;grid-template-columns:repeat(5,1fr);gap:24px}.rb-category-tile{display:block;text-align:center;text-decoration:none;color:inherit}.rb-category-tile__image-wrapper{aspect-ratio:4 / 5;background-color:var(--rb-stone, #E7E0D8);overflow:hidden;margin-bottom:12px}.rb-category-tile__image{width:100%;height:100%;object-fit:cover;transition:opacity .5s ease}.rb-category-tile:hover .rb-category-tile__image{opacity:.85}.rb-category-tile__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:var(--rb-stone, #E7E0D8)}.rb-category-tile__placeholder-svg{width:60%;height:60%;opacity:.3}.rb-category-tile__label{display:inline-block;font-family:var(--rb-font-sans, "Inter", sans-serif);font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.12em;color:var(--rb-ink-black, #0B0B0B);position:relative;padding-bottom:4px;transition:color .3s ease}.rb-category-tile__label:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background-color:var(--rb-aubergine, #3B1B4A);transform:scaleX(0);transition:transform .3s ease}.rb-category-tile:hover .rb-category-tile__label:after{transform:scaleX(1)}.rb-category-tile:focus-visible{outline:2px solid var(--rb-aubergine, #3B1B4A);outline-offset:4px}@media screen and (max-width: 1023px){.rb-category-tabs{padding-top:96px;padding-bottom:96px}.rb-category-tabs__container{padding:0 48px}.rb-category-tabs__grid{grid-template-columns:repeat(5,1fr);gap:20px}.rb-category-tile__label{font-size:11px}}@media screen and (max-width: 767px){.rb-category-tabs{padding-top:64px;padding-bottom:64px}.rb-category-tabs__container{padding:0 24px}.rb-category-tabs__tabs{margin-bottom:32px}.rb-category-tabs__tab{font-size:14px}.rb-category-tabs__grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:16px;padding-bottom:8px;margin:0 -24px;padding-left:24px;padding-right:24px}.rb-category-tabs__grid::-webkit-scrollbar{display:none}.rb-category-tabs__grid{-ms-overflow-style:none;scrollbar-width:none}.rb-category-tile{flex:0 0 calc(40% - 8px);scroll-snap-align:start}.rb-category-tile__label{font-size:11px}}.rb-category-tabs--mobile-grid .rb-category-tabs__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;overflow-x:visible;scroll-snap-type:none;margin:0;padding-left:0;padding-right:0}@media screen and (max-width: 767px){.rb-category-tabs--mobile-grid .rb-category-tile{flex:none}}.rb-category-tabs--cols-4 .rb-category-tabs__grid{grid-template-columns:repeat(4,1fr)}.rb-category-tabs--cols-6 .rb-category-tabs__grid{grid-template-columns:repeat(6,1fr)}@media (prefers-reduced-motion: reduce){.rb-category-tabs__tab,.rb-category-tile__image,.rb-category-tile__label,.rb-category-tile__label:after,.rb-category-tabs__panel--active{transition:none;animation:none}}.rb-category-tabs{padding-top:var(--rb-pt, 128px);padding-bottom:var(--rb-pb, 128px)}
/*# sourceMappingURL=/cdn/shop/t/24/assets/section-category-tabs.css.map */