.phone-frame[data-v-c8de4394]{--phone-frame-shadow-near:oklch(0% 0 0/.08);--phone-frame-shadow-mid:oklch(0% 0 0/.18);--phone-frame-shadow-far:oklch(0% 0 0/.22)}.phone-frame__duo-caster[data-v-c8de4394]{background:#000;position:absolute}.phone-frame__duo-body[data-v-c8de4394]{background:linear-gradient(#575757,#4d4d4d 8px calc(100% - 8px),#3f3f3f);position:absolute;overflow:hidden}.phone-frame__duo-face[data-v-c8de4394]{background:linear-gradient(90deg,#0000 calc(100% - 8px),#00000029),linear-gradient(#666,#616161 2px,#5a5a5a 7px calc(100% - 9px),#4a4a4a);position:absolute;inset:1px}.phone-frame__duo-glass[data-v-c8de4394]{background:#000;position:absolute;inset:6px;overflow:hidden}.phone-frame__duo-screen[data-v-c8de4394]{color:light-dark(#000,#fff);background:var(--phone-frame-status-background,var(--color-stage));position:absolute;top:8px;left:8px;overflow:hidden;-webkit-mask-image:linear-gradient(#fff,#fff);mask-image:linear-gradient(#fff,#fff)}.phone-frame__duo-spine[data-v-c8de4394]{z-index:-1;background:linear-gradient(#4f4f4f,#474747 4px,#444 12px calc(100% - 14px),#383838);border-radius:7px 0 0 7px;position:absolute;box-shadow:inset 1px 1px #ffffff0d}.phone-frame__duo-button[data-v-c8de4394]{z-index:-1;background:#595959;position:absolute}.phone-frame__duo-button--top[data-v-c8de4394]{border-radius:3px 3px 0 0;box-shadow:inset 0 1px #656565}.phone-frame__duo-button--right[data-v-c8de4394]{border-radius:0 3px 3px 0;box-shadow:inset -1px 0 #656565}.phone-frame__duo-button--left[data-v-c8de4394]{border-radius:3px 0 0 3px;box-shadow:inset 1px 0 #656565}.phone-frame__duo-camera[data-v-c8de4394]{pointer-events:none;background:#000;border-radius:50%;position:absolute}.phone-frame__duo-page[data-v-c8de4394]{position:absolute;left:0;overflow:hidden}.phone-frame__duo-page>iframe[data-v-c8de4394]{clip-path:inset(0)}.phone-frame__duo-rail[data-v-c8de4394],.phone-frame__duo-toolbar[data-v-c8de4394]{background:var(--phone-frame-status-background,var(--color-stage));font-family:-apple-system,BlinkMacSystemFont,system-ui,sans-serif;position:absolute}.phone-frame__duo-rail[data-v-c8de4394]{width:84px;top:0;bottom:0;right:0}.phone-frame__duo-rail[data-v-c8de4394]>*{position:absolute;left:12px}.phone-frame__duo-time[data-v-c8de4394]{font-size:15px;font-weight:600;line-height:20px}.phone-frame__duo-rail .phone-frame__duo-time[data-v-c8de4394]{text-align:center;width:72px;top:83px;left:0}.phone-frame__duo-wifi[data-v-c8de4394]{border:1.5px solid;border-radius:50%;flex:none;place-items:center;width:38px;height:38px;display:grid;position:relative}.phone-frame__duo-rail .phone-frame__duo-wifi[data-v-c8de4394]{top:110px;left:17px}.phone-frame__duo-wifi-icon[data-v-c8de4394]{font-size:19px}.phone-frame__duo-dots[data-v-c8de4394]{background:radial-gradient(circle at 1.5px 50%, color-mix(in srgb, currentcolor 45%, transparent) 1.4px, transparent 1.7px) 0 0 / 7px 3px repeat-x;width:17px;height:3px;box-shadow:0 0 0 2px var(--phone-frame-status-background,var(--color-stage));position:absolute;bottom:-3px;left:50%;translate:-50%}.phone-frame__duo-rail-button[data-v-c8de4394]{width:48px;height:48px}.phone-frame__duo-rail-button--back[data-v-c8de4394]{top:194px}.phone-frame__duo-rail-button--reader[data-v-c8de4394]{top:254px}.phone-frame__duo-reader-icon[data-v-c8de4394],.phone-frame__duo-plus-icon[data-v-c8de4394]{font-size:24px}.phone-frame__browser-button.phone-frame__duo-capsule[data-v-c8de4394]{border-radius:24px}.phone-frame__browser-button.phone-frame__duo-capsule--rail[data-v-c8de4394]{grid-template-rows:48px 48px;row-gap:7px;width:48px;height:103px;top:541px}.phone-frame__duo-compact-browser[data-v-c8de4394]{width:330px;font-family:-apple-system,BlinkMacSystemFont,system-ui,sans-serif;position:absolute;bottom:34px;left:26px}.phone-frame__duo-toolbar[data-v-c8de4394]{border-bottom:1px solid var(--color-line-soft);height:126px;padding:26px 27px 0 16px;inset:0 0 auto}.phone-frame__duo-toolbar-row[data-v-c8de4394]{align-items:center;gap:13px;height:44px;display:flex}.phone-frame__duo-toolbar .phone-frame__browser-button[data-v-c8de4394]{flex:none;height:44px}.phone-frame__browser-button.phone-frame__duo-capsule--history[data-v-c8de4394]{grid-template-columns:44px 44px;column-gap:12px;width:100px}.phone-frame__browser-button.phone-frame__duo-capsule--tabs[data-v-c8de4394]{grid-template-columns:44px 44px;width:88px}.phone-frame__duo-toolbar .phone-frame__address[data-v-c8de4394]{flex:1;grid-template-columns:44px 1fr 44px;min-width:200px;height:44px;margin:0 -5px 0 65px;font-size:16px}.phone-frame__duo-toolbar .phone-frame__duo-time[data-v-c8de4394]{margin-left:6px}.phone-frame__duo-tab[data-v-c8de4394]{border:1px solid var(--color-line);background:light-dark(#ffffff47,#ffffff0f);border-radius:17px;align-items:center;gap:10px;height:34px;padding:0 14px;font-size:14px;display:flex;position:absolute;top:88px;left:16px;right:16px}.dark .phone-frame{--phone-frame-shadow-near:oklch(0% 0 0/.4);--phone-frame-shadow-mid:oklch(0% 0 0/.5);--phone-frame-shadow-far:oklch(0% 0 0/.6)}.phone-frame__shadow[data-v-c8de4394]{z-index:-2;filter:drop-shadow(0 1px 1px var(--phone-frame-shadow-near)) drop-shadow(0 12px 14px var(--phone-frame-shadow-mid)) drop-shadow(0 40px 40px var(--phone-frame-shadow-far));pointer-events:none;position:absolute;inset:0}.phone-frame__shadow-caster[data-v-c8de4394]{--iphone-corner-radius:78px;background:#000;border-radius:88px;position:absolute;inset:0}.phone-frame__device[data-v-c8de4394]{--iphone-corner-radius:78px;background:linear-gradient(oklch(60% .006 255),oklch(42% .006 255) 14%,oklch(34% .006 255) 60%,oklch(28% .006 255));border-radius:88px;position:absolute;inset:0;overflow:hidden}.phone-frame__band[data-v-c8de4394]{--iphone-corner-radius:77px;background:linear-gradient(oklch(29% .008 255),oklch(17% .008 255) 18%,oklch(8% .004 255) 72%,oklch(12% .004 255));border-radius:87px;position:absolute;inset:1px}.phone-frame__bezel[data-v-c8de4394]{--iphone-corner-radius:71px;background:#050505;border-radius:80px;position:absolute;inset:7px}.phone-frame__screen[data-v-c8de4394]{--iphone-corner-radius:55.33px;border-radius:62px;width:402px;height:874px;position:absolute;top:16px;left:16px;overflow:hidden}.phone-frame__screen[data-v-c8de4394]:before{background:var(--color-stage);content:"";position:absolute;inset:1px}.phone-frame__screen[data-v-c8de4394]:after{z-index:4;pointer-events:none;background:var(--phone-frame-status-background,transparent);content:"";height:62px;position:absolute;top:0;left:0;right:0}.phone-frame__screen>iframe[data-v-c8de4394]{border-radius:inherit;clip-path:inherit;position:relative;-webkit-mask-image:linear-gradient(#fff,#fff);mask-image:linear-gradient(#fff,#fff)}@supports (clip-path:shape(from 0 0, line to 1px 1px, close)){.iphone-continuous-corners[data-v-c8de4394]{--r:var(--iphone-corner-radius);--tl:var(--iphone-corner-tl,var(--r));--tr:var(--iphone-corner-tr,var(--r));--br:var(--iphone-corner-br,var(--r));--bl:var(--iphone-corner-bl,var(--r));--iphone-continuous-path:shape(from calc(var(--tl) * 1.52866) 0, line to calc(100% - var(--tr) * 1.52866) 0, curve to calc(100% - var(--tr) * .669934) calc(var(--tr) * .065496) with calc(100% - var(--tr) * 1.08849) 0 / calc(100% - var(--tr) * .868407) 0, line to calc(100% - var(--tr) * .631494) calc(var(--tr) * .074911), curve to calc(100% - var(--tr) * .0749118) calc(var(--tr) * .631494) with calc(100% - var(--tr) * .372824) calc(var(--tr) * .169059) / calc(100% - var(--tr) * .16906) calc(var(--tr) * .372824), curve to 100% calc(var(--tr) * 1.52866) with 100% calc(var(--tr) * .868407) / 100% calc(var(--tr) * 1.08849), line to 100% calc(100% - var(--br) * 1.52866), curve to calc(100% - var(--br) * .0654957) calc(100% - var(--br) * .669935) with 100% calc(100% - var(--br) * 1.08849) / 100% calc(100% - var(--br) * .868407), line to calc(100% - var(--br) * .0749111) calc(100% - var(--br) * .631494), curve to calc(100% - var(--br) * .631494) calc(100% - var(--br) * .0749111) with calc(100% - var(--br) * .169059) calc(100% - var(--br) * .372824) / calc(100% - var(--br) * .372824) calc(100% - var(--br) * .169059), curve to calc(100% - var(--br) * 1.52866) 100% with calc(100% - var(--br) * .868407) 100% / calc(100% - var(--br) * 1.08849) 100%, line to calc(var(--bl) * 1.52866) 100%, curve to calc(var(--bl) * .669934) calc(100% - var(--bl) * .0654957) with calc(var(--bl) * 1.08849) 100% / calc(var(--bl) * .868407) 100%, line to calc(var(--bl) * .631494) calc(100% - var(--bl) * .0749111), curve to calc(var(--bl) * .074911) calc(100% - var(--bl) * .631494) with calc(var(--bl) * .372824) calc(100% - var(--bl) * .169059) / calc(var(--bl) * .16906) calc(100% - var(--bl) * .372824), curve to 0 calc(100% - var(--bl) * 1.52866) with 0 calc(100% - var(--bl) * .868407) / 0 calc(100% - var(--bl) * 1.08849), line to 0 calc(var(--tl) * 1.52866), curve to calc(var(--tl) * .065496) calc(var(--tl) * .669934) with 0 calc(var(--tl) * 1.08849) / 0 calc(var(--tl) * .868407), line to calc(var(--tl) * .074911) calc(var(--tl) * .631494), curve to calc(var(--tl) * .631494) calc(var(--tl) * .074911) with calc(var(--tl) * .16906) calc(var(--tl) * .372824) / calc(var(--tl) * .372824) calc(var(--tl) * .16906), curve to calc(var(--tl) * 1.52866) 0 with calc(var(--tl) * .868407) 0 / calc(var(--tl) * 1.08849) 0, close);clip-path:var(--iphone-continuous-path);border-radius:0}.duo-mask-corners[data-v-c8de4394]{--tl:var(--duo-tl,0px);--tr:var(--duo-tr,0px);--br:var(--duo-br,0px);--bl:var(--duo-bl,0px);clip-path:shape(from calc(var(--tl) * 1.28194) 0, line to calc(100% - var(--tr) * 1.28194) 0, curve to calc(100% - var(--tr) * .51158) calc(var(--tr) * .13357) with calc(100% - var(--tr) * .83618) 0 / calc(100% - var(--tr) * .67454) calc(var(--tr) * .04641), curve to calc(100% - var(--tr) * .13357) calc(var(--tr) * .51158) with calc(100% - var(--tr) * .34861) calc(var(--tr) * .22072) / calc(100% - var(--tr) * .22072) calc(var(--tr) * .34861), curve to 100% calc(var(--tr) * 1.28194) with calc(100% - var(--tr) * .04641) calc(var(--tr) * .67454) / 100% calc(var(--tr) * .83618), line to 100% calc(100% - var(--br) * 1.28194), curve to calc(100% - var(--br) * .13357) calc(100% - var(--br) * .51158) with 100% calc(100% - var(--br) * .83618) / calc(100% - var(--br) * .04641) calc(100% - var(--br) * .67454), curve to calc(100% - var(--br) * .51158) calc(100% - var(--br) * .13357) with calc(100% - var(--br) * .22072) calc(100% - var(--br) * .34861) / calc(100% - var(--br) * .34861) calc(100% - var(--br) * .22072), curve to calc(100% - var(--br) * 1.28194) 100% with calc(100% - var(--br) * .67454) calc(100% - var(--br) * .04641) / calc(100% - var(--br) * .83618) 100%, line to calc(var(--bl) * 1.28194) 100%, curve to calc(var(--bl) * .51158) calc(100% - var(--bl) * .13357) with calc(var(--bl) * .83618) 100% / calc(var(--bl) * .67454) calc(100% - var(--bl) * .04641), curve to calc(var(--bl) * .13357) calc(100% - var(--bl) * .51158) with calc(var(--bl) * .34861) calc(100% - var(--bl) * .22072) / calc(var(--bl) * .22072) calc(100% - var(--bl) * .34861), curve to 0 calc(100% - var(--bl) * 1.28194) with calc(var(--bl) * .04641) calc(100% - var(--bl) * .67454) / 0 calc(100% - var(--bl) * .83618), line to 0 calc(var(--tl) * 1.28194), curve to calc(var(--tl) * .13357) calc(var(--tl) * .51158) with 0 calc(var(--tl) * .83618) / calc(var(--tl) * .04641) calc(var(--tl) * .67454), curve to calc(var(--tl) * .51158) calc(var(--tl) * .13357) with calc(var(--tl) * .22072) calc(var(--tl) * .34861) / calc(var(--tl) * .34861) calc(var(--tl) * .22072), curve to calc(var(--tl) * 1.28194) 0 with calc(var(--tl) * .67454) calc(var(--tl) * .04641) / calc(var(--tl) * .83618) 0, close);border-radius:0}}.phone-frame__side-button[data-v-c8de4394]{z-index:-1;background:linear-gradient(270deg,oklch(52% .006 255),oklch(38% .006 255) 50%,oklch(28% .006 255));width:5px;position:absolute}.phone-frame__side-button--action[data-v-c8de4394],.phone-frame__side-button--volume-up[data-v-c8de4394],.phone-frame__side-button--volume-down[data-v-c8de4394]{border-radius:2px 0 0 2px;left:-3px}.phone-frame__side-button--action[data-v-c8de4394]{height:34px;top:159px}.phone-frame__side-button--volume-up[data-v-c8de4394]{height:64px;top:220px}.phone-frame__side-button--volume-down[data-v-c8de4394]{height:64px;top:299px}.phone-frame__side-button--side[data-v-c8de4394]{background:linear-gradient(90deg,oklch(52% .006 255),oklch(38% .006 255) 50%,oklch(28% .006 255));border-radius:0 2px 2px 0;height:101px;top:261px;right:-3px}.phone-frame__status[data-v-c8de4394]{z-index:5;pointer-events:none;color:light-dark(#000,#fff);width:402px;height:59px;position:absolute;top:16px;left:16px}.phone-frame--browser .phone-frame__status[data-v-c8de4394]{height:62px}.phone-frame__time[data-v-c8de4394]{text-align:center;width:80px;font-family:-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-size:18px;font-weight:540;line-height:20px;position:absolute;top:22.5px;left:34px}.phone-frame__signal[data-v-c8de4394],.phone-frame__wifi[data-v-c8de4394],.phone-frame__battery[data-v-c8de4394]{position:absolute}.phone-frame__signal[data-v-c8de4394]{font-size:18px;top:24px;left:296px}.phone-frame__wifi[data-v-c8de4394]{font-size:20px;top:22px;left:320px}.phone-frame__battery[data-v-c8de4394]{width:24px;height:24px;top:20px;left:347px}.phone-frame__battery-icon[data-v-c8de4394]{font-size:24px}.phone-frame__battery-fill[data-v-c8de4394]{background:currentColor;border-radius:2px;width:16px;height:12px;position:absolute;top:6px;left:2px}.phone-frame__island[data-v-c8de4394]{z-index:6;pointer-events:none;background:#000;border-radius:18.5px;width:126px;height:37px;position:absolute;top:30px;left:154px}.phone-frame__browser[data-v-c8de4394]{z-index:7;pointer-events:auto;color:light-dark(#000,#fff);width:402px;height:98px;font-family:-apple-system,BlinkMacSystemFont,system-ui,sans-serif;position:absolute;bottom:0;left:0;overflow:visible}.phone-frame__browser-runway[data-v-c8de4394]{pointer-events:none;position:absolute;inset:0}.phone-frame__browser-controls[data-v-c8de4394]{grid-template-columns:48px 1fr 48px;align-items:center;gap:8px;display:grid;position:absolute;bottom:34px;left:34px;right:34px}.phone-frame__browser-button[data-v-c8de4394],.phone-frame__address[data-v-c8de4394]{-webkit-backdrop-filter:blur(10px)saturate(108%);backdrop-filter:blur(10px)saturate(108%);background:light-dark(#fafafc70,#ffffff1f);height:48px;box-shadow:inset 0 1px .5px light-dark(#ffffff80,#ffffff2e),inset 0 -1px .5px light-dark(#ffffff80,#ffffff2e),0 0 0 .5px light-dark(#0000004d,#0009)}.phone-frame__browser-button[data-v-c8de4394]{border-radius:50%;place-items:center;display:grid}.phone-frame__address[data-v-c8de4394]{border-radius:24px;grid-template-columns:48px 1fr 48px;align-items:center;font-size:17.5px;display:grid}.phone-frame__back-icon[data-v-c8de4394]{opacity:.25;font-size:30px;translate:-1.33px}.phone-frame__page-menu-icon[data-v-c8de4394]{justify-self:center;font-size:18px}.phone-frame__reload-icon[data-v-c8de4394]{font-size:18px}.phone-frame__reload-button[data-v-c8de4394]{width:44px;height:44px;color:inherit;touch-action:manipulation;background:0 0;border:0;border-radius:50%;justify-self:end;place-items:center;padding:0;display:grid}.phone-frame__reload-button[data-v-c8de4394]:hover{background:light-dark(#0000000f,#ffffff14)}.phone-frame__reload-button[data-v-c8de4394]:active{transform:scale(.94)}.phone-frame__reload-button[data-v-c8de4394]:focus-visible{outline-offset:-3px;outline:2px solid}.phone-frame__tabs-icon[data-v-c8de4394]{font-size:24px}.phone-frame__address-text[data-v-c8de4394]{text-align:center;text-overflow:ellipsis;white-space:nowrap;font-weight:400;overflow:hidden}.phone-frame--dark-status .phone-frame__status[data-v-c8de4394]{color:#fff}.phone-frame--light-status .phone-frame__status[data-v-c8de4394]{color:#000}.phone-frame--dark-chrome .phone-frame__browser[data-v-c8de4394],.phone-frame--dark-chrome .phone-frame__duo-chrome[data-v-c8de4394],.phone-frame--browser-tint-dark .phone-frame__browser[data-v-c8de4394],.phone-frame--browser-tint-dark .phone-frame__duo-chrome[data-v-c8de4394],.dark .phone-frame__browser,.dark .phone-frame__duo-chrome{color:#fff}.phone-frame--dark-chrome .phone-frame__browser-button[data-v-c8de4394],.phone-frame--dark-chrome .phone-frame__address[data-v-c8de4394],.dark .phone-frame__browser-button,.dark .phone-frame__address{background:#ffffff1f;box-shadow:inset 0 1px .5px #ffffff2e,inset 0 -1px .5px #ffffff2e,0 0 0 .5px #0009}.phone-frame--light-chrome .phone-frame__browser[data-v-c8de4394],.phone-frame--light-chrome .phone-frame__duo-chrome[data-v-c8de4394]{color:#000}.phone-frame--light-chrome .phone-frame__browser-button[data-v-c8de4394],.phone-frame--light-chrome .phone-frame__address[data-v-c8de4394]{background:#fafafc70;box-shadow:inset 0 1px .5px #ffffff80,inset 0 -1px .5px #ffffff80,0 0 0 .5px #0000004d}.phone-frame--tinted-browser .phone-frame__browser-runway[data-v-c8de4394]{background:var(--phone-frame-browser-runway)}.phone-frame--browser-tint-light .phone-frame__browser[data-v-c8de4394],.phone-frame--browser-tint-light .phone-frame__duo-chrome[data-v-c8de4394]{color:#000}.phone-frame--browser-tint-dark .phone-frame__browser-button[data-v-c8de4394],.phone-frame--browser-tint-dark .phone-frame__address[data-v-c8de4394],.phone-frame--browser-tint-light .phone-frame__browser-button[data-v-c8de4394],.phone-frame--browser-tint-light .phone-frame__address[data-v-c8de4394]{background:color-mix(in srgb, var(--phone-frame-browser-base) 87%, white);-webkit-backdrop-filter:none;backdrop-filter:none}.phone-frame--browser-tint-dark .phone-frame__browser-button[data-v-c8de4394],.phone-frame--browser-tint-dark .phone-frame__address[data-v-c8de4394]{box-shadow:inset 0 1px .5px #ffffff2e,inset 0 -1px .5px #ffffff2e,0 0 0 .5px #0009}.phone-frame--browser-tint-light .phone-frame__browser-button[data-v-c8de4394],.phone-frame--browser-tint-light .phone-frame__address[data-v-c8de4394]{box-shadow:inset 0 1px .5px #ffffff80,inset 0 -1px .5px #ffffff80,0 0 0 .5px #0000004d}
