._root_f4sqp_1{z-index:70;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}._root_f4sqp_1[data-variant=palette]{align-items:flex-start;padding-top:12vh}._root_f4sqp_1[data-variant=drawer]{justify-content:flex-end;align-items:stretch;padding:.5rem}._backdrop_f4sqp_20{background:var(--d-scrim);animation:.18s ease-out _fade_f4sqp_1;position:absolute;inset:0}._panel_f4sqp_27{background:var(--d-surface);width:100%;max-height:calc(100dvh - 2rem);color:var(--d-fg);border:1px solid var(--d-line);border-radius:calc(var(--d-radius) + .25rem);box-shadow:var(--d-shadow-pop);outline:none;flex-direction:column;animation:.2s cubic-bezier(.2,.8,.2,1) _pop_f4sqp_1;display:flex;position:relative;overflow:hidden}._panel_f4sqp_27[data-size=sm]{max-width:26rem}._panel_f4sqp_27[data-size=md]{max-width:36rem}._panel_f4sqp_27[data-size=lg]{max-width:52rem}._panel_f4sqp_27[data-size=xl]{max-width:72rem}[data-variant=drawer] ._panel_f4sqp_27{max-width:min(56rem,100%);height:100%;max-height:none;animation-name:_slide_f4sqp_1}[data-variant=palette] ._panel_f4sqp_27{max-width:38rem;max-height:70vh}@keyframes _fade_f4sqp_1{0%{opacity:0}}@keyframes _pop_f4sqp_1{0%{opacity:0;transform:translateY(.5rem)scale(.985)}}@keyframes _slide_f4sqp_1{0%{opacity:.4;transform:translate(2rem)}}@media (prefers-reduced-motion:reduce){._backdrop_f4sqp_20,._panel_f4sqp_27{animation:none}}