.jhdrag{--jhdrag-bg: #0a0a0a;--jhdrag-fg: #f2f2f2;--jhdrag-pill: rgba(0, 0, 0, .42);--jhdrag-border: rgba(255, 255, 255, .08);--jhdrag-sand: #8B7355;position:relative;width:100vw;height:100vh;background:var(--jhdrag-bg);color:var(--jhdrag-fg);overflow:hidden;font-family:Cormorant Garamond,"Noto Serif JP",serif;margin-left:calc(50% - 50vw)}.jhdrag__hero{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:var(--jhdrag-bg);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.jhdrag__hero.dragging{cursor:grabbing}.jhdrag__grid{position:absolute;top:0;right:0;bottom:0;left:0;will-change:transform}.jhdrag__tile{position:absolute;top:0;left:0;overflow:hidden;border-radius:4px;background:#111;will-change:transform;contain:layout paint size style;cursor:pointer}.jhdrag__tile img{position:absolute;top:0;left:0;width:100%;height:auto;aspect-ratio:3 / 4;display:block;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none}.jhdrag__tile__meta{position:absolute;bottom:0;left:0;right:0;padding:12px 14px 10px;background:linear-gradient(to top,#000000d9,#0000);color:var(--jhdrag-fg);font-family:Cormorant Garamond,serif;font-size:12px;line-height:1.3;opacity:0;transition:opacity .25s ease;pointer-events:none}.jhdrag__tile:hover .jhdrag__tile__meta{opacity:1}.jhdrag__tile__title{font-weight:500;margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.jhdrag__tile__price{font-family:Montserrat,sans-serif;font-size:10px;letter-spacing:.08em;color:var(--jhdrag-sand);margin:0}.jhdrag__tile.entering img{opacity:0;transform:translateY(-22px);transition:opacity .7s cubic-bezier(.2,.7,.2,1) var(--enter-delay, 0ms),transform .8s cubic-bezier(.2,.7,.2,1) var(--enter-delay, 0ms)}.jhdrag__tile.entering.entered img{opacity:1;transform:translateY(0)}.jhdrag__hint{position:absolute;top:24px;left:50%;transform:translate(-50%);z-index:10;display:inline-flex;align-items:center;padding:9px 18px;background:var(--jhdrag-pill);border:1px solid var(--jhdrag-border);border-radius:999px;backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);color:var(--jhdrag-fg);font-family:Montserrat,sans-serif;font-size:11px;letter-spacing:.18em;text-transform:uppercase;opacity:0;transition:opacity 1s ease .8s;pointer-events:none}.jhdrag.loaded .jhdrag__hint{opacity:1}@media(prefers-reduced-motion:reduce){.jhdrag__tile.entering img{opacity:1;transform:none;transition:none}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/jhero-drag.css.map */