:root{--color-primary:#000;--color-secondary:#fff;--color-brand:#000;--color-form:#939395;--color-form-input:#222;--color-form-success:#1f2d49;--color-form-warning:#ffb800;--color-form-error:#dc2626}.h1,.h2,.h3,.h4,.h5,.h6{font-family:var(--font-primary);font-style:normal;font-weight:400;letter-spacing:.08em;line-height:140%;margin:0;padding:0;text-decoration:none;text-transform:none}.brands-list__section .brand-name,.brands-list__section .brand-name:before,.brands-list__section__container .tabs__container,.brands-list__section__container__group__collection{font-family:var(--font-primary);font-style:normal;font-weight:400;letter-spacing:.08em;line-height:130%;margin:0;padding:0;text-decoration:none;text-transform:none}.h1{font-size:14px;text-transform:uppercase}.brands-list__section .brand-name,.brands-list__section .brand-name:before,.brands-list__section__container .tabs__container,.brands-list__section__container__group__collection{font-size:11px}.h1,.h2,.h3,.h4,.h5,.h6{text-transform:uppercase}.section-spacing{margin-bottom:32px;margin-top:32px}@media screen and (min-width:768px){.section-spacing{margin-bottom:64px;margin-top:64px}}.brands-list__section{position:relative}.brands-list__section .brand-name{align-items:center;display:flex;font-size:12px;justify-content:flex-start;margin-bottom:4px;position:relative;text-transform:uppercase}.brands-list__section .brand-name:before{content:"";display:block;font-size:12px;margin-right:20px;text-align:center;text-transform:uppercase;width:.75em}.brands-list__section .brand-name[data-heading]:before{content:attr(data-heading)}.brands-list__section .brand-name.hide{display:none}.brands-list__section .brand-name--last:not(:last-child){margin-bottom:16px}.brands-list__section .brand-name a{text-transform:uppercase}.brands-list__section .brand-name figure{bottom:0;display:none;max-width:300px;opacity:0;position:absolute;right:-50%;top:0;transition:all .2s ease-in-out;visibility:hidden;width:200%;z-index:2}@media screen and (min-width:768px){.brands-list__section .brand-name figure{display:block}}.brands-list__section__container{display:flex;flex-direction:column;position:relative;z-index:2}.brands-list__section__container__group__collection{border-bottom:1px solid #000;font-size:14px;margin-top:16px;text-transform:uppercase}.brands-list__section__container__group__collection:first-of-type{margin-top:0}.brands-list__section__container .tabs__container{align-items:center;background:#f3f4f6;-webkit-column-gap:16px;-moz-column-gap:16px;column-gap:16px;display:flex;flex-wrap:wrap;justify-content:center}.brands-list__section__container .tabs__container .tab{color:#9ca3af;cursor:pointer;flex-grow:unset;padding:8px 0;text-transform:uppercase;transition:color .2s ease}.brands-list__section__container .tabs__container .tab.active,.brands-list__section__container .tabs__container .tab:hover{color:#000}.brands-list__section__container .tabs__container .panel{background:#fff;display:none;flex-basis:auto;padding:0 16px;width:100%}@media screen and (min-width:768px){.brands-list__section__container .tabs__container .panel{padding:0 32px}}.brands-list__section__container .tabs__container .panel.active{display:block}.brands-list__section__container .tabs__container .panel.active .brands-banner__list__group__letters{scrollbar-base-color:#000;scrollbar-face-color:#000;scrollbar-3dlight-color:#000;scrollbar-highlight-color:#000;scrollbar-track-color:#000;scrollbar-arrow-color:#000;scrollbar-shadow-color:#000;scrollbar-dark-shadow-color:#000;opacity:0;overflow-y:hidden;position:relative;scrollbar-color:#000 #d5d5d5;scrollbar-width:thin}.brands-list__section__container .tabs__container .panel.active .brands-banner__list__group__letters::-webkit-scrollbar{height:3px;width:3px}.brands-list__section__container .tabs__container .panel.active .brands-banner__list__group__letters::-webkit-scrollbar-button{height:0;width:0}.brands-list__section__container .tabs__container .panel.active .brands-banner__list__group__letters::-webkit-scrollbar-thumb{background:#000;border:0 #000;border-radius:0}.brands-list__section__container .tabs__container .panel.active .brands-banner__list__group__letters::-webkit-scrollbar-thumb:active,.brands-list__section__container .tabs__container .panel.active .brands-banner__list__group__letters::-webkit-scrollbar-thumb:hover{background:#000}.brands-list__section__container .tabs__container .panel.active .brands-banner__list__group__letters::-webkit-scrollbar-track{background:#d5d5d5;border:0 #fff;border-radius:0}.brands-list__section__container .tabs__container .panel.active .brands-banner__list__group__letters::-webkit-scrollbar-track:active,.brands-list__section__container .tabs__container .panel.active .brands-banner__list__group__letters::-webkit-scrollbar-track:hover{background:#d5d5d5}.brands-list__section__container .tabs__container .panel.active .brands-banner__list__group__letters::-webkit-scrollbar-corner{background:transparent}.brands-list__section__container .tabs__container .panel.active .brands-banner__list__group__letters .brands-banner__list__group__item.active .brands-banner__list__group__item--list .brand-name{position:unset}.brands-list__section__container .tabs__container .panel.active .brands-banner__list__group__letters .brands-banner__list__group__item.active .brands-banner__list__group__item--list .brand-name figure{right:64px}.brands-list__section__container .tabs__container .letters-container{display:flex;flex-wrap:wrap;font-size:14px;justify-content:space-between;margin-top:16px;row-gap:8px}@media screen and (min-width:1025px){.brands-list__section__container .tabs__container .letters-container{flex-wrap:nowrap;margin-top:0;row-gap:20px}}.brands-list__section__container .tabs__container .letters-container--item{cursor:pointer;padding:4px 0;text-align:center}@media screen and (min-width:768px){.brands-list__section__container .tabs__container .letters-container--item{max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content;padding:16px 0}}.brands-list__section__container .tabs__container .letters-container--item.active{color:#000;font-weight:700}.brands-list__section__container .tabs__container .letters-container--item.hide{color:#9ca3af}.brands-list__section__container .tabs__container .letters-container--item:hover{color:#000;font-weight:700}.brands-list__section__container .brands-banner__list__group__letters{-webkit-column-count:1;-moz-column-count:1;column-count:1;-webkit-column-fill:auto;-moz-column-fill:auto;column-fill:auto;display:inline-block;margin-bottom:16px;margin-top:30px;width:100%}@media screen and (min-width:768px){.brands-list__section__container .brands-banner__list__group__letters{-webkit-column-count:5;-moz-column-count:5;column-count:5;height:480px;margin-top:54px}}.tippy-box[data-theme~=white]{background-color:transparent}.tippy-box[data-theme~=white] .tippy-content{padding:0}
/*# sourceMappingURL=section.brands-list.css.map*/