.c-base-modal-overlay{--c-base-modal-mascot-offset:90px;--c-base-modal-overlay-padding-end:24px;align-items:center;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);background-color:#7775;display:flex;inset:0;justify-content:center;padding-block-end:var(--c-base-modal-overlay-padding-end);padding-block-start:var(--c-base-modal-mascot-offset);padding-inline-end:var(--scrollbar-compensation,0);position:fixed}@media(max-width:640px){.c-base-modal-overlay{--c-base-modal-overlay-padding-end:0px}}.c-base-modal{--c-base-modal-padding-block:32px;--c-base-modal-padding-inline:16px;background-color:var(--color-surface-100);border-radius:16px;box-shadow:var(--box-shadow-default);max-width:580px;min-width:460px;outline:none;padding:var(--c-base-modal-padding-block) var(--c-base-modal-padding-inline);position:relative}@media(max-width:640px){.c-base-modal{--c-base-modal-padding-block:18px;--c-base-modal-padding-inline:10px;border-end-end-radius:0;border-end-start-radius:0;inset-block-end:0;max-width:calc(100vw - 4px);min-width:auto;position:absolute;width:100vw}}.c-base-modal__mascot{inset-block-start:calc(var(--c-base-modal-mascot-offset)*-1);position:absolute}.c-base-modal__close{background-color:var(--color-surface-100);border:1px solid transparent;border-radius:50%;box-shadow:var(--box-shadow-default);color:var(--color-blue-700);font-size:24px;inset-block-start:-16px;inset-inline-end:-16px;padding:4px;position:absolute;transition:color var(--transition-duration-default),background-color var(--transition-duration-default)}@media(hover:hover)and (pointer:fine){.c-base-modal__close:hover{background-color:var(--color-surface-0);color:var(--color-blue-700)}}.c-base-modal__close:active{background-color:var(--color-surface-0);color:var(--color-blue-700)}@media(max-width:640px){.c-base-modal__close{inset-inline-end:0}}.c-base-modal__body{display:grid;grid-template-rows:1fr;max-height:calc(100dvh - var(--c-base-modal-mascot-offset) - var(--c-base-modal-overlay-padding-end) - var(--c-base-modal-padding-block)*2);min-height:150px;overflow-y:auto;padding-inline:16px;scrollbar-color:color-mix(in srgb,var(--color-surface-400) 50%,transparent) transparent}.c-base-modal__body::-webkit-scrollbar-thumb{background-color:color-mix(in srgb,var(--color-surface-400) 60%,transparent)}@media(max-width:640px){.c-base-modal__body{min-height:50dvh;padding-inline:10px}}.c-base-modal__body--with-title{grid-template-rows:auto 1fr}.c-base-modal__title{font-size:28px;font-weight:400;margin-block-end:24px}@media(max-width:640px){.c-base-modal__title{font-size:22px;margin-block-end:20px}}.c-base-modal-transition-enter-active,.c-base-modal-transition-leave-active{transition:background-color var(--transition-duration-default),backdrop-filter var(--transition-duration-default)}.c-base-modal-transition-enter-active .c-base-modal,.c-base-modal-transition-leave-active .c-base-modal{transition:opacity var(--transition-duration-default),transform var(--transition-duration-default)}.c-base-modal-transition-enter-from,.c-base-modal-transition-leave-to{backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0);background-color:transparent}.c-base-modal-transition-enter-from .c-base-modal,.c-base-modal-transition-leave-to .c-base-modal{opacity:0;transform:scale(.95)}.c-base-modal-transition-enter-to,.c-base-modal-transition-leave-from{backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);background-color:#7775}.c-base-modal-transition-enter-to .c-base-modal,.c-base-modal-transition-leave-from .c-base-modal{opacity:1;transform:scale(1)}@media(max-width:640px){.c-base-modal-transition-enter-active .c-base-modal,.c-base-modal-transition-leave-active .c-base-modal{transition:transform var(--transition-duration-default)}.c-base-modal-transition-enter-from .c-base-modal,.c-base-modal-transition-leave-to .c-base-modal{opacity:1;transform:translateY(100%)}.c-base-modal-transition-enter-to .c-base-modal,.c-base-modal-transition-leave-from .c-base-modal{opacity:1;transform:translateY(0)}}