:is(.hk-logos,#hk-logos-id).hk-logos{padding-top:var(--hk-pad-top);padding-bottom:var(--hk-pad-bot)}:is(.hk-logos,#hk-logos-id) .hk-logos__head{text-align:var(--hk-align);margin-bottom:26px}:is(.hk-logos,#hk-logos-id) .hk-logos__eyebrow{display:inline-flex;align-items:center;gap:9px;margin-bottom:12px;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--hk-accent)}:is(.hk-logos,#hk-logos-id) .hk-logos__eyebrow-line{width:26px;height:1px;background:var(--hk-accent);flex-shrink:0}:is(.hk-logos,#hk-logos-id) .hk-logos__title{margin:0;letter-spacing:-.01em;font-weight:700}:is(.hk-logos,#hk-logos-id) .hk-logos__sub{margin-top:8px;opacity:.68}:is(.hk-logos,#hk-logos-id) .hk-logos__frame{position:relative;border-radius:var(--hk-radius);border:1px solid rgba(0,0,0,calc(var(--hk-border) * .9));box-shadow:0 14px 40px rgba(0,0,0,calc(.12 * var(--hk-shadow))),0 3px 10px rgba(0,0,0,calc(.08 * var(--hk-shadow))),inset 0 1px #ffffffa6;overflow:hidden;background:radial-gradient(1400px 260px at 8% 0%,color-mix(in srgb,var(--hk-accent) 9%,transparent),transparent 52%),radial-gradient(1100px 240px at 92% 100%,rgba(0,0,0,.055),transparent 52%),linear-gradient(180deg,#fffffff2,#f8f8fae6);backdrop-filter:blur(14px) saturate(150%);-webkit-backdrop-filter:blur(14px) saturate(150%)}:is(.hk-logos,#hk-logos-id) .hk-logos__frame:before{content:"";position:absolute;left:6%;right:6%;top:0;height:2px;background:linear-gradient(90deg,transparent,var(--hk-accent),transparent);opacity:.5;pointer-events:none}:is(.hk-logos,#hk-logos-id) .hk-logos__noise{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;opacity:.025;pointer-events:none;z-index:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:180px 180px}:is(.hk-logos,#hk-logos-id) .hk-logos__skeleton{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:20px;padding:14px 18px;opacity:1;transition:opacity .4s ease;pointer-events:none;z-index:1}:is(.hk-logos,#hk-logos-id).hk-logos[data-initialized=true] .hk-logos__skeleton{opacity:0}:is(.hk-logos,#hk-logos-id) .hk-logos__skeleton-item{flex:0 0 auto;width:140px;height:var(--hk-logo-h);border-radius:calc(var(--hk-radius) - 6px);background:linear-gradient(90deg,#0000000a,#00000017 40%,#fff9,#00000017 60%,#0000000a);background-size:300% 100%;animation:hk-logos-skeleton 1.8s cubic-bezier(.4,0,.2,1) infinite}:is(.hk-logos,#hk-logos-id) .hk-logos__skeleton-item:nth-child(2){animation-delay:.12s;width:110px}:is(.hk-logos,#hk-logos-id) .hk-logos__skeleton-item:nth-child(3){animation-delay:.24s;width:160px}:is(.hk-logos,#hk-logos-id) .hk-logos__skeleton-item:nth-child(4){animation-delay:.36s;width:120px}:is(.hk-logos,#hk-logos-id) .hk-logos__skeleton-item:nth-child(5){animation-delay:.48s;width:150px}@keyframes hk-logos-skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}:is(.hk-logos,#hk-logos-id) .hk-logos__fade{position:absolute;top:0;bottom:0;width:80px;z-index:3;pointer-events:none;transition:opacity .3s ease}:is(.hk-logos,#hk-logos-id) .hk-logos__fade--left{left:0;background:linear-gradient(90deg,#fff,#ffffffd1,#fff0)}:is(.hk-logos,#hk-logos-id) .hk-logos__fade--right{right:0;background:linear-gradient(270deg,#fff,#ffffffd1,#fff0)}:is(.hk-logos,#hk-logos-id) .hk-logos__viewport{height:calc(var(--hk-logo-h) + 32px);display:flex;align-items:center;overflow:hidden;outline:none;position:relative;z-index:2}:is(.hk-logos,#hk-logos-id) .hk-logos__viewport:focus-visible{outline:3px solid var(--hk-accent);outline-offset:-3px;border-radius:var(--hk-radius)}:is(.hk-logos,#hk-logos-id) .hk-logos__track{width:100%;display:flex;align-items:center;overflow:hidden}:is(.hk-logos,#hk-logos-id) .hk-logos__template{display:none!important}:is(.hk-logos,#hk-logos-id) .hk-logos__marquee{display:flex;align-items:center;will-change:transform;animation:hk-logos-marquee var(--hk-duration, 30s) linear infinite;animation-direction:var(--hk-dir, normal);transition:animation-duration .3s ease,opacity .4s ease;opacity:0}:is(.hk-logos,#hk-logos-id) .hk-logos__group{display:flex;align-items:center;flex-wrap:nowrap;gap:var(--hk-gap);padding:14px 22px;flex-shrink:0}@keyframes hk-logos-marquee{0%{transform:translate(0)}to{transform:translate(calc(-1 * var(--hk-shift, 600px)))}}:is(.hk-logos,#hk-logos-id) .hk-logos__item{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;height:var(--hk-logo-h);padding:9px 18px;border-radius:calc(var(--hk-radius) - 6px);background:#ffffffc7;box-shadow:0 4px 14px rgba(0,0,0,calc(.055 * var(--hk-shadow))),inset 0 1px #ffffffe6;transition:transform .28s cubic-bezier(.22,1,.36,1),box-shadow .28s ease,background .28s ease;text-decoration:none;color:inherit;position:relative;overflow:hidden;cursor:default}:is(.hk-logos,#hk-logos-id) .hk-logos__item[href]{cursor:pointer}:is(.hk-logos,#hk-logos-id) .hk-logos__item img{height:var(--hk-logo-h);width:auto;max-width:260px;object-fit:contain;display:block;position:relative;z-index:1;transition:filter .3s ease}:is(.hk-logos--gray,#hk-logos-id) .hk-logos__item img{filter:grayscale(100%) contrast(1.08) opacity(.82)}:is(.hk-logos,#hk-logos-id) .hk-logos__item:after{content:"";position:absolute;left:50%;bottom:6px;width:20px;height:2px;border-radius:2px;background:var(--hk-accent);transform:translate(-50%) scaleX(0);transform-origin:center;opacity:0;pointer-events:none;z-index:2;transition:transform .25s cubic-bezier(.22,1,.36,1),opacity .25s ease}:is(.hk-logos,#hk-logos-id) .hk-logos__item:hover:after,:is(.hk-logos,#hk-logos-id) .hk-logos__item:focus-visible:after{transform:translate(-50%) scaleX(1);opacity:1}:is(.hk-logos,#hk-logos-id) .hk-logos__item:hover{transform:translateY(-2px);background:#fffffff7;box-shadow:0 10px 26px rgba(0,0,0,calc(.1 * var(--hk-shadow))),0 3px 8px rgba(0,0,0,calc(.06 * var(--hk-shadow))),inset 0 1px #fff}:is(.hk-logos--gray,#hk-logos-id) .hk-logos__item:hover img{filter:none}:is(.hk-logos,#hk-logos-id) .hk-logos__item:focus-visible{outline:3px solid var(--hk-accent);outline-offset:2px;transform:translateY(-2px);box-shadow:0 10px 26px rgba(0,0,0,calc(.1 * var(--hk-shadow))),inset 0 1px #fff;z-index:10}:is(.hk-logos--gray,#hk-logos-id) .hk-logos__item:focus-visible img{filter:none}:is(.hk-logos,#hk-logos-id) .hk-logos__item:active{transform:translateY(-1px)}:is(.hk-logos,#hk-logos-id) .hk-logos__tooltip{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%) translateY(6px);background:#0b0e13f0;color:#fff;padding:6px 12px;border-radius:7px;font-size:11.5px;font-weight:700;letter-spacing:.02em;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s cubic-bezier(.22,1,.36,1);z-index:100;box-shadow:0 6px 18px #0003}:is(.hk-logos,#hk-logos-id) .hk-logos__tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:#0b0e13f0}:is(.hk-logos,#hk-logos-id) .hk-logos__item:hover .hk-logos__tooltip,:is(.hk-logos,#hk-logos-id) .hk-logos__item:focus-visible .hk-logos__tooltip{opacity:1;transform:translate(-50%) translateY(0)}:is(.hk-logos--hoverpause,#hk-logos-id) .hk-logos__viewport:hover .hk-logos__marquee{animation-play-state:paused}:is(.hk-logos--hoverpause,#hk-logos-id) .hk-logos__viewport:focus-within .hk-logos__marquee{animation-play-state:paused}:is(.hk-logos,#hk-logos-id).hk-logos--paused .hk-logos__marquee{animation-play-state:paused!important}:is(.hk-logos,#hk-logos-id) .hk-logos__toggle{position:absolute;right:8px;bottom:8px;z-index:4;width:28px;height:28px;padding:0;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(0,0,0,.18);border-radius:4px;background:#fff;color:#111;cursor:pointer}:is(.hk-logos,#hk-logos-id) .hk-logos__toggle[hidden]{display:none}:is(.hk-logos,#hk-logos-id) .hk-logos__toggle:hover{border-color:var(--hk-crimson);color:var(--hk-crimson)}:is(.hk-logos,#hk-logos-id) .hk-logos__toggle:focus-visible{outline:2px solid var(--hk-crimson);outline-offset:2px}:is(.hk-logos,#hk-logos-id) .hk-logos__toggle svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}:is(.hk-logos,#hk-logos-id) .hk-logos__toggle-play{display:none;fill:currentColor!important;stroke-width:1.5!important}:is(.hk-logos,#hk-logos-id).hk-logos--paused .hk-logos__toggle-pause{display:none}:is(.hk-logos,#hk-logos-id).hk-logos--paused .hk-logos__toggle-play{display:block}@media(prefers-reduced-motion:reduce){:is(.hk-logos,#hk-logos-id) .hk-logos__toggle{display:none!important}:is(.hk-logos,#hk-logos-id).hk-logos{opacity:1;transform:none}:is(.hk-logos,#hk-logos-id) .hk-logos__marquee{animation:none!important;transform:none!important}:is(.hk-logos,#hk-logos-id) .hk-logos__viewport{overflow-x:auto;scroll-behavior:smooth}:is(.hk-logos,#hk-logos-id) .hk-logos__track{padding-bottom:6px}:is(.hk-logos,#hk-logos-id) .hk-logos__skeleton-item{animation:none}:is(.hk-logos,#hk-logos-id) .hk-logos__item:after{transition:none}}@media(max-width:749px){:is(.hk-logos,#hk-logos-id).hk-logos{padding-top:var(--hk-pad-top-m);padding-bottom:var(--hk-pad-bot-m)}:is(.hk-logos,#hk-logos-id) .hk-logos__viewport{height:calc(var(--hk-logo-h-m) + 24px)}:is(.hk-logos,#hk-logos-id) .hk-logos__group{gap:var(--hk-gap-m);padding:12px 16px}:is(.hk-logos,#hk-logos-id) .hk-logos__item{height:var(--hk-logo-h-m);padding:7px 13px}:is(.hk-logos,#hk-logos-id) .hk-logos__item img{height:var(--hk-logo-h-m);max-width:180px}:is(.hk-logos,#hk-logos-id) .hk-logos__fade{width:40px}:is(.hk-logos,#hk-logos-id) .hk-logos__skeleton-item{width:90px;height:var(--hk-logo-h-m)}}@media(hover:none)and (pointer:coarse){:is(.hk-logos,#hk-logos-id) .hk-logos__item{-webkit-tap-highlight-color:transparent}}:is(.hk-logos,#hk-logos-id) .page-width{max-width:var(--hk-maxw)}
/*# sourceMappingURL=/cdn/shop/t/8/assets/scrolling-logos.css.map */