@layer components{[data-ui=sheet-portal]{--sheet-min-width:400px;--sheet-max-width:500px;--sheet-min-height:300px;--sheet-max-height:80vh;--padding-block:var(--spacing-14)}[data-ui=sheet-portal] [data-ui=sheet-backdrop]{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:color-mix(in srgb, var(--color-on-surface) 32%, transparent);z-index:50;transition:background-color var(--transition-standard-slow-effects), opacity var(--transition-standard-slow-effects);opacity:0;position:fixed;inset:0}[data-ui=sheet-portal] [data-ui=sheet-backdrop][data-open]{opacity:1}[data-ui=sheet-portal] [data-ui=sheet-backdrop][data-ending-style]{opacity:0}[data-ui=sheet-portal] [data-ui=sheet-popup]{gap:var(--spacing-8);z-index:55;padding:var(--padding-block) var(--spacing-24);background-color:var(--color-surface-container-lowest);color:var(--color-on-surface);transition:translate var(--transition-standard-default-spatial), opacity var(--transition-standard-slow-effects);flex-direction:column;max-height:100vh;display:flex;position:fixed;overflow:auto}[data-ui=sheet-portal] [data-ui=sheet-popup]:focus-visible{outline:0}[data-ui=sheet-portal] [data-ui=sheet-popup] [data-slot=sheet-close]{top:calc(var(--padding-block) + var(--spacing-8));right:var(--spacing-14);z-index:10;position:absolute;transform:translateY(-50%)}[data-ui=sheet-portal] [data-ui=sheet-popup][data-side=right]{top:var(--spacing-0);right:var(--spacing-0);bottom:var(--spacing-0);width:var(--sheet-min-width)}[data-ui=sheet-portal] [data-ui=sheet-popup][data-side=right][data-starting-style],[data-ui=sheet-portal] [data-ui=sheet-popup][data-side=right][data-ending-style]{translate:100%}@media (min-width:640px){[data-ui=sheet-portal] [data-ui=sheet-popup][data-side=right]{max-width:var(--sheet-max-width)}}@media (max-width:640px){[data-ui=sheet-portal] [data-ui=sheet-popup][data-side=right]{width:100vw}}[data-ui=sheet-portal] [data-ui=sheet-popup][data-side=left]{top:var(--spacing-0);left:var(--spacing-0);bottom:var(--spacing-0);width:var(--sheet-min-width)}[data-ui=sheet-portal] [data-ui=sheet-popup][data-side=left][data-starting-style],[data-ui=sheet-portal] [data-ui=sheet-popup][data-side=left][data-ending-style]{translate:-100%}@media (min-width:640px){[data-ui=sheet-portal] [data-ui=sheet-popup][data-side=left]{max-width:var(--sheet-max-width)}}@media (max-width:640px){[data-ui=sheet-portal] [data-ui=sheet-popup][data-side=left]{width:100vw}}[data-ui=sheet-portal] [data-ui=sheet-popup][data-side=top]{top:var(--spacing-0);left:var(--spacing-0);right:var(--spacing-0);min-height:var(--sheet-min-height);max-height:var(--sheet-max-height)}[data-ui=sheet-portal] [data-ui=sheet-popup][data-side=top][data-starting-style],[data-ui=sheet-portal] [data-ui=sheet-popup][data-side=top][data-ending-style]{translate:0 -100%}[data-ui=sheet-portal] [data-ui=sheet-popup][data-side=bottom]{bottom:var(--spacing-0);left:var(--spacing-0);right:var(--spacing-0);min-height:var(--sheet-min-height);max-height:var(--sheet-max-height)}[data-ui=sheet-portal] [data-ui=sheet-popup][data-side=bottom][data-starting-style],[data-ui=sheet-portal] [data-ui=sheet-popup][data-side=bottom][data-ending-style]{translate:0 100%}@media (prefers-reduced-motion:reduce){[data-ui=sheet-portal] [data-ui=sheet-popup]{transition:opacity var(--transition-standard-fast-effects)}[data-ui=sheet-portal] [data-ui=sheet-popup]:where([data-starting-style]),[data-ui=sheet-portal] [data-ui=sheet-popup]:where([data-ending-style]){opacity:0;translate:0}}@media (min-width:640px){[data-ui=sheet-portal] [data-ui=sheet-popup][data-variant=inset]{margin:var(--spacing-16);border-radius:var(--radius-xl-inc);border:1px solid var(--color-surface-container-highest)}[data-ui=sheet-portal] [data-ui=sheet-popup][data-variant=inset][data-side=right]{right:var(--spacing-16);top:var(--spacing-16);bottom:var(--spacing-16);width:calc(var(--sheet-min-width) - var(--spacing-32));max-width:calc(var(--sheet-max-width) - var(--spacing-32))}[data-ui=sheet-portal] [data-ui=sheet-popup][data-variant=inset][data-side=left]{left:var(--spacing-16);top:var(--spacing-16);bottom:var(--spacing-16);width:calc(var(--sheet-min-width) - var(--spacing-32));max-width:calc(var(--sheet-max-width) - var(--spacing-32))}[data-ui=sheet-portal] [data-ui=sheet-popup][data-variant=inset][data-side=top]{top:var(--spacing-16);left:var(--spacing-16);right:var(--spacing-16)}[data-ui=sheet-portal] [data-ui=sheet-popup][data-variant=inset][data-side=bottom]{bottom:var(--spacing-16);left:var(--spacing-16);right:var(--spacing-16)}}[data-ui=sheet-portal] [data-ui=sheet-popup] [data-ui=sheet-header]{gap:var(--spacing-8);flex-direction:column;padding-block-start:var(--spacing-4);display:flex}[data-ui=sheet-portal] [data-ui=sheet-popup] [data-ui=sheet-header] [data-ui=separator]{width:calc(100% + (var(--spacing-24) * 2));margin-inline:calc(var(--spacing-24) * -1);margin-block-start:var(--padding-block)}[data-ui=sheet-portal] [data-ui=sheet-popup] [data-ui=sheet-header] [data-ui=sheet-title]{font:var(--font-title-md);padding-right:var(--spacing-32)}[data-ui=sheet-portal] [data-ui=sheet-popup] [data-ui=sheet-header] [data-ui=sheet-description]{font:var(--font-body-md);color:var(--color-on-surface-variant)}[data-ui=sheet-portal] [data-ui=sheet-popup] [data-ui=sheet-panel]{flex:1;min-height:0;overflow-y:auto}[data-ui=sheet-portal] [data-ui=sheet-popup] [data-ui=sheet-footer]{margin-top:auto}[data-ui=sheet-portal] [data-ui=sheet-popup] [data-ui=sheet-footer] [data-ui=sheet-footer-children]{gap:var(--spacing-8);justify-content:flex-end;display:flex}@media (max-width:640px){[data-ui=sheet-portal] [data-ui=sheet-popup] [data-ui=sheet-footer] [data-ui=sheet-footer-children]{flex-direction:column-reverse}}[data-ui=sheet-portal] [data-ui=sheet-popup] [data-ui=sheet-footer][data-variant=default] [data-ui=separator]{width:calc(100% + (var(--spacing-24) * 2));margin-inline:calc(var(--spacing-24) * -1);margin-block-end:var(--padding-block)}[data-ui=sheet-portal] [data-ui=sheet-popup] [data-ui=sheet-footer][data-variant=default] [data-ui=sheet-footer-children]{padding-block-start:var(--spacing-4)}[data-ui=sheet-portal] [data-ui=sheet-popup] [data-ui=sheet-footer][data-variant=bare] [data-ui=sheet-footer-children]{padding-block-start:var(--spacing-8)}}
