.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{z-index:var(--c3-z-overlay);max-width:calc(100vw - var(--c3-margin-large));max-height:calc(100vh - var(--c3-margin-large));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);position:relative;overflow:auto}.c3-modal__header{align-items:center;gap:var(--c3-margin-xsmall);padding:var(--c3-margin) 1.25rem;border-bottom:var(--c3-border-width) solid var(--c3-color-border);display:flex}.c3-modal__title{color:var(--c3-color-text);margin:0;font-size:1.125rem;font-weight:600}.c3-modal__close{padding:var(--c3-margin-xsmall);border-radius:var(--c3-border-radius-small);color:var(--c3-color-text-muted);cursor:pointer;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{justify-content:flex-end;gap:var(--c3-margin-xsmall);padding:var(--c3-margin) 1.25rem;border-top:var(--c3-border-width) solid var(--c3-color-border);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__backdrop{align-items:stretch;display:flex}.c3-drawer__panel{z-index:var(--c3-z-overlay);width:var(--c3-drawer-width);background-color:var(--c3-color-emphasis);max-width:90vw;height:100%;box-shadow:0 0 var(--c3-margin-large) var(--c3-margin) var(--c3-color-shadow);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-drawer-enter-active,.c3-drawer-leave-active,.c3-slideover-enter-active,.c3-slideover-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,.c3-slideover-enter-from .c3-slideover__panel,.c3-slideover-leave-to .c3-slideover__panel{transform:translateX(calc(var(--c3-dir) * 100%))}.c3-slideover__backdrop{justify-content:flex-end;display:flex}.c3-slideover__panel{z-index:var(--c3-z-overlay);width:var(--c3-slideover-width);background-color:var(--c3-color-emphasis);max-width:90vw;height:100%;box-shadow:0 0 var(--c3-margin-large) var(--c3-margin) var(--c3-color-shadow);flex-direction:column;display:flex;position:relative}.c3-slideover__header{align-items:center;gap:var(--c3-margin-xsmall);padding:var(--c3-margin) 1.25rem;border-bottom:var(--c3-border-width) solid var(--c3-color-border);display:flex}.c3-slideover__title{color:var(--c3-color-text);margin:0;font-size:1.125rem;font-weight:600}.c3-slideover__close{padding:var(--c3-margin-xsmall);border-radius:var(--c3-border-radius-small);color:var(--c3-color-text-muted);cursor:pointer;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{justify-content:flex-end;gap:var(--c3-margin-xsmall);padding:var(--c3-margin) 1.25rem;border-top:var(--c3-border-width) solid var(--c3-color-border);display:flex}@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}}