.brand-directory__heading{text-align:center}.brand-directory__grid{--brand-columns: 5;--color-secondary-accent: 103 136 109;display:grid;grid-template-columns:repeat(var(--brand-columns),minmax(0,1fr));gap:2rem;margin:0;padding:0;padding-bottom:3rem;list-style:none}.brand-directory__link{position:relative;display:block;width:100%;aspect-ratio:4 / 3;overflow:hidden;border:1px solid rgb(40 40 40);border-radius:4px;background:linear-gradient(180deg,#67886d1a,#050706);text-decoration:none;transition:border-color var(--duration-short) ease,background var(--duration-short) ease}.brand-directory__link:hover{border-color:#5a5a5a;background:linear-gradient(180deg,#67886d2e,#050706)}.brand-directory__link:before,.brand-directory__link:after{content:"";position:absolute;z-index:3;width:1rem;height:1rem;border:1px solid rgba(80,80,80,1);transition:width var(--duration-default) ease,height var(--duration-default) ease,border-color var(--duration-default) ease}.brand-directory__link:before{top:.8rem;left:.8rem;border-right-width:0;border-bottom-width:0}.brand-directory__link:after{--bottom-offset: 30px;right:.8rem;bottom:calc(.8rem + var(--bottom-offset));border-top-width:0;border-left-width:0;display:none}.brand-directory__background{position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center;mix-blend-mode:screen;filter:grayscale(35%) saturate(65%) contrast(115%) brightness(65%);transform:scale(1.02);transition:transform .6s cubic-bezier(.2,.8,.2,1),filter .4s ease}.brand-directory__overlay{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(to bottom,#05090c0d,#05090c1f 35%,#04080aa6 76%,#030608f5),linear-gradient(115deg,rgba(22,40,50,.22),transparent 55%,rgba(0,0,0,.3))}.brand-directory__info{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.brand-directory__badge{position:absolute;z-index:4;top:.75rem;right:.75rem;display:inline-flex;align-items:center;gap:.45rem;padding:.35rem .65rem .25rem .55rem;border:1px solid rgba(255,255,255,.14);border-radius:2px;background:linear-gradient(135deg,rgba(var(--color-base-accent),.1),#080a09eb 38%,#050706f5);box-shadow:inset 0 1px #ffffff0a,0 3px 12px #00000052;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#ffffffc2;font-family:Share Tech Mono,monospace;font-size:9px;font-weight:700;line-height:1;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;pointer-events:none}.brand-directory__badge:before{content:"";display:block;flex:0 0 auto;width:2px;height:8px;margin-right:1px;background:rgb(var(--color-base-accent));box-shadow:0 0 8px rgba(var(--color-base-accent),.28)}.brand-directory__brand-type{position:absolute;right:0;bottom:0;left:0;display:flex;gap:.5rem;flex-direction:column;align-items:flex-start;padding:.875rem 1.2rem;background:#00000080;color:#bbb;font-family:Share Tech Mono,monospace;font-size:14px;font-weight:700;line-height:1;text-transform:uppercase}.brand-directory__brand-type .brand-prefix{color:rgb(var(--color-base-accent))}.brand-directory__brand-count{display:inline-block;font-size:10px;opacity:.6;color:#bbb!important}[data-brand-type=partner] .brand-directory__brand-type{color:rgba(var(--color-secondary-accent) / 1)}.brand-directory__logo{display:block;width:auto;height:auto;max-width:60%;max-height:55px;margin-top:-15px;opacity:0;transform:translateY(2px);transition:opacity .4s ease .3s,transform .4s ease .3s}.brand-directory__info.is-logo-loaded .brand-directory__logo{opacity:.8;transform:translateY(0)}.brand-directory__logo.resized{max-height:65px}.brand-directory__logo-placeholder{max-width:20%}.brand-directory__info.is-logo-loaded .brand-directory__logo-placeholder{opacity:.2}.brand-directory__preloader{position:absolute;z-index:1;top:50%;left:50%;display:flex;align-items:center;justify-content:center;width:50px;height:50px;margin-top:-15px;opacity:1;visibility:visible;transform:translate(-50%,-50%);pointer-events:none;transition:opacity .25s ease,visibility 0s linear .25s}.brand-directory__info.is-logo-loaded .brand-directory__preloader,.brand-directory__info.is-logo-error .brand-directory__preloader{opacity:0;visibility:hidden}.brand-directory__preloader-track,.brand-directory__preloader-spinner{fill:none;stroke:#999;stroke-width:4}.brand-directory__preloader-track{opacity:.18}.brand-directory__preloader-spinner{stroke-linecap:round;stroke-dasharray:90 150;transform-box:fill-box;transform-origin:center;animation:brand-directory-spinner .9s linear infinite}@keyframes brand-directory-spinner{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.brand-directory__logo,.brand-directory__preloader{transition:none}.brand-directory__preloader-spinner{animation:none}}.brand-directory__link:hover .brand-directory__background{transform:scale(1.06);filter:grayscale(15%) saturate(85%) contrast(120%) brightness(78%)}.brand-directory__link:hover:before,.brand-directory__link:hover:after{width:1.2rem;height:1.2rem;border-color:rgb(var(--color-base-accent))}.brand-directory__link:hover .brand-directory__overlay{background:radial-gradient(circle at 50% 110%,#b6985b6b,#b6985b2e 32%,#b6985b00 62%),linear-gradient(135deg,#b6985b1a,#b6985b08 45%,#b6985b24),linear-gradient(180deg,#00000005,#0000001f 40%,#000000b8)}@media screen and (max-width:1200px){.brand-directory__grid{--brand-columns: 4}}@media screen and (max-width:990px){.brand-directory__grid{--brand-columns: 3}}@media screen and (max-width:749px){.brand-directory__grid{--brand-columns: 2;gap:1rem}.brand-directory__logo.resized{max-height:45px}.brand-directory__logo{max-width:50%}}.brand-directory__filters{position:relative;display:flex;align-items:center;justify-content:center;gap:3rem;width:fit-content;max-width:100%;margin:2.5rem auto 1.5rem;border-bottom:1px solid rgba(255,255,255,.08)}.brand-directory__filter{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 .5rem .85rem;border:0;border-radius:0;background:transparent;color:#ffffff59;font-family:Share Tech Mono,monospace;font-size:12px;font-weight:700;line-height:1;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:color var(--duration-short) ease,opacity var(--duration-short) ease}.brand-directory__filter:after{content:"";position:absolute;right:0;bottom:-1px;left:0;height:1px;background:rgb(var(--color-base-accent));opacity:0;transform:scaleX(.4);transform-origin:center;transition:opacity var(--duration-short) ease,transform var(--duration-short) ease}.brand-directory__filter:hover{color:#ffffffb3}.brand-directory__filter.is-active,.brand-directory__filter[aria-pressed=true]{color:rgb(var(--color-base-accent))}.brand-directory__filter.is-active:after,.brand-directory__filter[aria-pressed=true]:after{opacity:1;transform:scaleX(1)}.brand-directory__filter:focus-visible{outline:1px solid rgb(var(--color-base-accent));outline-offset:5px}.brand-directory__item[hidden]{display:none}@media screen and (max-width:749px){.brand-directory__filters{justify-content:space-evenly;gap:1.5rem;width:100%;margin:1.75rem 0 1.25rem;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.brand-directory__filters::-webkit-scrollbar{display:none}.brand-directory__filter{flex:0 0 auto;padding-inline:.25rem;white-space:nowrap}}
/*# sourceMappingURL=/cdn/shop/t/49/assets/section-brands.css.map */