#compression-level-side-modal{display:block;outline:none;visibility:hidden;overflow:hidden;position:fixed;top:0;bottom:0;z-index:150}#compression-level-side-modal.open{visibility:visible}#compression-level-side-modal .wrapper{height:100%}#compression-level-side-modal .wrapper .head{padding-top:7rem}#compression-level-side-modal .wrapper .head .close{top:36%}#compression-level-side-modal .wrapper .head .close svg.icon{font-size:1.4em}#compression-level-side-modal .title h2{font-size:3rem}#compression-level-side-modal .content{position:relative;overflow:hidden;padding:2rem;overflow-y:scroll}#compression-level-side-modal.from-right{right:calc(-1 * var(--slide-in-modal-width));transition-property:right,visibility}#compression-level-side-modal.from-right.open{right:0}#compression-level-side-modal.from-left{left:calc(-1 * var(--slide-in-modal-width));transition-property:left,visibility}#compression-level-side-modal.from-left.open{left:0}#compression-level-side-modal.from-fade{left:0;right:0;opacity:0;transition-property:opacity,visibility}#compression-level-side-modal.from-fade.open{opacity:1}#compression-level-side-modal .content .compression-level-item:not(:last-child){margin-bottom:3.5em}#compression-level-side-modal .content .compression-level-title h3{font-size:2.4rem;text-transform:uppercase;font-family:var(--body-font-family);font-weight:600;margin-bottom:.5em}#compression-level-side-modal .content .compression-level-img-indicator img{width:13.6rem}#compression-level-side-modal .content .compression-level-subtitle h3,#compression-level-side-modal .content .compression-level-additional-text p{font-size:1.6rem}#compression-level-side-modal .content .compression-level-subtitle h3{opacity:.7}#compression-level-side-modal .content .compression-level-main-text p{font-size:1.8rem;font-weight:400;padding:1.5em 0}#compression-level-side-modal .content .compression-level-additional-text p{font-weight:400;opacity:.7;margin-bottom:0;border-top:1px solid var(--scheme-borders-color);padding:1em 0 1em 2em}#compression-level-side-modal .content .compression-level-additional-text p:last-child{border-bottom:1px solid var(--scheme-borders-color)}@media (max-width: 38em){#compression-level-side-modal .content .compression-level-img-indicator img{width:10.6rem}}
/*# sourceMappingURL=/cdn/shop/t/66/assets/compression_level_side_modal.css.map */