.modal-sp{display:none;position:fixed;bottom:0;left:0;height:100%;width:100%;background:rgba(0,0,0,.3137254902);z-index:-1;opacity:0;transition:.3s}@media(min-width:320px)and (max-width:767.98px){.modal-sp{display:block}}.modal-sp--active{opacity:1;z-index:99999999}.modal-sp--active .modal-sp__content{bottom:0}.modal-sp__content{background:#fff;position:absolute;bottom:-60vh;left:0;width:100%;max-height:80vh;min-height:40vh;border-radius:16px 16px 0 0;padding:16px 0 56px;transition:.3s;display:flex;flex-direction:column;overflow:hidden}.modal-sp__content .modal-sp__scroll{overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0 16px 24px;flex:1 1}.modal-sp__close{position:absolute;top:10px;right:10px}