:where([data-ui]){box-sizing:border-box;min-inline-size:0}:where([data-ui=shell]){min-block-size:100dvh;inline-size:100%;max-inline-size:100%;overflow-x:clip}:where([data-ui=topbar]){z-index:var(--app-layer-topbar);min-inline-size:0;position:relative}:where([data-ui=panel]),:where([data-ui=card-grid]){inline-size:100%;min-inline-size:0;max-inline-size:100%}:where([data-ui=card-grid])>*{min-inline-size:0}:where([data-ui=card]){isolation:isolate;inline-size:100%;min-inline-size:0;max-inline-size:100%;position:relative}:where([data-ui=card-front]),:where([data-ui=card-back]){inline-size:100%;min-inline-size:0;max-inline-size:100%}:where([data-ui=card][data-ui-state=collapsed])>[data-ui=card-front]{block-size:100%}:where([data-ui-scroll-owner]){overscroll-behavior:contain;-webkit-overflow-scrolling:touch;min-block-size:0}:where([data-ui=cluster]),:where([data-ui=actions]){min-inline-size:0;max-inline-size:100%}:where([data-ui=actions]){padding-block-end:max(var(--app-space-4), env(safe-area-inset-bottom))}:where([data-ui=takeover]){z-index:var(--app-layer-overlay);isolation:isolate;overscroll-behavior:contain;border-radius:inherit;block-size:100%;min-block-size:0;inline-size:100%;min-inline-size:0;max-inline-size:none;margin:0;position:absolute;inset:0;overflow:auto}:where([data-ui=takeover])>*{min-block-size:0;min-inline-size:0}@media (max-width:800px){:where([data-ui=panel]){padding-inline:max(var(--app-space-4), env(safe-area-inset-left)) max(var(--app-space-4), env(safe-area-inset-right))}}