.bottom-sheet{border-radius:var(--radius-lg) var(--radius-lg) 0 0;background-color:var(--color-surface);width:min(36rem,100%);max-width:100%;max-height:85vh;box-shadow:var(--shadow-md);color:var(--color-text);border:none;margin:auto auto 0;padding:0}.bottom-sheet[open]{animation:bottom-sheet-slide-in var(--transition-base)}.bottom-sheet::backdrop{background-color:var(--color-backdrop)}.bottom-sheet .sheet{flex-direction:column;max-height:85vh;display:flex}.bottom-sheet .header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-bottom:var(--border-width) solid var(--color-border-subtle);display:flex}@media (max-width:767.98px){.bottom-sheet .header{padding-inline:var(--space-4)}}.bottom-sheet .heading{gap:var(--space-1);flex-direction:column;display:flex}.bottom-sheet .title{font-size:var(--font-size-md)}.bottom-sheet .description{color:var(--color-text-muted);font-size:var(--font-size-sm)}.bottom-sheet .close-button{padding:var(--space-1);border-radius:var(--radius-sm);color:inherit;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.bottom-sheet .icon{width:24px;height:24px}.bottom-sheet .body{padding:var(--space-4) var(--space-5) var(--space-5);overflow-y:auto}@media (max-width:767.98px){.bottom-sheet .body{padding-inline:var(--space-4)}}@keyframes bottom-sheet-slide-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}