: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:500}.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:20%;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:888}.l_modal{box-shadow:0 5px 12px #00000059}@media screen and (min-width:768px){.l_modal{max-width:350px;width:100%;right:30px;bottom:30px;transform:translate(0)}}.l_modal.active{opacity:0;visibility:hidden}.l_modal-close{color:#fff;position:absolute;top:-13px;right:-12px;cursor:pointer;font-size:30px;width:50px;height:50px;text-align:end;z-index:21;background-color:#000;border-radius:100px;display:flex;font-weight:700;justify-content:center}@media screen and (min-width:768px){.l_modal-close{right:-4px;width:50px;height:50px}}.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/13/assets/section-custom-modal.css.map */