.cc-modal-component{align-items:center;display:flex;height:100vh;height:100dvh;justify-content:center;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:var(--space-24) 0;position:fixed;top:0;width:100vw;z-index:9999}[dir=ltr] .cc-modal-component{left:0}[dir=rtl] .cc-modal-component{right:0}.cc-modal-body{--modalBorderRadius: var(--radius-10);background-color:var(--color-bg-opaque);border-radius:var(--modalBorderRadius);box-shadow:var(--elevation-modal),inset 0 0 0 var(--border-1) var(--color-border-default);margin:auto;max-width:calc(100% - 1.5rem);position:relative}.cc-modal-backdrop{background-color:var(--backdropBg, var(--color-bg-overlay));inset:0;position:fixed;z-index:-1}.cc-modal-bg-transparent{--backdropBg: transparent}.cc-modal-enter-from,.cc-modal-leave-to{opacity:0}.cc-modal-enter{transition:opacity .3s var(--motion-ease-out-gentle)}.cc-modal-leave{transition:opacity .1s var(--motion-ease-out-gentle)}.cc-modal-component-v2{animation:cc-modal-fade-out .1s var(--motion-ease-out-gentle);background-color:transparent;border:none;display:none;height:100%;inset:0;margin:0 auto;max-height:100%;max-width:100%;overscroll-behavior:contain;padding:var(--space-24) .8rem;position:fixed}.cc-modal-component-v2[open]{animation:cc-modal-fade-in .3s var(--motion-ease-out-gentle);display:grid}.cc-modal-component-v2[open]::backdrop{animation:cc-modal-fade-in .3s var(--motion-ease-out-gentle);background-color:var(--color-bg-overlay)}.cc-modal-component-v2[open].cc-modal-bg-transparent::backdrop{background-color:transparent}.cc-modal-dialog{--modalBorderRadius: var(--radius-10);align-content:start;background-color:var(--color-bg-opaque);border-radius:var(--modalBorderRadius);box-shadow:var(--elevation-modal),inset 0 0 0 var(--border-1) var(--color-border-default);color:var(--color-text-default);margin:auto;max-width:var(--cc-modal-max-width);position:relative;width:100%}.cc-modal-xxxs{--cc-modal-max-width: var(--container-200);width:var(--container-200)}.cc-modal-xxs{--cc-modal-max-width: var(--container-300);width:var(--container-300)}.cc-modal-xs{--cc-modal-max-width: var(--container-360);width:var(--container-360)}.cc-modal-sm{--cc-modal-max-width: var(--container-400);width:var(--container-400)}.cc-modal-md{--cc-modal-max-width: var(--container-460);width:var(--container-460)}.cc-modal-lg{--cc-modal-max-width: var(--container-500);width:var(--container-500)}.cc-modal-xl{--cc-modal-max-width: var(--container-600);width:var(--container-600)}@keyframes cc-modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes cc-modal-fade-out{0%{display:grid;opacity:1}to{display:none;opacity:0}}