.pps{--pps-bg: #fff6ee;--pps-ink: #6f341c;--pps-pad-a: #f8e1da;--pps-pad-b: #27335c;--pps-t: 14s;--pps-ease-in: cubic-bezier(.45, 0, .2, 1);--pps-ease-out: cubic-bezier(.55, 0, .7, 1);position:relative;background:var(--pps-bg);color:var(--pps-ink);padding:var(--pps-pt, 96px) 0 var(--pps-pb, 96px);overflow:hidden;font-family:var(--tv-sans, "Inter", Arial, sans-serif);-webkit-font-smoothing:antialiased}.pps *,.pps *:before,.pps *:after{box-sizing:border-box}.pps__wrap{max-width:var(--tv-max, 1200px);margin:0 auto;padding:0 clamp(16px,4vw,48px);display:grid;gap:36px;align-items:center}@media(min-width:900px){.pps__wrap{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(40px,5vw,80px)}}.pps__copy{min-width:0;max-width:34rem}.pps__kicker{margin:0 0 14px;font-family:var(--tv-mono, ui-monospace, Menlo, monospace);font-size:13px;line-height:1.4;letter-spacing:.01em;opacity:.8}.pps__h{margin:0;font-family:var(--tv-head, "Instrument Serif", serif);font-weight:400;font-synthesis:none;font-size:clamp(38px,4.95vw,72px);line-height:1.02;letter-spacing:var(--tv-head-ls, -.012em);text-transform:none;color:inherit;text-wrap:balance}.pps__body{margin:18px 0 0;font-size:clamp(16px,1.3vw,18px);line-height:1.55;max-width:40ch;color:inherit}.pps__moods{list-style:none;margin:26px 0 0;padding:0;display:grid;gap:10px}.pps__mood{display:flex;align-items:center;gap:12px;font-size:15px;line-height:1.3}.pps__mood--b{opacity:.38}.pps__pinmark{flex:none;display:block;width:20px;height:20px;overflow:visible;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.pps__art{position:relative;margin:0 auto;width:min(100%,360px);aspect-ratio:3 / 4}@media(min-width:750px){.pps__art{width:min(100%,440px)}}@media(min-width:900px){.pps__art{width:min(100%,540px,58vh)}@supports (height: 1svh){.pps__art{width:min(100%,540px,58svh)}}}.pps__defs{position:absolute;width:0;height:0;overflow:hidden}.pps__layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;pointer-events:none}.pps__back{z-index:1}.pps__occ{z-index:3;fill:var(--pps-bg)}.pps__front{z-index:4}.pps__pad{position:absolute;z-index:2;left:18.133%;top:50.9%;width:61.333%;height:44.2%;transform:translateZ(0)}.pps__padsvg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.pps__padfill{stroke:var(--pps-ink);stroke-width:2.4}.pps__padline{fill:none;stroke-width:1.3}.pps__pad--a{--pin-line: var(--pps-ink)}.pps__pad--a .pps__padfill{fill:var(--pps-pad-a)}.pps__pad--a .pps__padline{stroke:var(--pps-ink);opacity:.45}.pps__pad--b{--pin-line: var(--pps-ink);opacity:0;transform:translate3d(0,-115%,0)}.pps__pad--b .pps__padfill{fill:var(--pps-pad-a)}.pps__pad--b .pps__padline{stroke:var(--pps-ink);opacity:.45}.pps__pins{position:absolute;top:0;right:0;bottom:0;left:0}.pps__pin{position:absolute;left:var(--x);top:var(--y);width:var(--w);aspect-ratio:1 / 1}.pps__pin svg{display:block;width:100%;height:100%;overflow:visible;transform:rotate(var(--r));fill:none;stroke:var(--pin-line);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.pps__pin .d{fill:var(--pin-line);stroke:none}.pps.is-armed .pps__pad--a{animation:pps-pad-a var(--pps-t) linear infinite both}.pps.is-armed .pps__pad--b{animation:pps-pad-b var(--pps-t) linear infinite both}.pps.is-armed .pps__pad--a .pps__pin{animation:pps-pin-a var(--pps-t) linear infinite both;animation-delay:calc(var(--i) * .14s)}.pps.is-armed .pps__pad--b .pps__pin{animation:pps-pin-b var(--pps-t) linear infinite both;animation-delay:calc(var(--i) * .14s)}.pps.is-armed .pps__mood--a{animation:pps-mood-a var(--pps-t) linear infinite both}.pps.is-armed .pps__mood--b{animation:pps-mood-b var(--pps-t) linear infinite both}.pps.is-armed .pps__pad,.pps.is-armed .pps__pin,.pps.is-armed .pps__mood{animation-play-state:paused}.pps.is-armed.is-playing .pps__pad,.pps.is-armed.is-playing .pps__pin,.pps.is-armed.is-playing .pps__mood{animation-play-state:running}@keyframes pps-pad-a{0%,6%{transform:translate3d(0,-115%,0);opacity:0;animation-timing-function:var(--pps-ease-in)}9%{opacity:1}19%{transform:translate3d(0,1.2%,0);animation-timing-function:ease-out}22%,46%{transform:translateZ(0);opacity:1;animation-timing-function:var(--pps-ease-out)}50%{opacity:1}54%,to{transform:translate3d(0,-115%,0);opacity:0}}@keyframes pps-pad-b{0%,56%{transform:translate3d(0,-115%,0);opacity:0;animation-timing-function:var(--pps-ease-in)}59%{opacity:1}67%{transform:translate3d(0,1.2%,0);animation-timing-function:ease-out}70%,93%{transform:translateZ(0);opacity:1;animation-timing-function:var(--pps-ease-out)}96%{opacity:1}to{transform:translate3d(0,-115%,0);opacity:0}}@keyframes pps-pin-a{0%,22%{opacity:0;transform:translate3d(0,-70%,0) scale(1.3);animation-timing-function:cubic-bezier(.3,0,.3,1)}25.5%{opacity:1;transform:translate3d(0,3%,0) scale(.97);animation-timing-function:ease-out}27%,55%{opacity:1;transform:translateZ(0) scale(1)}57%,to{opacity:0;transform:translate3d(0,-70%,0) scale(1.3)}}@keyframes pps-pin-b{0%,70%{opacity:0;transform:translate3d(0,-70%,0) scale(1.3);animation-timing-function:cubic-bezier(.3,0,.3,1)}73.5%{opacity:1;transform:translate3d(0,3%,0) scale(.97);animation-timing-function:ease-out}75%,99.4%{opacity:1;transform:translateZ(0) scale(1)}to{opacity:0;transform:translate3d(0,-70%,0) scale(1.3)}}@keyframes pps-mood-a{0%,4%{opacity:.38}9%,50%{opacity:1}55%,to{opacity:.38}}@keyframes pps-mood-b{0%,54%{opacity:.38}59%,95%{opacity:1}99%,to{opacity:.38}}@media(prefers-reduced-motion:reduce){.pps.is-armed .pps__pad,.pps.is-armed .pps__pin,.pps.is-armed .pps__mood{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/troav-pad-swap.css.map */
