.koji-cat-wrapper{background-color:var(--bg-color);padding:var(--pad-top-mob) 0 var(--pad-bot-mob) 0;width:100%;overflow:hidden}.koji-cat-inner{max-width:1600px;margin:0 auto}.koji-cat-header{padding:0 20px;margin-bottom:24px}.koji-cat-subtitle{display:block;font-family:Inter,monospace;font-size:10px;text-transform:uppercase;letter-spacing:2px;color:#ffffff80;margin-bottom:6px}.koji-cat-title{font-family:Red Hat Display,sans-serif;font-size:24px;font-weight:900;color:var(--text-color);margin:0;line-height:1.1;text-transform:uppercase;letter-spacing:.5px}.koji-cat-track-container{position:relative}.koji-cat-track{display:flex;gap:16px;padding:12px 20px 24px;margin:0;list-style:none;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none;overflow-y:visible}.koji-cat-track::-webkit-scrollbar{display:none}.koji-cat-item{flex:0 0 85%;scroll-snap-align:center}.koji-cat-arrow{display:none}.koji-cat-card{display:block;border-radius:22px;overflow:hidden;position:relative;background-color:#111;border:1px solid rgba(255,255,255,.05);box-shadow:0 10px 30px #0003;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-tap-highlight-color:transparent;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),border-color .4s ease,box-shadow .4s ease}@media(hover:hover)and (pointer:fine){.koji-cat-card:hover{transform:translateY(-6px);border-color:#ffffff4d;box-shadow:0 15px 40px #00000080}.koji-cat-card:hover .koji-cat-img{transform:scale(1.04)}.koji-cat-card:hover .koji-cat-overlay{opacity:1}}@media(hover:none)and (pointer:coarse){.koji-cat-card:active{transform:scale(.97);border-color:#fff3;transition:transform .15s cubic-bezier(.25,1,.5,1),border-color .15s ease}}.koji-cat-img-wrap{width:100%;aspect-ratio:834 / 625;position:relative;display:block}.koji-cat-img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.25,1,.5,1);display:block}.koji-cat-placeholder{fill:#333;background:#0a0a0a}.koji-cat-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top,#0006,#0000 50%);opacity:0;transition:opacity .4s ease;pointer-events:none}@media screen and (min-width:990px){.koji-cat-wrapper{padding:var(--pad-top-desk) 0 var(--pad-bot-desk) 0}.koji-cat-header{padding:0 40px;margin-bottom:32px}.koji-cat-title{font-size:32px}.koji-cat-track{padding:12px 40px 30px;gap:24px;scroll-snap-type:none}.koji-cat-item{flex:0 0 calc(33.333% - 16px)}.koji-cat-arrow{display:flex;align-items:center;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);width:56px;height:56px;background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);border-radius:50%;color:#fff;cursor:pointer;z-index:10;transition:all .3s cubic-bezier(.175,.885,.32,1.275);opacity:0}.koji-cat-track-container:hover .koji-cat-arrow{opacity:1}.koji-cat-arrow:hover{background:#fff;color:#000;transform:translateY(-50%) scale(1.1)}.koji-cat-prev{left:16px}.koji-cat-next{right:16px}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/koji-category-scroll.css.map */