.qg-ring{--w: 20rem;--r: 34rem;position:relative;height:48rem;perspective:1500px;perspective-origin:50% 40%;user-select:none;-webkit-user-select:none;touch-action:pan-y;cursor:grab}.qg-ring.is-dragging{cursor:grabbing}.qg-ring__stage{position:absolute;top:0;right:0;bottom:5rem;left:0;display:flex;align-items:center;justify-content:center;transform-style:preserve-3d}.qg-ring__spin{position:relative;width:var(--w);height:calc(var(--w) * 1.22);transform-style:preserve-3d;transform:translateZ(calc(var(--r) * -1)) rotateY(var(--rot, 0deg))}.qg-ring__item{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;border-radius:22px;background:#fff;border:1px solid var(--qg-line);box-shadow:0 24px 50px #1f191224;overflow:hidden;text-decoration:none;color:var(--qg-ink);transform:rotateY(calc(var(--i) * (360deg / var(--n)))) translateZ(var(--r));backface-visibility:hidden;-webkit-backface-visibility:hidden;-webkit-user-drag:none}.qg-ring__item img{flex:1;min-height:0;width:100%;object-fit:contain;padding:10% 10% 4%;pointer-events:none}.qg-ring__tag{display:flex;justify-content:space-between;align-items:center;gap:.6rem;padding:.9rem 1rem 1.1rem;font-size:1.3rem;font-weight:700}.qg-ring__tag span:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qg-ring__price{flex:none;background:var(--qg-orange);color:var(--qg-ink);border-radius:999px;padding:.3rem .9rem;font-weight:800}.qg-ring__floor{position:absolute;left:15%;right:15%;bottom:3.6rem;height:3rem;border-radius:50%;background:radial-gradient(closest-side,#1f191229,#1f191200);pointer-events:none}.qg-ring__controls{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;gap:1rem}.qg-ring__btn{width:4.4rem;height:4.4rem;border-radius:50%;border:1px solid var(--qg-line-strong);background:#fff;color:var(--qg-ink);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .15s var(--qg-ease)}.qg-ring__btn:active{transform:scale(.92)}.qg-ring__btn:focus-visible,.qg-ring__item:focus-visible{outline:3px solid var(--qg-orange);outline-offset:3px}.qg-ring__hint{font-size:1.3rem;font-weight:600;color:var(--qg-muted)}.qg-pc,.qg-box,.qg-c2{position:relative}.qg-pc:before,.qg-box:before,.qg-c2:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at var(--mx, 50%) var(--my, 50%),rgba(255,255,255,.45),rgba(255,255,255,0) 45%);opacity:0;transition:opacity .3s ease}.qg-pc.is-tilting:before,.qg-box.is-tilting:before,.qg-c2.is-tilting:before{opacity:1}.qg-pc.is-tilting,.qg-box.is-tilting,.qg-c2.is-tilting{transition:transform .08s linear,box-shadow .25s ease;box-shadow:0 22px 44px #1f191224}@media(hover:none){.qg-pc:active,.qg-box:active,.qg-c2:active{transform:scale(.98)}}.qg-reveal{opacity:0;translate:0 26px;transition:opacity .6s var(--qg-ease) var(--qg-d, 0ms),translate .6s var(--qg-ease) var(--qg-d, 0ms),transform .25s var(--qg-ease),box-shadow .25s ease,border-color .25s ease}.qg-reveal.is-in{opacity:1;translate:0 0}.qg-fly{position:fixed;z-index:9999;pointer-events:none;object-fit:contain;background:#fff;border-radius:14px;border:1px solid var(--qg-line);box-shadow:0 18px 40px #1f191240;padding:4%}.qg-nudge{margin-top:.4rem;display:grid;gap:.8rem}.qg-nudge__title{margin:0;font-size:1.35rem;font-weight:700}.qg-nudge__row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.qg-nudge__item{display:flex;flex-direction:column;gap:.4rem;border:1px solid var(--qg-line);border-radius:12px;padding:.8rem;background:#fff}.qg-nudge__item img{width:100%;aspect-ratio:1;object-fit:contain}.qg-nudge__name{font-size:1.2rem;font-weight:600;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--qg-ink);text-decoration:none}.qg-nudge__price{font-size:1.3rem;font-weight:800}.qg-nudge__add{margin-top:auto;min-height:3.6rem;border-radius:999px;border:0;background:var(--qg-ink);color:#fff;font-weight:700;font-size:1.25rem;cursor:pointer;font-family:var(--qg-body)}.qg-nudge__add.is-added{background:var(--qg-green)}.qg-bnav{display:none}@media screen and (max-width:749px){.qg-bnav{position:fixed;left:0;right:0;bottom:0;z-index:29;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));background:#fffffff7;border-top:1px solid var(--qg-line);box-shadow:0 -8px 24px #1f19120f;padding:.4rem .4rem calc(.4rem + env(safe-area-inset-bottom))}.qg-bnav a,.qg-bnav button{position:relative;min-height:5.2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;border:0;background:none;color:var(--qg-ink);font-family:var(--qg-body);font-size:1.1rem;font-weight:600;text-decoration:none;cursor:pointer;border-radius:12px}.qg-bnav [aria-current=page]{color:var(--qg-orange-ink)}.qg-bnav a:focus-visible,.qg-bnav button:focus-visible{outline:3px solid var(--qg-orange);outline-offset:-3px}.qg-bnav__count{position:absolute;top:.5rem;left:55%;min-width:1.8rem;height:1.8rem;padding:0 .4rem;border-radius:999px;background:var(--qg-orange);color:var(--qg-ink);font-size:1.1rem;font-weight:800;display:flex;align-items:center;justify-content:center}.qg-bnav__count[hidden]{display:none}body:has(.qg-bnav){padding-bottom:calc(6.2rem + env(safe-area-inset-bottom))}}.qg-recent{padding-top:3.2rem;padding-bottom:3.2rem}.qg-recent[hidden]{display:none}.qg-recent__row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(16rem,1fr);gap:1.2rem;overflow-x:auto;padding-bottom:.6rem;scrollbar-width:thin}.qg-recent__item{display:flex;flex-direction:column;gap:.6rem;border:1px solid var(--qg-line);border-radius:var(--qg-radius);background:#fff;padding:1rem;text-decoration:none;color:var(--qg-ink);max-width:22rem}.qg-recent__item img{width:100%;aspect-ratio:1;object-fit:contain}.qg-recent__name{font-size:1.35rem;font-weight:700;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.qg-recent__price{font-weight:800;font-size:1.45rem}.qg-cat--search{background:var(--qg-ink);border-color:var(--qg-ink);color:#fff;cursor:pointer;font-family:var(--qg-body)}.qg-cat--search:hover{background:#3a2f24}.predictive-search{border-radius:0 0 18px 18px;border:1px solid var(--qg-line);box-shadow:0 24px 50px #1f19121f}.predictive-search__list-item img,.predictive-search__image{width:6.4rem;height:6.4rem;object-fit:contain;background:#fff;border:1px solid var(--qg-line);border-radius:12px;padding:.4rem}.predictive-search__item-heading{font-weight:700;font-size:1.45rem}.predictive-search__item .price{font-weight:800}.predictive-search__item:hover,.predictive-search__item[aria-selected=true]{background:var(--qg-sand)}.search__input.field__input{border-radius:999px}@media screen and (max-width:989px){.qg-ring{--w: 17rem;height:42rem}}@media screen and (max-width:749px){.qg-ring{--w: 14.5rem;height:34rem}.qg-ring__tag{font-size:1.15rem;padding:.7rem .8rem .9rem}.qg-nudge__row{gap:.6rem}}@media(prefers-reduced-motion:reduce){.qg-reveal{opacity:1;translate:none;transition:none}.qg-pc:before,.qg-box:before,.qg-c2:before{display:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/quokko-go-fx.css.map */