:root{--modal-radius:.5rem;--modal-separator:transparent;--modal-bg:var(--dialog-bg,var(--s2-bg));--modal-speed:.4s;--modal-blur:2px;--modal-backdrop:#00000080}.oui-modal{z-index:200;background:var(--modal-backdrop);cursor:default;will-change:transform;isolation:isolate;height:100vh;-webkit-backdrop-filter:blur(var(--modal-blur));justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0;right:0;overflow:hidden}.oui-modal ._modal_overlay{display:flex;position:absolute;inset:0;overflow:hidden}.oui-modal ._modal_container{width:min(52ch,90vw)}.oui-modal._modal_size_small ._modal_container{width:min(36ch,90vw)}.oui-modal._modal_size_large ._modal_container{width:min(80ch,90vw);height:min(50rem,90vh)}@media screen and (width>=888.02px){.oui-modal._modal_size_max ._modal_container{width:calc(100vw - 4rem);max-width:calc(100vw - 4rem);height:calc(100vh - 4rem);max-height:calc(100vh - 4rem)}}.oui-modal ._modal_container{z-index:300;will-change:transform;opacity:1;background:var(--modal-bg);border:1px solid var(--modal-separator);border-radius:var(--modal-radius);flex-direction:column;max-height:75vh;display:flex;position:relative;overflow:hidden;transform:translate(0,0);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}:where(.oui-modal ._modal_container>*){flex-grow:0;flex-shrink:0}@media screen and (width<=888px){:has(._modal_sheet) .oui-modal ._modal_container{border:inherit;border-radius:inherit;border-top-left-radius:var(--modal-radius);border-top-right-radius:var(--modal-radius);width:100%;height:100%;max-height:100%;margin:0;padding:0;position:absolute;top:0;bottom:0}.virtual-keyboard :has(._modal_sheet) .oui-modal ._modal_container{padding-bottom:0}.virtual-keyboard :has(._modal_sheet) .oui-modal ._modal_container ._modal_footer{transition:border var(--modal-speed);--modal-separator:var(--t3-bg);padding-bottom:var(--safe-bottom,0)}.virtual-keyboard :has(._modal_sheet) .oui-modal ._modal_container ._modal_bottom_space{height:calc(100vh - var(--visible-height,0))}}:has(._modal_force_sheet) .oui-modal ._modal_container{border:inherit;border-radius:inherit;border-top-left-radius:var(--modal-radius);border-top-right-radius:var(--modal-radius);width:100%;height:100%;max-height:100%;margin:0;padding:0;position:absolute;top:0;bottom:0}.virtual-keyboard :has(._modal_force_sheet) .oui-modal ._modal_container{padding-bottom:0}.virtual-keyboard :has(._modal_force_sheet) .oui-modal ._modal_container ._modal_footer{transition:border var(--modal-speed);--modal-separator:var(--t3-bg);padding-bottom:var(--safe-bottom,0)}.virtual-keyboard :has(._modal_force_sheet) .oui-modal ._modal_container ._modal_bottom_space{height:calc(100vh - var(--visible-height,0))}.oui-modal ._modal_title{font-weight:var(--font-weight-semibold,600);flex-direction:column;padding-bottom:1rem;padding-right:2.5rem;display:flex}:where(.oui-modal ._modal_title>*){flex-grow:0;flex-shrink:0}.oui-modal ._modal_header{border-bottom:1px solid var(--modal-separator,#e4e4e7);flex-direction:column;min-height:3rem;padding:1rem 1rem 0;display:flex}:where(.oui-modal ._modal_header>*){flex-grow:0;flex-shrink:0}.oui-modal ._modal_close{border-radius:var(--modal-radius);font-size:var(--font-md,1.125rem);cursor:pointer;color:inherit;appearance:none;background:0 0;border:none;padding:.75rem;position:absolute;top:.125rem;right:.125rem}.oui-modal ._modal_close:hover{color:var(--p1-fg)}.oui-modal ._modal_footer{border-top:1px solid var(--modal-separator,#e4e4e7);text-align:right;padding:1rem}.oui-modal ._modal_body{contain:content;min-height:2rem;padding:1rem;padding-bottom:calc(var(--safe-bottom,0) + 16px);flex:auto;margin:0;display:block;position:relative;overflow:hidden;position:static!important;overflow:hidden auto!important}.oui-modal ._modal_header+._modal_body{padding-top:0}.oui-modal._modal_has_footer ._modal_body{padding-bottom:.25rem}.oui-modal-transition-enter-active,.oui-modal-transition-leave-active{transition-property:all;transition-duration:var(--modal-speed);transition-timing-function:ease}.oui-modal-transition-enter-active ._modal_container,.oui-modal-transition-leave-active ._modal_container{transition-property:opacity transform;transition-duration:var(--modal-speed);transition-timing-function:ease}.oui-modal-transition-enter-active{animation:oui-blur-in var(--modal-speed)}.oui-modal-transition-leave-active{animation:oui-blur-out var(--modal-speed)}.oui-modal-transition-enter-from,.oui-modal-transition-leave-to{background-color:#0000}.oui-modal-transition-enter-from ._modal_container,.oui-modal-transition-leave-to ._modal_container{opacity:0;transform:translateY(50%)}.oui-dialog input{width:100%}@keyframes oui-blur-in{0%{-webkit-backdrop-filter:blur();background-color:#0000}to{-webkit-backdrop-filter:blur(var(--modal-blur));background:var(--modal-backdrop)}}@keyframes oui-blur-out{0%{-webkit-backdrop-filter:blur(var(--modal-blur));background:var(--modal-backdrop)}to{-webkit-backdrop-filter:blur();background-color:#0000}}
