@charset "UTF-8";
@layer reset, base, app.base;
.UBZV-G_dialog{--header-height:65px;background:var(--color-bg-panel);border:1px solid var(--color-border-translucent);border-radius:8px;width:100%;max-width:640px;transition:transform .5s cubic-bezier(.32,.72,0,1);position:fixed;top:24px;bottom:24px;right:24px;overflow:hidden;box-shadow:0 0 32px #0006,0 0 0 1px #000}.UBZV-G_dialog[data-starting-style],.UBZV-G_dialog[data-ending-style]{transform:translate(105%)}.UBZV-G_content{--padding-y:32px;--padding-x:32px;padding:calc(var(--padding-y) - 2px) var(--padding-x) var(--padding-y);height:calc(100% - var(--header-height));overflow-y:auto}.UBZV-G_trigger{cursor:pointer;background:0 0;border:none;padding:0}.UBZV-G_backdrop{background:var(--color-bg-primary);opacity:.8;transition:opacity .5s cubic-bezier(.32,.72,0,1);position:fixed;inset:0}.UBZV-G_backdrop[data-starting-style],.UBZV-G_backdrop[data-ending-style]{opacity:0}.UBZV-G_close{cursor:pointer;width:40px;height:40px;color:var(--color-text-quaternary);background:0 0;border:none;border-radius:8px;place-items:center;display:grid}@media (any-hover:hover){.UBZV-G_close:hover{color:var(--color-text-secondary)}}.UBZV-G_header{border-bottom:1px solid var(--color-border-translucent);justify-content:space-between;align-items:center;height:65px;padding:0 12px 0 32px;display:flex}.UBZV-G_arrowButton{width:32px;height:40px;color:var(--color-text-quaternary);transition:color .15s var(--ease-out-quad);cursor:pointer;background:0 0;border:none;place-items:center;padding:0;display:grid}.UBZV-G_arrowButton:disabled{opacity:.3;cursor:default;pointer-events:none}@media (any-hover:hover){.UBZV-G_arrowButton:hover{color:var(--color-text-secondary)}}
