.article-tabs__bar{display:flex;align-items:center;gap:.8rem;margin-bottom:2.4rem}.article-tabs__nav{flex:0 1 auto;min-width:0;max-width:calc(100% - 5.6rem);border-radius:11px;border:1px solid #E8EAEC;padding:2px 3px;min-height:4.8rem;display:flex;align-items:stretch;overflow:hidden}.article-tabs__scroll{position:relative;display:flex;min-width:0;width:max-content;max-width:100%}.article-tabs__list{gap:.3rem;height:inherit;width:max-content;max-width:75rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap}.article-tabs__list::-webkit-scrollbar{display:none}.article-tabs__fade{position:absolute;top:0;bottom:0;width:2.8rem;pointer-events:none;z-index:1;opacity:0;transition:opacity .25s ease}.article-tabs__fade--left{left:0;background:linear-gradient(to right,rgb(var(--color-background)) 15%,rgba(var(--color-background),0))}.article-tabs__fade--right{right:0;background:linear-gradient(to left,rgb(var(--color-background)) 15%,rgba(var(--color-background),0))}.article-tabs__scroll.is-scrollable:not(.is-scrolled-start) .article-tabs__fade--left{opacity:1}.article-tabs__scroll.is-scrollable:not(.is-scrolled-end) .article-tabs__fade--right{opacity:1}.article-tabs__item{height:100%;flex-shrink:0}.article-tabs__link{min-height:28px;padding:6px 16px;border-radius:8px;color:#18294199;width:fit-content;height:100%;white-space:nowrap;transition:background-color .2s ease,color .2s ease}.article-tabs__link:hover{background:rgba(var(--color-button),.1)}.article-tabs__link[aria-current=page]{color:rgba(var(--color-button-text),1);background:rgba(var(--color-button),1)}.article-tabs__sort{position:relative;flex-shrink:0;margin-left:auto}.article-tabs__sort-toggle{display:flex;align-items:center;justify-content:center;width:4.8rem;height:4.8rem;border:1px solid #E8EAEC;border-radius:11px;background:rgb(var(--color-background));color:rgb(var(--color-foreground));cursor:pointer;padding:0;transition:border-color .2s ease,background-color .2s ease,transform .15s ease,box-shadow .2s ease}.article-tabs__sort-toggle .svg-wrapper{display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.article-tabs__sort-toggle.is-active,.article-tabs__sort-toggle[aria-expanded=true]{border-color:#182941;background:rgba(var(--color-button),.08);box-shadow:0 4px 16px #0e184d14}.article-tabs__sort-toggle.is-active .svg-wrapper,.article-tabs__sort-toggle[aria-expanded=true] .svg-wrapper{transform:scale(1.05)}.article-tabs__sort-toggle:active{transform:scale(.96)}.article-tabs__sort-control{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.article-tabs__sort-control .select:before{content:none!important}.article-tabs__sort-control .select:after{box-shadow:0 0 0 var(--inputs-border-width) #e0e0e0!important;transition:box-shadow .2s ease}.article-tabs__sort-control .select:hover:after,.article-tabs__sort-control .select:focus-within:after{box-shadow:0 0 0 var(--inputs-border-width) #182941!important}.article-tabs__sort-control .select,.article-tabs__sort-control .select__select{outline:none!important;box-shadow:none!important}.article-tabs__sort-select{min-height:4.8rem;color:rgba(var(--color-foreground),1)}.article-tabs__sort-control .select{min-width:10.4rem;color:rgba(var(--color-foreground),1)!important;min-height:4.8rem;transition:transform .2s ease}.article-tabs__sort-control .select__select{padding:0 4rem 0 2rem;cursor:pointer}.article-tabs__sort-control .svg-wrapper{right:1.6rem;transition:transform .2s ease}.article-tabs__sort-control .select:focus-within .svg-wrapper{transform:rotate(180deg)}@media screen and (min-width:750px){.article-tabs__bar{gap:1.6rem}.article-tabs__nav{max-width:calc(100% - 12rem);padding:4px}.article-tabs__sort-toggle{display:none}.article-tabs__sort-control{position:static;width:auto;height:auto;overflow:visible;clip:auto;clip-path:none;white-space:normal}}.article-tabs__link:focus-visible{outline-offset:-.2rem!important;box-shadow:none!important}.article-tabs__sort-select{outline:var(--focused-base-outline)!important;outline-offset:-.2rem!important;box-shadow:0 0 0 calc(.1rem + var(--inputs-border-width)) rgba(var(--color-foreground))!important}
/*# sourceMappingURL=/cdn/shop/t/22/assets/component-article-tabs.css.map */