.modal__overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;background:#0006;display:flex;justify-content:center;align-items:center}.modal__container{background-color:#fff;padding:30px 60px 60px;max-width:760px;max-height:100vh;overflow-y:auto;box-sizing:border-box}.modal__header{display:flex;justify-content:space-between;align-items:center}.micromodal-slide{display:none}.modal__title{font-family:Helvetica;font-size:21px;font-weight:700;line-height:24.15px;margin:0}.modal__close{background:transparent;border:0;margin-left:auto;margin-bottom:14px;display:flex}.modal__close:before{content:"\2715"}.modal__content{margin-top:2rem;margin-bottom:2rem;line-height:1.5;color:#000c}.modal__btn{font-family:Hiragino Kaku Gothic Pro;font-size:16px;font-weight:600;line-height:16px;letter-spacing:.02em;text-align:center;color:#fff;background-color:#000;padding:15px;min-width:240px;text-decoration:none;display:inline-block}.modal__btn:hover{opacity:.8;transition:all .3s;color:#fff}.modal__content-wrapper{position:relative;aspect-ratio:16 / 5;margin-bottom:20px}.modal__content-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.modal__content-text{font-family:Hiragino Kaku Gothic Pro;font-size:14px;font-weight:300;line-height:21px;letter-spacing:.02em}.modal__footer{display:flex;justify-content:center}@keyframes mmfadeIn{0%{opacity:0}to{opacity:1}}@keyframes mmfadeOut{0%{opacity:1}to{opacity:0}}@keyframes mmslideIn{0%{transform:translateY(15%)}to{transform:translateY(0)}}@keyframes mmslideOut{0%{transform:translateY(0)}to{transform:translateY(-10%)}}.micromodal-slide.is-open{display:block}.micromodal-slide[aria-hidden=false] .modal__overlay{animation:mmfadeIn .3s cubic-bezier(0,0,.2,1)}.micromodal-slide[aria-hidden=false] .modal__container{animation:mmslideIn .3s cubic-bezier(0,0,.2,1)}.micromodal-slide[aria-hidden=true] .modal__overlay{animation:mmfadeOut .3s cubic-bezier(0,0,.2,1)}.micromodal-slide[aria-hidden=true] .modal__container{animation:mmslideOut .3s cubic-bezier(0,0,.2,1)}.micromodal-slide .modal__container,.micromodal-slide .modal__overlay{will-change:transform}@media only screen and (max-width:768px){.modal__container{padding:20px 20px 30px;max-width:90%}.modal__content-wrapper{aspect-ratio:16 / 9}}
/*# sourceMappingURL=/cdn/shop/t/83/assets/modal.css.map */