.upp-art{--px: 0;--py: 0;--glow: rgb(255 255 255 / .08);--ease: cubic-bezier(.22, 1, .36, 1);--spring: cubic-bezier(.34, 1.4, .64, 1);--settle: cubic-bezier(.22, .8, .25, 1);position:absolute;top:0;right:0;bottom:0;left:0;display:grid;overflow:hidden;container-type:size;background:radial-gradient(62% 58% at var(--glow-at, 50% 48%),var(--glow),transparent 74%);place-items:center;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.upp-art svg{display:block;overflow:visible}.upp-art .upp-art__defs{position:absolute;width:0;height:0;overflow:hidden}.upp-art__stage{position:relative;display:grid;justify-items:center;translate:calc(var(--px) * 1.6cqmin) calc(var(--py) * 1.6cqmin);transition:translate .7s var(--ease)}.upp-art__badge{color:#f5f5f5;font-size:26cqmin;font-style:normal;font-weight:900;line-height:.9;letter-spacing:-.01em;font-feature-settings:"calt" 0;transform:skew(-12deg)}.upp-art__badge [data-art-count]{display:inline-block;text-align:right}.upp-art--sounds{--glow: rgb(48 209 88 / .17)}.upp-art--sounds .upp-art__stage{gap:.5cqmin}.upp-art__speaker{position:relative;display:grid;width:59cqmin}.upp-art__speaker>svg{grid-area:1 / 1;width:100%;height:100%}.upp-art__speaker .spk-body{transform-origin:var(--bx) var(--by)}.upp-art--sounds[data-live] .spk-body{animation:upp-art-thump .52s ease-in-out infinite alternate}.upp-art--sounds[data-live] .spk-arc{animation:upp-art-wave 1.04s ease-in-out infinite}.upp-art--sounds[data-live] .spk-arc-2{animation-delay:.16s}@keyframes upp-art-thump{to{transform:scale(1.045)}}@keyframes upp-art-wave{0%,to{opacity:1}50%{opacity:.22}}.upp-art__speaker .spk-wave{opacity:0;transform-origin:var(--cx) var(--cy)}.upp-art--sounds[data-live] .spk-wave{animation:upp-art-out 2.08s cubic-bezier(.2,.7,.3,1) infinite}.upp-art--sounds[data-live] .spk-wave-2{animation-delay:1.04s}@keyframes upp-art-out{0%{opacity:.55;transform:scale(1)}to{opacity:0;transform:scale(1.55)}}.upp-art--bonus{--glow: rgb(255 255 255 / .1)}.upp-art--bonus .upp-art__stage{gap:1.6cqmin}.upp-art__deck{position:relative;display:grid;width:34cqmin;aspect-ratio:1;margin-bottom:11.49cqmin;rotate:-16deg;transition:translate .8s var(--spring)}.upp-art--bonus[data-live] .upp-art__deck{translate:7cqmin -1cqmin}.upp-art__deck>svg{grid-area:1 / 1;width:100%;height:100%;transition:transform .8s var(--spring) calc(var(--n, 0) * 70ms),opacity .3s var(--ease) calc(var(--n, 0) * 70ms),filter .8s var(--ease)}.upp-art__tile{position:relative;filter:drop-shadow(0 0 3.4cqmin rgb(255 255 255 / .45));touch-action:none}.upp-art--bonus[data-live] .upp-art__tile{filter:drop-shadow(0 0 3.4cqmin rgb(255 255 255 / .3)) drop-shadow(-.8cqmin 1.4cqmin 1.8cqmin rgb(0 0 0 / .5))}.upp-art__ghost{opacity:0;filter:drop-shadow(-.8cqmin 1.4cqmin 1.8cqmin rgb(0 0 0 / .5))}.upp-art--bonus[data-live] .upp-art__ghost{opacity:1;transform:translate(calc(var(--n) * -10.5cqmin),calc(var(--n) * 4.8cqmin))}.upp-art [data-art-knob]{--slide: 0px;cursor:grab;transform:translate(calc(var(--slide) + var(--drag, 0px)));transition:transform .8s var(--spring) .12s;touch-action:none}.upp-art [data-art-knob][data-dragging]{cursor:grabbing;transition:none}.upp-art[data-live] [data-art-knob]:not([data-touched]){--slide: var(--to)}.upp-art .art-hit{fill:transparent;pointer-events:all}.upp-art [data-art-track]{cursor:pointer}.upp-art--characters{--glow: rgb(255 255 255 / .26);--glow-at: 50% 50%}.upp-art__cast{position:absolute;top:50%;left:50%;width:94cqw;aspect-ratio:1976 / 736;transform:translate(-50%,-50%) translate(calc(var(--px) * 1.2cqmin));transition:transform .7s var(--ease)}.upp-art__person{position:absolute;top:0;bottom:0;left:calc((var(--x) - 212) / 1976 * 100%);width:calc(var(--w) / 1976 * 100%);transition:transform .75s var(--settle),opacity .5s var(--ease)}.upp-art__crop{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;-webkit-mask:linear-gradient(#000 78%,transparent);mask:linear-gradient(#000 78%,transparent)}.upp-art__person img{position:absolute;top:calc(-264 / 736 * 100%);left:calc(var(--x) / var(--w) * -100%);width:calc(2400 / var(--w) * 100%);max-width:none;height:calc(1000 / 736 * 100%);filter:drop-shadow(0 0 .7cqmin rgb(255 255 255 / .2));pointer-events:none}.upp-art__person--cut .upp-art__crop{clip-path:polygon(9.1% 0,100% 0,100% 100%,0 100%,0 53.8%,9.1% 53.8%)}.upp-art__placeholder{width:56cqmin;height:auto;fill:#fff3}.upp-art__ring{position:absolute;top:var(--head-y);left:var(--head-x);width:calc(var(--head-d) * 1.14);aspect-ratio:1;border:max(1.5px,.5cqmin) dashed #fff;border-radius:50%;opacity:0;pointer-events:none;translate:-50% -50%;scale:.86;transition:opacity .3s var(--ease),scale .6s var(--spring);animation:upp-art-spin 9s linear infinite paused}.upp-art__plus{position:absolute;top:44.77%;left:var(--at);width:4.96%;aspect-ratio:1;transform:translate(-50%,-50%)}.upp-art__plus:before,.upp-art__plus:after{position:absolute;top:37.75%;left:0;width:100%;height:24.5%;background:#f5f5f7;content:""}.upp-art__plus:after{transform:rotate(90deg)}.upp-art--characters[data-live] .upp-art__person{animation:upp-art-hop .76s var(--ease) calc(var(--i) * .15s) backwards}.upp-art--characters[data-live] .upp-art__ring{opacity:.9;scale:1;transition-delay:calc(var(--i) * .15s + .2s);animation-play-state:running}@media(hover:hover){.upp-art__cast:has(.upp-art__person:hover) .upp-art__person:not(:hover){opacity:.45}.upp-art__person:hover{transform:translateY(-4%);transition-timing-function:var(--spring),var(--ease)}}@keyframes upp-art-hop{40%{transform:translateY(-7%)}}@keyframes upp-art-spin{to{rotate:360deg}}.upp-art--psds{--glow: rgb(49 168 255 / .15)}.upp-art__files{position:relative;width:90cqmin;height:50cqmin;translate:calc(var(--px) * 1.6cqmin) calc(var(--py) * 1.6cqmin);transition:translate .7s var(--ease)}.upp-art__file{--spread: 22cqmin;--tilt: -12.5deg;--fan: 0deg;--arc: 0cqmin;--lift: 0cqmin;position:absolute;top:50%;left:50%;width:31cqmin;height:auto;cursor:pointer;filter:drop-shadow(0 1.4cqmin 2cqmin rgb(0 0 0 / .5));transform:translate(-50%,-50%) translate(calc(var(--n) * var(--spread)),calc(var(--lift) + var(--n) * var(--n) * var(--arc))) rotate(calc(var(--tilt) + var(--n) * var(--fan)));transition:transform .9s var(--settle) calc((var(--n) + 1) * 50ms)}.upp-art--psds[data-live] .upp-art__file{--spread: 25cqmin;--fan: 9deg;--arc: 2.4cqmin}@media(hover:hover){.upp-art__file:hover{--lift: -3.5cqmin;transition-delay:0ms;transition-timing-function:var(--spring)}}.upp-art:not([data-live]) .upp-art__stage,.upp-art:not([data-live]) .upp-art__files{transition:translate .95s var(--settle)}.upp-art:not([data-live]) .upp-art__deck{transition:translate .95s var(--settle)}.upp-art:not([data-live]) .upp-art__deck>svg{transition:transform .95s var(--settle),opacity .75s var(--settle),filter .95s var(--settle)}.upp-art:not([data-live]) [data-art-knob]:not([data-dragging]){transition:transform .95s var(--settle)}.upp-art:not([data-live]) .upp-art__cast{transition:transform .95s var(--settle)}.upp-art:not([data-live]) .upp-art__person{transition:transform .85s var(--settle),opacity .65s var(--settle)}.upp-art:not([data-live]) .upp-art__ring{transition:opacity .7s var(--settle),scale .85s var(--settle)}.upp-art:not([data-live]) .upp-art__file{transition:transform .95s var(--settle)}@media(prefers-reduced-motion:reduce){.upp-art *,.upp-art *:before,.upp-art *:after{animation:none!important;transition:none!important}.upp-art--sounds[data-live] .spk-wave-1{opacity:.35;transform:scale(1.25)}}.upp-art--text-bonus,.upp-art--text-workflow{--glow: rgb(48 209 88 / .14)}.upp-text-bonus{width:86cqmin;gap:9cqmin}.upp-text-bonus__count{color:#f5f5f7;font-size:19cqmin;font-weight:800;line-height:1;text-align:center}.upp-text-bonus__count small{display:block;margin-top:3cqmin;color:#8d9b91;font-size:2.6cqmin;font-weight:600;letter-spacing:.16em}.upp-text-bonus__fan{position:relative;width:66cqmin;height:38cqmin}.upp-text-bonus__tile{position:absolute;left:21cqmin;top:0;width:24cqmin;height:32cqmin;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3cqmin;border:1px solid #688771;border-radius:3cqmin;background:linear-gradient(145deg,#eaf8ee,#95b59d);color:#14351e;box-shadow:0 2cqmin 5cqmin #0005;transform:translate(calc(var(--tile) * 8cqmin)) translateY(calc(var(--tile) * var(--tile) * 1.3cqmin)) rotate(calc(var(--tile) * 9deg));transition:transform .95s var(--settle),box-shadow .95s var(--settle)}.upp-text-bonus__tile i{font-size:12cqmin;font-weight:650;font-style:normal;line-height:1}.upp-text-bonus__tile b{font-size:2.6cqmin;letter-spacing:.1em}.upp-text-bonus__tile>span{width:12cqmin;height:.6cqmin;border-radius:1cqmin;background:#248a3d77}.upp-art--text-bonus[data-live] .upp-text-bonus__tile{transform:translate(calc(var(--tile) * 12cqmin)) translateY(calc(var(--tile) * var(--tile) * 1cqmin - 3cqmin)) rotate(calc(var(--tile) * 13deg));box-shadow:0 4cqmin 8cqmin #0005}.upp-text-workflow{width:82cqmin;gap:8cqmin}.upp-text-workflow__preview{width:100%;height:43cqmin;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid #ffffff12;border-radius:3cqmin;background:#171c19;overflow:hidden}.upp-text-workflow__preview span{font-size:11cqmin;font-weight:650;letter-spacing:-.05em;line-height:1.15;color:#f5f5f7;opacity:.4;transform:translateY(2cqmin);transition:transform .95s var(--settle),opacity .95s var(--settle)}.upp-text-workflow__preview span+span{color:#30d158;transition-delay:80ms}.upp-art--text-workflow[data-live] .upp-text-workflow__preview span{opacity:1;transform:translateY(0)}.upp-text-workflow__timeline{position:relative;width:100%;display:grid;grid-template-columns:7cqmin 1fr;gap:2cqmin;align-items:center;padding:4cqmin 3cqmin;border-radius:2cqmin;background:#252827}.upp-text-workflow__timeline small{color:#929993;font-size:2.7cqmin}.upp-text-workflow__clip{display:flex;align-items:center;gap:3cqmin;padding:3cqmin;border-radius:.7cqmin;background:#375a42;color:#d1ead7;font-size:4cqmin}.upp-text-workflow__clip b{font-size:2.6cqmin;font-weight:500}.upp-text-workflow__cursor{position:absolute;top:2cqmin;bottom:2cqmin;left:16%;width:max(1px,.35cqmin);background:#6bb5ff;transition:left 1.4s cubic-bezier(.32,.04,.2,1)}.upp-text-workflow__cursor:before{content:"";position:absolute;top:-1cqmin;left:50%;transform:translate(-50%);width:2.6cqmin;height:3cqmin;background:#6bb5ff;clip-path:polygon(0 0,100% 0,100% 65%,50% 100%,0 65%)}.upp-art--text-workflow[data-live] .upp-text-workflow__cursor{left:90%}@media(prefers-reduced-motion:reduce){.upp-text-bonus__tile,.upp-text-workflow__preview span,.upp-text-workflow__cursor{transition:none}}@media screen and (max-width:639px){.upp-text-workflow__timeline{grid-template-columns:minmax(0,1fr)}.upp-text-workflow__timeline small{display:none}.upp-text-workflow__cursor{left:6%}}@media screen and (max-width:767px),screen and (max-width:1023px)and (hover:none)and (pointer:coarse){body.template-product main .upp-art.upp-art--box{background:radial-gradient(ellipse at 50% 42%,#242827,#19191b 68%)}.upp-art--box .upp-bonus__box-image{background:transparent}}
/*# sourceMappingURL=/cdn/shop/t/224/assets/ultimate-pack-bonus-art.css.map */