.page-enter-active,.page-leave-active{transition:all .4s}.page-enter-from,.page-leave-to{filter:blur(1rem);opacity:0}@keyframes modalCannotClose{0%{transform:scale(1) translate(-50%)}20%{transform:scale(1) translate(-45%)}40%{transform:scale(1) translate(-55%)}60%{transform:scale(1) translate(-48%)}80%{transform:scale(1) translate(-52%)}to{transform:scale(1) translate(-50%)}}body.hakosalo-modal-open{overflow-y:hidden}div.hakosalo-modal-shadow{-webkit-backdrop-filter:blur(3px) saturate(25%);backdrop-filter:blur(3px) saturate(25%);background-color:#00000054;height:100%;left:0;position:fixed;top:0;width:100%}div.hakosalo-modal-shadow.v-enter-active,div.hakosalo-modal-shadow.v-leave-active{transition:all 333ms ease}div.hakosalo-modal-shadow.v-enter-from,div.hakosalo-modal-shadow.v-leave-to{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);opacity:0}div.hakosalo-modal-container{bottom:0;left:0;overflow-y:auto;padding-bottom:50px;position:fixed;right:0;top:0}div.hakosalo-modal-container.v-enter-active,div.hakosalo-modal-container.v-leave-active{transition:all 333ms ease-out}div.hakosalo-modal-container.v-leave-active{overflow-y:hidden}div.hakosalo-modal-container.v-enter-from,div.hakosalo-modal-container.v-leave-to{opacity:0;transform:translateY(-100px)}div.hakosalo-modal-container.no-close-effect div.hakosalo-modal{animation-duration:.2s;animation-name:modalCannotClose;animation-timing-function:ease-in-out}div.hakosalo-modal{left:50%;max-width:calc(100% - 50px);position:absolute;top:50px;transform:translate(-50%);transform-origin:bottom left}div.hakosalo-modal div.hakosalo-modal-box{background-color:#fff;border:1px solid #4d4d4d;border-radius:var(--bs-border-radius);box-shadow:0 0 10px 1px #00000054}@media screen and (max-width:600px){div.hakosalo-modal{max-width:calc(100% - 30px);top:15px}div.hakosalo-modal div.hakosalo-modal-box{border-radius:0}div.hakosalo-modal div.spacer{height:15px!important}}div.hakosalo-modal.size-xs{width:320px}div.hakosalo-modal.size-sm{width:540px}div.hakosalo-modal.size-md{width:720px}div.hakosalo-modal.size-lg{width:960px}div.hakosalo-modal.size-xl{width:1140px}div.hakosalo-modal.size-xxl{width:1320px}div.hakosalo-modal.size-full{width:95%}div.hakosalo-modal div.btns-on-grid{display:grid;gap:.5rem;grid-template-columns:1fr 1fr;width:100%}div.hakosalo-modal div.btns-on-grid>*{display:block!important;grid-column:auto/span 1;width:100%!important}div.hakosalo-modal div.btns-on-grid>:last-of-type:nth-child(odd){grid-column:auto/span 2}div.hakosalo-modal header{padding:2rem 2rem 0;position:relative}div.hakosalo-modal header h1{text-transform:uppercase}div.hakosalo-modal header.show-x>div.top-bar{padding-right:40px}@media screen and (max-width:600px){div.hakosalo-modal header>div.top-bar{padding-right:0}}div.hakosalo-modal header>div.top-bar h1{font-size:150%;margin:0}div.hakosalo-modal header>div.top-bar div.header-btns>div>button{margin-right:.5rem;position:relative;top:3px}div.hakosalo-modal header>div.top-bar div.header-btns>div>button:last-of-type{margin-right:0}div.hakosalo-modal header button.close-btn{background-color:transparent;border-radius:0;border-width:0;font-size:125%;height:32px;position:absolute;right:15px;top:50%;transform:translateY(-50%);transition:all .2s ease;width:32px}@media screen and (max-width:600px){div.hakosalo-modal header button.close-btn{top:15px;transform:none}}div.hakosalo-modal header button.close-btn:hover{background-color:#e6e6e6;border-radius:50%}div.hakosalo-modal header button.close-btn:active{background-color:#666;color:#fff}div.hakosalo-modal div.modal-main,div.hakosalo-modal footer{padding:2rem}div.hakosalo-modal footer .bottom-bar>button,div.hakosalo-modal header .top-bar .header-btns>button{margin-bottom:.5rem;margin-right:.5rem}div.hakosalo-modal footer .bottom-bar>button:last-of-type,div.hakosalo-modal header .top-bar .header-btns>button:last-of-type{margin-right:0}div.hakosalo-modal div.spacer{height:50px;width:100%}