.c3-drawer__backdrop,.c3-modal__backdrop,.c3-slideover__backdrop{z-index:var(--c3-z-overlay);background-color:#00000080;position:fixed;inset:0}.c3-modal__backdrop{padding:var(--c3-margin);justify-content:center;align-items:center;display:flex}.c3-modal__dialog{background-color:var(--c3-color-emphasis);border-radius:var(--c3-border-radius);box-shadow:0 0 var(--c3-margin-large) var(--c3-margin) var(--c3-color-shadow);max-height:calc(100vh - var(--c3-margin-large));max-width:calc(100vw - var(--c3-margin-large));z-index:var(--c3-z-overlay);position:relative;overflow:auto}.c3-modal__header{border-bottom:var(--c3-border-width) solid var(--c3-color-border);align-items:center;gap:var(--c3-margin-xsmall);padding:var(--c3-margin) 1.25rem;display:flex}.c3-modal__title{color:var(--c3-color-text);margin:0;font-size:1.125rem;font-weight:600}.c3-modal__close{border-radius:var(--c3-border-radius-small);color:var(--c3-color-text-muted);cursor:pointer;padding:var(--c3-margin-xsmall);background-color:#0000;border:none;justify-content:center;align-items:center;margin-inline-start:auto;display:inline-flex}.c3-modal__close:hover{background-color:var(--c3-color-muted)}.c3-modal__close:focus-visible{outline:2px solid var(--c3-color-info);outline-offset:2px}.c3-modal__body{color:var(--c3-color-text);padding:1.25rem}.c3-modal__footer{border-top:var(--c3-border-width) solid var(--c3-color-border);gap:var(--c3-margin-xsmall);padding:var(--c3-margin) 1.25rem;justify-content:flex-end;display:flex}.c3-drawer__backdrop{align-items:stretch;display:flex}.c3-drawer__panel{background-color:var(--c3-color-emphasis);box-shadow:0 0 var(--c3-margin-large) var(--c3-margin) var(--c3-color-shadow);max-width:90vw;height:100%;width:var(--c3-drawer-width);z-index:var(--c3-z-overlay);position:relative;overflow-y:auto}.c3-drawer__panel--left{margin-inline-end:auto}.c3-drawer__panel--right{margin-inline-start:auto}.c3-drawer__body{color:var(--c3-color-text);padding:1.25rem}.c3-slideover__backdrop{justify-content:flex-end;display:flex}.c3-slideover__panel{background-color:var(--c3-color-emphasis);box-shadow:0 0 var(--c3-margin-large) var(--c3-margin) var(--c3-color-shadow);max-width:90vw;height:100%;width:var(--c3-slideover-width);z-index:var(--c3-z-overlay);flex-direction:column;display:flex;position:relative}.c3-slideover__header{border-bottom:var(--c3-border-width) solid var(--c3-color-border);align-items:center;gap:var(--c3-margin-xsmall);padding:var(--c3-margin) 1.25rem;display:flex}.c3-slideover__title{color:var(--c3-color-text);margin:0;font-size:1.125rem;font-weight:600}.c3-slideover__close{border-radius:var(--c3-border-radius-small);color:var(--c3-color-text-muted);cursor:pointer;padding:var(--c3-margin-xsmall);background-color:#0000;border:none;justify-content:center;align-items:center;margin-inline-start:auto;display:inline-flex}.c3-slideover__close:hover{background-color:var(--c3-color-muted)}.c3-slideover__close:focus-visible{outline:2px solid var(--c3-color-info);outline-offset:2px}.c3-slideover__body{color:var(--c3-color-text);flex:1;padding:1.25rem;overflow-y:auto}.c3-slideover__footer{border-top:var(--c3-border-width) solid var(--c3-color-border);gap:var(--c3-margin-xsmall);padding:var(--c3-margin) 1.25rem;justify-content:flex-end;display:flex}.c3-modal-enter-active,.c3-modal-leave-active{transition:opacity .2s}.c3-modal-enter-active .c3-modal__dialog,.c3-modal-leave-active .c3-modal__dialog{transition:transform .2s}.c3-modal-enter-from,.c3-modal-leave-to{opacity:0}.c3-modal-enter-from .c3-modal__dialog,.c3-modal-leave-to .c3-modal__dialog{transform:scale(.95)}.c3-drawer-enter-active,.c3-drawer-leave-active{transition:transform .25s}.c3-drawer-enter-from,.c3-drawer-leave-to{transform:translate(0)}.c3-drawer-enter-from .c3-drawer__panel--left,.c3-drawer-leave-to .c3-drawer__panel--left{transform:translateX(calc(var(--c3-dir)*-100%))}.c3-drawer-enter-from .c3-drawer__panel--right,.c3-drawer-leave-to .c3-drawer__panel--right{transform:translateX(calc(var(--c3-dir)*100%))}.c3-slideover-enter-active,.c3-slideover-leave-active{transition:transform .25s}.c3-slideover-enter-from .c3-slideover__panel,.c3-slideover-leave-to .c3-slideover__panel{transform:translateX(calc(var(--c3-dir)*100%))}@media (prefers-reduced-motion:reduce){.c3-drawer-enter-active,.c3-drawer-leave-active,.c3-modal-enter-active,.c3-modal-leave-active,.c3-slideover-enter-active,.c3-slideover-leave-active{transition:none}}