: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: #fff;--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:0%;background-color:transparent;top:0;left:0;right:0;opacity:0;visibility:visible;transition:.2s}.l_modal_overlay.active{opacity:0;visibility:hidden}.l_modal{position:fixed;bottom:0;right:13%;text-align:right;transform:translate(50%);max-width:105px;width:100%;opacity:0;visibility:visible;transition:.2s;flex-shrink:0;background-color:transparent;z-index:var(--z-index-popup)}.l_modal{box-shadow:0 0 #0000;background-color:transparent}@media screen and (min-width: 768px){.l_modal{max-width:180px;width:100%;right:0;transform:translate(0)}}.l_modal.active{opacity:0;visibility:hidden}.l_modal-close{color:#4d4d4d;position:absolute;top:-20px;left:-10px;cursor:pointer;font-size:23px;width:22px;text-align:end;border-radius:20px 40px 60px 80px z-index: 10}@media screen and (min-width: 768px){.l_modal-close{font-size:35px;top:-37px;left:-1.9em;width:100px;height:100px}}.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-color:transparent;text-align:center}.section-modal_ttl{margin:20px 0;font-size:0px}@media screen and (min-width: 768px){.section-modal_ttl{margin-top:50px;font-size:0px}}.section-modal_txt{font-size:0px}@media screen and (min-width: 768px){.section-modal_txt{margin:20px 0;font-size:0px}}
/*# sourceMappingURL=/cdn/shop/t/160/assets/section-custom-modal.css.map */
