@keyframes base-dialog-fade{0%{opacity:0}}@keyframes base-dialog-fade-out{to{opacity:0}}@keyframes base-dialog-rise{0%{opacity:0;transform:translateY(1.5rem)}}@keyframes base-dialog-hold{to{opacity:1}}@keyframes base-dialog-sheet{0%{transform:translateY(-100%)}}@keyframes base-dialog-sheet-out{to{transform:translateY(-100%)}}@keyframes base-dialog-sink{to{opacity:0;transform:translateY(1rem)}}.base-dialog__overlay{z-index:100;animation:base-dialog-fade var(--timing-default) var(--easing-out-cubic);background-color:#00000080;position:fixed;inset:0}.base-dialog__overlay[data-state=closed]{animation:base-dialog-fade-out var(--timing-fast) var(--easing-out-cubic) forwards}.base-dialog{z-index:101;color:var(--color-base);--base-dialog-bg:var(--color-bg);flex-direction:column;display:flex;position:fixed;inset:0}.base-dialog:focus{outline:none}.base-dialog__scroller{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,currentcolor 25%,transparent) transparent;flex-direction:column;flex:auto;gap:1.5rem;min-height:0;padding:6rem 1rem 1.5rem;display:flex;position:relative;overflow-y:auto}@media (width<=47.99em){.base-dialog:before{content:"";z-index:-1;background-color:var(--base-dialog-bg);animation:base-dialog-sheet var(--timing-default) var(--easing-in-out-cubic);position:fixed;inset:0}.base-dialog .base-dialog__scroller{animation:base-dialog-rise var(--timing-default) var(--easing-out-cubic) var(--timing-fast) backwards}.base-dialog[data-state=closed]{animation:base-dialog-hold var(--timing-default)}.base-dialog[data-state=closed]:before{animation:base-dialog-sheet-out var(--timing-default) var(--easing-in-out-cubic) forwards}.base-dialog[data-state=closed] .base-dialog__scroller{animation:base-dialog-sink var(--timing-fast) var(--easing-in-out-cubic) forwards}}@media (width>=48em){.base-dialog__scroller{padding:4rem 2.5rem 2.5rem}.base-dialog{background-color:var(--base-dialog-bg);animation:base-dialog-fade var(--timing-default) var(--easing-out-cubic);width:min(100vw - 4rem,var(--base-dialog-width));max-height:calc(100dvh - 4rem);box-shadow:var(--shadow-expanded);border-radius:1rem;inset:50% auto auto 50%;overflow:hidden;translate:-50% -50%}.base-dialog.-small{animation-name:base-dialog-rise}.base-dialog[data-state=closed]{animation:base-dialog-fade-out var(--timing-fast) var(--easing-out-cubic) forwards}}.base-dialog.-small{--base-dialog-width:30rem}.base-dialog.-medium{--base-dialog-width:45rem}.base-dialog.-large{--base-dialog-width:67.5rem}.base-dialog__close{width:2.5rem;height:2.5rem;color:var(--color-bg);background-color:var(--color-base);cursor:pointer;transition:transform var(--timing-fast) var(--easing-default);border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:1.875rem;right:1rem}.base-dialog__close svg{width:.875rem;height:.875rem}.base-dialog__close.-hovered,.base-dialog__close:focus-visible:not(.-no-focus-hover),.hover-group:focus-visible .base-dialog__close{transform:rotate(90deg)}@media (hover:hover){.base-dialog__close:hover,.hover-group:hover .base-dialog__close{transform:rotate(90deg)}}.base-dialog__close:focus-visible{outline:.125rem solid var(--color-accent);outline-offset:.125rem}.base-dialog__header{gap:.5rem;display:grid}.base-dialog.-scroll-body .base-dialog__scroller{overflow:hidden}.base-dialog.-scroll-body .base-dialog__body{flex-direction:column;flex:auto;min-height:0;display:flex}.base-dialog__description,.base-dialog__title{margin:0}.base-dialog__footer{flex-wrap:wrap;justify-content:flex-end;gap:1rem;display:flex}