.koji-saga-volumes{max-width:1400px;margin:56px auto 0;display:flex;flex-direction:column;gap:20px}.koji-saga-volumes:not(.koji-saga-editions)+.koji-saga-editions{margin-top:36px}.koji-saga-volumes-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:8px 16px}.koji-saga-volumes-eyebrow{margin:0 0 4px;font-size:12px;font-weight:900;letter-spacing:1px;text-transform:uppercase;color:#b79cff}.koji-saga-volumes-title{margin:0;font-size:clamp(22px,5vw,30px);font-weight:900;line-height:1.15;letter-spacing:-.3px;color:var(--txt-color)}.koji-saga-volumes-all{display:inline-flex;align-items:center;min-height:44px;font-size:13px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:var(--txt-color);text-decoration:underline;text-underline-offset:4px}.koji-saga-volumes-all:focus-visible{outline:2px solid #8c5cff;outline-offset:4px;border-radius:4px}.koji-saga-slider{--koji-card-w: 148px;position:relative}.koji-saga-volumes-list{list-style:none;margin:0 -20px;padding:4px 20px 12px;display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x proximity;scroll-padding-left:20px;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.koji-saga-volumes-list::-webkit-scrollbar{display:none}.koji-volume-card{flex:0 0 var(--koji-card-w, 148px);scroll-snap-align:start}.koji-volume-link{display:flex;flex-direction:column;gap:10px;color:inherit;text-decoration:none}.koji-volume-link:focus-visible{outline:2px solid #8c5cff;outline-offset:4px;border-radius:14px}.koji-slider-btn{position:absolute;top:calc(4px + var(--koji-card-w) * .75);transform:translateY(-50%);z-index:10;display:flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;background:#0009;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:.75px solid rgba(255,255,255,.2);border-radius:50%;color:#fff;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.koji-slider-btn[hidden]{display:none}.koji-slider-btn.is-prev{left:16px}.koji-slider-btn.is-next{right:16px}.koji-slider-btn:focus-visible{outline:2px solid #8c5cff;outline-offset:3px;opacity:1}.koji-slider-btn:active{background:#fff;color:#000}@media screen and (min-width:990px)and (hover:hover){.koji-slider-btn{opacity:0}.koji-saga-slider:hover .koji-slider-btn{opacity:1}.koji-slider-btn:hover{background:#fff;color:#000;transform:translateY(-50%) scale(1.1)}}.koji-volume-cover{position:relative;aspect-ratio:2 / 3;border-radius:14px;overflow:hidden;background:#111;border:1px solid var(--border-color);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.koji-volume-cover img{width:100%;height:100%;object-fit:cover;display:block}.koji-volume-card.is-soldout .koji-volume-cover img{opacity:.55;filter:grayscale(.4)}.koji-volume-tag{position:absolute;left:8px;top:8px;padding:4px 8px;border-radius:6px;background:#000c;border:1px solid rgba(255,255,255,.2);color:#fff;font-size:10px;font-weight:900;letter-spacing:.5px;text-transform:uppercase}.koji-volume-edition{position:absolute;left:8px;bottom:8px;max-width:calc(100% - 16px);padding:4px 8px;border-radius:6px;background:#201440e0;border:1px solid rgba(140,92,255,.7);color:#e6dcff;font-size:10px;font-weight:900;letter-spacing:.6px;line-height:1.2;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.koji-volume-edition.is-standard{background:#0b0b0bd9;border-color:#ffffff47;color:#fff}.koji-volume-name{margin:0;font-size:14px;font-weight:800;line-height:1.3;color:var(--txt-color);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.koji-volume-price{font-size:14px;font-weight:700;color:#ffffffb3;font-variant-numeric:tabular-nums}@media(hover:hover){.koji-volume-link:hover .koji-volume-cover{transform:translateY(-4px);border-color:#8c5cffb3;box-shadow:0 14px 30px -12px #8c5cff73}}@media screen and (min-width:990px){.koji-saga-volumes{margin-top:72px}.koji-saga-volumes:not(.koji-saga-editions)+.koji-saga-editions{margin-top:44px}.koji-saga-slider{--koji-card-w: 180px}.koji-saga-volumes-list{margin:0 -40px;padding:4px 40px 14px;gap:20px;scroll-padding-left:40px}.koji-volume-edition{font-size:11px}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/koji-product-saga-volumes.css.map */