[modal]{display:block}@keyframes modal_pop_in{0%{transform:scale(1.02);opacity:0;filter:blur(8px)}to{transform:none;opacity:1;filter:blur(0)}}@keyframes modal_pop_out{0%{transform:scale(1);opacity:1;filter:blur(0)}to{transform:scale(.98);opacity:0;filter:blur(8px)}}@keyframes modal_fade_in{0%{opacity:0;backdrop-filter:blur(2px) opacity(0)}to{opacity:1;backdrop-filter:blur(2px) opacity(1)}}@keyframes modal_fade_out{0%{opacity:1;backdrop-filter:blur(2px) opacity(1)}to{opacity:0;backdrop-filter:blur(2px) opacity(0)}}.Modal{--modal-duration: .3s;--modal-gutter: var(--space-page);--modal-backdrop: 0,0,0;position:fixed;display:flex;flex-direction:column;padding:var(--modal-gutter);padding-bottom:0;inset:0;margin:0;width:100vw;height:100vh;overflow-x:hidden;overflow-y:auto}.Modal:after{width:100%;padding-top:var(--modal-gutter);content:""}.Modal::backdrop{display:none!important}.Modal__backdrop{position:fixed;inset:0;box-shadow:0 0 1.6rem .8rem rgba(var(--modal-backdrop, 0,0,0),.1) inset;background-color:rgba(var(--modal-backdrop, 0,0,0),.2);backdrop-filter:blur(2px);cursor:pointer;content:""}.Modal__container{position:relative;margin:auto}.Modal__close{display:flex;justify-content:center;align-items:center;position:absolute;z-index:999;top:0;right:0;left:unset;border-radius:9999px;border:0;background-color:#0000;width:1.5em;height:1.5em;padding:.25em;line-height:1;font-size:24px;color:var(--theme-head, #222222);transition-duration:.3s;transition-timing-function:ease;transition-property:border-color,background-color,color;cursor:pointer}.Modal__close:after{display:block;margin-top:2px;content:"\d7"}.Modal__close:hover,.Modal__close:focus{background-color:#0000ff26}.Modal[data-state=active]{visibility:visible}.Modal[data-state=leave] .Modal__backdrop{animation:modal_fade_out var(--modal-duration) forwards ease-out}.Modal[data-state=leave] .Modal__container{animation:modal_pop_out var(--modal-duration) forwards ease-out}.Modal[data-state=idle]{visibility:hidden}.Modal[data-state=enter] .Modal__backdrop{animation:modal_fade_in var(--modal-duration) forwards ease-in}.Modal[data-state=enter] .Modal__container{animation:modal_pop_in var(--modal-duration) forwards ease-in}[drawer]{--drawer-duration: .3s;overflow:hidden;transition-property:height;transition-duration:var(--drawer-duration);transition-timing-function:ease-in-out}[drawer][open]{height:auto}[drawer]:not([open]){height:0}[drawer]:focus-within{transition-duration:0ms!important;height:auto!important}[drawer-toggle]{cursor:pointer}@keyframes drawer_fade_in{0%{transform:translateY(-8px);opacity:0;filter:blur(2px)}to{transform:translate(0);opacity:1;filter:blur(0)}}@keyframes drawer_fade_out{0%{transform:translate(0);opacity:1;filter:blur(0)}to{transform:translateY(-8px);opacity:0;filter:blur(2px)}}.Drawer{display:flex;flex-direction:column}.Drawer__summary{position:relative;z-index:2}.Drawer__summary:focus-visible{outline:var(--input-outline)}.Drawer__content{position:relative;z-index:1}.Drawer__content:focus-within{outline:var(--input-outline);outline-style:dotted;outline-offset:2px}.Drawer__content[data-state]{animation-duration:var(--drawer-duration);animation-timing-function:ease-in-out}.Drawer__content[data-state=enter]{animation-name:drawer_fade_in}.Drawer__content[data-state=active]{visibility:visible}.Drawer__content[data-state=leave]{animation-name:drawer_fade_out}.Drawer__content[data-state=idle]{visibility:hidden}.DemoBlock{flex:1 0 auto;display:flex;justify-content:center;align-items:center;border-radius:8px;background-color:var(--theme-primary);padding:2rem}.DemoBlock__item{position:relative;border-radius:4px;padding:4px;overflow:hidden}.DemoBlock__item:before{position:absolute;inset:0;background-color:var(--theme-primary);opacity:.8;content:""}.DemoBlock__item>*{position:relative}