.overlay[data-v-7f7be3d5]{z-index:90;background:#14081aad;position:fixed;inset:0}.overlay[data-state=open][data-v-7f7be3d5]{animation:overlay-in-7f7be3d5 var(--duration-base) var(--ease-out) both}.overlay[data-state=closed][data-v-7f7be3d5]{animation:overlay-out-7f7be3d5 var(--duration-fast) ease-in both}.drawer[data-v-7f7be3d5]{z-index:100;width:min(100%,31rem);padding:var(--space-6);overscroll-behavior-y:contain;background:var(--color-paper);color:var(--color-ink);box-shadow:var(--shadow-large);flex-direction:column;display:flex;position:fixed;inset-block:0;inset-inline-end:0;overflow-y:auto}.drawer.medium[data-v-7f7be3d5]{max-width:31rem}.drawer.large[data-v-7f7be3d5]{max-width:25rem}.drawer.brand[data-v-7f7be3d5]{color:var(--color-on-purple);background:var(--color-brand-purple)}.drawer[data-state=open][data-v-7f7be3d5]{animation:drawer-in-7f7be3d5 var(--duration-base) var(--ease-out) both}.drawer[data-state=closed][data-v-7f7be3d5]{animation:drawer-out-7f7be3d5 var(--duration-fast) ease-in both}.header[data-v-7f7be3d5]{justify-content:space-between;align-items:flex-start;display:flex}.close[data-v-7f7be3d5]{color:currentColor;cursor:pointer;background:0 0;border:0;flex:none;width:2.75rem;height:2.75rem;font-size:2rem;line-height:1}@media (width<=28rem){.drawer[data-v-7f7be3d5]{max-width:none;padding:var(--space-4)}}@keyframes overlay-in-7f7be3d5{0%{opacity:0}}@keyframes overlay-out-7f7be3d5{to{opacity:0}}@keyframes drawer-in-7f7be3d5{0%{opacity:0;transform:translate(8px)}}@keyframes drawer-out-7f7be3d5{to{opacity:0;transform:translate(8px)}}@media (prefers-reduced-motion:reduce){.drawer[data-state][data-v-7f7be3d5],.overlay[data-state][data-v-7f7be3d5]{animation:none}}