.modal01{position:fixed;inset:0;display:flex;flex-direction:column;z-index:9999}.modal01--mobile{max-height:100%;height:90%;align-items:flex-end;justify-content:end;inset:unset;left:0;bottom:0;width:100%;transition:.3s}.modal01--desktop{align-items:center;justify-content:center;max-height:100vh;z-index:50}.modal01--slide-up{animation:slide-up .3s ease-in-out}.modal01--slide-down{animation:slide-down .3s ease-in-out}.modal01__wrap{max-height:90%;max-width:840px;width:100%;border-radius:.5rem;position:relative;background-color:#fff;overflow:hidden;display:flex;flex-direction:column}@media(min-width:320px)and (max-width:767.98px){.modal01__wrap{max-height:100%;border-radius:.5rem .5rem 0 0}}.modal01__content{background-color:#fff;overflow-y:auto;width:100%;max-height:100%}@media(min-width:320px)and (max-width:767.98px){.modal01__content{padding-bottom:40px}}@media(min-width:768px){.modal01__content{max-width:840px}}.modal01__content--no-padding{padding:0}@media(min-width:320px)and (max-width:767.98px){.modal01__content--no-min-height{min-height:0}}.modal01__header{max-width:840px;width:100%;position:relative;display:flex;align-items:center;justify-content:center;padding:20px 0 16px;background:#fff;border-bottom:2px solid #c3d2de}.modal01__header--no-line{border-bottom:unset}.modal01__title{font-weight:700;text-align:center}@media(min-width:320px)and (max-width:767.98px){.modal01__title{font-size:16px}}@media(min-width:768px){.modal01__title{font-size:20px}}.modal01__close{position:absolute;top:.625rem;right:.625rem;display:flex;align-items:center;justify-content:center;padding:.25rem;width:2.5rem;height:2.5rem;background-color:#e3ecef;border-radius:50%;color:#6b7280;cursor:pointer;z-index:1}@media(min-width:320px)and (max-width:767.98px){.modal01__close{width:28px;height:28px}}@media(min-width:768px){.modal01__close{width:40px;height:40px}}.modal01__close:hover{opacity:.6}.modal01-backdrop{position:fixed;inset:0;background-color:rgba(0,0,0,.5);z-index:-1;transition:.3s;display:none}.modal01-backdrop--fade-in{animation:fade-in .3s ease-in-out}.modal01-backdrop--fade-out{animation:fade-out .3s ease-in-out}.modal01-backdrop--active{z-index:99999999;display:block}.modal01-backdrop--active .modal01--mobile{display:flex}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slide-down{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}