.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(--surface-1);border:1px solid var(--edge);box-shadow:var(--shadow-2);border-radius:19px;margin-bottom:18px;padding:6px}.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(--surface-1);border:1px solid var(--edge);transform-origin:0 0;width:1280px;height:875px;transform:scale(calc(.078125cqw / 1px));border-radius:15px;flex-flow:column;display:flex;position:absolute;top:0;left:0;overflow:hidden}.static-mockup-frame .static-mockup-frame__chrome{box-sizing:border-box;background:var(--surface-0);border-bottom:1px solid var(--edge);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(--surface-0);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:"";background:linear-gradient(to bottom,transparent 0,var(--surface-0) 80%,var(--surface-0) 100%);height:40%;position:absolute;bottom:-72px;left:0;right:0}.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}}