hh-solitaire-scatter.sol-scatter{--sol-safe-top: env(safe-area-inset-top, 0px);--sol-safe-right: env(safe-area-inset-right, 0px);--sol-safe-bottom: env(safe-area-inset-bottom, 0px);--sol-safe-left: env(safe-area-inset-left, 0px);--sol-scatter-w: min(16.17vw, 29.1vh);--sol-ease: cubic-bezier(.2, .8, .2, 1);display:grid}.sol-scatter:not([data-table]){position:absolute;top:var(--sol-safe-top, 0px);right:var(--sol-safe-right, 0px);bottom:var(--sol-safe-bottom, 0px);left:var(--sol-safe-left, 0px);z-index:1;background:inherit}.sol-scatter[data-table]{--sol-scatter-w: 30.3vw;position:relative;z-index:0;flex:1 1 auto;align-self:stretch;min-width:0;min-height:420px;overflow:hidden;background-color:#3d281b;background-image:linear-gradient(var(--sol-scatter-overlay),var(--sol-scatter-overlay)),var(--sol-scatter-table);background-size:auto,400px 400px;background-repeat:repeat}.sol-scatter__cards{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.sol-scatter__content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center;pointer-events:none}.sol-scatter__content :is(a,button,input,select,textarea,label,summary){pointer-events:auto}.sol-scatter[data-design-mode] .sol-scatter__content *{pointer-events:auto}.sol-scatter__content .sol-lockup{position:relative;width:clamp(240px,72vw,560px);aspect-ratio:560 / 177.6;margin:0;font-size:0;line-height:0}.sol-scatter__content .sol-lockup img{position:absolute;height:auto;max-width:none}.sol-scatter__content .sol-lockup__wordmark{left:0;top:0;width:100%}.sol-scatter__content .sol-lockup__script{left:17.29%;top:46.3%;width:65.42%}.sol-scatter__content .core-image{flex:none;width:clamp(240px,72vw,640px)}.sol-scatter__content .core-image--placeholder{aspect-ratio:560 / 177.6;background:var(--sol-lockup-script) 50% 100% / 65.42% auto no-repeat,var(--sol-lockup-wordmark) 0 0 / 100% auto no-repeat}.sol-scatter__content .core-image--placeholder>*{visibility:hidden}.sol-scatter__card{--x-now: var(--x-m, var(--x, 50));--y-now: var(--y-m, var(--y, 50));--r-now: var(--r-m, var(--r, 0deg));--z-now: var(--z-m, var(--z, 1));--sol-card-radius: calc(var(--sol-scatter-w) * .043);position:absolute;left:calc(var(--x-now) * 1%);top:calc(var(--y-now) * 1%);z-index:var(--z-now);width:var(--sol-scatter-w);height:calc(var(--sol-scatter-w) * 1.454);transform:translate(-50%,-50%) rotate(var(--r-now));filter:drop-shadow(1.4px 1.4px 4.3px rgba(0,0,0,.24));animation:sol-scatter-in 1.2s var(--sol-ease) both;animation-delay:calc(var(--i, 0) * 80ms + .12s);pointer-events:none}.sol-scatter__face{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:var(--sol-card-radius)}.sol-scatter__art{position:absolute;top:-5.91%;left:50%;width:auto;height:112.41%;max-width:none;aspect-ratio:901 / 1201;transform:translate(-50%);pointer-events:none;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.sol-scatter__tone{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(199.48deg,#0000000e,#0000001a 87.27%);pointer-events:none}.sol-scatter [data-free]{animation:none}.sol-scatter[data-animation=toss] .sol-scatter__card,.sol-scatter[data-animation=shake] .sol-scatter__card{cursor:pointer;pointer-events:auto}.sol-scatter[data-animation=toss] .sol-scatter__card{cursor:grab;touch-action:none}.sol-scatter[data-tossing],.sol-scatter[data-tossing] .sol-scatter__card,hh-solitaire[data-tossing] .sol-scatter__card{cursor:grabbing}.sol-scatter__card.is-shaking .sol-scatter__face{animation:sol-scatter-shake .62s cubic-bezier(.22,1.12,.36,1)}.sol-scatter[data-table] .sol-mark{position:absolute;right:20px;bottom:20px;width:80px;height:77px;mix-blend-mode:multiply;pointer-events:none}@keyframes sol-scatter-in{0%{opacity:0;transform:translate(calc(-50% + (var(--x-now) - 50) * .25vw),calc(-50% + (var(--y-now) - 50) * .25vh)) rotate(calc(var(--r-now) - 8deg))}}@keyframes sol-scatter-shake{0%,to{transform:none}22%{transform:rotate(-6deg) scale(1.045)}48%{transform:rotate(7deg) scale(1.055)}74%{transform:rotate(-3deg) scale(1.025)}}@media screen and (min-width:750px){.sol-scatter__card{--x-now: var(--x, 50);--y-now: var(--y, 50);--r-now: var(--r, 0deg);--z-now: var(--z, 1)}.sol-scatter[data-table]{--sol-scatter-w: 16.17vw;min-height:560px}.sol-scatter__content .sol-lockup{width:clamp(240px,38.9vw,560px)}.sol-scatter__content .core-image{width:clamp(240px,38.9vw,640px)}}hh-solitaire[data-layout=mobile] .sol-scatter__card{--x-now: var(--x-m, var(--x, 50));--y-now: var(--y-m, var(--y, 50));--r-now: var(--r-m, var(--r, 0deg));--z-now: var(--z-m, var(--z, 1))}hh-solitaire[data-layout=desktop] .sol-scatter__card{--x-now: var(--x, 50);--y-now: var(--y, 50);--r-now: var(--r, 0deg);--z-now: var(--z, 1)}hh-solitaire[data-layout=mobile] .sol-scatter:not([data-table]){--sol-scatter-w: 36vw}hh-solitaire[data-layout=mobile] .sol-scatter__content :is(.sol-lockup,.core-image){width:72vw}@media(prefers-reduced-motion:reduce){.sol-scatter__card,.sol-scatter__card.is-shaking .sol-scatter__face{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/544/assets/component-solitaire-scatter.css.map */