.swsh{--w:clamp(200px,18vw,290px);--h:calc(var(--w) * 1.4482);--d:calc(var(--w) * .07);padding:var(--pt) 0 var(--pb);overflow:hidden;position:relative;-webkit-user-select:none;user-select:none}.swsh__head{display:flex;align-items:flex-end;justify-content:center;text-align:center;gap:2rem;margin-bottom:.4rem}.swsh__eyebrow{margin:0 0 .6rem;font-size:1.2rem;letter-spacing:.24em;text-transform:uppercase;opacity:.6}.swsh__title{margin:0}.swsh__stage{position:relative;height:calc(var(--h) * 1.3 + 7rem);perspective:1600px;perspective-origin:50% 40%;cursor:grab;outline:none;touch-action:pan-y}.swsh__stage.is-drag{cursor:grabbing}.swsh__stage:focus-visible{box-shadow:inset 0 0 0 2px rgba(var(--color-foreground),.25)}.swsh__track{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d}.swsh__floor{position:absolute;left:50%;bottom:1.6rem;width:calc(var(--w) * 1.8);height:4rem;transform:translate(-50%);background:radial-gradient(closest-side,#1e14083d,#1e140800);pointer-events:none}.swsh__btn{position:absolute;z-index:2000;top:calc(50% - 3.6rem);width:5.2rem;height:5.2rem;border-radius:50%;border:1px solid rgba(var(--color-foreground),.14);background:rgba(var(--color-background),.92);color:rgb(var(--color-foreground));display:grid;place-items:center;cursor:pointer;box-shadow:0 8px 22px #1e140829;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:transform .2s,background .2s}.swsh__btn:hover{transform:scale(1.08);background:rgb(var(--color-background))}.swsh__btn svg{width:2.2rem;height:2.2rem}.swsh__btn--prev{left:calc(50% - var(--w) * .72 - 6.4rem)}.swsh__btn--next{left:calc(50% + var(--w) * .72 + 1.2rem)}.swsh__item{position:absolute;left:50%;top:calc(50% - 1rem);width:var(--w);height:var(--h);margin:calc(var(--h) / -2) 0 0 calc(var(--w) / -2);transform-style:preserve-3d;display:block;text-decoration:none;color:inherit;visibility:hidden;-webkit-tap-highlight-color:transparent}.swsh__item.is-vis{visibility:visible}.swsh__box{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d}.swsh__face{position:absolute;display:block;opacity:var(--fade,1);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swsh__front{top:0;right:0;bottom:0;left:0;transform:translateZ(calc(var(--d) / 2))}.swsh__art{position:absolute;left:5.357%;top:3.761%;width:89.286%;height:92.478%;background:#24201c;overflow:hidden}.swsh__art img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;opacity:0;transition:opacity .15s;pointer-events:none}.swsh__art img.is-in{opacity:1}.swsh__fr{position:absolute;max-width:none;width:178.571%;height:123.305%;left:-39.286%;top:-11.652%;pointer-events:none}.swsh__side{top:0;left:calc(50% - var(--d) / 2);width:var(--d);height:100%;background:url(swx-side-oak.jpg) center/100% 100%;overflow:visible}.swsh__item.is-walnut .swsh__side{background-image:url(swx-side-walnut.jpg)}.swsh__side--l{transform:rotateY(-90deg) translateZ(calc(var(--w) / 2))}.swsh__side--r{transform:rotateY(90deg) translateZ(calc(var(--w) / 2))}.swsh__side:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#00000038,#0000 18%,#ffffff1a,#0000 82%,#0000003d);pointer-events:none}.swsh__side:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#000;opacity:var(--dim,0);pointer-events:none}.swsh__tag{position:absolute;z-index:2;top:calc(var(--h) * .035);left:50%;width:calc(var(--w) * .34);margin-left:calc(var(--w) * -.17);padding-top:1.6rem;transform-origin:50% 0;animation:swshSwing 3.4s ease-in-out infinite;animation-delay:var(--sd,0s);pointer-events:none}.swsh__tag:before{content:"";position:absolute;left:50%;top:0;width:.8rem;height:.8rem;margin-left:-.4rem;border-radius:50%;background:#c9b48f;box-shadow:inset 0 0 0 2px #8c7550}.swsh__tag:after{content:"";position:absolute;left:50%;top:.6rem;width:1px;height:1.2rem;background:#7a6648}.swsh__tagin{position:relative;display:flex;flex-direction:column;align-items:center;gap:.6rem;padding:1rem .7rem 1.1rem;background:#f4eddf;background-image:repeating-linear-gradient(0deg,rgba(120,100,70,.06) 0 1px,transparent 1px 3px),repeating-linear-gradient(90deg,rgba(120,100,70,.05) 0 1px,transparent 1px 3px);border-radius:.3rem;box-shadow:0 6px 12px #1e140838;clip-path:polygon(0 0,100% 0,100% 100%,50% 94%,0 100%)}.swsh__tagin:before{content:"";position:absolute;top:.35rem;right:.35rem;bottom:.35rem;left:.35rem;border:1px dashed rgba(120,95,60,.45);border-radius:.2rem;pointer-events:none}.swsh__dot{display:block;width:72%;aspect-ratio:1;border-radius:50%;background:#ddd4c3 center/cover no-repeat;box-shadow:0 0 0 2px #fff,0 1px 3px #0000004d}.swsh__tagin b{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:clamp(.95rem,calc(var(--w) * .042),1.2rem);line-height:1.2;font-weight:600;text-align:center;color:#3a2f22;letter-spacing:.01em}@keyframes swshSwing{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}.swsh__info{text-align:center;margin-top:-1rem;min-height:14rem}.swsh__count{margin:0;font-size:1.2rem;letter-spacing:.2em;opacity:.55;font-variant-numeric:tabular-nums}.swsh__name{margin:.6rem auto 0;max-width:46rem;font-size:clamp(1.9rem,2vw,2.4rem);line-height:1.25;transition:opacity .25s,transform .25s;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.swsh__price{margin:.6rem 0 0;font-size:1.45rem;opacity:.75;transition:opacity .25s}.swsh__info.is-swap .swsh__name{opacity:0;transform:translateY(6px)}.swsh__info.is-swap .swsh__price{opacity:0}.swsh__cta{display:flex;justify-content:center;align-items:center;gap:1.6rem;margin-top:1.6rem;flex-wrap:wrap}.swsh__go{display:inline-flex;align-items:center;gap:.6rem;padding:1.3rem 2.6rem;border-radius:99px;background:rgb(var(--color-foreground));color:rgb(var(--color-background));text-decoration:none;font-weight:600;font-size:1.45rem;transition:transform .2s}.swsh__go:hover{transform:translateY(-2px)}.swsh__all{font-size:1.4rem;color:inherit;text-underline-offset:.3em}.swsh__hint{margin:0;font-size:1.2rem;opacity:.45;text-align:center}.swsh__below{position:relative;z-index:3;display:grid;grid-template-columns:1fr minmax(0,48rem) 1fr;column-gap:1.6rem;align-items:start;margin-top:-1rem}.swsh__below .swsh__info{grid-column:2;grid-row:1;margin-top:0}.swsh__below .swsh__game{grid-column:1;grid-row:1;margin-top:-2.4rem}.swsh__below .swsh__site{grid-column:3;grid-row:1;margin-top:-1.4rem}.swsh__below .swsh__hint{grid-column:1/-1;grid-row:2;margin-top:1.2rem}.swsh__game{justify-self:start;position:relative;display:inline-flex;align-items:center;gap:.8rem;padding:1.05rem 1.9rem 1.05rem 1.5rem;border-radius:99px;font-weight:700;font-size:1.4rem;letter-spacing:.01em;line-height:1;color:rgb(var(--color-foreground));text-decoration:none;background:linear-gradient(rgb(var(--color-background)),rgb(var(--color-background))) padding-box,linear-gradient(100deg,#ff5f6d,#ffb347,#3ecf8e,#4aa8ff,#b06cff) border-box;border:2px solid transparent;box-shadow:0 6px 18px #1e14081a;transition:transform .2s,box-shadow .2s}.swsh__game:hover{transform:translateY(-2px);box-shadow:0 10px 24px #1e140829}.swsh__game svg{width:1.8rem;height:1.8rem;flex:none;transition:transform .35s}.swsh__game:hover svg{transform:translate(3px,-3px) rotate(-8deg)}.swsh__site{justify-self:end;display:inline-flex;align-items:center;gap:.6rem;font-size:1.35rem;color:rgba(var(--color-foreground),.7);text-decoration:none;border-bottom:1px solid rgba(var(--color-foreground),.25);padding-bottom:.2rem;transition:color .2s,border-color .2s}.swsh__site i{font-style:normal;transition:transform .2s}.swsh__site:hover{color:rgb(var(--color-foreground));border-color:rgb(var(--color-foreground))}.swsh__site:hover i{transform:translate(3px)}.swsh--hero{--w:clamp(190px,min(18vw,29svh),290px)}.swsh--hero:before{content:"";position:absolute;left:50%;top:0;width:min(120rem,100%);height:70%;transform:translate(-50%);background:radial-gradient(ellipse at 50% 55%,rgba(var(--color-foreground),.055),rgba(var(--color-foreground),0) 62%);pointer-events:none}.swsh--hero .swsh__head{margin-bottom:0}.swsh--hero .swsh__title{font-size:clamp(2.8rem,3.3vw,4.6rem);line-height:1.1;letter-spacing:-.01em}.swsh--hero .swsh__stage{height:calc(var(--h) * 1.3 + 5rem)}.swsh--hero .swsh__info{min-height:12.5rem}@media(max-width:749px){.swsh{--w:46vw;--d:calc(var(--w) * .075)}.swsh__stage{height:calc(var(--h) * 1.18 + 5rem);perspective:900px}.swsh__btn{width:4rem;height:4rem;top:calc(50% - 3rem)}.swsh__btn svg{width:1.8rem;height:1.8rem}.swsh__btn--prev{left:calc(50% - var(--w) * .62 - 4.4rem)}.swsh__btn--next{left:calc(50% + var(--w) * .62 + .4rem)}.swsh__tag{width:calc(var(--w) * .42);margin-left:calc(var(--w) * -.21)}.swsh__hint{display:none}.swsh__below{grid-template-columns:minmax(0,auto) minmax(4rem,1fr) minmax(0,auto);column-gap:.6rem;align-items:center;margin-top:-1.8rem;text-align:center}.swsh__below .swsh__info{display:contents}.swsh__below .swsh__count{grid-column:2;grid-row:1;white-space:nowrap}.swsh__below .swsh__name{grid-column:1/-1;grid-row:2;margin-top:1rem;min-height:2.5em}.swsh__below .swsh__price{grid-column:1/-1;grid-row:3}.swsh__below .swsh__cta{grid-column:1/-1;grid-row:4}.swsh__below .swsh__game{margin-top:0;font-size:1.25rem;padding:.85rem 1.2rem .85rem 1rem;gap:.6rem;white-space:nowrap}.swsh__below .swsh__game svg{width:1.6rem;height:1.6rem}.swsh__below .swsh__site{margin-top:0;font-size:1.2rem;gap:.4rem;text-align:right;line-height:1.25}.swsh--hero{--w:min(46vw,29svh)}.swsh--hero .swsh__title{font-size:2.6rem}.swsh--hero .swsh__stage{height:calc(var(--h) * 1.18 + 3.4rem)}}@media(prefers-reduced-motion:reduce){.swsh__name,.swsh__price{transition:none}.swsh__tag{animation:none}}.swsh{isolation:isolate}.swsh__item:not(.is-vis) .swsh__box{display:none}.swsh__front{box-shadow:0 22px 24px #1e140842}@media(max-width:749px){.swsh__tag{animation:none}.swsh__btn{backdrop-filter:none;-webkit-backdrop-filter:none;background:rgb(var(--color-background))}.swsh__front{box-shadow:0 12px 16px #1e14083d}}.swsh__game.is-go{pointer-events:none;opacity:.85}.swsh__game.is-go svg{animation:swshGo .7s linear infinite}@keyframes swshGo{0%{transform:translate(0) rotate(-8deg)}50%{transform:translate(5px,-5px) rotate(-8deg);opacity:.4}to{transform:translate(0) rotate(-8deg)}}.swsh{--d:calc(var(--w) * .1)}.swsh__front{opacity:calc(var(--fade,1) * var(--fo,1))}.swsh__item.is-edge .swsh__front,.swsh__item.is-neg .swsh__side--l{display:none}.swsh__item:not(.is-neg) .swsh__side--r{display:none}@media(max-width:749px){.swsh__tagin{clip-path:none;box-shadow:none;background-image:none;border:1px solid rgba(120,95,60,.28)}.swsh__tagin:before{display:none}.swsh__dot{box-shadow:0 0 0 2px #fff}}
/*# sourceMappingURL=/cdn/shop/t/146/assets/swx-shelf.css.map */