@layer components{.modal{width:min(34rem, calc(100vw - 2 * var(--page-margin)));background-color:var(--color-background);max-height:85dvh;color:var(--color-foreground);opacity:0;transition:opacity var(--transition-base), display var(--transition-base) allow-discrete, overlay var(--transition-base) allow-discrete;border:none;flex-direction:column;margin:auto;padding:0;position:fixed;inset:0}.modal[open]{opacity:1;display:flex}@starting-style{.modal[open]{opacity:0}}.modal::backdrop{opacity:0;transition:opacity var(--transition-base), display var(--transition-base) allow-discrete, overlay var(--transition-base) allow-discrete;background-color:#00000073}.modal[open]::backdrop{opacity:1}@starting-style{.modal[open]::backdrop{opacity:0}}.modal__header{justify-content:space-between;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-block-end:var(--border-width) solid var(--color-border);display:flex}.modal__title{font-size:var(--type-md);font-weight:500}.modal__close{padding:var(--space-2xs);color:currentColor;cursor:pointer;background:0 0;border:none;place-items:center;display:grid}.modal__close svg{width:.875rem}.modal__close--floating{z-index:1;position:absolute;inset-block-start:var(--space-sm);inset-inline-end:var(--space-sm)}.modal__content{padding:var(--space-lg);font-size:var(--type-sm);line-height:var(--type-leading-base);flex:auto;overflow-y:auto}.modal__content>*+*{margin-block-start:var(--space-sm)}.modal__content table{border-collapse:collapse;width:100%;font-size:var(--type-sm)}.modal__content th,.modal__content td{padding:var(--space-2xs) var(--space-sm);border:var(--border-width) solid var(--color-border);text-align:start}.modal__footer{padding:var(--space-md) var(--space-lg);border-block-start:var(--border-width) solid var(--color-border)}@media (width<=47.9375rem){.modal{opacity:1;width:100vw;max-width:100vw;transition:translate var(--duration-drawer) var(--ease-swift), display var(--duration-drawer) var(--ease-swift) allow-discrete, overlay var(--duration-drawer) var(--ease-swift) allow-discrete;margin:auto 0 0;translate:0 100%}.modal[open]{translate:0}@starting-style{.modal[open]{translate:0 100%}}}}