@property --p3d-rx{syntax: "<angle>"; inherits: true; initial-value: 0deg;}@property --p3d-ry{syntax: "<angle>"; inherits: true; initial-value: 0deg;}@property --p3d-tip{syntax: "<angle>"; inherits: true; initial-value: 0deg;}@property --p3d-turn{syntax: "<angle>"; inherits: true; initial-value: 0deg;}@property --p3d-face{syntax: "<number>"; inherits: true; initial-value: 1;}.p3d{--w: var(--otf-phone-w, 280px);--h: calc(var(--w) * 2.0965);--d: calc(var(--w) * .108);--r: calc(var(--w) * .168);--rim: calc(var(--w) * .0085);--bezel: calc(var(--w) * .0245);--sr: calc(var(--r) - var(--rim) - var(--bezel));--nub: max(1.5px, calc(var(--w) * .0075));--arc-w: calc(2 * (var(--r) + .4px) * var(--arc-t, .4142) + 1px);--antenna-w: max(1px, calc(var(--w) * .007));--ti-hi: #f1e5d4;--ti: #c2ad96;--ti-mid: #a08b76;--ti-lo: #6f5e4e;--ti-dk: #40352b;--antenna: rgba(78, 66, 55, .62);--back-hi: #d8c6ae;--back: #c6b199;--back-lo: #b19b83;--band: var(--ti-dk), var(--ti-lo) 9%, var(--ti-mid) 24%, var(--ti) 52%, var(--ti-hi) 82%, var(--ti) 93%, var(--ti-lo);--lx: .35;--ly: -.35;--lz: .87;--yc: 1;--ys: 0;--p3d-spring: cubic-bezier(.2, .9, .3, 1);--p3d-enter: 1.6s;position:relative;flex:none;width:var(--w);height:var(--h);perspective:calc(var(--w) * 6.5);perspective-origin:50% 44%}@supports (width: calc(1px*cos(0deg))){.p3d{--p3d-pitch: calc(var(--p3d-rx) + var(--p3d-tip));--p3d-yaw: calc(var(--p3d-ry) + var(--p3d-turn));--p3d-lz1: calc(.35*sin(var(--p3d-pitch)) + .87*cos(var(--p3d-pitch))) ;--lx: calc(.35 * cos(var(--p3d-yaw)) - var(--p3d-lz1) * sin(var(--p3d-yaw)));--ly: calc(.87*sin(var(--p3d-pitch)) - (.35*cos(var(--p3d-pitch)))) ;--lz: calc(.35 * sin(var(--p3d-yaw)) + var(--p3d-lz1) * cos(var(--p3d-yaw)));--yc: cos(var(--p3d-yaw));--ys: sin(var(--p3d-yaw))}}@supports (transition-timing-function: linear(0,1)){.p3d{--p3d-spring: linear(0, .0008 .6%, .0068 1.9%, .0233 3.6%, .0541 5.7%, .101 8.1%, .1636 10.9%, .2397 13.9%, .3258 17.2%, .4175 20.8%, .5103 24.6%, .6001 28.7%, .6833 33%, .7574 37.5%, .8209 42.2%, .8733 47.1%, .9148 52.3%, .9463 57.6%, .9692 63.1%, .9849 68.8%, .995 74.7%, 1.0009 80.8%, 1.0039 87%, 1.0049 93.4%, 1)}}.p3d.is-black{--ti-hi: #9a948d;--ti: #5f5a54;--ti-mid: #4b4743;--ti-lo: #302d2a;--ti-dk: #1b1a18;--antenna: rgba(14, 13, 12, .6);--back-hi: #55524e;--back: #3f3c39;--back-lo: #2e2c2a}.p3d.is-natural{--ti-hi: #f0eeea;--ti: #bdb9b2;--ti-mid: #9e9a93;--ti-lo: #6d6a65;--ti-dk: #42403c;--antenna: rgba(70, 68, 64, .55);--back-hi: #d6d3cd;--back: #c2beb7;--back-lo: #aaa69f}.p3d-rotor,.p3d-body,.p3d-frame{position:absolute;inset:0;transform-style:preserve-3d}.p3d-body{transform:translateZ(0) rotateX(var(--p3d-rx)) rotateY(var(--p3d-ry)) scale(1)}.p3d.is-moving .p3d-rotor{will-change:transform}.p3d-shade,.p3d-arc:after,.p3d-key:after{content:"";position:absolute;inset:0;border-radius:inherit;background:#120d09;opacity:clamp(.02,calc(.5 - .62 * var(--f, 0)),.72);pointer-events:none}.p3d-arc{--f: calc(var(--nx) * var(--lx) + var(--ny) * var(--ly));position:absolute;left:calc(50% - var(--arc-w) / 2);top:calc(50% - var(--d) / 2 - .5px);width:var(--arc-w);height:calc(var(--d) + 1px);background:linear-gradient(0deg,var(--band));backface-visibility:hidden;transform:translate3d(calc(var(--qx) * (var(--w) / 2 - var(--r))),calc(var(--qy) * (var(--h) / 2 - var(--r))),0) rotate(var(--a)) translate3d(0,calc(var(--r) + .4px),0) rotateX(-90deg)}.p3d-side{position:absolute;backface-visibility:hidden}.p3d-side.is-left,.p3d-side.is-right{top:var(--r);left:calc(50% - var(--d) / 2 - .5px);width:calc(var(--d) + 1px);height:calc(var(--h) - 2 * var(--r));transform-style:preserve-3d}.p3d-side.is-top,.p3d-side.is-bottom{top:calc(50% - var(--d) / 2 - .5px);left:var(--r);width:calc(var(--w) - 2 * var(--r));height:calc(var(--d) + 1px)}.p3d-side.is-left{--f: calc(-1 * var(--lx));background:linear-gradient(90deg,var(--band));transform:rotateY(-90deg) translateZ(calc(var(--w) / 2 + .4px))}.p3d-side.is-right{--f: var(--lx);background:linear-gradient(270deg,var(--band));transform:rotateY(90deg) translateZ(calc(var(--w) / 2 + .4px))}.p3d-side.is-top{--f: calc(-1 * var(--ly));background:linear-gradient(180deg,var(--band));transform:rotateX(90deg) translateZ(calc(var(--h) / 2 + .4px))}.p3d-side.is-bottom{--f: var(--ly);--screw: calc(var(--w) * .083);display:flex;align-items:center;justify-content:center;gap:calc(var(--w) * .036);background:radial-gradient(circle at calc(50% - var(--screw)) 50%,#4b4037 0 calc(var(--w) * .0055),rgba(75,64,55,.4) calc(var(--w) * .0068),transparent calc(var(--w) * .008)),radial-gradient(circle at calc(50% + var(--screw)) 50%,#4b4037 0 calc(var(--w) * .0055),rgba(75,64,55,.4) calc(var(--w) * .0068),transparent calc(var(--w) * .008)),linear-gradient(0deg,var(--band));transform:rotateX(-90deg) translateZ(calc(var(--h) / 2 + .4px))}.p3d-side:before{content:"";position:absolute;inset:0;pointer-events:none}.p3d-side.is-left:before,.p3d-side.is-right:before{background:linear-gradient(var(--antenna),var(--antenna)) 0 3% / 100% var(--antenna-w) no-repeat,linear-gradient(var(--antenna),var(--antenna)) 0 97% / 100% var(--antenna-w) no-repeat}.p3d-side.is-top:before,.p3d-side.is-bottom:before{background:linear-gradient(90deg,var(--antenna),var(--antenna)) 7% 0 / var(--antenna-w) 100% no-repeat,linear-gradient(90deg,var(--antenna),var(--antenna)) 93% 0 / var(--antenna-w) 100% no-repeat}.p3d-key{position:absolute;left:30%;width:40%;border-radius:999px;background:linear-gradient(90deg,var(--ti-lo),var(--ti-hi) 42%,var(--ti) 70%,var(--ti-lo));box-shadow:0 0 0 .5px #28201a80;backface-visibility:hidden;transform:translateZ(var(--nub))}.p3d-key.is-action{top:calc(var(--h) * .175 - var(--r));height:calc(var(--h) * .046)}.p3d-key.is-vol-up{top:calc(var(--h) * .25 - var(--r));height:calc(var(--h) * .075)}.p3d-key.is-vol-down{top:calc(var(--h) * .34 - var(--r));height:calc(var(--h) * .075)}.p3d-key.is-side{top:calc(var(--h) * .27 - var(--r));height:calc(var(--h) * .12)}.p3d-key.is-camera{top:calc(var(--h) * .58 - var(--r));left:24%;width:52%;height:calc(var(--h) * .07);border-radius:calc(var(--d) * .12);background:linear-gradient(90deg,transparent 30%,rgba(255,255,255,.14) 46%,transparent 60%),linear-gradient(180deg,#4b4038,#231d19 45%,#3a312a);box-shadow:0 0 0 1px var(--ti-hi),0 0 0 1.5px #28201a80}.p3d-keyline{position:absolute;top:0;width:var(--nub);height:100%;background-repeat:no-repeat;transform:translateZ(0)}.p3d-keyline.is-left{right:calc(100% + .4px);background-image:linear-gradient(90deg,var(--ti-lo),var(--ti)),linear-gradient(90deg,var(--ti-lo),var(--ti)),linear-gradient(90deg,var(--ti-lo),var(--ti));background-size:100% calc(var(--h) * .046),100% calc(var(--h) * .075),100% calc(var(--h) * .075);background-position:0 calc(var(--h) * .175),0 calc(var(--h) * .25),0 calc(var(--h) * .34)}.p3d-keyline.is-right{left:calc(100% + .4px);background-image:linear-gradient(270deg,var(--ti-lo),var(--ti)),linear-gradient(270deg,#2a2420,#4d4238);background-size:100% calc(var(--h) * .12),70% calc(var(--h) * .07);background-position:0 calc(var(--h) * .27),0 calc(var(--h) * .58)}.p3d-port{position:relative;flex:none;width:calc(var(--w) * .115);height:34%;border-radius:999px;background:linear-gradient(#0e0b09,#2c251f);box-shadow:inset 0 0 0 max(.5px,calc(var(--w) * .002)) #0000008c,0 0 0 max(.5px,calc(var(--w) * .0018)) #fff5e62e}.p3d-port:after{content:"";position:absolute;top:40%;left:20%;right:20%;height:20%;border-radius:999px;background:#4a3f36}.p3d-grille{flex:none;width:calc(var(--w) * .156);height:max(1.5px,calc(var(--w) * .0135));background:radial-gradient(circle closest-side,#120e0b 0 58%,rgba(18,14,11,.45) 76%,transparent 86%) 0 50% / calc(var(--w) * .026) 100% repeat-x}.p3d-mic{position:absolute;top:50%;left:62%;width:max(1.5px,calc(var(--w) * .011));aspect-ratio:1;border-radius:50%;background:radial-gradient(circle closest-side,#120e0b 0 60%,rgba(18,14,11,.4) 85%,transparent);transform:translate(-50%,-50%)}.p3d-front,.p3d-back{position:absolute;inset:0;padding:var(--rim);border-radius:var(--r);backface-visibility:hidden}.p3d-front{background:linear-gradient(145deg,var(--ti-hi),var(--ti) 22%,var(--ti-lo) 56%,var(--ti) 84%,var(--ti-hi));transform:translateZ(calc(var(--d) / 2))}.p3d-glass{position:relative;height:100%;padding:var(--bezel);overflow:hidden;border-radius:calc(var(--r) - var(--rim));background:#050505;box-shadow:inset 0 0 0 max(.5px,calc(var(--w) * .0022)) #ffffff1a,0 0 0 max(.5px,calc(var(--w) * .0018)) #0000008c}.p3d-screen{position:relative;height:100%;overflow:hidden;border-radius:var(--sr);background:#15110f}.p3d-screen>img,.p3d-shot,.p3d-shot>img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}.p3d-glass:before{content:"";position:absolute;z-index:1;top:calc(var(--bezel) * .32);left:50%;width:calc(var(--w) * .17);height:max(1px,calc(var(--w) * .0055));margin-left:calc(var(--w) * -.085);border-radius:999px;background:#3a3632d9;pointer-events:none}.p3d-island{position:absolute;z-index:1;top:calc(var(--bezel) + var(--w) * .03);left:50%;width:calc(var(--w) * .305);height:calc(var(--w) * .088);margin-left:calc(var(--w) * -.1525);border-radius:999px;background:#000}.p3d-island:after{content:"";position:absolute;top:50%;right:17%;width:22%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 34% 30%,rgba(190,210,255,.55) 0 8%,transparent 16%),radial-gradient(circle at 50% 50%,#263042,#0b0e13 52%,#000 70%);transform:translateY(-50%)}.p3d-glass:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(162deg,rgba(255,255,255,.09),transparent 26%);pointer-events:none}.p3d-sheen{position:absolute;top:-20%;left:0;width:100%;height:140%;background:linear-gradient(100deg,transparent 22%,rgba(255,255,255,.05) 36%,rgba(255,255,255,.14) 48%,rgba(255,255,255,.045) 60%,transparent 74%);opacity:min(1,calc(.45 + 1.8*max(var(--lx) - .35,.35 - var(--lx))));pointer-events:none;backface-visibility:hidden;will-change:transform;transform:translate3d(calc((var(--lx) - .35) * 130%),calc((var(--ly) + .35) * 57%),0)}.p3d-back{background:linear-gradient(215deg,var(--ti-hi),var(--ti) 22%,var(--ti-lo) 56%,var(--ti) 84%,var(--ti-hi));transform:translateZ(calc(var(--d) / -2)) rotateY(180deg)}.p3d-back-glass{position:relative;display:block;height:100%;overflow:hidden;border-radius:calc(var(--r) - var(--rim));background:radial-gradient(90% 55% at 22% 6%,rgba(255,255,255,.2),transparent 70%),linear-gradient(168deg,var(--back-hi) 0%,var(--back) 44%,var(--back-lo) 100%);box-shadow:inset 0 0 0 1px #ffffff38}.p3d-plateau{position:absolute;top:calc(var(--w) * .032);left:calc(var(--w) * .032);width:calc(var(--w) * .47);height:calc(var(--w) * .47);border-radius:calc(var(--w) * .125);background:radial-gradient(120% 90% at 18% 10%,rgba(255,255,255,.4),transparent 55%),linear-gradient(150deg,var(--back-hi),var(--back) 55%,var(--back-lo));box-shadow:inset 0 0 0 1px #ffffff73,inset 0 calc(var(--w) * -.006) calc(var(--w) * .012) #3c2c1e40,0 calc(var(--w) * .008) calc(var(--w) * .02) #3c2c1e59}.p3d-lens{position:absolute;width:44%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 31%,rgba(255,255,255,.9) 0 2.2%,rgba(255,255,255,.25) 3.6%,transparent 5.5%),radial-gradient(circle at 62% 66%,rgba(255,255,255,.35) 0 1.4%,transparent 3.2%),radial-gradient(circle at 42% 40%,rgba(150,120,255,.28) 0 10%,rgba(80,200,170,.12) 18%,transparent 30%),radial-gradient(circle closest-side,#04060a 0 14%,#1b2232 19%,#07090e 25%,#1a2130 33%,#090b10 40% 55%,#000 61%,#1d1915 64%,transparent 66%),radial-gradient(circle closest-side,transparent 0 74%,rgba(0,0,0,.35) 76%,transparent 80%),conic-gradient(from 210deg,var(--ti-hi),var(--ti-lo) 18%,var(--ti) 34%,var(--ti-hi) 50%,var(--ti-lo) 68%,var(--ti) 84%,var(--ti-hi));box-shadow:0 0 0 max(.5px,calc(var(--w) * .0018)) #281e1459,0 calc(var(--w) * .005) calc(var(--w) * .012) #1e140c73}.p3d-lens.is-1{top:5%;left:5%}.p3d-lens.is-2{top:51%;left:5%}.p3d-lens.is-3{top:28%;left:51%}.p3d-flash,.p3d-lidar,.p3d-back-mic{position:absolute;border-radius:50%}.p3d-flash{top:8%;right:11%;width:13%;aspect-ratio:1;background:repeating-radial-gradient(circle,rgba(205,183,150,.35) 0 6%,transparent 6% 14%),radial-gradient(circle closest-side,#fffbef 0 35%,#f0dfb9 52%,#cdb796 72%,var(--ti-lo) 100%)}.p3d-lidar{bottom:8%;right:11%;width:13%;aspect-ratio:1;background:radial-gradient(circle at 38% 34%,rgba(255,255,255,.4) 0 6%,transparent 14%),radial-gradient(circle closest-side,#3b2f3f 0 30%,#120e14 55%,#2d2520 80%,var(--ti-lo) 100%)}.p3d-back-mic{top:76%;right:34%;width:3.5%;aspect-ratio:1;background:#3a2f26}.p3d-back-sheen{position:absolute;top:-20%;bottom:-20%;left:-70%;width:240%;background:linear-gradient(80deg,transparent 38%,rgba(255,255,255,.16) 48%,transparent 58%);opacity:0;pointer-events:none;backface-visibility:hidden}.p3d-shadow{position:absolute;top:calc(100% - var(--w) * .07);left:50%;width:calc(var(--w) * .92);height:calc(var(--w) * .17);margin-left:calc(var(--w) * -.46);border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.62),rgba(0,0,0,.3) 48%,transparent);pointer-events:none;transform:translate(calc(var(--ys) * 17%)) scaleX(calc(.06 + .88*max(var(--yc),-1 * var(--yc)) + .16*max(var(--ys),-1 * var(--ys))))}.p3d.is-hero{--otf-phone-w: clamp(256px, 24vw, 312px);--p3d-rx: 3deg;--p3d-ry: -12deg}.p3d .otf-phone{width:auto;height:100%;aspect-ratio:auto;padding:0;border:0;border-radius:inherit;background:none;box-shadow:none}.p3d .otf-phone:before,.p3d .otf-phone:after{content:none}.p3d .otf-phone-screen{border-radius:var(--sr)}@media(prefers-reduced-motion:no-preference){.p3d.is-hero:not(.is-entered){animation:p3dLightIn var(--p3d-enter) var(--p3d-spring) var(--p3d-enter-delay, .12s) backwards}.p3d.is-hero:not(.is-entered) .p3d-body{animation:p3dTurnIn var(--p3d-enter) var(--p3d-spring) var(--p3d-enter-delay, .12s) backwards}.p3d.is-hero:not(.is-entered) .p3d-back-sheen{animation:p3dBackSheen calc(var(--p3d-enter) * .5) ease-out var(--p3d-enter-delay, .12s) backwards}}@keyframes p3dTurnIn{0%{transform:translate3d(0,5%,0) rotateX(9deg) rotateY(168deg) scale(.93)}}@keyframes p3dLightIn{0%{--p3d-tip: 6deg;--p3d-turn: 180deg}}@keyframes p3dBackSheen{0%{transform:translate3d(-30%,0,0);opacity:.9}to{transform:translate3d(40%,0,0);opacity:0}}.otf-tour-phone{display:grid;place-items:center;width:var(--otf-phone-w);height:calc(var(--otf-phone-w) * 2.0965)}.otf-tour-device-row{display:none;pointer-events:none}.otf-tour-track.is-live .otf-tour-device-row{display:grid}@media(min-width:901px){.otf-tour-track:not(.is-live){--otf-phone-w: clamp(230px, 21vw, 300px)}}.otf-tour-track.is-live .p3d.is-static{display:none}.p3d.is-static .p3d-side{transform-style:flat}.p3d.is-static .p3d-key:after{content:none}.p3d-shot{opacity:0;transition:opacity .46s ease}.p3d-shot.is-on{opacity:1}.p3d.is-moving .p3d-shot{will-change:opacity}.otf-fan-stage .p3d{transform-origin:50% 90%}.otf-fan-stage .p3d.is-left{--p3d-rx: 3deg;--p3d-ry: calc(6deg + var(--spread) * 20deg);transform:translate(calc(100% - var(--spread) * 84%)) scale(calc(.93 - var(--spread) * .05))}.otf-fan-stage .p3d.is-center{z-index:1;--p3d-rx: calc(2deg + var(--spread) * 3deg);--p3d-ry: calc(var(--spread) * -4deg);transform:translateY(calc(var(--spread) * -22px))}.otf-fan-stage .p3d.is-right{--p3d-rx: 3deg;--p3d-ry: calc(-6deg - var(--spread) * 20deg);transform:translate(calc(-100% + var(--spread) * 84%)) scale(calc(.93 - var(--spread) * .05))}.otf-hosts-pass-phone .p3d{--p3d-rx: calc(6deg - var(--p, 1) * 3deg);--p3d-ry: calc(30deg - var(--p, 1) * 44deg)}.otf-screen-phone{display:grid;place-items:center}.otf-screen-phone .p3d{--p3d-rx: calc(3deg * var(--p3d-face));--p3d-ry: calc(var(--lean, 10deg) * (1 + (1 - var(--p, 1)) * 1.6) * var(--p3d-face));transition:--p3d-face .7s var(--p3d-spring),translate .42s cubic-bezier(.22,1,.36,1)}.otf-screen:is(:hover,:focus-within) .otf-screen-phone .p3d{--p3d-face: 0;translate:0 -6px}@media(prefers-reduced-motion:no-preference){.p3d.is-demo{animation:p3dDemoLight 1.3s var(--p3d-spring) .18s backwards}.p3d.is-demo .p3d-body{animation:p3dDemoIn 1.3s var(--p3d-spring) .18s backwards}}@keyframes p3dDemoIn{0%{transform:translate3d(0,3%,0) rotateX(7deg) rotateY(-34deg) scale(.96)}}@keyframes p3dDemoLight{0%{--p3d-tip: 7deg;--p3d-turn: -34deg}}.otf-island-device>.p3d{--r: calc(var(--w) * .175);--rim: calc(var(--w) * .014);--bezel: 0px;--h: calc(var(--w) * 2.1413);--p3d-rx: 2deg;--p3d-ry: var(--otf-island-turn, -9deg);margin:calc(var(--w) * -.014)}.otf-island-device .p3d-screen{background:#050505}@media(prefers-reduced-motion:reduce){.otf-screen-phone .p3d{transition:none}}.p3d-pop{--ax: -50%;--ay: -50%;--lift: calc(var(--d) / 2 + var(--w) * var(--z, .14));position:absolute;left:var(--x, 50%);top:var(--y, 50%);box-sizing:border-box;color:#1c1814;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif;font-size:clamp(9px,calc(var(--w) * .041),12.5px);line-height:1.25;text-align:left;pointer-events:none;transform:translate3d(var(--ax),var(--ay),var(--lift))}.p3d.is-tour-device .p3d-pop{transition:transform .9s var(--p3d-spring) calc(.26s + var(--i, 0) * .14s),opacity .32s ease calc(.26s + var(--i, 0) * .14s),visibility 0s}.p3d.is-tour-device .p3d-pop:not(.is-on){opacity:0;visibility:hidden;transform:translate3d(var(--ax),calc(var(--ay) + 14%),calc(var(--d) / 2 + 1px)) scale(.84);transition:transform .28s cubic-bezier(.4,0,1,1),opacity .2s ease,visibility 0s linear .28s}.p3d-pop-text{display:grid;gap:.14em;min-width:0}.p3d-pop-text small{display:flex;justify-content:space-between;gap:.6em;color:#1c181494;font-size:.8em;font-weight:650;letter-spacing:.01em}.p3d-pop-text small em{font-style:normal;font-weight:500}.p3d-pop-text strong{color:#1c1814;font-weight:700}.p3d-pop-text span{color:#1c1814c7;text-wrap:pretty}.p3d-pop-icon,.p3d-pop-badge{display:grid;place-items:center;flex:none}.p3d-pop-badge{width:2.3em;height:2.3em;border-radius:50%;background:#8c1515;color:#fffaf0;font-weight:800}.p3d-pop-items{display:flex;gap:.45em}.p3d-pop-items>span{white-space:nowrap}.p3d-pop-action{white-space:nowrap;font-weight:750}:is(.p3d-pop.is-banner,.p3d-pop.is-card,.p3d-pop.is-arrival,.p3d-pop.is-sprout,.p3d-pop.is-comment){background:#fbf8f2;box-shadow:0 .1em .25em #18100a24,0 1.3em 2.4em -.7em #18100a80}.p3d-pop.is-banner{display:grid;grid-template-columns:2.6em minmax(0,1fr);column-gap:.75em;align-items:center;width:20.5em;padding:.75em .9em;border-radius:1.45em;background:#faf7f1fa}.p3d-pop.is-banner .p3d-pop-icon img{display:block;width:2.6em;height:2.6em;border-radius:.62em}.p3d-pop.is-chips .p3d-pop-items>span{padding:.5em .95em;border-radius:999px;background:#fbf8f2;font-weight:650;box-shadow:0 .1em .25em #18100a24,0 .9em 1.8em -.6em #18100a80}.p3d-pop.is-chips .p3d-pop-items>.is-picked{background:#8c1515;color:#fffaf0}.p3d-pop.is-chips .p3d-pop-items>.is-picked:before{content:"";margin-right:.45em;font:var(--fa-font-solid, normal 900 1em/1 "Font Awesome 6 Free");font-size:.82em}.p3d-pop.is-pin{--ay: -100%}.p3d-pop.is-pin .p3d-pop-icon{width:2.7em;height:2.7em;border:.17em solid #fff;border-radius:50% 50% 50% .2em;background:linear-gradient(135deg,#e0464c,#a3141c);box-shadow:0 1em 1.6em -.5em #3c0a0a99;color:#fff;rotate:-45deg}.p3d-pop.is-pin .p3d-pop-icon i{rotate:45deg;font-size:1em}.p3d-pop.is-pin-shadow{--ay: -50%;width:2.8em;height:.9em;border-radius:50%;background:radial-gradient(closest-side,rgba(20,10,4,.45),transparent)}.p3d-pop.is-card{display:grid;grid-template-columns:2.3em minmax(0,1fr) auto;gap:.7em;align-items:center;width:18.5em;padding:.7em .75em;border-radius:1.3em}.p3d-pop.is-card .p3d-pop-icon{width:2.3em;height:2.3em;border-radius:50%;background:#e5edfc;color:#2463d6}.p3d-pop.is-card .p3d-pop-action{padding:.45em 1em;border-radius:999px;background:#2463d6;color:#fff}.p3d-pop.is-island{--ax: -50%;--ay: 0%;--lift: calc(var(--d) / 2 + .6px);top:calc(var(--rim) + var(--bezel) + var(--w) * .03);left:50%;display:flex;align-items:center;justify-content:space-between;width:calc(var(--w) * .46);height:calc(var(--w) * .088);padding:0 calc(var(--w) * .03);border-radius:999px;background:#000;color:#fffaf0;font-size:max(7.5px,calc(var(--w) * .04));clip-path:inset(0 round 999px)}.p3d-pop.is-island .p3d-pop-icon{color:#e3585d}.p3d.is-tour-device .p3d-pop.is-island{transition:clip-path .76s var(--p3d-spring) .2s}.p3d.is-tour-device .p3d-pop.is-island:not(.is-on){opacity:1;visibility:visible;transform:translate3d(var(--ax),var(--ay),var(--lift));clip-path:inset(0 16.8% round 999px);transition:clip-path .3s ease}.p3d.is-tour-device .p3d-pop.is-island>*{transition:opacity .26s ease .48s}.p3d.is-tour-device .p3d-pop.is-island:not(.is-on)>*{opacity:0;transition:opacity .12s ease}.p3d-pop.is-arrival{display:grid;grid-template-columns:2.3em minmax(0,1fr) auto;gap:.7em;align-items:center;width:16em;padding:.7em .95em .7em .7em;border-radius:1.3em}.p3d-pop.is-arrival .p3d-pop-action{color:#1c1814;font-size:1.45em;font-weight:800;letter-spacing:-.02em}.p3d-pop.is-bubble{width:max-content;max-width:15em;padding:.65em .95em;border-radius:1.25em 1.25em .35em;background:#8c1515;color:#fffaf0;box-shadow:0 1.1em 2.2em -.7em #3c0a0a8c}.p3d-pop.is-bubble .p3d-pop-text strong{color:inherit;font-weight:600}.p3d-pop.is-sprout{display:grid;grid-template-columns:2.4em minmax(0,1fr);gap:.3em .7em;width:17.5em;padding:.8em .9em;border-radius:1.3em}.p3d-pop.is-sprout .p3d-pop-icon{width:2.4em;height:2.4em;border-radius:50%;background:#e2eee5}.p3d-pop.is-sprout .sprout-mascot{--sprout-size: 1.9em !important}.p3d-pop.is-sprout .p3d-pop-text small{color:#214f38;font-weight:800}.p3d-pop.is-sprout .p3d-pop-action{grid-column:2;justify-self:start;margin-top:.3em;padding:.42em 1em;border-radius:999px;background:#214f38;color:#fffaf0}.p3d-pop.is-tabs{padding:.3em;border-radius:999px;background:#1c1814f2;box-shadow:0 1.1em 2.2em -.7em #18100a99}.p3d-pop.is-tabs .p3d-pop-items{gap:.15em}.p3d-pop.is-tabs .p3d-pop-items>span{padding:.5em 1.05em;border-radius:999px;color:#fffaf0bd;font-weight:650}.p3d-pop.is-tabs .p3d-pop-items>.is-picked{background:#fffaf0;color:#1c1814}.p3d-pop.is-comment{display:grid;grid-template-columns:2.1em minmax(0,1fr);gap:.65em;align-items:start;width:14em;padding:.75em .85em;border-radius:1.3em 1.3em 1.3em .35em}.p3d-pop.is-comment .p3d-pop-badge{width:2.1em;height:2.1em;background:#dfc79f;color:#3a2a18}.p3d-pop.is-wallet{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.5em .7em;align-items:end;width:15.5em;padding:.9em;border-radius:1em;background:linear-gradient(160deg,#2b6048,#173f2e);color:#fffaf0;box-shadow:inset 0 0 0 1px #ffffff1f,0 1.4em 2.6em -.8em #000000a6;rotate:-5deg}.p3d-pop.is-wallet .p3d-pop-text{grid-column:1;grid-row:1}.p3d-pop.is-wallet .p3d-pop-text small{color:#fffaf0b3;font-size:.7em;letter-spacing:.08em;text-transform:uppercase}.p3d-pop.is-wallet .p3d-pop-text strong{color:#fffaf0;font-size:1.06em;line-height:1.15}.p3d-pop.is-wallet .p3d-pop-text span{color:#fffaf0cc;font-size:.86em}.p3d-pop.is-wallet .p3d-pop-icon{grid-column:2;grid-row:1;width:3.1em;height:3.1em;border-radius:.45em;background:#fffaf0;color:#173f2e;font-size:1em}.p3d-pop.is-wallet .p3d-pop-icon i{font-size:2.3em}.p3d-pop.is-wallet .p3d-pop-action{grid-column:1 / -1;display:flex;align-items:center;gap:.45em;padding-top:.6em;border-top:1px solid rgba(255,250,240,.18);font-size:.84em}@media(prefers-reduced-motion:reduce){.p3d-shot,.p3d-pop,.p3d-pop>*{transition:none!important}}
/*# sourceMappingURL=phone3d.css.map */