@layer arche.base;@layer arche.components{.arche-sheet__scrim{z-index:var(--arche-z-index-modal);background:var(--arche-color-scrim);transition:opacity var(--arche-duration-slow) var(--arche-easing-standard);position:fixed;inset:0}.arche-sheet__scrim:is([data-starting-style],[data-ending-style]){opacity:0}.arche-sheet__scrim[data-ending-style]{transition-duration:var(--arche-duration-base)}.arche-sheet{z-index:var(--arche-z-index-modal);box-sizing:border-box;color:var(--arche-color-text);background:var(--arche-color-surface-overlay);box-shadow:var(--arche-elevation-overlay);transition:translate var(--arche-duration-slow) var(--arche-easing-standard);flex-direction:column;display:flex;position:fixed}.arche-sheet:is([data-side=right],[data-side=left]){width:min(100% - 3rem,26rem);inset-block:0}.arche-sheet:is([data-side=right],[data-side=left])[data-size=sm]{width:min(100% - 3rem,20rem)}.arche-sheet:is([data-side=right],[data-side=left])[data-size=lg]{width:min(100% - 3rem,36rem)}.arche-sheet[data-side=right]{right:0}.arche-sheet[data-side=left]{left:0}.arche-sheet[data-side=bottom]{inset-inline:0;border-radius:var(--arche-radius-lg) var(--arche-radius-lg) 0 0;max-height:calc(100dvh - 3rem);bottom:0}.arche-sheet[data-side=right]:is([data-starting-style],[data-ending-style]){translate:100%}.arche-sheet[data-side=left]:is([data-starting-style],[data-ending-style]){translate:-100%}.arche-sheet[data-side=bottom]:is([data-starting-style],[data-ending-style]){translate:0 100%}.arche-sheet[data-ending-style]{transition-duration:var(--arche-duration-base)}.arche-sheet__header{gap:var(--arche-spacing-1);padding-block:var(--arche-spacing-5) var(--arche-spacing-4);padding-inline:var(--arche-spacing-5) calc(var(--arche-spacing-4) + 1.75rem + var(--arche-spacing-2));border-bottom:1px solid var(--arche-color-border);flex:none;display:grid}.arche-sheet__title{font-size:var(--arche-font-size-md);font-weight:var(--arche-font-weight-semibold);line-height:var(--arche-font-line-height-heading);color:var(--arche-color-text-strong);margin:0}.arche-sheet__description{color:var(--arche-color-text-muted);margin:0}.arche-sheet__body{min-height:0;padding:var(--arche-spacing-5);overscroll-behavior:contain;flex:auto;overflow-y:auto}.arche-sheet__body:focus-visible{outline-offset:-2px}.arche-sheet__body>:where(:first-child){margin-top:0}.arche-sheet__body>:where(:last-child){margin-bottom:0}.arche-sheet__actions{justify-content:flex-end;gap:var(--arche-spacing-2);padding:var(--arche-spacing-4) var(--arche-spacing-5);border-top:1px solid var(--arche-color-border);flex-wrap:wrap;flex:none;display:flex}.arche-sheet__close{width:1.75rem;height:1.75rem;color:var(--arche-color-text-muted);border-radius:var(--arche-radius-md);cursor:pointer;transition:color var(--arche-duration-fast) var(--arche-easing-standard), background-color var(--arche-duration-fast) var(--arche-easing-standard);background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;inset-block-start:var(--arche-spacing-4);inset-inline-end:var(--arche-spacing-4)}.arche-sheet__close:hover{color:var(--arche-color-text-strong);background:var(--arche-color-hover)}.arche-sheet__close:active{background:var(--arche-color-press)}@media (prefers-reduced-motion:reduce){.arche-sheet:is([data-starting-style],[data-ending-style]){opacity:0;translate:none}}@media (forced-colors:active){.arche-sheet{outline:1px solid canvastext}}}
