.dn-brands{display:grid;grid-template-columns:repeat(var(--dn-brands-cols-mobile, 2),minmax(0,1fr));gap:var(--dn-border-width);background-color:var(--dn-color-line);border:var(--dn-border-width) solid var(--dn-color-line);border-radius:var(--dn-radius-sm);overflow:hidden}@media screen and (min-width:560px){.dn-brands{grid-template-columns:repeat(var(--dn-brands-cols-tablet, 4),minmax(0,1fr))}}@media screen and (min-width:990px){.dn-brands{grid-template-columns:repeat(var(--dn-brands-cols, 6),minmax(0,1fr))}}.dn-brand{position:relative;display:grid;place-items:center;aspect-ratio:3 / 2;padding:var(--dn-space-4);background-color:var(--dn-color-surface);transition:background-color var(--dn-duration-fast) var(--dn-ease-standard)}.dn-brand img{max-width:100%;max-height:44px;width:auto;height:auto;object-fit:contain;filter:grayscale(1);opacity:.55;transition:filter var(--dn-duration-base) var(--dn-ease-standard),opacity var(--dn-duration-base) var(--dn-ease-standard),transform var(--dn-duration-base) var(--dn-ease-out)}.dn-brands--color .dn-brand img{filter:none;opacity:1}.dn-brand__name{font-family:var(--dn-font-heading);font-size:var(--dn-size-small);font-weight:var(--dn-weight-semibold);letter-spacing:.08em;text-transform:uppercase;text-align:center;line-height:1.2;color:var(--dn-color-text-muted);transition:color var(--dn-duration-base) var(--dn-ease-standard)}@media(hover:hover){.dn-brand:hover{background-color:var(--dn-color-surface-sunken)}.dn-brand:hover img{filter:none;opacity:1;transform:scale(1.04)}.dn-brand:hover .dn-brand__name{color:var(--dn-color-heading)}}.dn-brand__mark{position:absolute;inset-block-start:var(--dn-space-2);inset-inline-end:var(--dn-space-2);width:6px;height:6px;border-radius:var(--dn-radius-pill);background-color:var(--dn-color-accent)}.dn-brandline{position:relative;overflow:hidden;padding-block:var(--dn-space-6);border-block:var(--dn-border-width) solid var(--dn-color-line);-webkit-mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent)}.dn-brandline__track{display:flex;width:max-content;gap:var(--dn-space-12);align-items:center}.dn-brandline__item{display:grid;place-items:center;min-width:120px}.dn-brandline .dn-brand,.dn-brandline .dn-brand:hover{aspect-ratio:auto;padding:0;background-color:transparent}.dn-brandline .dn-brand__name{white-space:nowrap}@media(prefers-reduced-motion:no-preference){.dn-brandline__track{animation:dn-brandline var(--dn-brandline-duration, 60s) linear infinite}.dn-brandline:hover .dn-brandline__track{animation-play-state:paused}}@media(prefers-reduced-motion:reduce){.dn-brandline{overflow-x:auto;scrollbar-width:none}.dn-brandline::-webkit-scrollbar{display:none}}@keyframes dn-brandline{0%{transform:translate(0)}to{transform:translate(-50%)}}.dn-brandwall{position:relative;max-width:1100px;margin-inline:auto;border-radius:var(--dn-radius-sm);overflow:hidden;background-color:#12233f;isolation:isolate}.dn-brandwall__img{display:block;width:100%;height:auto;transition:filter var(--dn-duration-base) var(--dn-ease-standard)}.dn-brandwall__spot{position:absolute;border-radius:2px;outline:2px solid transparent;outline-offset:3px;transition:outline-color var(--dn-duration-fast) var(--dn-ease-standard),box-shadow var(--dn-duration-base) var(--dn-ease-out)}.dn-brandwall__tag{position:absolute;left:50%;top:calc(100% + .5rem);z-index:2;display:inline-flex;align-items:center;gap:.45em;padding:.35em .7em;border-radius:var(--dn-radius-pill);background-color:#dc1c22;color:#fff;font-family:var(--dn-font-heading);font-size:var(--dn-size-small);font-weight:var(--dn-weight-semibold);line-height:1.2;white-space:nowrap;opacity:0;transform:translate(-50%,-4px);pointer-events:none;transition:opacity var(--dn-duration-fast) var(--dn-ease-standard),transform var(--dn-duration-base) var(--dn-ease-out)}.dn-brandwall__tag small{font-size:.85em;font-weight:400;opacity:.85}.dn-brandwall__tag svg{width:.95em;height:.95em}@media(hover:hover){.dn-brandwall:has(.dn-brandwall__spot:hover) .dn-brandwall__img{filter:brightness(.82)}.dn-brandwall__spot:hover{box-shadow:0 18px 40px -12px #0000008c;outline-color:#fff;-webkit-backdrop-filter:brightness(1.22);backdrop-filter:brightness(1.22)}}.dn-brandwall__spot:focus-visible{outline-color:#fff;-webkit-backdrop-filter:brightness(1.22);backdrop-filter:brightness(1.22)}.dn-brandwall__spot:hover .dn-brandwall__tag,.dn-brandwall__spot:focus-visible .dn-brandwall__tag{opacity:1;transform:translate(-50%)}@media(hover:none){.dn-brandwall__tag{opacity:1;transform:translate(-50%);top:calc(100% + .2rem);font-size:.62rem;padding:.2em .5em;background-color:#12233fd9}.dn-brandwall__tag small,.dn-brandwall__tag svg{display:none}}@media(prefers-reduced-motion:reduce){.dn-brandwall__spot,.dn-brandwall__tag,.dn-brandwall__img{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/denet-brands.css.map */