html.modal{overflow:hidden}[data-modal=close]{background:transparent;border:none;bottom:0;left:0;margin:auto;position:fixed;right:0;top:0;z-index:-1}[data-modal=close-icon]{position:fixed;right:16px;top:110px}[data-modal=container]{background:var(--color-10);transition-duration:1s;transition-property:transform;transition-timing-function:ease-in-out;z-index:999999}[data-modal=container],[data-modal=content]{bottom:0;left:0;margin:auto;position:fixed;right:0;top:0}[data-modal=content]{height:fit-content;max-height:calc(100% - 100px);max-width:calc(100% - 100px);overflow-y:auto;width:fit-content}[data-modal=loader] svg{animation:loader 1.2s linear infinite}[data-modal=loader].hidden{display:none;opacity:0;visibility:hidden}@keyframes loader{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}[data-modal=container].slide-left-inactive{transform:translateX(-100%)}[data-modal=container].slide-left-active{transform:translateX(0)}[data-modal=container].slide-right-inactive{transform:translateX(100%)}[data-modal=container].slide-right-active{transform:translateX(0)}[data-modal=container].fade-up-inactive{transform:translateY(100%)}[data-modal=container].fade-up-active{transform:translateX(0)}[data-modal=container].fade-down-inactive{transform:translateY(-100%)}[data-modal=container].fade-down-active{transform:translateX(0)}