@charset "UTF-8";.before-after__wrapper .before-after-main{position:relative;display:block}.before-after-showcase-card{background:#f7faf3;border-radius:16px;padding:28px 20px;box-shadow:0 4px 20px #00000008}.toggle-compare-block{display:flex;flex-direction:column;align-items:center;width:100%;max-width:920px;margin:0 auto}.toggle-compare-controls{display:inline-flex;align-items:center;background:#fff;padding:5px;border-radius:32px;gap:8px;margin-bottom:1.25rem;box-shadow:0 3px 12px #0000000f}.toggle-pill-group{display:inline-flex;align-items:center;gap:4px;background:#f1f3f0;padding:3px;border-radius:26px}.toggle-compare-pill{border:none!important;background:transparent!important;color:#555!important;font-size:14px!important;font-weight:600!important;padding:8px 22px!important;border-radius:24px!important;cursor:pointer;transition:all .25s ease!important;outline:none!important;text-decoration:none!important;box-shadow:none!important;-webkit-tap-highlight-color:transparent;display:inline-flex;align-items:center;justify-content:center;margin:0!important}.toggle-compare-pill:hover{color:#1a4d2e!important}.toggle-compare-pill.active{background:#1a4d2e!important;color:#fff!important;box-shadow:0 2px 6px #1734044d!important;transform:scale(1.04)}.toggle-sun-btn{width:38px;height:38px;border-radius:50%;border:1.5px solid #EF9F27!important;background:#faeeda!important;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;outline:none!important;padding:0!important;margin:0!important;transition:all .25s ease!important;box-sizing:border-box;-webkit-tap-highlight-color:transparent}.toggle-sun-btn .sun-icon{transition:stroke .25s ease,transform .3s ease}.toggle-sun-btn:hover:not(.disabled){background:#fdf3e3!important;transform:scale(1.05)}.toggle-sun-btn.active{background:#ef9f27!important;border-color:#ba7508!important;box-shadow:0 2px 8px #ef9f2766!important;transform:scale(1.05)}.toggle-sun-btn.active .sun-icon{stroke:#fff!important;transform:rotate(45deg)}.toggle-sun-btn.disabled{opacity:.4;cursor:not-allowed;filter:grayscale(40%);pointer-events:none}.toggle-compare-stage{position:relative;width:100%;border-radius:16px;overflow:hidden;aspect-ratio:16 / 9;background:#eef1ec;box-shadow:0 6px 20px #00000014}.toggle-compare-item{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden;transition:opacity .4s ease,visibility .4s ease;z-index:1}.toggle-compare-item.active{opacity:1;visibility:visible;z-index:2}.toggle-compare-item .media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.toggle-compare-item .media img{width:100%;height:100%;object-fit:cover;display:block}.toggle-compare-caption-wrap{position:relative;min-height:20px;width:100%;margin-top:12px}.toggle-compare-caption{position:absolute;inset-inline-start:0;inset-inline-end:0;margin:0;font-size:12px;color:#666;text-align:center;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.toggle-compare-caption.active{opacity:1;visibility:visible}.toggle-compare-cta-wrap{margin-top:14px;display:flex;justify-content:center;width:100%;opacity:0;visibility:hidden;transform:translateY(4px);transition:opacity .3s ease,visibility .3s ease,transform .3s ease}.toggle-compare-cta-wrap.active{opacity:1;visibility:visible;transform:translateY(0)}.toggle-compare-cta-btn{display:inline-flex;align-items:center;justify-content:center;background:#1a4d2e!important;color:#fff!important;border:none!important;padding:10px 24px!important;border-radius:999px!important;font-size:13px!important;font-weight:500!important;text-decoration:none!important;transition:background-color .2s ease,transform .2s ease,box-shadow .2s ease;cursor:pointer;letter-spacing:.02em;box-shadow:0 2px 8px #1a4d2e33}.toggle-compare-cta-btn:hover{background:#133922!important;color:#fff!important;transform:translateY(-1px);box-shadow:0 4px 14px #1a4d2e59}@media screen and (max-width:749px){.before-after-showcase-card{padding:20px 16px;border-radius:12px}.toggle-compare-block{max-width:100%}.toggle-compare-controls{margin-bottom:1rem}.toggle-compare-pill{padding:7px 18px!important;font-size:13px!important}.toggle-compare-stage{border-radius:12px;aspect-ratio:16 / 11}}.toggle-light-group{display:inline-flex;align-items:center;gap:3px;background:#f1f3f0;padding:3px;border-radius:26px}.toggle-sun-btn,.toggle-moon-btn{width:36px;height:36px;border-radius:50%;border:none!important;background:transparent!important;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;outline:none!important;padding:0!important;margin:0!important;transition:all .25s ease!important;box-sizing:border-box;-webkit-tap-highlight-color:transparent}.toggle-sun-btn .sun-icon,.toggle-moon-btn .moon-icon{transition:stroke .25s ease,fill .25s ease,transform .3s ease}.toggle-sun-btn:hover:not(.disabled),.toggle-moon-btn:hover:not(.disabled){transform:scale(1.06)}.toggle-sun-btn.active{background:#ef9f27!important;box-shadow:0 2px 6px #ef9f2766!important;transform:scale(1.05)}.toggle-sun-btn.active .sun-icon{stroke:#fff!important}.toggle-moon-btn.active{background:#1a202c!important;box-shadow:0 2px 6px #1a202c66!important;transform:scale(1.05)}.toggle-moon-btn.active .moon-icon{stroke:#fff!important;fill:#fff!important}.toggle-sun-btn.disabled,.toggle-moon-btn.disabled{opacity:.4;cursor:not-allowed;filter:grayscale(40%);pointer-events:none}
/*# sourceMappingURL=/cdn/shop/t/31/assets/section-before-after.css.map */