@layer components{.p3_phone{--_scale:1;--_base:min(12.5rem, 37cqh);--_w:calc(var(--_base) * var(--_scale));--_h:calc(var(--_w) * 2.07);--_d:calc(var(--_w) * .105);--_r:calc(var(--_w) * .185);--_body:#3c3c3d;--_frame:color-mix(in oklab, var(--_body) 72%, #8d8d8f);--_ink:#fff;--_glint:0;--_bh:calc(var(--_w) * .032);--_lh:calc(var(--_w) * .018);width:var(--_w);height:var(--_h);transform-style:preserve-3d;transform:rotateX(var(--_rx,-6deg)) rotateY(var(--_ry,205deg));transition:transform .8s cubic-bezier(.2, .7, .2, 1), width .5s var(--hover-ease), height .5s var(--hover-ease);position:relative}.p3_phone[data-tone=light]{--_ink:#1a1a1a}.p3_phone[data-thin="1"]{--_d:calc(var(--_w) * .075)}.is-dragging .p3_phone{transition:width .5s var(--hover-ease), height .5s var(--hover-ease)}.p3_slice{border-radius:var(--_r);transform:translateZ(calc(var(--_z) * var(--_d)));background:color-mix(in oklab, #fff calc(var(--_hl) * 42%), color-mix(in oklab, var(--_frame) 88%, #000));position:absolute;inset:0}.p3_side{background:linear-gradient(90deg, color-mix(in oklab, var(--_frame) 70%, #000), color-mix(in oklab, var(--_frame) 55%, #fff) 50%, color-mix(in oklab, var(--_frame) 70%, #000));display:block;position:absolute}.s-left,.s-right{top:var(--_r);width:var(--_d);height:calc(var(--_h) - 2 * var(--_r));transform:rotateY(90deg)}.s-left{left:calc(var(--_d) / -2)}.s-right{left:calc(var(--_w) - var(--_d) / 2)}.s-top,.s-bottom{left:var(--_r);width:calc(var(--_w) - 2 * var(--_r));height:var(--_d);background:linear-gradient(180deg, color-mix(in oklab, var(--_frame) 70%, #000), color-mix(in oklab, var(--_frame) 55%, #fff) 50%, color-mix(in oklab, var(--_frame) 70%, #000));transform:rotateX(90deg)}.s-top{top:calc(var(--_d) / -2)}.s-bottom{top:calc(var(--_h) - var(--_d) / 2)}.p3_corner{--_seg:calc(var(--_r) * .32);width:var(--_d);height:var(--_seg);left:calc(var(--_r) + var(--_cx) * (var(--_w) - 2 * var(--_r)) - var(--_d) / 2);top:calc(var(--_r) + var(--_cy) * (var(--_h) - 2 * var(--_r)) - var(--_seg) / 2);transform:rotateZ(var(--_a)) translateX(var(--_r)) rotateY(90deg);background:linear-gradient(90deg, color-mix(in oklab, var(--_frame) 70%, #000), color-mix(in oklab, var(--_frame) 55%, #fff) 50%, color-mix(in oklab, var(--_frame) 70%, #000));display:block;position:absolute}.p3_btn{width:calc(var(--_d) * .42);background:linear-gradient(90deg, color-mix(in oklab, var(--_frame) 70%, #000), color-mix(in oklab, var(--_frame) 60%, #fff) 50%, color-mix(in oklab, var(--_frame) 70%, #000));transform-origin:50%;border-radius:.2rem;display:block;position:absolute}.b-mute,.b-volup,.b-voldown{left:calc(var(--_d) * -.21 - 1.5px);transform:rotateY(90deg)}.b-power,.b-camctrl{right:calc(var(--_d) * -.21 - 1.5px);transform:rotateY(90deg)}.b-mute{height:4%;top:18%}.b-volup{height:7.5%;top:25.5%}.b-voldown{height:7.5%;top:35%}.b-power{height:11%;top:26%}.b-camctrl{height:6%;display:none;top:60%}[data-buttons~=camctrl] .b-camctrl{background:linear-gradient(90deg, #1b1b1d, color-mix(in oklab, var(--_frame) 40%, #555) 50%, #1b1b1d);display:block}.p3_face{border-radius:var(--_r);backface-visibility:hidden;position:absolute;inset:0;overflow:hidden}.p3_back{transform:rotateY(180deg) translateZ(calc(var(--_d) / 2 + .5px));background:radial-gradient(120% 70% at 20% 10%, color-mix(in oklab, var(--_body) 70%, #fff) 0%, transparent 55%), linear-gradient(165deg, color-mix(in oklab, var(--_body) 92%, #fff), var(--_body) 45%, color-mix(in oklab, var(--_body) 86%, #000));box-shadow:inset 0 0 0 calc(var(--_w) * .012) color-mix(in oklab, var(--_frame) 80%, #000), inset 0 0 0 calc(var(--_w) * .02) color-mix(in oklab, var(--_frame) 55%, #fff)}.p3_back:after{content:"";opacity:.22;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.4' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}[data-finish=gloss] :is(.p3_back:after){opacity:.06}[data-camera=plateau3] .p3_back{background:linear-gradient(110deg, #ffffff29, transparent 35% 65%, #0000001a), var(--_alu);box-shadow:inset 0 0 0 calc(var(--_w) * .01) color-mix(in oklab, var(--_alu) 78%, #000), inset 0 0 0 calc(var(--_w) * .016) color-mix(in oklab, var(--_alu) 75%, #fff)}.p3_sheen{z-index:2;pointer-events:none;translate:calc(var(--_glint) * 1%) 0;background:linear-gradient(105deg,#0000 38%,#ffffff1a 45%,#ffffff52 50%,#ffffff1a 55%,#0000 62%);animation:7s ease-in-out infinite alternate p3-glint;position:absolute;inset:-20% -60%}[data-finish=matte] .p3_sheen{opacity:.55}[data-camera=plateau3] .p3_sheen{opacity:.25}@media (prefers-reduced-motion:reduce){.p3_sheen{animation:none}}@keyframes p3-glint{0%{transform:translate(-18%)}to{transform:translate(18%)}}.p3_apple{width:21%;fill:color-mix(in oklab, var(--_body) 78%, var(--_ink));filter:drop-shadow(0 1px #ffffff1f)drop-shadow(0 -1px #0000002e);position:absolute;top:44%;left:50%;translate:-50% -50%}[data-finish=gloss] .p3_apple{fill:color-mix(in oklab, var(--_frame) 55%, #fff)}[data-camera=plateau3] .p3_apple{fill:color-mix(in oklab, var(--_pane) 96%, #000);filter:drop-shadow(0 .5px #ffffff2e);top:62%}[data-camera=plateau1] .p3_apple{top:50%}.p3_panel{top:calc(var(--_w) * .645);right:calc(var(--_w) * .05);bottom:calc(var(--_w) * .05);left:calc(var(--_w) * .05);border-radius:calc(var(--_w) * .06) calc(var(--_w) * .06) calc(var(--_r) - var(--_w) * .05) calc(var(--_r) - var(--_w) * .05);background:linear-gradient(172deg, color-mix(in oklab, var(--_pane) 94%, #fff), var(--_pane) 60%, color-mix(in oklab, var(--_pane) 96%, #000));box-shadow:inset 0 1px 1.5px #00000029, 0 0 0 .5px color-mix(in oklab, var(--_alu) 70%, #000);display:none;position:absolute}.p3_panel:before{content:"";top:calc(var(--_w) * -.05);right:calc(var(--_w) * -.05);left:calc(var(--_w) * -.05);height:calc(var(--_w) * .03);background:linear-gradient(#00000038,#0000);position:absolute}[data-camera=plateau3] .p3_panel{display:block}.p3_module{transform-style:preserve-3d;transform:rotateY(180deg) translateZ(calc(var(--_d) / 2 + .6px));pointer-events:none;position:absolute;inset:0}.p3_cam{--_cw:calc(var(--_w) * .42);--_ch:var(--_cw);--_rt:calc(var(--_cw) * .26);--_rb:var(--_rt);--_lw:calc(var(--_cw) * .41);--_side:color-mix(in oklab, var(--_body) 72%, #000);--_rim:#5c5c60;--_rim-hi:#f3f3f3;--_rim-lo:#6d6d70;width:var(--_cw);height:var(--_ch);transform-style:preserve-3d;position:absolute;top:2.6%;left:5%}.p3_cam>span{display:block;position:absolute}.p3_wall{background:linear-gradient(var(--_up), color-mix(in oklab, #fff 40%, var(--_side)) 0 10%, color-mix(in oklab, #fff calc(var(--_hl) * 28%), var(--_side)) 32%)}.w-top,.w-bottom{--_up:0deg;height:var(--_bh);transform:translateZ(calc(var(--_bh) / 2)) rotateX(90deg)}.w-top{top:calc(var(--_bh) / -2);left:var(--_rt);width:calc(100% - 2 * var(--_rt))}.w-bottom{top:calc(100% - var(--_bh) / 2);left:var(--_rb);width:calc(100% - 2 * var(--_rb))}.w-left,.w-right,.w-arc{--_up:90deg;width:var(--_bh)}.w-left,.w-right{top:var(--_rt);height:calc(100% - var(--_rt) - var(--_rb));transform:translateZ(calc(var(--_bh) / 2)) rotateY(90deg)}.w-left{left:calc(var(--_bh) / -2)}.w-right{left:calc(100% - var(--_bh) / 2)}.w-arc{--_cr:var(--_rt);--_seg:calc(var(--_cr) * .34);height:var(--_seg);left:calc(var(--_cr) + var(--_cx) * (100% - 2 * var(--_cr)) - var(--_bh) / 2);top:calc(var(--_cr) + var(--_cy) * (100% - 2 * var(--_cr)) - var(--_seg) / 2);transform:translateZ(calc(var(--_bh) / 2)) rotateZ(var(--_a)) translateX(var(--_cr)) rotateY(90deg)}.w-arc.is-low{--_cr:var(--_rb)}.p3_cam>.p3_tier{display:none}.p3_tier{--_in:calc(var(--_t) * var(--_fr));inset:var(--_in);border-radius:calc(var(--_rt) - var(--_in)) calc(var(--_rt) - var(--_in)) calc(var(--_rb) - var(--_in)) calc(var(--_rb) - var(--_in));transform:translateZ(calc(var(--_k) * var(--_bh)));background:color-mix(in oklab, #fff calc(var(--_hl) * 100%), var(--_alu))}.p3_bump{border-radius:var(--_rt) var(--_rt) var(--_rb) var(--_rb);transform:translateZ(var(--_bh));background:radial-gradient(90% 90% at 25% 15%, color-mix(in oklab, var(--_body) 60%, #fff), transparent 60%), color-mix(in oklab, var(--_body) 94%, #000);inset:0;box-shadow:inset 0 1px 1px #ffffff73,inset 0 -.15rem .35rem #00000038}.p3_lens{width:var(--_lw);height:var(--_lw);transform-style:preserve-3d}.p3_barrel{--_seg:calc(var(--_lw) * .175);width:var(--_lh);height:var(--_seg);left:calc(50% - var(--_lh) / 2);top:calc(50% - var(--_seg) / 2);transform:translateZ(calc(var(--_bh) + var(--_lh) / 2)) rotateZ(var(--_a)) translateX(calc(var(--_lw) / 2 - .75px)) rotateY(90deg);background:color-mix(in oklab, #fff calc(var(--_hl) * 32%), var(--_rim));position:absolute}.p3_glass{transform:translateZ(calc(var(--_bh) + var(--_lh)));background:radial-gradient(circle at 36% 32%, #ffffffd9 0 3%, #fff3 6%, transparent 10%), radial-gradient(circle at 62% 66%, #8c6eff66, transparent 22%), radial-gradient(circle at 50% 50%, #06070a 0 17%, #1d2533 18% 24%, #090a0e 25% 38%, #2a2f3c 39% 41%, #0b0c10 42% 60%, #3b3e46 61% 63%, transparent 64%), conic-gradient(from 210deg, var(--_rim-hi), var(--_rim-lo), color-mix(in oklab, var(--_rim-hi) 88%, #000), color-mix(in oklab, var(--_rim-lo) 78%, #000), var(--_rim-hi), var(--_rim-lo), var(--_rim-hi));border-radius:50%;position:absolute;inset:0;box-shadow:0 0 0 .07rem #00000059}[data-tone=light] .p3_glass{box-shadow:0 0 0 .07rem #0003}.p3_cam>.l3,.p3_cam>.p3_lidar{display:none}.p3_flash,.p3_lidar,.p3_mic{transform:translateZ(calc(var(--_on,1) * var(--_bh) + .6px))}.p3_flash{aspect-ratio:1;background:repeating-radial-gradient(circle,#ffffff80 0 6%,#0000 6% 12%),radial-gradient(circle,#fff8e6,#e8d9b0 55%,#9d927c);border-radius:50%;width:12%;box-shadow:0 0 0 .06rem #00000059}.p3_lidar{aspect-ratio:1;background:radial-gradient(circle at 40% 35%,#3a3c44,#050506 60%);border-radius:50%;width:11%}.p3_mic{aspect-ratio:1;background:#0000008c;border-radius:50%;width:4%}[data-lidar="0"] .p3_cam>.p3_lidar{display:none}[data-camera=dual-v] .l1{top:7%;left:7%}[data-camera=dual-v] .l2{top:52%;left:7%}[data-camera=dual-v] .p3_flash{top:9%;left:72%}[data-camera=dual-v] .p3_mic{top:47%;left:77%}[data-camera=dual-d] .l1{top:7%;left:7%}[data-camera=dual-d] .l2{top:52%;left:52%}[data-camera=dual-d] .p3_flash{top:13%;left:70%}[data-camera=dual-d] .p3_mic{top:70%;left:22%}[data-camera=triple] .p3_cam{--_cw:calc(var(--_w) * .47);--_rt:calc(var(--_cw) * .25);--_lw:calc(var(--_cw) * .42);top:2.2%;left:4.2%}[data-camera=triple] .l1{top:5.5%;left:5.5%}[data-camera=triple] .l2{top:52.5%;left:5.5%}[data-camera=triple] .l3{display:block;top:29%;left:52.5%}[data-camera=triple] .p3_flash{width:11%;top:6.5%;left:73%}[data-camera=triple] .p3_lidar{display:block;top:80%;left:73%}[data-camera=triple] .p3_mic{top:49%;left:48%}[data-camera=pill] .p3_cam{--_cw:calc(var(--_w) * .2);--_ch:calc(var(--_cw) / .48);--_rt:calc(var(--_cw) / 2);--_lw:calc(var(--_cw) * .8);top:2.8%;left:6%}[data-camera=pill] .p3_flash,[data-camera=pill] .p3_mic{--_on:0}[data-camera=pill] .p3_lens{left:10%}[data-camera=pill] .l1{top:5%}[data-camera=pill] .l2{top:56%}[data-camera=pill] .p3_flash{width:30%;top:42%;left:128%}[data-camera=pill] .p3_mic{width:12%;top:6%;left:135%}[data-camera=single] .p3_cam{--_cw:calc(var(--_w) * .21);--_rt:calc(var(--_cw) * .3);--_lw:calc(var(--_cw) * .76);top:3%;left:6%}[data-camera=single] .p3_flash,[data-camera=single] .p3_mic{--_on:0}[data-camera=single] .p3_lens{top:12%;left:12%}[data-camera=single] .l2{display:none}[data-camera=single] .p3_flash{width:26%;top:30%;left:128%}[data-camera=single] .p3_mic{width:10%;top:12%;left:160%}.p3_phone[data-camera=plateau3]{--_alu:color-mix(in oklab, var(--_body) 86%, #000);--_pane:color-mix(in oklab, var(--_body) 72%, #fff);--_frame:var(--_alu);--_lh:calc(var(--_w) * .03)}@supports (color:oklch(from red l c h)){.p3_phone[data-camera=plateau3]{--_alu:oklch(from var(--_body) calc(l - .12) calc(c * 1.02) h);--_pane:oklch(from var(--_body) min(calc(l + .1), .93) calc(c * .92) calc(h + 6))}}[data-camera=plateau3] .p3_cam{--_cw:var(--_w);--_ch:calc(var(--_w) * .595);--_rt:var(--_r);--_rb:calc(var(--_w) * .07);--_fr:calc(var(--_w) * .045);--_lw:calc(var(--_w) * .21);--_side:color-mix(in oklab, var(--_alu) 88%, #000);--_rim:var(--_alu);--_rim-hi:color-mix(in oklab, var(--_alu) 45%, #fff);--_rim-lo:color-mix(in oklab, var(--_alu) 85%, #fff);top:0;left:0}[data-camera=plateau3] .p3_wall{display:none}[data-camera=plateau3] .p3_tier{display:block}[data-camera=plateau3] .p3_bump{inset:var(--_fr);border-radius:calc(var(--_rt) - var(--_fr)) calc(var(--_rt) - var(--_fr)) calc(var(--_rb) - var(--_fr)) calc(var(--_rb) - var(--_fr));background:linear-gradient(165deg, color-mix(in oklab, var(--_alu) 92%, #fff), var(--_alu) 55%, color-mix(in oklab, var(--_alu) 96%, #000));box-shadow:none}[data-camera=plateau3] .p3_glass{background:radial-gradient(circle closest-side at 36% 32%, #ffffff59 0 3%, transparent 9%), radial-gradient(circle closest-side at 60% 64%, #5a6ea02e, transparent 40%), radial-gradient(circle closest-side, #040405 0 40%, #0e0f12 46% 50%, #040405 56% 87%, #111215 88%, transparent 89%), conic-gradient(from 210deg, var(--_rim-hi), var(--_rim-lo), color-mix(in oklab, var(--_rim-hi) 90%, #000), var(--_rim-lo), var(--_rim-hi), var(--_rim-lo), var(--_rim-hi));box-shadow:none}[data-camera=plateau3] .l1{top:calc(var(--_w) * .078);left:calc(var(--_w) * .075)}[data-camera=plateau3] .l2{top:calc(var(--_w) * .331);left:calc(var(--_w) * .074)}[data-camera=plateau3] .l3{top:calc(var(--_w) * .205);left:calc(var(--_w) * .31);display:block}[data-camera=plateau3] .p3_flash{width:calc(var(--_w) * .088);top:calc(var(--_w) * .13);left:calc(var(--_w) * .789);background:radial-gradient(circle closest-side,#ededef 0 35%,#cfcfd3 52%,#b3b3b8 72%,#85858b 100%);box-shadow:0 0 0 .05rem #0000004d}[data-camera=plateau3] .p3_mic{width:calc(var(--_w) * .016);top:calc(var(--_w) * .299);left:calc(var(--_w) * .824)}[data-camera=plateau3] .p3_lidar{width:calc(var(--_w) * .087);top:calc(var(--_w) * .3985);left:calc(var(--_w) * .7885);display:block}[data-camera=plateau1] .p3_cam{--_cw:calc(var(--_w) * .906);--_ch:calc(var(--_w) * .375);--_rt:calc(var(--_w) * .135);--_rb:calc(var(--_w) * .08);--_lw:calc(var(--_w) * .213);--_side:color-mix(in oklab, var(--_body) 80%, #000);--_rim:#2c2c2e;--_rim-hi:#cfcfd2;--_rim-lo:#3a3a3d;top:calc(var(--_w) * .045);left:calc(var(--_w) * .047)}[data-camera=plateau1] .p3_bump{background:linear-gradient(180deg, color-mix(in oklab, var(--_body) 88%, #fff), var(--_body) 60%, color-mix(in oklab, var(--_body) 92%, #000))}[data-camera=plateau1] .l1{top:calc(var(--_w) * .081);left:calc(var(--_w) * .057)}[data-camera=plateau1] .l2{display:none}[data-camera=plateau1] .p3_mic{width:calc(var(--_w) * .022);top:calc(var(--_w) * .1765);left:calc(var(--_w) * .63)}[data-camera=plateau1] .p3_flash{width:calc(var(--_w) * .08);top:calc(var(--_w) * .1475);left:calc(var(--_w) * .697)}.p3_front{transform:translateZ(calc(var(--_d) / 2 + .5px));padding:calc(var(--_w) * .032);box-shadow:inset 0 0 0 calc(var(--_w) * .01) color-mix(in oklab, var(--_frame) 70%, #fff);background:#030303}.p3_screen{border-radius:calc(var(--_r) * .84);color:#fff;background:radial-gradient(90% 55% at 50% 72%, color-mix(in oklab, var(--_body) 55%, #c79f4c), transparent 70%), radial-gradient(80% 50% at 50% 0%, color-mix(in oklab, var(--_body) 40%, #1a1712), transparent 70%), linear-gradient(175deg, #15130f, #050505);height:100%;position:relative;overflow:hidden;container-type:inline-size}.p3_cutout{z-index:2;background:#000;border-radius:999px;width:33%;height:3.7%;position:absolute;top:2.2%;left:50%;translate:-50%;box-shadow:inset 0 0 0 1px #ffffff0a}[data-front=notch] .p3_cutout{border-radius:0 0 1.2rem 1.2rem;width:50%;height:4.6%;top:0}.p3_status{top:3%;justify-content:space-between;align-items:center;font-size:5cqw;font-weight:600;display:flex;position:absolute;inset-inline:7%}.p3_icons{align-items:center;gap:1.5cqw;display:flex}.p3_bars{align-items:flex-end;gap:.6cqw;height:3.6cqw;display:flex}.p3_bars i{background:#fff;border-radius:.3cqw;width:1.1cqw}.p3_bars i:first-child{height:35%}.p3_bars i:nth-child(2){height:55%}.p3_bars i:nth-child(3){height:78%}.p3_bars i:nth-child(4){height:100%}.p3_batt{border:.4cqw solid #ffffff8c;border-radius:1cqw;width:7.5cqw;height:3.6cqw;padding:.5cqw;position:relative}.p3_batt i{background:#fff;border-radius:.5cqw;width:80%;height:100%;display:block}.p3_date{top:13%;text-align:center;color:#ffffffd9;font-size:5.2cqw;font-weight:600;position:absolute;inset-inline:0}.p3_clock{top:16%;text-align:center;font-family:var(--display-family);letter-spacing:-.04em;color:#fffffff2;font-size:27cqw;font-weight:600;line-height:1;position:absolute;inset-inline:0}.p3_crown{fill:#e9d6a2;filter:drop-shadow(0 .4rem .8rem #00000073);width:34%;position:absolute;top:56%;left:50%;translate:-50%}.p3_brand{top:69%;text-align:center;font-family:var(--font-montserrat,sans-serif);letter-spacing:.08em;text-transform:uppercase;color:#e9d6a2;font-size:5.2cqw;font-weight:600;position:absolute;inset-inline:0}.p3_quick{aspect-ratio:1;background:#ffffff29;border-radius:50%;place-items:center;width:13cqw;display:grid;position:absolute;bottom:5.5%}.p3_quick.q-left{left:11%}.p3_quick.q-right{right:11%}.p3_quick svg{fill:none;stroke:#fff;stroke-width:1.8px;stroke-linejoin:round;width:45%}.p3_home{background:#fff;border-radius:999px;width:36%;height:.7%;position:absolute;bottom:1.6%;left:50%;translate:-50%}.p3_glare{border-radius:var(--_r);pointer-events:none;background:linear-gradient(125deg,#ffffff21 0%,#ffffff08 32%,#0000 33%);position:absolute;inset:0}.cfg_wrap{gap:var(--space-7) var(--site-gutter);grid-template-columns:minmax(0,1fr);align-items:start;width:100%;display:grid}@media (min-width:60rem){.cfg_wrap{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.cfg_stage{align-items:center;gap:var(--space-4);padding:var(--space-6) var(--space-4);background:radial-gradient(55% 45% at 50% 42%, color-mix(in srgb, var(--gold-500) 22%, transparent), transparent 70%), var(--ink-950);color:var(--light-100);border-radius:1.75rem;flex-direction:column;display:flex}@media (min-width:60rem){.cfg_stage{position:sticky;top:6rem}}.cfg_scene{perspective:1600px;cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;place-items:center;width:100%;height:clamp(26rem,105vw,34rem);display:grid;position:relative;container-type:size}.cfg_scene.is-dragging{cursor:grabbing}.cfg_floor{filter:blur(6px);pointer-events:none;background:radial-gradient(closest-side,#000000bf,#00000059 55%,#0000);width:46%;height:7%;position:absolute;bottom:3%;left:50%;translate:-50%}.cfg_sway{transform-style:preserve-3d;animation:7s ease-in-out infinite alternate cfg-sway}.is-dragging .cfg_sway{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.cfg_sway{animation:none}}@keyframes cfg-sway{0%{transform:rotateY(-14deg)}to{transform:rotateY(14deg)}}.cfg_caption{text-align:center;flex-direction:column;align-items:center;gap:.2rem;margin:0;display:flex}.cfg_caption strong{font-family:var(--display-family);font-size:var(--h5);letter-spacing:-.02em;font-weight:700}.cfg_caption span{font-size:var(--text-small);color:#ffffffa6}.cfg_turn{justify-content:center;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.cfg_turn button{font-size:var(--text-small);font-weight:var(--primary-semibold);color:#fff;border:var(--border-width) solid #ffffff40;border-radius:var(--radius-round);cursor:pointer;background:0 0;padding:.45em 1em}.cfg_turn button.is-on{color:var(--ink-950);background-color:var(--gold-400);border-color:var(--gold-400)}.cfg_hint{color:#ffffff80;font-size:.75rem}.cfg_panel{gap:var(--space-5);flex-direction:column;display:flex}.cfg_selects{gap:var(--space-3);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.cfg_select{gap:var(--space-2);flex-direction:column;display:flex}.cfg_select>span{font-size:var(--text-small);font-weight:var(--primary-semibold)}.cfg_select select{padding-block:.85em;width:100%;font-family:var(--display-family);font-size:var(--text-main);color:var(--text);background-color:var(--background-3);border:var(--border-width) solid var(--border);cursor:pointer;border-radius:1rem;padding-left:1em;font-weight:700}.cfg_group{gap:var(--space-3);border:0;flex-direction:column;margin:0;padding:0;display:flex}.cfg_group legend{margin-bottom:var(--space-3);font-size:var(--text-small);font-weight:var(--primary-semibold);padding:0}.cfg_group legend span{font-weight:var(--primary-regular);color:var(--text-2)}.cfg_swatches,.cfg_chips{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.cfg_swatch{background:var(--_c);border:2px solid var(--background);width:2.4rem;height:2.4rem;box-shadow:0 0 0 1px var(--border), inset 0 -.4rem .6rem #0000001f;cursor:pointer;border-radius:50%;padding:0;position:relative}.cfg_swatch.is-on{box-shadow:0 0 0 2px var(--gold-500), inset 0 -.4rem .6rem #0000001f}.cfg_chip{font-weight:var(--primary-semibold);color:var(--text);background-color:var(--background-3);border:var(--border-width) solid var(--border);border-radius:var(--radius-round);cursor:pointer;align-items:center;gap:.4em;padding:.55em 1em;display:inline-flex;position:relative}.cfg_chip.is-on{color:var(--gold-300);background-color:var(--ink-900);border-color:var(--ink-900)}.cfg_result{gap:var(--space-3);padding:var(--space-5);background-color:var(--background-3);border:var(--border-width) solid var(--border);border-radius:1.25rem;flex-direction:column;display:flex}.cfg_status{font-family:var(--display-family);font-size:var(--h6);align-items:center;gap:.6rem;margin:0;font-weight:700;display:flex}.cfg_led{background-color:var(--battery-good);width:.7rem;height:.7rem;box-shadow:0 0 0 .25rem color-mix(in srgb, var(--battery-good) 25%, transparent);border-radius:50%}.cfg_choice{color:var(--text-2);margin:0}.cfg_choice strong{font-family:var(--display-family);color:var(--text)}.cfg_perks{gap:var(--space-2);flex-wrap:wrap;display:flex}.cfg_perks li{font-size:.8rem;font-weight:var(--primary-semibold);border:var(--border-width) solid var(--border);border-radius:var(--radius-round);align-items:center;gap:.4em;padding:.35em .8em;display:inline-flex}.cfg_perks li:before{content:"";background-color:var(--accent);border-radius:50%;width:.45em;height:.45em}.cfg_note{font-size:var(--text-small);color:var(--text-2);margin:0}.cfg_call{font-family:var(--display-family);font-size:var(--text-large);color:var(--ink-950);background-color:var(--gold-500);border-radius:var(--radius-round);transition:background-color var(--hover-duration) var(--hover-ease);justify-content:center;align-items:center;gap:.6em;padding:1em 1.5em;font-weight:700;text-decoration:none;display:inline-flex}.cfg_call svg{fill:currentColor;width:1.1em;height:1.1em}@media (hover:hover){.cfg_call:hover{background-color:var(--gold-300)}}}