.square-module__1rKGVW__demo{color:#fff;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;min-height:230svh;position:relative}.square-module__1rKGVW__artwork{pointer-events:none;position:absolute;inset:0;overflow:hidden}.square-module__1rKGVW__demo .square-module__1rKGVW__artwork{height:100svh;bottom:auto;overflow:visible}.square-module__1rKGVW__wordmarkMobile{width:90%;height:auto;position:absolute;top:26.3%;left:5%}.square-module__1rKGVW__wordmarkDesktop{display:none}.square-module__1rKGVW__device{aspect-ratio:826/1920;width:65%;transform:translate(-50%,var(--device-offset,0px));position:absolute;top:48.8%;left:50%}.square-module__1rKGVW__demo .square-module__1rKGVW__device{transform:translate(-50%,var(--device-offset,0px))}.square-module__1rKGVW__device>picture>img{width:100%;height:100%;position:absolute;inset:0}.square-module__1rKGVW__screen{mix-blend-mode:screen;border-radius:7%/4%;width:87.167%;height:66.25%;position:absolute;top:16.875%;left:6.538%;overflow:hidden}.square-module__1rKGVW__screen img{-o-object-fit:cover;object-fit:cover}.square-module__1rKGVW__light{mix-blend-mode:screen}.square-module__1rKGVW__header{top:max(24px,env(safe-area-inset-top));left:max(32px,env(safe-area-inset-left));right:max(32px,env(safe-area-inset-right));z-index:5;justify-content:space-between;align-items:center;display:flex;position:absolute}.square-module__1rKGVW__header a,.square-module__1rKGVW__header button{color:#fff;place-items:center;width:44px;height:44px;margin:-10px;display:grid}.square-module__1rKGVW__header a svg{width:22px;height:22px}.square-module__1rKGVW__header button svg{width:24px;height:24px}.square-module__1rKGVW__demo a:focus-visible,.square-module__1rKGVW__demo button:focus-visible{outline-offset:5px;border-radius:4px;outline:2px solid}.square-module__1rKGVW__menu{z-index:6;top:calc(max(24px,env(safe-area-inset-top)) + 58px);background:#111827;border-radius:20px;width:min(300px,100% - 48px);padding:20px;position:absolute;right:24px;box-shadow:0 12px 40px #0003}.square-module__1rKGVW__menu p{color:#aeb8ca;margin-bottom:12px;font-size:12px}.square-module__1rKGVW__menu a{padding:10px 0;font-size:15px;display:block}.square-module__1rKGVW__menu small{color:#aeb8ca;margin-top:16px;font-size:12px;line-height:1.5;display:block}.square-module__1rKGVW__artwork[data-preview=true] .square-module__1rKGVW__wordmarkMobile{display:none}.square-module__1rKGVW__artwork[data-preview=true] .square-module__1rKGVW__wordmarkDesktop{width:90%;height:70%;display:block;position:absolute;top:16%;left:5%}.square-module__1rKGVW__artwork[data-preview=true] .square-module__1rKGVW__device{width:auto;height:95%;top:9%}@media (min-width:680px){.square-module__1rKGVW__wordmarkMobile{display:none}.square-module__1rKGVW__wordmarkDesktop{width:90%;height:70%;display:block;position:absolute;top:16%;left:5%}.square-module__1rKGVW__device{width:auto;height:80%;top:12%}.square-module__1rKGVW__header{top:max(32px,env(safe-area-inset-top));left:44px;right:44px}}.square-module__1rKGVW__artwork[data-layout=mobile] .square-module__1rKGVW__wordmarkMobile{display:block}.square-module__1rKGVW__artwork[data-layout=mobile] .square-module__1rKGVW__wordmarkDesktop{display:none}.square-module__1rKGVW__artwork[data-layout=mobile] .square-module__1rKGVW__device{width:65%;height:auto;top:48.8%}
.edge-color-demo-module__Z_1f_q__figure{color:#262626;background:#fafafa;border:1px solid #e8e8e8;border-radius:20px;margin-top:24px;padding:24px;container-type:inline-size}.edge-color-demo-module__Z_1f_q__diagram{--status-bar-height:40px;--toolbar-height:96px;--edge-height:12px;--diagram-gap:20px;align-items:center;gap:var(--diagram-gap);flex-direction:column;margin:0 auto;display:flex}.edge-color-demo-module__Z_1f_q__phone{grid-template-rows:var(--status-bar-height)1fr var(--toolbar-height);background:var(--edge-top-background);color:#fff;border-radius:24px;width:244px;max-width:100%;height:530px;display:grid;overflow:hidden}.edge-color-demo-module__Z_1f_q__statusBar{background:var(--edge-top-background);justify-content:space-between;align-items:center;padding:0 20px;font-size:11px;font-weight:600;display:flex}.edge-color-demo-module__Z_1f_q__statusBar>div{align-items:center;gap:3px;display:flex}.edge-color-demo-module__Z_1f_q__statusBar svg{stroke-width:2.5px;width:12px;height:12px}.edge-color-demo-module__Z_1f_q__statusBar svg:last-child{width:18px;height:18px}.edge-color-demo-module__Z_1f_q__viewport{background:linear-gradient(to bottom,var(--edge-top-background)12px,var(--edge-demo-middle)52%,var(--edge-bottom-background)calc(100% - 12px));min-height:0;position:relative}.edge-color-demo-module__Z_1f_q__scene{pointer-events:none;position:absolute;inset:0;overflow:hidden}.edge-color-demo-module__Z_1f_q__squareHeader{justify-content:space-between;align-items:center;display:flex;position:absolute;top:16px;left:20px;right:20px}.edge-color-demo-module__Z_1f_q__squareHeader svg{width:16px;height:16px}.edge-color-demo-module__Z_1f_q__scroller{z-index:1;overscroll-behavior-y:contain;scrollbar-width:none;scroll-behavior:auto;position:absolute;inset:0;overflow-y:auto}.edge-color-demo-module__Z_1f_q__scroller::-webkit-scrollbar{display:none}.edge-color-demo-module__Z_1f_q__scroller:focus-visible{outline-offset:-4px;border-radius:2px;outline:2px solid #fff}.edge-color-demo-module__Z_1f_q__scrollTrack{height:230%}.edge-color-demo-module__Z_1f_q__edge{z-index:2;height:var(--edge-height);pointer-events:none;position:absolute;left:0;right:0}.edge-color-demo-module__Z_1f_q__edge:after{content:"";outline-offset:-2px;outline:1px dashed #ffffffe6;position:absolute;inset:0}.edge-color-demo-module__Z_1f_q__edge-top{top:0}.edge-color-demo-module__Z_1f_q__edge-top:after{background:var(--edge-top-background)}.edge-color-demo-module__Z_1f_q__edge-bottom{bottom:0}.edge-color-demo-module__Z_1f_q__edge-bottom:after{background:var(--edge-bottom-background)}.edge-color-demo-module__Z_1f_q__toolbar{background:var(--edge-bottom-background);align-items:center;padding:8px;display:grid}.edge-color-demo-module__Z_1f_q__toolbarPanel{background:#ffffff0a;border:1px solid #ffffff20;border-radius:24px;gap:12px;padding:8px 10px 12px;display:grid}.edge-color-demo-module__Z_1f_q__address{background:#0003;border-radius:20px;justify-content:center;align-items:center;gap:10px;padding:6px;font-size:11px;display:flex}.edge-color-demo-module__Z_1f_q__address svg{width:12px;height:12px}.edge-color-demo-module__Z_1f_q__toolbarIcons{justify-content:space-between;align-items:center;padding:0 4px;display:flex}.edge-color-demo-module__Z_1f_q__toolbarIcons svg{stroke-width:1.8px;width:14px;height:14px}.edge-color-demo-module__Z_1f_q__toolbarIcons svg:nth-child(2){opacity:.4}.edge-color-demo-module__Z_1f_q__callout{width:244px;max-width:100%;margin:0;font-size:12px;line-height:1.7;position:relative}.edge-color-demo-module__Z_1f_q__callout:before{content:"";pointer-events:none;border:1px dotted #a3a3a3;border-right:0;width:16px;position:absolute;left:-16px}.edge-color-demo-module__Z_1f_q__callout[data-edge-code=top]:before{top:10px;bottom:calc(-1*(var(--diagram-gap) + var(--status-bar-height) + var(--edge-height)/2))}.edge-color-demo-module__Z_1f_q__callout[data-edge-code=bottom]:before{top:calc(-1*(var(--diagram-gap) + var(--toolbar-height) + var(--edge-height)/2));bottom:calc(100% - 10px)}.edge-color-demo-module__Z_1f_q__colorValue{vertical-align:middle;font-variant-numeric:tabular-nums;align-items:center;gap:6px;display:inline-flex}.edge-color-demo-module__Z_1f_q__colorValue i{border:1px solid #0001;border-radius:3px;width:12px;height:12px;display:block}@media (prefers-color-scheme:dark){.edge-color-demo-module__Z_1f_q__figure{color:#e5e5e5;background:#171717;border-color:#303030}.edge-color-demo-module__Z_1f_q__callout:before{border-color:#737373}.edge-color-demo-module__Z_1f_q__colorValue i{border-color:#fff2}}
:is(html:has(.after-module__sGrzDW__page),body:has(.after-module__sGrzDW__page)){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;overflow:clip visible}html:has(.after-module__sGrzDW__page){background-color:var(--browser-edge-top,#004bff)}body:has(.after-module__sGrzDW__page){background-color:var(--browser-edge-bottom,#004bff)}body:has(.after-module__sGrzDW__page[data-gradient=true]){background-color:var(--browser-edge-bottom,#db657a)}.after-module__sGrzDW__page{background:0 0}.after-module__sGrzDW__scene{background-color:var(--browser-edge-top,#004bff);position:fixed;inset:0;overflow:visible}.after-module__sGrzDW__backdrop{pointer-events:none;background-color:var(--browser-edge-top,#004bff);height:100lvh;position:fixed;inset:0 0 auto}.after-module__sGrzDW__page[data-gradient=true] .after-module__sGrzDW__backdrop{background:linear-gradient(to bottom,var(--browser-edge-top,#004bff)max(12px,env(safe-area-inset-top)),var(--browser-scene-middle,#713ee8)52dvh,var(--browser-edge-bottom,#db657a)calc(100dvh - max(12px,env(safe-area-inset-bottom))))}.after-module__sGrzDW__edgeTop,.after-module__sGrzDW__edgeBottom{z-index:7;pointer-events:none;position:fixed;left:0;right:0}.after-module__sGrzDW__edgeTop{height:max(12px,env(safe-area-inset-top));background-color:var(--browser-edge-top,#004bff);top:0}.after-module__sGrzDW__edgeBottom{height:max(12px,env(safe-area-inset-bottom));background-color:var(--browser-edge-bottom,#004bff);bottom:0}.after-module__sGrzDW__page[data-gradient=true] .after-module__sGrzDW__edgeBottom{background-color:var(--browser-edge-bottom,#db657a)}
:is(html:has(.before-module__LEakRW__page),body:has(.before-module__LEakRW__page)){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fff;overflow:clip visible}.before-module__LEakRW__page{background:#fff;overflow:clip}.before-module__LEakRW__scene{background:var(--demo-top);height:100dvh;position:relative;overflow:clip}.before-module__LEakRW__page[data-gradient=true] .before-module__LEakRW__scene{background:linear-gradient(to bottom,var(--demo-top)max(12px,env(safe-area-inset-top)),var(--demo-middle)52%,var(--demo-bottom)calc(100% - max(12px,env(safe-area-inset-bottom))))}.before-module__LEakRW__browserBottom{height:max(12px,env(safe-area-inset-bottom));z-index:7;pointer-events:none;background-color:#fff;position:fixed;bottom:0;left:0;right:0}