:root{--z-index-back: -1;--z-index-default: 1;--z-index-page-top: 50;--z-index-header: 100;--z-index-menu: 150;--z-index-popup: 1500}:root{--content-width-sm: 480px;--content-width: 960px;--content-width-lg: 1088px}:root{--black-color: #333;--white-color: #fff;--gray-color: #aaa;--gray-color02: #fafafa;--primary-color: #87ceeb;--accent-color: #00D600}h1,h2,h3,h4{font-weight:700}.l_modal_overlay{z-index:var(--z-index-popup);position:fixed;width:100%;background:var(--gray-color);opacity:.6;top:0;left:0;right:0;opacity:1;visibility:visible;transition:.2s}.l_modal_overlay.active{opacity:0;visibility:hidden}.l_modal{position:fixed;bottom:0;right:50%;transform:translate(50%);max-width:600px;width:80%;opacity:0;visibility:visible;transition:.2s;flex-shrink:0;background:var(--white-color);z-index:var(--z-index-popup)}.l_modal{box-shadow:0 5px 25px #00000059}@media screen and (min-width: 768px){.l_modal{max-width:350px;width:100%;right:0;transform:translate(0)}}.l_modal.active{opacity:0;visibility:hidden}.l_modal-close{position:absolute;top:0;right:10px;cursor:pointer;font-size:60px;width:20%;text-align:end;z-index:10}@media screen and (min-width: 768px){.l_modal-close{right:20px;width:100px;height:100px}}.m_btn{display:block;width:100%;padding:10px 5px;text-align:center;color:var(--white-color);background:var(--accent-color);text-decoration:none;font-size:18px;font-weight:700}@media screen and (min-width: 768px){.m_btn{width:90%;margin:10px auto 0}}.u_not_mobile{display:none}@media screen and (min-width: 768px){.u_not_mobile{display:block}}.u_mobile{display:block}@media screen and (min-width: 768px){.u_mobile{display:none}}@media screen and (min-width: 768px){.section_modal_content{display:flex;flex-direction:reverse}}.section-modal_image{margin:0}.section-modal_image img{display:block;width:100%;height:100%;object-fit:cover}@media screen and (min-width: 768px){.section-modal_image img{width:350px;height:auto;flex-shrink:0}}@media screen and (min-width: 768px){.section-modal_btn-wrapper{padding:10px 0}}.section-modal_bottom{max-width:var(--content-width-sm);width:100%;padding:15px 20px;background:var(--white-color);text-align:center}.section-modal_ttl{margin:20px 0;font-size:20px}@media screen and (min-width: 768px){.section-modal_ttl{margin-top:50px;font-size:32px}}.section-modal_txt{font-size:16px}@media screen and (min-width: 768px){.section-modal_txt{margin:20px 0;font-size:24px}}
/*# sourceMappingURL=/cdn/shop/t/213/assets/section-custom-modal.css.map */