.preview[data-v-c54065c9]{--device-padding:1rem;--device-width:344px;--device-height:704px;--device-frame-width:12px;align-items:center;display:flex;justify-content:center}figure[data-v-c54065c9]{background-repeat:no-repeat;background-size:contain;box-shadow:0 10px 60px -14px #0000008f;height:var(--device-height);margin:0;position:relative;width:var(--device-width);z-index:1}.content[data-v-c54065c9]{border:none;height:100%;left:0;-webkit-mask-image:-webkit-radial-gradient(#fff,#000);overflow:hidden;position:absolute;top:0;width:100%;z-index:1}.preview.ios figure[data-v-c54065c9]{border:12px solid #000;border-radius:54px}.preview.ios .content[data-v-c54065c9]{border-radius:38px}.preview.ios figure[data-v-c54065c9]:after{background-color:#00000080;border-radius:2px;bottom:8px;content:"";height:4px;left:50%;position:absolute;transform:translate(-50%);width:35%;z-index:1}.preview.md figure[data-v-c54065c9]{border:12px solid #000;border-radius:44px}.preview.md .content[data-v-c54065c9]{border-radius:32px}.ios-notch[data-v-c54065c9]{fill:#000;left:50%;position:absolute;top:10px;transform:translate(-50%);width:165px}.ios-notch[data-v-c54065c9],.md-bar[data-v-c54065c9]{display:none;z-index:2}.md-bar[data-v-c54065c9]{fill:#7d7d7d4d;padding:.5rem 2.2rem;position:relative;top:0;width:calc(100% - 64px)}.preview.ios .ios-notch[data-v-c54065c9],.preview.md .md-bar[data-v-c54065c9]{display:block}@media only screen and (max-width:600px){figure[data-v-c54065c9]{--device-width:100%}.preview.ios .ios-notch[data-v-c54065c9],.preview.ios figure[data-v-c54065c9]:after,.preview.md .md-bar[data-v-c54065c9]{display:none}.preview.ios figure[data-v-c54065c9],.preview.md figure[data-v-c54065c9]{border:0;border-radius:0;box-shadow:none}.preview.ios .content[data-v-c54065c9]{border-radius:0}}figure[data-v-95abcf7e]{background-repeat:no-repeat;background-size:contain;border-radius:44px;box-shadow:0 10px 60px -14px #0000008f;margin:0;overflow:hidden;position:relative;z-index:1}svg[data-v-95abcf7e]{overflow-clip-margin:content-box}#content[data-v-95abcf7e],svg[data-v-95abcf7e]{overflow:hidden}#content[data-v-95abcf7e]{border:none;border-radius:36px;height:calc(100% - var(--device-frame-width)*2);left:0;margin:var(--device-frame-width);position:absolute;top:0;width:calc(100% - var(--device-frame-width)*2);z-index:1}.ios-notch[data-v-95abcf7e]{position:absolute;top:8px;z-index:10;fill:#090a0d;left:50%;transform:translate(-50%);width:149px}.toggle[data-v-95abcf7e]{background:#eff2f7;border-radius:8px;display:none;display:inline-flex;margin-inline-end:.5rem;padding:.125rem;position:relative}.toggle[data-v-95abcf7e]:before{background:#fff;border-radius:8px;bottom:2px;box-shadow:0 2px 3px #00102e26;content:"";left:2px;position:absolute;top:2px;transition:transform .2s ease-out;width:4.875rem}.toggle button[data-v-95abcf7e]{letter-spacing:.01em;line-height:1.3;padding:.3rem .563rem;position:relative;transition:color .2s ease-out;width:4.875rem;z-index:2;--tw-text-opacity:1;color:rgb(var(--color-gray-500)/var(--tw-text-opacity))}.toggle.ipad[data-v-95abcf7e]:before{transform:translate(100%)}.toggle button.active[data-v-95abcf7e]{--tw-text-opacity:1;color:rgb(var(--color-gray-800)/var(--tw-text-opacity))}