.brands-grid-section{justify-content:center;height:100vh;display:flex;overflow:clip;flex-direction:column;position:relative}.scanlines{width:100%;height:100%;position:fixed;top:0;left:0;z-index:2;background-image:linear-gradient(#1b1a1a47 25%,transparent 50%);background-size:10px 2px;pointer-events:none}.brands-grid-wrapper{align-self:center;justify-self:center;perspective:7000px;width:0;grid-template-rows:auto auto;grid-template-columns:1fr 1fr;grid-auto-columns:1fr}.brands-grid{display:flex;flex-flow:column-reverse;justify-content:center;align-items:center;perspective:none;transform-style:preserve-3d;will-change:transform;transition:transform .1s ease-out}.brand-link{text-decoration:none;margin-block:2vh;transition:margin-block .3s ease}.empty__brand-link:active{pointer-events:none}.brand-item{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;height:280px;width:250px;background-size:cover;background-position:center;background-repeat:no-repeat;transition:transform .3s ease;transform-style:preserve-3d;filter:drop-shadow(5px 5px 0px #232323)}.brand-image{position:relative;z-index:1;width:100%;max-width:250px;height:auto;display:block;margin-bottom:20px}.brand-tag-container{display:flex;align-items:center;gap:5px;line-height:1.2;margin:auto 0 5px auto;z-index:999}.brand-tag{margin:0;color:#232323;position:relative;font-family:BBH Bartle,sans-serif;font-weight:400;font-style:normal;font-size:10px;transition:color .15s ease}.scrambled-tag{margin-right:5px}.brand-tag-container svg{width:0;opacity:0;transition:width 1s ease opacity .3s ease;margin-right:2px;margin-bottom:1.5px}.store-info-container{position:absolute;left:40px;bottom:15%;max-width:20%}.store-info-text-wrapper{position:relative;padding:10px}.store-info-text{position:relative;margin:0;font-size:14px;line-height:1.25;font-family:var(--ui-mono)}.corner{position:absolute;width:20px;height:20px;border:1px solid #ccc;transition:all .3s ease}.corner-tl{top:-10px;left:-10px;border-right:none;border-bottom:none}.corner-tr{top:-10px;right:-10px;border-left:none;border-bottom:none}.corner-bl{bottom:-10px;left:-10px;border-right:none;border-top:none}.corner-br{bottom:-10px;right:-10px;border-left:none;border-top:none}.store-info-text-wrapper:hover .corner-tl{top:-20px;left:-20px}.store-info-text-wrapper:hover .corner-tr{top:-20px;right:-20px}.store-info-text-wrapper:hover .corner-bl{bottom:-20px;left:-20px}.store-info-text-wrapper:hover .corner-br{bottom:-20px;right:-20px}@media screen and (min-width:769px){.brand-link:hover .brand-tag{color:#fcfcfc}.brand-link:hover .brand-tag-container svg{width:auto;opacity:1}.brands-grid .brand-link:hover .brand-item{transform:scaleZ(1) translate3d(8%,0,0);opacity:1}.brands-grid{transform:rotateX(97deg) rotateY(0) rotate(15deg);position:relative}.brand-link{transform:rotateX(-90deg) rotateY(0) rotate(0)}.brand-image-wrapper{position:fixed;top:0;right:0;height:92vh;pointer-events:none;z-index:-99;opacity:0;transition:opacity .2s ease}.brand-image-wrapper img{height:100%;object-fit:cover;opacity:.8}.brand-image-wrapper.active{opacity:1}}@media screen and (max-width:1120px){.brands-header{justify-content:space-between;padding-right:30px}.brands-heading{font-size:72px}}@media screen and (max-width:768px){.masked{display:none}.brands-grid-wrapper{margin-top:30%;padding-top:5vh;padding-bottom:45vh}.brands-grid{align-items:center;gap:100px}.brand-item{height:250px;width:230px}.brands-header{align-items:start;flex-direction:column;gap:20px}.brands-heading{font-size:72px}.brands-subheading{font-size:18px}.brand-image{max-width:180px}.store-info-container{max-width:none;padding-inline:40px;left:0;bottom:32vh}.brands-grid-section{padding-top:50px;height:100%;overflow:auto}.brands-grid{flex-flow:column}.brands-heading{font-size:42px}.brand-link{margin-block:-3vh}.brand-image{max-width:150px}.brand-image-wrapper{position:fixed;top:25%;right:0;height:50vh;z-index:-99;opacity:0;transition:opacity .1s ease-in-out}.brand-image-wrapper.active{opacity:1}.brand-image-wrapper img{height:100%;object-fit:cover}}.folder-outline{transition:transform .3s ease}.brand-link .folder-image{filter:grayscale(100%)}.brand-link:hover .folder-image{filter:grayscale(0%)}
/*# sourceMappingURL=/cdn/shop/t/11/assets/component-brand-selector.css.map */