.mvs-shell{flex-direction:column;min-height:100dvh;display:flex}.mvs-shell__header{justify-content:space-between;align-items:center;gap:var(--mvs-space-4);padding:var(--mvs-space-3) var(--mvs-space-4);border-bottom:var(--mvs-border-width) solid var(--mvs-color-border-default);background:var(--mvs-color-bg-page);display:flex}.mvs-shell__brand{font:var(--mvs-text-title)}.mvs-shell__main{width:100%;padding:var(--mvs-space-5) var(--mvs-space-4);flex:1;margin:0 auto}.mvs-shell__main:focus{outline:none}.mvs-shell__main--narrow{max-width:var(--mvs-size-content-narrow)}.mvs-shell__main--wide{max-width:var(--mvs-size-content-wide)}.mvs-skip-link{top:var(--mvs-space-2);left:var(--mvs-space-4);z-index:var(--mvs-layer-toast);padding:var(--mvs-space-2) var(--mvs-space-4);border-radius:var(--mvs-radius-md);background:var(--mvs-color-action-primary);color:var(--mvs-color-text-inverse);font:var(--mvs-text-body-strong);position:absolute;transform:translateY(-200%)}.mvs-skip-link:focus{transform:none}.mvs-banner{align-items:center;gap:var(--mvs-space-3);padding:var(--mvs-space-3) var(--mvs-space-4);border-radius:var(--mvs-radius-md);font:var(--mvs-text-body-strong);display:flex}.mvs-banner__icon{width:var(--mvs-size-icon-banner);height:var(--mvs-size-icon-banner);flex:none;display:flex}.mvs-banner__icon>svg{width:100%;height:100%}.mvs-banner__message{white-space:pre-line}.mvs-banner--info{background:var(--mvs-color-bg-muted);color:var(--mvs-color-text-primary)}.mvs-banner--warning{padding:var(--mvs-space-3);background:var(--mvs-color-status-warning-bg);color:var(--mvs-color-status-warning-text)}.mvs-banner--offline{background:var(--mvs-color-bg-strong);color:var(--mvs-color-text-primary)}.mvs-banner--demo{padding:var(--mvs-space-4);background:var(--mvs-color-action-primary);color:var(--mvs-color-text-inverse)}.mvs-maintenance{padding:var(--mvs-space-2) var(--mvs-space-4) 0}.mvs-screen{flex-direction:column;min-height:100dvh;display:flex}.mvs-screen--muted{background:var(--mvs-color-bg-muted)}.mvs-screen--page{background:var(--mvs-color-bg-page)}.mvs-screen__notice{width:100%;max-width:calc(var(--mvs-size-content-narrow) + 2 * var(--mvs-space-gutter));padding:var(--mvs-space-3) var(--mvs-space-gutter) 0;margin-inline:auto}.mvs-screen__main{flex-direction:column;flex:1;display:flex}.mvs-screen__main:focus{outline:none}.mvs-screen__body{gap:var(--mvs-space-4);width:100%;max-width:calc(var(--mvs-size-content-narrow) + 2 * var(--mvs-space-gutter));padding:var(--mvs-space-5) var(--mvs-space-gutter);flex-direction:column;flex:1;margin-inline:auto;display:flex}.mvs-screen__body--message{padding-top:var(--mvs-space-message-top)}.mvs-screen__body--center{text-align:center;justify-content:center;align-items:center}@media (width>=48rem){.mvs-screen__body--wide{max-width:calc(var(--mvs-size-content-grid) + 2 * var(--mvs-space-gutter))}.mvs-screen__body--wide>:not(.mvs-tiles){width:100%;max-width:var(--mvs-size-content-narrow);margin-inline:auto}}.mvs-tiles{gap:var(--mvs-space-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));align-items:start;display:grid}.mvs-screen__actions{z-index:var(--mvs-layer-sticky);background:inherit;position:sticky;bottom:0}.mvs-screen--muted .mvs-screen__actions{background:var(--mvs-color-bg-muted)}.mvs-screen--page .mvs-screen__actions{background:var(--mvs-color-bg-page)}.mvs-screen__actions--border{border-top:var(--mvs-border-width) solid var(--mvs-color-border-default)}.mvs-screen__actions-inner{gap:var(--mvs-space-2);width:100%;max-width:calc(var(--mvs-size-content-narrow) + 2 * var(--mvs-space-gutter));padding:var(--mvs-space-4) var(--mvs-space-gutter) max(var(--mvs-space-5), env(safe-area-inset-bottom,0));flex-direction:column;margin-inline:auto;display:flex}html:has(.mvs-screen__actions){scroll-padding-bottom:calc(2 * var(--mvs-size-button-height) + 3 * var(--mvs-space-5))}.mvs-toast{right:var(--mvs-space-gutter);bottom:max(var(--mvs-space-5), env(safe-area-inset-bottom,0px));left:var(--mvs-space-gutter);z-index:var(--mvs-layer-toast);align-items:center;gap:var(--mvs-space-2);width:fit-content;max-width:var(--mvs-size-content-narrow);padding:var(--mvs-space-3) var(--mvs-space-5);border-radius:var(--mvs-radius-full);background:var(--mvs-color-brand-secondary);color:var(--mvs-color-text-inverse);box-shadow:var(--mvs-shadow-raised);animation:mvs-toast-in var(--mvs-duration-medium) var(--mvs-ease-standard);margin-inline:auto;display:flex;position:fixed}.mvs-screen:has(.mvs-screen__actions) .mvs-toast{bottom:calc(var(--mvs-border-width) + var(--mvs-space-4) + var(--mvs-size-button-height) + max(var(--mvs-space-5), env(safe-area-inset-bottom,0px)) + var(--mvs-space-2))}.mvs-screen:has(.mvs-screen__actions-inner>:nth-child(2)) .mvs-toast{bottom:calc(var(--mvs-border-width) + var(--mvs-space-4) + 2 * var(--mvs-size-button-height) + var(--mvs-space-2) + max(var(--mvs-space-5), env(safe-area-inset-bottom,0px)) + var(--mvs-space-2))}.mvs-toast__icon{flex:none}.mvs-toast__message{font:var(--mvs-text-body-strong);white-space:pre-line;margin:0}@keyframes mvs-toast-in{0%{opacity:0;transform:translateY(8px)}}.mvs-toast:empty{opacity:0}.pwa-demo-ended{gap:var(--mvs-space-2);justify-items:start;display:grid}.pwa-demo-ended__icon{background:var(--mvs-color-bg-muted);border-radius:50%;justify-content:center;align-items:center;block-size:3rem;inline-size:3rem;display:inline-flex}.pwa-demo-band{z-index:10;position:sticky;top:0}
