.smwb{z-index:2;box-sizing:border-box;flex-flow:row;justify-content:center;align-items:flex-end;gap:6px;padding:0 6px;display:flex;position:absolute;bottom:0;left:0;right:0}.smwb .smwb__aside,.smwb .smwb__drawer{box-sizing:border-box;background:var(--light-surface);border:1px solid var(--edge);box-shadow:var(--shadow-4);background-image:radial-gradient(ellipse 170% 190% at 0 0,color-mix(in srgb,var(--light-key) 52%,transparent) 0,color-mix(in srgb,var(--light-key) 45.5%,transparent) 20%,color-mix(in srgb,var(--light-key) 24.7%,transparent) 42%,color-mix(in srgb,var(--light-key) 7.8%,transparent) 66%,transparent 100%);border-radius:19px;margin-bottom:18px;padding:6px}@media (prefers-contrast:more){.smwb .smwb__aside,.smwb .smwb__drawer{background-image:none}}.smwb .smwb__drawer{flex:auto;min-width:0;max-width:510px;display:flex}.smwb .smwb__drawer .smwc{background:0 0;border:none;border-radius:0;flex:1}.smwb .smwb__aside{flex:none;display:flex}.smwb .smwb__recents{border:1px solid #0000;border-radius:11px;padding:8px 11px;font-size:.9375rem;line-height:1.3125rem;display:inline-block}.smwb .smwb__recents svg.icon{fill:var(--text-1)}.static-mockup-fit{aspect-ratio:1280/875;width:100%;position:relative;container-type:inline-size}.static-mockup-frame{box-sizing:border-box;background:var(--light-base);border:1px solid var(--edge);transform-origin:0 0;width:1280px;height:875px;transform:scale(calc(.078125cqw / 1px));background-image:radial-gradient(ellipse 130% 150% at 0 0,color-mix(in srgb,var(--light-key) 100%,transparent) 0,color-mix(in srgb,var(--light-key) 70%,transparent) 20%,color-mix(in srgb,var(--light-key) 38%,transparent) 42%,color-mix(in srgb,var(--light-key) 12%,transparent) 66%,transparent 100%);border-radius:15px;flex-flow:column;display:flex;position:absolute;top:0;left:0;overflow:hidden}@media (prefers-contrast:more){.static-mockup-frame{background-image:none}}.static-mockup-frame .static-mockup-frame__chrome{box-sizing:border-box;border-bottom:1px solid var(--edge);background:0 0;flex:0 0 35px;justify-content:center;align-items:center;padding:0 12px;display:flex;position:relative}.static-mockup-frame .static-mockup-frame__dots{gap:6px;display:flex;position:absolute;left:12px}.static-mockup-frame .static-mockup-frame__dots span{background:var(--edge);border-radius:50%;width:10px;height:10px}.static-mockup-frame .static-mockup-frame__address{background:var(--overlay-hover);min-width:280px;color:var(--text-3);text-align:center;border-radius:7px;padding:3px 12px;font-size:.775rem;line-height:1rem}.static-mockup-frame .static-mockup-frame__viewport{flex:auto;min-height:0;position:relative;overflow:hidden}.static-preview-image{margin:72px 0;overflow-x:clip}.static-preview-image .static-preview-image__content{box-sizing:border-box;max-width:1560px;margin:0 auto;padding:0 18px}.static-preview-image .static-preview-image__content>.static-mockup,.static-preview-image .static-preview-image__content>img{width:100%;height:auto;box-shadow:var(--shadow-3);background-color:var(--light-base);border-radius:15px;display:block}@supports (animation-timeline:view()){.static-preview-image .static-preview-image__content>.static-mockup,.static-preview-image .static-preview-image__content>img{animation:linear both preview-float;animation-timeline:view()}}.static-preview-image.static-preview-image--perspective{position:relative}.static-preview-image.static-preview-image--perspective:after{content:"";border-bottom:48px solid var(--surface-0);background:linear-gradient(to bottom,transparent 0,var(--surface-0) 80%,var(--surface-0) 100%);height:40%;position:absolute;bottom:-120px;left:0;right:0}.static-preview-image.static-preview-image--perspective+*{position:relative}.static-preview-image.static-preview-image--space{margin-top:144px}@media (width>=960px){.static-preview-image .static-preview-image__content{padding:0 36px}}@media (width>=1280px){.static-preview-image .static-preview-image__content{padding:0 72px}}@media (prefers-reduced-motion:reduce){.static-preview-image .static-preview-image__content>.static-mockup,.static-preview-image .static-preview-image__content>img{animation:none}}
