.mbr{--ink: var(--masson-ink);--muted: var(--masson-muted);--line: var(--masson-line);--gap: 32px;display:grid;grid-template-columns:260px minmax(0,1fr);align-items:start;padding:var(--mbr-pt, var(--masson-section-space)) 0 var(--mbr-pb, var(--masson-section-space)) var(--masson-side);background:var(--mbr-bg, #fff);color:var(--ink);overflow:hidden;overflow:clip}.mbr__side{align-self:stretch;margin-top:78px;padding-right:24px;border-right:1px solid var(--line)}.mbr__label{margin:0 0 16px;font-size:14px;color:var(--muted)}.mbr__brands{margin:0;padding:0;list-style:none;display:grid;gap:6px}.mbr__brand{padding:0;border:0;background:none;font:inherit;font-size:14px;color:var(--ink);text-align:left;cursor:pointer;transition:opacity .2s}.mbr__brand.is-active{font-weight:600}.mbr__brand:hover{opacity:.55}.mbr__all-link{display:flex;align-items:center;justify-content:space-between;gap:18px;width:fit-content;max-width:100%;min-height:48px;margin-top:38px;padding:12px 15px;border:1px solid var(--ink);color:var(--ink);font-size:12px;font-weight:500;letter-spacing:.04em;line-height:1.35;text-decoration:none;transition:background .25s ease,color .25s ease}.mbr__all-link:hover,.mbr__all-link:focus-visible{background:var(--ink);color:#fff}.mbr__all-link svg{flex:none;transition:transform .25s ease}.mbr__all-link:hover svg,.mbr__all-link:focus-visible svg{transform:translate(3px)}.mbr__main{min-width:0;padding-left:28px}.mbr__all-link--bottom{display:none}.mbr__top{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;column-gap:36px;row-gap:18px;align-items:center;padding-right:var(--masson-side);margin-bottom:38px}.mbr__count{grid-column:1 / -1;font-size:14px;letter-spacing:.02em}.mbr__progress{position:relative;height:1px;background:var(--line)}.mbr__progress i{position:absolute;left:0;top:-.5px;height:2px;background:var(--ink);transition:left .4s ease,width .4s ease}.mbr__arrows{display:flex;gap:20px}.mbr__arrow{display:flex;padding:4px;border:0;background:none;color:var(--ink);cursor:pointer;transition:opacity .2s}.mbr__arrow:hover{opacity:.55}.mbr__arrow:disabled{opacity:.25;cursor:default}.mbr__track{display:flex;align-items:flex-start;gap:var(--gap);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-right:var(--masson-side)}.mbr__track::-webkit-scrollbar{display:none}.mbr__card{flex:0 0 calc((100% - 40px - var(--gap) * 4) / 5);scroll-snap-align:start;display:flex;flex-direction:column;gap:10px;color:var(--ink)!important;text-decoration:none}.mbr__card.is-hidden{display:none}.mbr__name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:2.8em;font-size:14px;line-height:1.4}.mbr__img{display:block;aspect-ratio:4 / 7;overflow:hidden;background:#efece6}.mbr__img picture{display:block;width:100%;height:100%}.mbr__img img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.22,.61,.36,1)}.mbr__view{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;margin-top:4px;padding-bottom:4px;font-size:14px;white-space:nowrap;border-bottom:1px solid currentColor}.mbr__card:hover .mbr__img img{transform:scale(1.05)}@media(max-width:1199px){.mbr__card{flex-basis:calc((100% - 40px - var(--gap) * 3) / 4)}}@media(max-width:899px){.mbr{--gap: 14px;grid-template-columns:minmax(0,1fr);padding:var(--mbr-pt-m, var(--masson-section-space-mobile)) 0 var(--mbr-pb-m, var(--masson-section-space-mobile))}.mbr__side{min-width:0;margin:0 0 20px;padding:0;border:0}.mbr__label{padding:0 var(--masson-side)}.mbr__side>.mbr__all-link{display:none}.mbr__all-link--bottom{display:flex;margin:24px var(--masson-side) 0}.mbr__label{margin-bottom:10px;font-size:12px}.mbr__brands{display:flex;gap:20px;min-width:0;padding:0 var(--masson-side);overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}.mbr__brands li{flex:0 0 auto}.mbr__brands::-webkit-scrollbar{display:none}.mbr__brand{white-space:nowrap;font-size:13px}.mbr__all-link{margin-top:18px;min-height:44px}.mbr__main{padding:0}.mbr__top{padding:0 var(--masson-side);margin-bottom:20px;grid-template-columns:1fr;row-gap:12px}.mbr__count{font-size:12px}.mbr__arrows{display:none}.mbr__track{padding:0 var(--masson-side);scroll-padding:0 var(--masson-side)}.mbr__card{flex-basis:44%}.mbr__name,.mbr__view{font-size:12px}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/masson-brands.css.map */