.brands_box .heading{display:flex;align-items:center;margin:0 0 calc(var(--gap-heading) + 5px);--height-control: 42px;--gap-button: 16px}.brands_box .heading:last-child{margin-bottom:0}.brands_box .heading+.content{max-width:var(--width-contents)}.brands_box .heading h1,.brands_box .heading h2,.brands_box .heading h3{flex-grow:1;min-width:0;margin:0}.brands_box .heading .link{display:inline-block;margin-left:10px;color:var(--color-link);text-align:right;text-decoration:underline}@media(hover: hover){.brands_box .heading .link:hover{color:var(--color-heading);text-decoration:none}}@media(max-width: 640px){.brands_box .heading{display:block}.brands_box .heading .link{margin:10px 0 2px;text-align:left}}.brands_box .items{display:flex;position:relative;flex-wrap:wrap;width:calc(100% + var(--gap-grid));margin:0 calc(-1*var(--gap-grid)) calc(-1*var(--gap-vertical)) 0;z-index:2}.brands_box .item{display:inline-flex;position:relative;flex-direction:column;flex-grow:0;flex-shrink:0;width:calc(var(--width-item) - var(--gap-grid));margin:0 var(--gap-grid) var(--gap-vertical) 0}.brands_box{--width-item: 16.666%;--gap-vertical: var(--gap-grid)}.brands_box .letters{display:flex;flex-wrap:wrap;margin:0 0 var(--gap-contents);gap:4px}.brands_box .letter{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--color-border);background-color:var(--color-background);color:var(--color-heading);font-size:14px;font-weight:600;line-height:18px;text-align:center;text-transform:uppercase;transition:.2s}@media(hover: hover){.brands_box .letter:hover{border-color:var(--color-primary);background-color:var(--color-primary);color:var(--color-base)}}.brands_box .items_photos .item .image{display:block;position:relative}.brands_box .items_photos .item .image:before{content:"";display:block;padding-bottom:100%}.brands_box .items_photos .item img{display:block;position:absolute;width:100%;max-width:none;height:100%;max-height:none;inset:0;object-fit:cover}.brands_box .item{display:flex;flex-direction:column;align-items:stretch;justify-content:stretch;transition:.2s;scroll-margin-top:calc(var(--height-top) + var(--gap-section-top) + 10px)}.brands_box .item.is_target{outline:5px solid var(--color-border);--color-border: var(--color-primary);--color-primary: #B3B3B3}.brands_box .item.is_target .label{background-color:var(--color-primary);color:var(--color-base)}.brands_box .item .label{display:block;overflow:hidden;flex-grow:0;flex-shrink:0;padding:6px;border:1px solid var(--color-border);border-top-width:0;background-color:var(--color-background);font-size:14px;font-weight:500;line-height:20px;text-align:center;white-space:nowrap;text-overflow:ellipsis;transition:.2s}.brands_box .item .image{display:flex;flex-grow:1;align-items:center;justify-content:center;min-height:0;padding:var(--gap-grid);border:1px solid var(--color-border);transition:.2s}.brands_box .item img{display:block;width:auto;max-width:100%;height:auto;max-height:80px}@media(hover: hover){.brands_box a.item:hover{--color-border: var(--color-primary)}.brands_box a.item:hover .label{background-color:var(--color-primary);color:var(--color-base)}}@media(max-width: 1024px){.brands_box{--width-item: 20%}}@media(max-width: 768px){.brands_box{--width-item: 25%}.brands_box .carousel{--width-item: 170px}.brands_box .item img{max-height:60px}.brands_box .item .label{font-size:12px;line-height:16px}}@media(max-width: 640px){.brands_box{--width-item: 33.333%}.brands_box .letters{gap:2px}.brands_box .letter{width:30px;height:30px;font-size:12px}}
/*# sourceMappingURL=brands.css.map */