div.modals{position:fixed;top:0;left:0;width:100%;height:100%;z-index:610;pointer-events:none;visibility:hidden;transition-property:visibility;transition-delay:0.2s;transition-timing-function:ease-out}div.modals.modal_open{visibility:visible;transition-delay:0s}div.modals>div.inner{overflow:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overflow-scrolling:touch;width:100%;height:100%;position:relative;z-index:2;pointer-events:auto;padding:40px 0}div.modals>div.inner>section.modal{border:1px solid #0505054d;max-width:1000px;width:95%;margin:0 auto;position:relative;z-index:2;background:#ffffff;transition-property:opacity;transition-duration:0.1s;transition-delay:0.1s;transition-timing-function:ease-out;opacity:0;display:none}div.modals>div.inner>section.modal.active{transition-delay:0s;opacity:1;pointer-events:auto;display:block}div.modals>div.inner>section.modal>div.inner{max-width:840px;width:90%;margin:0 auto;min-width:285px}div.modals>div.inner>section.modal>div.inner>div.btns>div.btn.close{font-weight:100;font-size:14px;border:1px solid #0505054d;text-align:center;letter-spacing:0.2em;width:200px;height:50px;margin:0 auto;display:flex;justify-content:center;align-items:center;cursor:pointer}div.modals>div.inner>div.bg{position:fixed;top:0;left:0;width:100%;height:100%;cursor:pointer;z-index:1;background:#ffffff80;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);transition-property:opacity;transition-duration:0.1s;transition-timing-function:ease-out;opacity:1}body:not(.modal_open) div.modals>div.inner>div.bg{opacity:0}div.modals>div.layer{max-width:1000px;width:95%;margin:0 auto;position:absolute;z-index:2;padding:40px 0;top:0;left:0;right:0;pointer-events:none;transition-property:opacity;transition-duration:0.1s;transition-timing-function:ease-out;opacity:1}body:not(.modal_open) div.modals>div.layer{opacity:0}div.modals>div.layer>div.close{position:relative;width:40px;height:40px;cursor:pointer;z-index:3;margin:0 0 0 auto;pointer-events:auto}div.modals>div.layer>div.close::before,div.modals>div.layer>div.close::after{content:"";width:1px;height:20px;background:#050505b3;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto}div.modals>div.layer>div.close::before{transform:rotate(45deg)}div.modals>div.layer>div.close::after{transform:rotate(-45deg)}div.modals[data-type='lifesnap']>div.inner{display:flex;justify-content:center;align-items:center}div.modals[data-type='lifesnap']>div.layer>div.close{display:none}div.modals>div.inner>section.modal.lifesnap{max-width:720px;max-height:720px;height:100vw;text-align:center;color:#534741;font-weight:500;justify-content:center;align-items:center}div.modals>div.inner>section.modal.lifesnap.active{display:flex}@media only screen and (max-width: 740px){div.modals>div.inner>section.modal.lifesnap{max-width:450px;max-height:500px;min-height:480px;height:125vw}}div.modals>div.inner>section.modal.lifesnap>div.inner>header{margin-bottom:60px}@media only screen and (max-width: 740px){div.modals>div.inner>section.modal.lifesnap>div.inner>header{margin-bottom:40px}}div.modals>div.inner>section.modal.lifesnap>div.inner>header>div.inner>h1{margin-bottom:20px}@media only screen and (max-width: 740px){div.modals>div.inner>section.modal.lifesnap>div.inner>header>div.inner>h1{margin-bottom:15px}}div.modals>div.inner>section.modal.lifesnap>div.inner>header>div.inner>h1>div.img>img{display:block;max-width:180px;width:100%;margin:0 auto}@media only screen and (max-width: 740px){div.modals>div.inner>section.modal.lifesnap>div.inner>header>div.inner>h1>div.img>img{max-width:135px}}div.modals>div.inner>section.modal.lifesnap>div.inner>header>div.inner>div.lead{font-size:15px;line-height:1.4;letter-spacing:0.1em}@media only screen and (max-width: 740px){div.modals>div.inner>section.modal.lifesnap>div.inner>header>div.inner>div.lead{font-size:11px}}@media only screen and (max-width: 740px){div.modals>div.inner>section.modal.lifesnap>div.inner>div.body{padding-bottom:15px}}div.modals>div.inner>section.modal.lifesnap>div.inner>div.body>section:not(:last-child){margin-bottom:45px}@media only screen and (max-width: 740px){div.modals>div.inner>section.modal.lifesnap>div.inner>div.body>section:not(:last-child){margin-bottom:30px}}div.modals>div.inner>section.modal.lifesnap>div.inner>div.body>section>h2{font-size:16px;letter-spacing:0.15em;margin-bottom:0.4em}@media only screen and (max-width: 740px){div.modals>div.inner>section.modal.lifesnap>div.inner>div.body>section>h2{font-size:12px}}div.modals>div.inner>section.modal.lifesnap>div.inner>div.body>section>div.link>a{display:flex;font-size:19px;white-space:nowrap;text-decoration:none;letter-spacing:0.145em;background:#c0848c33;justify-content:center;align-items:center;max-width:400px;width:100%;height:60px;margin:0 auto}@media only screen and (max-width: 740px){div.modals>div.inner>section.modal.lifesnap>div.inner>div.body>section>div.link>a{font-size:14px;max-width:300px;height:45px}}div.modals>div.inner>section.modal.lifesnap>div.close{position:absolute;width:40px;height:40px;cursor:pointer;z-index:3;top:5%;right:5%}@media only screen and (max-width: 740px){div.modals>div.inner>section.modal.lifesnap>div.close{top:0;right:0}}div.modals>div.inner>section.modal.lifesnap>div.close::before,div.modals>div.inner>section.modal.lifesnap>div.close::after{content:"";width:1px;height:35px;background:#534741;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto}@media only screen and (max-width: 740px){div.modals>div.inner>section.modal.lifesnap>div.close::before,div.modals>div.inner>section.modal.lifesnap>div.close::after{height:25px}}div.modals>div.inner>section.modal.lifesnap>div.close::before{transform:rotate(45deg)}div.modals>div.inner>section.modal.lifesnap>div.close::after{transform:rotate(-45deg)}div.modals>div.inner>section.modal.guide-size{font-weight:300;padding:70px 0}@media only screen and (max-width: 600px){div.modals>div.inner>section.modal.guide-size{padding:30px 0 70px}}div.modals>div.inner>section.modal.guide-size>div.inner>header{margin-bottom:45px}@media only screen and (max-width: 600px){div.modals>div.inner>section.modal.guide-size>div.inner>header{margin-bottom:50px}}div.modals>div.inner>section.modal.guide-size>div.inner>header>div.inner>h1{font-size:16px;font-weight:300;line-height:1.4;margin-bottom:25px;letter-spacing:0.2em}@media only screen and (max-width: 600px){div.modals>div.inner>section.modal.guide-size>div.inner>header>div.inner>h1{font-size:14px;margin-bottom:35px}}div.modals>div.inner>section.modal.guide-size>div.inner>header>div.inner>div.lead>div.img>img{display:block;max-width:410px;width:100%;margin:0 auto}@media only screen and (max-width: 450px){div.modals>div.inner>section.modal.guide-size>div.inner>header>div.inner>div.lead>div.img>img{width:105%;margin:0 -2.5%}}div.modals>div.inner>section.modal.guide-size>div.inner>div.body{letter-spacing:0.15em;margin-bottom:30px}@media only screen and (max-width: 600px){div.modals>div.inner>section.modal.guide-size>div.inner>div.body{margin-bottom:40px}}div.modals>div.inner>section.modal.guide-size>div.inner>div.body>section>h2{font-size:15px;font-weight:500}@media only screen and (max-width: 600px){div.modals>div.inner>section.modal.guide-size>div.inner>div.body>section>h2{font-size:14px}}div.modals>div.inner>section.modal.guide-size>div.inner>div.body>section>div.text{font-size:14px;padding-bottom:1.5em;text-align:justify}@media only screen and (max-width: 600px){div.modals>div.inner>section.modal.guide-size>div.inner>div.body>section>div.text{font-size:13px}}div.modals[data-type='to_app_note']>div.inner{display:flex;justify-content:center;align-items:center}div.modals[data-type='to_app_note']>div.layer>div.close{display:none}div.modals>div.inner>section.modal.to_app_note{max-width:450px;max-height:370px;height:100vw;text-align:center;font-weight:500;justify-content:center;align-items:center}div.modals>div.inner>section.modal.to_app_note.active{display:flex}@media only screen and (max-width: 600px){div.modals>div.inner>section.modal.to_app_note{max-width:380px;max-height:315px}}div.modals>div.inner>section.modal.to_app_note>div.inner{margin-top:-10px;width:95%}div.modals>div.inner>section.modal.to_app_note>div.inner>div.body{padding:0 0 55px}@media only screen and (max-width: 600px){div.modals>div.inner>section.modal.to_app_note>div.inner>div.body{padding:0 0 45px}}
/*# sourceMappingURL=modals.css.map */