<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.jp-sl-split-hero-part{height:50%;background-position:50% 50%;background-size:cover;position:relative;aspect-ratio:1;width:100%}.hero.jp-sl-split-hero{height:auto}.jp-sl-split-hero-darker-layer{background-color:#33333359;height:100%}.jp-sl-split-hero-part .container{height:100%}.jp-sl-split-hero-btn.btn{display:block;width:100%;max-width:350px;margin-top:0!important}.yellow-btn.jp-sl-split-hero-btn{color:var(--dd-color-first);background-color:var(--dd-color-second)}.yellow-btn.jp-sl-split-hero-btn:hover{background-color:var(--dd-color-first);color:var(--dd-color-sixth)}.jp-sl-split-hero-part-content{position:relative;display:flex;justify-content:center;align-items:center;height:100%}.jp-sl-split-hero-title{color:#fff;font-size:32px;line-height:32px;text-transform:uppercase;text-align:center;font-weight:300;position:absolute}.jp-sl-split-hero-top .jp-sl-split-hero-title{bottom:0}.jp-sl-split-hero-bottom .jp-sl-split-hero-title{top:0}.jp-sl-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:56px 80px;background:#fff;max-width:608px;width:calc(100% - 24px);margin:auto;text-align:center;display:flex;flex-direction:column;gap:40px}.jp-sl-content:empty{display:none}.jp-sl-content .jp-sl-heading{font-size:40px;line-height:50px;font-weight:400}.jp-sl-btns_wrps{display:flex;gap:40px;justify-content:center}.jp-sl-content .btn.jp-sl-split-hero-btn{max-width:204px;border:1px solid #000;color:#000;font-size:12px;line-height:18px;font-weight:400;padding:8px 32px}.jp-sl-content .btn.jp-sl-split-hero-btn:hover,.jp-sl-content .btn.jp-sl-split-hero-btn.solid_btn{background-color:#000;color:#fff;border-color:#000}.jp-sl-content .btn.jp-sl-split-hero-btn.solid_btn:hover{background-color:#fff;color:#000}.jp-sl-content.inverse{background-color:#000;color:#fff}.jp-sl-content.inverse .btn.jp-sl-split-hero-btn{border:1px solid #fff;color:#000;background-color:#fff}.jp-sl-content.inverse .btn.jp-sl-split-hero-btn:hover,.jp-sl-content.inverse .btn.jp-sl-split-hero-btn.solid_btn{background-color:#000;color:#fff;border-color:#fff}.jp-sl-content.inverse .btn.jp-sl-split-hero-btn.solid_btn:hover{background-color:#fff;color:#000}@media (min-width: 993px){.jp-sl-split-hero{display:flex}.jp-sl-split-hero-part{height:100%;width:50%}.jp-sl-split-hero-top .jp-sl-split-hero-title{bottom:unset;top:30%;right:-17px}.jp-sl-split-hero-bottom .jp-sl-split-hero-title{top:30%;left:-17px}}@media only screen and (max-width: 992px){.jp-sl-content{padding:24px 32px;gap:24px}.jp-sl-btns_wrps{gap:16px}.jp-sl-content .jp-sl-heading{font-size:24px;line-height:36px;font-weight:400}}@media only screen and (max-width: 375px){.jp-sl-content .btn.jp-sl-split-hero-btn{font-size:10px;line-height:18px}}
/*# sourceMappingURL=/cdn/shop/t/44/assets/jp-sl-split-hero.css.map */
</pre></body></html>