.brands-list{padding-top:var(--section-padding-top);padding-bottom:var(--section-padding-bottom)}.brands-list-wrapper{padding:2.4rem}.brands-list__nav{display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;overflow-x:auto;gap:.4rem;padding:1.6rem 0;margin-bottom:2.4rem;scrollbar-width:none;-ms-overflow-style:none;cursor:grab}.brands-list__nav:active{cursor:grabbing}.brands-list__nav::-webkit-scrollbar{display:none}.brands-list__scrollbar-track{height:.3rem;margin-top:-.8rem;margin-bottom:2.4rem;border-radius:3rem;background:rgba(var(--color-foreground),.08);position:relative;opacity:0;transition:opacity .2s;pointer-events:none}.brands-list__scrollbar-track.is-visible{opacity:1}.brands-list__scrollbar-thumb{height:100%;border-radius:inherit;background:rgba(var(--color-foreground));transition:width .15s ease-out;min-width:1.2rem;display:block!important}.brands-list__link{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--buttons-height);height:var(--buttons-height);background:rgba(var(--color-secondary-button),var(--color-secondary-button-alpha, 1));color:rgb(var(--color-secondary-button-text));border:var(--buttons-border-width) solid rgba(var(--color-border),var(--color-border-alpha, 1));border-radius:50%;font-family:var(--font-button-family);font-weight:var(--font-button-weight);font-size:1.4rem;letter-spacing:var(--buttons-letter-spacing, 0);text-decoration:none;cursor:pointer;overflow:hidden;transition:background var(--animation-button),color var(--animation-button);z-index:1;padding:0}.brands-list__link:before{position:absolute;content:"";width:0;inset-block:-.1rem;inset-inline-start:-.1rem;background-color:rgb(var(--color-button));transition:width var(--animation-button);z-index:0;border-radius:inherit}.brands-list__link span{z-index:1}.brands-list__link:hover:before,.brands-list__link--active:before{width:calc(100% + .2rem)}.brands-list__link:hover,.brands-list__link--active{color:rgb(var(--color-button-text))}.brands-list__wr{display:grid;gap:2.4rem;grid-template-columns:repeat(4,1fr)}@media(max-width:1024px){.brands-list__wr{grid-template-columns:repeat(3,1fr)}}@media(max-width:749px){.brands-list__wr{grid-template-columns:1fr}.brands-list__hidden-items,.brands-list__hidden-items.is-open{max-height:none!important;opacity:1!important;overflow:visible!important}.brands-list__toggle-wrap,.brands-list__toggle-wrap.is-open{display:none!important}}.brands-list__i{display:flex;flex-direction:column;gap:.8rem}.brands-list__i[pulse-animation]{position:relative;z-index:0}.brands-list__i[pulse-animation]:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:var(--medium-blocks-radius);background:rgb(var(--color-foreground));opacity:0;pointer-events:none;z-index:-1;animation:pulse-ring 3.2s ease-out infinite}@keyframes pulse-ring{0%{opacity:.6}to{transform:scale(1.1);opacity:0}}.brands-list__title{font-size:1.6rem;font-weight:700;letter-spacing:.08em;margin:0 0 .4rem;padding-bottom:.6rem;border-bottom:1px solid currentColor;color:inherit}.brands-list__brand{display:flex;flex-direction:column;position:relative}.brands-list__image-wrap{position:relative}.brands-list__bubble{position:absolute;top:-.8rem;right:-.8rem;display:flex;align-items:center;justify-content:center;width:3.2rem;height:3.2rem;background:rgb(var(--color-button));color:rgb(var(--color-button-text));border-radius:50%;font-size:.8rem;font-weight:600;line-height:1;pointer-events:none;z-index:2}.brands-list__bubble--sup{font-size:1.1rem;font-weight:600;color:rgb(var(--color-button));vertical-align:super;margin-left:.2rem}.brands-list__hidden-items{display:flex;flex-direction:column;gap:1.2rem;max-height:0;opacity:0;transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .3s ease}.brands-list__hidden-items.is-open{max-height:4000px;opacity:1}.brands-list__toggle-wrap{display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer}.brands-list__toggle-wrap:before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:rgba(var(--color-border),var(--color-border-alpha, 1));pointer-events:none}.brands-list__toggle{border:0;padding:.6rem 1.2rem;background:rgb(var(--color-background));font-size:1.3rem;font-weight:500;cursor:pointer}
/*# sourceMappingURL=/cdn/shop/t/6/assets/section-brands-list.css.map */