.modal{position:relative}.modal__close{align-items:center;background:var(--bg-gray);border-radius:50%;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:8px;top:8px;width:32px;z-index:10}@media (min-width:768px){.modal-desktop{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}.modal-desktop .modal{background:#fff;border-radius:20px;overflow:hidden}}@media (max-width:767px){.modal-mobile{align-items:flex-end;background:#00000080;display:flex;height:100%;left:0;overflow:hidden;position:fixed;top:0;width:100vw;z-index:9999}.modal-mobile .modal{background:#fff;border-top-left-radius:16px;border-top-right-radius:16px;height:calc(100% - 25px);max-height:100%;overflow:hidden;width:100%}.modal-mobile .modal__content{height:100%;max-height:100svh;overflow-y:scroll}}@media (max-width:1199px) and (min-width:768px){.modal-tablet{align-items:flex-end;background:#00000080;display:flex;height:100%;justify-content:left;left:0;position:fixed;top:0;width:100vw;z-index:9999}.modal-tablet .modal{background:#fff;border-radius:0 16px 0 0;height:calc(100% - 25px);overflow:hidden;width:320px}.modal-tablet .modal__content{height:100%}}@media (max-width:767px){.modal-min .modal{height:auto}}@media (min-width:767px){.modal-enter-active,.modal-leave-active{transition:all .3s ease-out}}@media (max-width:767px){.modal-enter-active,.modal-leave-active{transition:all .6s ease-out}}@media (min-width:767px){.modal-enter-from,.modal-leave-to{opacity:0}}@media (max-width:767px){.modal-enter-from,.modal-leave-to{opacity:1}}@media (min-width:767px){.content-enter-active,.content-leave-active{transition:all .3s ease-out}}@media (max-width:767px){.content-enter-active,.content-leave-active{transition:all .6s ease-out}}@media (min-width:767px){.content-enter-from,.content-leave-to{opacity:0}}@media (max-width:767px){.content-enter-from,.content-leave-to{transform:translateY(100svh)}}@media (max-width:1199px) and (min-width:768px){.modal-enter-active.modal-tablet,.modal-leave-active.modal-tablet{transition:all .3s ease-out}.modal-enter-active.modal-tablet .modal,.modal-leave-active.modal-tablet .modal{transition:all .6s ease-in-out}.modal-enter-from.modal-tablet,.modal-leave-to.modal-tablet{opacity:0}.modal-enter-from.modal-tablet .modal,.modal-leave-to.modal-tablet .modal{transform:translate(-100vw)}}