.uc-scene{--scene-head: 9.8rem;--scene-fixed: 6.4rem;--scene-accent: var(--uc-red-dark);--p: 0;--rev: 1;--ui: 1;--ca: 0;--cb: 0;--hint: 1;--k: .78;position:relative;isolation:isolate;padding:0;background:linear-gradient(180deg,#fff 0% 38%,#f6f6f3);color:var(--uc-ink)}.uc-scene__track{position:relative;height:calc(100svh + var(--scene-len, 100vh))}.uc-scene.is-live{--q: calc(var(--p) * .82);--hint: clamp(0, calc((var(--q) - .4) / .1), 1);--ca: clamp(0, calc((var(--q) - .5) / .12), 1);--cb: clamp(0, calc((var(--q) - .64) / .14), 1);--ui: clamp(0, calc((var(--q) - .66) / .16), 1);--kk: clamp(0, calc((var(--q) - .48) / .24), 1);--k: calc(1 - .22 * (var(--kk) * var(--kk) * (3 - 2 * var(--kk))))}.uc-scene.is-live .uc-prod{--rev: clamp(0, calc((var(--q) - var(--s, 0)) / var(--span, .5)), 1)}.uc-scene{--x: 0}.uc-scene.is-live{--xe: calc(var(--x) * var(--x));--xo: clamp(0, calc(var(--x) / .7), 1);--xf: calc(var(--xo) * var(--xo) * (3 - 2 * var(--xo)))}.uc-scene.is-live .uc-prod{transform:translate(calc(var(--xe) * var(--ex, 0) * var(--em, 1) * 1rem),calc(var(--xe) * var(--ey, 0) * var(--em, 1) * 1rem)) scale(calc(1 + .2 * var(--xe))) rotate(calc(var(--rot, 0) * 1deg))}.uc-scene.is-live .uc-prod--canvas{--ex: -78;--ey: -6;--em: 1}.uc-scene.is-live .uc-prod--tee{--ex: 4;--ey: -42;--em: 1}.uc-scene.is-live .uc-prod--tote{--ex: 66;--ey: -4;--em: 1.15}.uc-scene.is-live .uc-prod--mug{--ex: 66;--ey: 8;--em: 1.15}.uc-scene.is-live .uc-prod--cap{--ex: -66;--ey: 8;--em: 1.15}.uc-scene.is-live .uc-scene__try{opacity:calc(var(--e) * (1 - var(--xf)))}.uc-scene.is-gone .uc-scene__try{visibility:hidden}.uc-scene__stage{position:sticky;top:var(--scene-head);height:calc(100svh - var(--scene-fixed));min-height:46rem;padding-block:1.6rem 2rem;overflow:clip}.uc-scene__inner{display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:100%;gap:1rem}.uc-scene__copy{position:relative;z-index:3;display:grid;grid-template-areas:"copy";justify-items:center;text-align:center}.uc-scene__copy>*{grid-area:copy;display:grid;justify-items:center;align-content:start;width:100%}.uc-scene__copy-a{--e: calc(var(--ca) * var(--ca) * (3 - 2 * var(--ca)));opacity:calc(1 - var(--e));transform:translateY(calc(var(--e) * -1.2rem))}.uc-scene__copy-b{--e: calc(var(--cb) * var(--cb) * (3 - 2 * var(--cb)));align-content:center;opacity:var(--e);transform:translateY(calc((1 - var(--e)) * 1.2rem));visibility:hidden}.uc-scene.is-b .uc-scene__copy-a{visibility:hidden}.uc-scene.is-b .uc-scene__copy-b{visibility:visible}.uc-scene__title{margin:0}.uc-scene__copy .uc-scene__title{font-size:var(--uc-fs-h1)!important;line-height:1.02!important;letter-spacing:-.03em}.uc-scene__title em{font-style:normal;color:var(--scene-accent)}.uc-scene__br{display:none}@media screen and (max-width:749px){.uc-scene__br{display:inline}}.uc-scene__lead{margin:.8rem 0 0;max-width:46ch}.uc-scene__actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:clamp(1.2rem,.8rem + .8vw,1.8rem)}.uc-scene__plate{position:relative;z-index:0;transform:scale(var(--k));transform-origin:50% 0;will-change:transform;justify-self:center;width:min(calc(100% + 14rem),calc(100vw - 3rem));max-width:140rem}.uc-prod{position:absolute;left:calc(var(--x) * 1%);bottom:calc(var(--b, 6) * 1%);height:calc(var(--h, 60) * 1%);width:auto;margin:0;isolation:isolate;transform:rotate(calc(var(--rot, 0) * 1deg));z-index:var(--z, 2)}.uc-prod--tote{--z: 1}.uc-prod--canvas{--z: 2}.uc-prod--tee{--z: 3}.uc-prod--mug{--z: 4}.uc-prod--cap{--z: 5}.uc-prod__blank{position:relative;z-index:1;display:block;height:100%;width:auto;filter:drop-shadow(0 .3rem .5rem rgba(15,15,15,.09))}.uc-prod:before{content:"";position:absolute;z-index:0;left:var(--sh-l, 8%);right:var(--sh-r, 8%);bottom:var(--sh-b, -2%);height:var(--sh-h, 7%);border-radius:50%;background:radial-gradient(ellipse at 50% 50%,#0f0f0f42,#0f0f0f1f 42%,#0f0f0f00 72%);filter:blur(4px);opacity:var(--sh-o, 1);pointer-events:none}.uc-prod--canvas:before{--sh-l: 3%;--sh-r: -2%;--sh-b: -1.8%;--sh-h: 6%}.uc-prod--tee:before{--sh-l: 14%;--sh-r: 14%;--sh-b: -3%;--sh-h: 8%;--sh-o: .85}.uc-prod--mug:before{--sh-l: 10%;--sh-r: 18%;--sh-h: 10%}.uc-prod--cap:before{--sh-l: 6%;--sh-r: 6%;--sh-h: 12%}.uc-prod--tote:before{--sh-l: 8%;--sh-r: 8%;--sh-h: 7%}.uc-prod__placeholder{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;opacity:calc(1 - clamp(0,calc(var(--rev, 1) / .2),1));pointer-events:none}.uc-prod__printed{--e: calc(var(--rev) * var(--rev) * (3 - 2 * var(--rev)));position:absolute;z-index:3;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;filter:drop-shadow(0 .3rem .5rem rgba(15,15,15,.09));opacity:clamp(0,calc(var(--e) * 2),1);-webkit-mask-image:linear-gradient(180deg,#000 0 40%,rgba(0,0,0,.5) 47%,transparent 58%,transparent 100%);mask-image:linear-gradient(180deg,#000 0 40%,rgba(0,0,0,.5) 47%,transparent 58%,transparent 100%);-webkit-mask-size:100% 240%;mask-size:100% 240%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:0% calc((1 - var(--e)) * 100%);mask-position:0% calc((1 - var(--e)) * 100%)}.uc-prod{transition:opacity .4s var(--uc-ease),filter .4s var(--uc-ease)}.uc-scene.is-complete[data-picked=true][data-family=apparel] .uc-prod[data-family=wall],.uc-scene.is-complete[data-picked=true][data-family=wall] .uc-prod[data-family=apparel]{opacity:.55;filter:saturate(.7)}.uc-scene__foot{position:relative;z-index:3;display:grid;grid-template-areas:"foot";align-items:end;height:var(--foot-h, 8.4rem)}.uc-scene__foot>*{grid-area:foot}[data-uc-ui]{--e: calc(var(--ui) * var(--ui) * (3 - 2 * var(--ui)));opacity:var(--e);transform:translateY(calc((1 - var(--e)) * 1.4rem))}.uc-scene.is-live [data-uc-ui]:not(.is-on){visibility:hidden}.uc-scene__try{position:absolute;left:50%;bottom:calc(100% + 1rem);z-index:2;display:grid;justify-items:center;gap:.8rem;transform:translate(-50%,calc((1 - var(--e)) * 1.4rem))}.uc-scene__ui-title{margin:0;font-size:var(--uc-fs-small);font-weight:600;color:var(--uc-ink)}.uc-arts{display:flex;gap:1rem}.uc-art{position:relative;height:clamp(5.6rem,calc(28svh - 136px),10.2rem);width:auto;aspect-ratio:2 / 3;padding:0;border:3px solid transparent;border-radius:1rem;background:#fff;cursor:pointer;overflow:hidden;box-shadow:0 .2rem .8rem #0f0f0f24;transition:border-color .2s ease,transform .2s var(--uc-ease),box-shadow .2s ease}.uc-art img{width:100%;height:100%;object-fit:cover;display:block}.uc-art:hover{transform:translateY(-2px)}.uc-art[aria-checked=true]{border-color:var(--scene-accent);box-shadow:0 0 0 1px var(--scene-accent),0 .3rem .9rem #0f0f0f2e}.uc-art:focus-visible{outline:2px solid var(--uc-ink);outline-offset:3px}.uc-scene__ui{display:grid;justify-items:center;gap:.6rem;width:100%}.uc-scene__bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem 2rem;width:100%}.uc-scene__pick{display:flex;align-items:center;gap:1.2rem}.uc-scene__pick-label{font-size:var(--uc-fs-small);font-weight:500;color:var(--uc-ink-2)}.uc-seg{display:inline-flex;gap:.8rem}.uc-seg__btn{position:relative;min-height:4.2rem;padding:0 1.8rem;border:1.5px solid var(--uc-line);border-radius:999px;background:#fff;color:var(--uc-ink);font-family:inherit;font-size:1.4rem;font-weight:600;white-space:nowrap;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.uc-seg__btn[aria-checked=true]{background:var(--uc-ink);border-color:var(--uc-ink);color:#fff}.uc-seg__btn[aria-checked=true]:after{content:"";position:absolute;left:18%;right:18%;bottom:-.7rem;height:2px;border-radius:2px;background:var(--scene-accent, var(--uc-red-dark))}.uc-seg__btn:focus-visible{outline:2px solid var(--uc-ink);outline-offset:2px}.uc-scene__note,.uc-scene__note p{margin:0;max-width:62ch;text-align:center;font-size:1.2rem;line-height:1.45;color:var(--uc-mute)}.uc-scene__hint{--e: calc(var(--hint) * var(--hint) * (3 - 2 * var(--hint)));display:grid;justify-items:center;gap:.2rem;margin:0;padding-bottom:3.4rem;font-size:var(--uc-fs-small);color:var(--uc-mute);opacity:calc(1 - var(--e));transform:translateY(calc(var(--e) * -.8rem));pointer-events:none}.uc-scene__hint svg{animation:uc-scene-nudge 2.4s var(--uc-ease) infinite}@keyframes uc-scene-nudge{0%,70%,to{transform:translateY(0)}35%{transform:translateY(4px)}}.uc-scene:not(.is-live) .uc-scene__hint{display:none}@media screen and (min-width:750px)and (max-height:820px){.uc-scene__ui-title{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.uc-art{height:clamp(5.6rem,calc(28svh - 108px),10.2rem)}}.uc-anchor{display:block;height:0;scroll-margin-top:12rem}@media screen and (min-width:1200px){.uc-anchor{scroll-margin-top:9rem}}.uc-ways{position:relative;isolation:isolate;padding-top:clamp(3.2rem,2rem + 2.4vw,5.6rem)}.uc-ways__grid{display:grid;gap:clamp(1.6rem,1rem + 1.6vw,2.4rem);grid-template-columns:1fr}.uc-way{position:relative;display:grid;grid-template-rows:auto 1fr;padding:clamp(1.8rem,1.2rem + 1.2vw,2.6rem);border-radius:var(--uc-radius-lg);background:linear-gradient(180deg,#fff 0%,var(--uc-paper-2) 100%);border:1px solid var(--uc-line)}.uc-way__title{margin:0;font-size:clamp(2rem,1.7rem + .6vw,2.4rem)}.uc-way__text{margin:.4rem 0 0;color:var(--uc-mute)}.uc-way__links{display:flex;flex-wrap:wrap;gap:.4rem 2rem;margin:1.2rem 0 0}.uc-way__links .uc-link,.uc-ways__help .uc-link{padding-block:.6rem}.uc-link--accent{color:var(--uc-red-dark)}.uc-way__scene{position:relative;isolation:isolate;z-index:0;height:clamp(22rem,16rem + 14vw,34rem);margin-top:clamp(1.2rem,.8rem + 1vw,2rem)}.uc-way__scene .uc-prod{--rev: 1}.uc-way__scene .uc-prod__printed{-webkit-mask-image:none;mask-image:none}.uc-way__media{margin-top:clamp(1.2rem,.8rem + 1vw,2rem);border-radius:var(--uc-radius);overflow:hidden;background:#fff;aspect-ratio:4 / 3;padding:1.2rem}.uc-way__media img{width:100%;height:100%;object-fit:contain}.uc-more{margin-top:clamp(2.4rem,1.6rem + 2vw,4rem)}.uc-more__title{margin:0 0 1.4rem;font-size:var(--uc-fs-h3);font-weight:700;text-align:center}.uc-more__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1rem,.6rem + 1vw,1.8rem)}.uc-more__item{display:grid;grid-template-columns:9.6rem 1fr;align-items:center;gap:1.2rem;padding:.8rem 1.4rem .8rem .8rem;border:1px solid var(--uc-line);border-radius:var(--uc-radius);background:#fff;color:inherit;text-decoration:none;transition:border-color .2s ease,transform .2s var(--uc-ease),box-shadow .2s ease}.uc-more__item:hover{border-color:var(--uc-ink);transform:translateY(-2px);box-shadow:0 1rem 2.4rem -1.6rem #0f0f0f59}.uc-more__item:focus-visible{outline:2px solid var(--uc-ink);outline-offset:3px}.uc-more__thumb{width:9.6rem;height:9.6rem;display:grid;place-items:center;border-radius:var(--uc-radius-sm);background:var(--uc-paper-2);overflow:hidden}.uc-more__thumb img{width:82%;height:82%;object-fit:contain;filter:drop-shadow(0 .3rem .5rem rgba(15,15,15,.12))}.uc-more__name{display:inline-flex;align-items:center;gap:.5rem;font-size:1.7rem;font-weight:700;letter-spacing:-.01em;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:.3rem}.uc-more__sub{display:block;margin-top:.2rem;font-size:var(--uc-fs-small);color:var(--uc-mute)}.uc-ways__help{margin-top:clamp(2rem,1.4rem + 1.4vw,3.2rem);text-align:center;color:var(--uc-mute)}.uc-stats__head,.uc-stats__lead{text-align:center}.uc-stats__lead{margin-inline:auto}.uc-stats__grid{display:grid;grid-template-columns:1fr;gap:clamp(1.6rem,1rem + 1.6vw,3.2rem);margin-top:clamp(2rem,1.4rem + 1.4vw,3.2rem)}.uc-stat{text-align:center}.uc-stat__num{display:block;font-size:clamp(3.2rem,2.2rem + 2.6vw,5rem);font-weight:700;line-height:1;letter-spacing:-.03em;color:var(--uc-red-dark);font-variant-numeric:tabular-nums}.uc-stat__label{display:block;margin-top:.8rem;color:var(--uc-mute)}.uc-stats__note{margin:clamp(1.6rem,1.2rem + 1vw,2.4rem) 0 0;text-align:center;font-size:1.2rem;color:var(--uc-mute)}@media screen and (min-width:750px){.uc-ways__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.uc-stats__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.uc-stat+.uc-stat{border-left:1px solid var(--uc-line)}}@media screen and (max-width:749px){.uc-scene__track{height:calc(100svh + var(--scene-len-m, 70vh))}.uc-scene__stage{min-height:42rem;padding-block:1.4rem 1.2rem}.uc-scene__inner{gap:.8rem}.uc-scene__plate{--ph: min( calc((100vw - 2rem)/1.6) , calc(100vh - 49rem) );--ph: min( calc((100vw - 2rem)/1.6) , calc(100svh - 49rem) );height:var(--ph);width:calc(var(--ph) * 1.6);max-width:none;align-self:center;justify-self:center;transform:none}.uc-scene__actions{margin-top:1.2rem}.uc-scene .uc-btn{min-height:4.4rem;padding:0 1.6rem;font-size:1.4rem}.uc-prod{left:calc(var(--mx, var(--x)) * 1%);bottom:calc(var(--mb, var(--b, 6)) * 1%);height:calc(var(--mh, var(--h, 60)) * 1%)}.uc-scene.is-live .uc-prod{transform:rotate(calc(var(--rot, 0) * 1deg))}.uc-scene.is-live .uc-scene__plate{opacity:calc(1 - var(--xf))}.uc-scene__foot{--foot-h: 17.2rem;grid-template-areas:none;grid-auto-rows:auto;align-content:end;gap:.8rem}.uc-scene__foot>*{grid-area:auto}.uc-scene__try{position:static;transform:translateY(calc((1 - var(--e)) * 1.4rem));gap:.6rem}.uc-scene__hint{position:absolute;inset:auto 0 0 0;padding-bottom:1.2rem}.uc-scene__ui-title,.uc-scene__pick-label{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.uc-art{height:8.1rem;border-width:2px;border-radius:.8rem}.uc-scene__bar{justify-content:center;gap:.8rem}.uc-seg__btn{min-height:4.2rem;padding:0 1.3rem;font-size:1.3rem}.uc-scene__note{font-size:1.1rem}.uc-more__grid{grid-template-columns:1fr}.uc-more__item{grid-template-columns:7.2rem 1fr;padding:.8rem 1.2rem .8rem .8rem}.uc-more__thumb{width:7.2rem;height:7.2rem}.uc-way__scene{height:22rem}}@media(prefers-reduced-motion:reduce){.uc-scene__track{height:auto!important}.uc-scene__stage{position:static;height:auto;min-height:0;padding-block:var(--uc-section)}.uc-scene__plate{aspect-ratio:16 / 7;min-height:32rem}.uc-prod,.uc-prod__printed,.uc-scene__ui,.uc-art,.uc-more__item{transition:none!important}.uc-scene__hint{display:none}.uc-scene__hint svg{animation:none}.uc-prod__printed{-webkit-mask-image:none;mask-image:none;opacity:1}.uc-prod__placeholder{opacity:0}.uc-scene .uc-prod{transform:rotate(calc(var(--rot, 0) * 1deg))}.uc-scene .uc-scene__try{opacity:1;visibility:visible}@media screen and (max-width:749px){.uc-scene__plate{aspect-ratio:8 / 5;min-height:0}}}
/*# sourceMappingURL=/cdn/shop/t/59/assets/uc-scene.css.map */