@layer responsive{sl-drawer.responsive-sheet{--sheet-edge:1rem;--sheet-slot:32px;--sheet-gap:.75rem;--size:auto}sl-drawer.responsive-sheet::part(panel){height:auto;max-height:calc(82dvh - var(--sheet-keyboard,0px));margin-bottom:var(--sheet-keyboard,0px);background:var(--sl-color-neutral-0);border-radius:18px 18px 0 0}sl-drawer.responsive-sheet[data-dragging]::part(panel){transform:translateY(var(--sheet-drag,0px))}sl-drawer.responsive-sheet::part(body){flex-direction:column;min-height:0;padding:0;display:flex;overflow:hidden}sl-drawer.responsive-sheet .sheet{flex-direction:column;min-height:0;max-height:100%;display:flex}sl-drawer.responsive-sheet .sheet>:not(.sheet-body){flex-shrink:0}sl-drawer.responsive-sheet .sheet-grab-zone{touch-action:none}sl-drawer.responsive-sheet .sheet-grab{background:var(--sl-color-neutral-300);border-radius:2px;width:40px;height:4px;margin:.5rem auto .2rem}sl-drawer.responsive-sheet .sheet-head{padding:.1rem calc(var(--sheet-edge) + var(--sheet-slot) / 2 - 22px) .5rem;grid-template-columns:44px 1fr 44px;align-items:center;display:grid}sl-drawer.responsive-sheet .sheet-nav{width:44px;height:44px;color:var(--sl-color-neutral-700);cursor:pointer;background:0 0;border:0;border-radius:22px;justify-content:center;align-items:center;display:inline-flex}sl-drawer.responsive-sheet .sheet-nav:focus-visible{outline:2px solid var(--sl-color-primary-600)}sl-drawer.responsive-sheet .sheet-title{text-align:center;color:var(--sl-color-neutral-900);margin:0;font-size:1rem;font-weight:700}sl-drawer.responsive-sheet .sheet-body{overscroll-behavior:contain;flex:1;min-height:0;overflow-y:auto}sl-drawer.responsive-sheet .sheet-foot{padding:.75rem var(--sheet-edge) 1rem;border-top:1px solid var(--sl-color-neutral-200);flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}sl-drawer.responsive-sheet .sheet-page{animation:.16s ease-out sheet-page-in}[dir=rtl] sl-drawer.responsive-sheet .sheet-page{animation-name:sheet-page-in-rtl}}@keyframes sheet-page-in{0%{opacity:0;transform:translate(1.5rem)}to{opacity:1;transform:none}}@keyframes sheet-page-in-rtl{0%{opacity:0;transform:translate(-1.5rem)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){sl-drawer.responsive-sheet::part(panel){transition:none}sl-drawer.responsive-sheet .sheet-page{animation:none}}