.layout-module__GRVNfW__authColors{--mantine-color-blue-0:#e0f2fd;--mantine-color-blue-1:#b9e2fb;--mantine-color-blue-2:#91cef4;--mantine-color-blue-3:#69b7eb;--mantine-color-blue-4:#45a3e1;--mantine-color-blue-5:#2891d6;--mantine-color-blue-6:#006fc1;--mantine-color-blue-7:#0063ae;--mantine-color-blue-8:#005799;--mantine-color-blue-9:#004b84;--mantine-color-blue-filled:#006fc1;--mantine-color-blue-filled-hover:#0063ae;--mantine-color-blue-light:#006fc11a;--mantine-color-blue-light-hover:#006fc11f;--mantine-color-red-6:#fa5252;--mantine-color-red-7:#f03e3e}@media (min-width:768px){.layout-module__GRVNfW__phoneFrameOuter{box-sizing:border-box;background:var(--mantine-color-gray-2,#e9ecef);min-height:100vh;padding:16px 0}.layout-module__GRVNfW__phoneFrame{background:var(--clay-grey-shade-50-white,#fff);box-sizing:border-box;border-radius:8px;flex-direction:column;max-width:400px;height:calc(100dvh - 32px);min-height:calc(100dvh - 32px);margin:0 auto;display:flex;position:relative;overflow:auto;box-shadow:0 12px 12px -7px #0000000a,0 28px 23px -7px #0000000d,0 1px 3px #0000000d}.layout-module__GRVNfW__phoneFrameOuter:has([data-compact-frame]){justify-content:center;align-items:center;padding:40px 0;display:flex}.layout-module__GRVNfW__phoneFrame:has([data-compact-frame]){flex:0 0 400px;width:400px;height:auto;min-height:0;max-height:calc(100dvh - 80px);margin:0 auto}:is(.layout-module__GRVNfW__phoneFrame .mantine-Modal-overlay,.layout-module__GRVNfW__phoneFrame .mantine-Modal-inner){position:absolute}.layout-module__GRVNfW__phoneFrame .mantine-Modal-root{--modal-x-offset:16px;--modal-y-offset:16px}}