._demo_196a0_1{min-width:0;margin:0;scroll-margin-top:24px}._frame_196a0_2{aspect-ratio:1264/848;background:#dce1d4;border-radius:14px;position:relative;overflow:hidden}._frame_196a0_2>picture{width:100%;height:100%;display:block}._frame_196a0_2>picture>img{object-fit:cover;width:100%;height:100%;display:block}._frame_196a0_2>picture._after_196a0_4{clip-path:inset(0 calc(100% - var(--reveal)) 0 0);position:absolute;inset:0}._beforeLabel_196a0_5,._afterLabel_196a0_5{color:#183c32;pointer-events:none;background:#fffef9;border-radius:5px;padding:7px 12px;font-size:13px;font-weight:650;position:absolute;top:18px}._beforeLabel_196a0_5{right:18px}._afterLabel_196a0_5{left:18px}._divider_196a0_7{inset:0 auto 0 var(--reveal);pointer-events:none;background:#fffef9;width:2px;position:absolute;transform:translate(-1px)}._divider_196a0_7>span{color:#183c32;background:#fffef9;border-radius:50%;place-items:center;width:46px;height:46px;display:grid;position:absolute;top:61%;left:50%;transform:translate(-50%,-50%);box-shadow:0 3px 16px #183c3240}._range_196a0_9{opacity:0;cursor:ew-resize;touch-action:pan-y;width:100%;height:100%;margin:0;position:absolute;inset:0}._frame_196a0_2:focus-within{outline-offset:5px;outline:3px solid #2e6751}._controls_196a0_11{justify-content:space-between;align-items:center;gap:14px;margin-top:14px;display:flex}._controls_196a0_11>span{align-items:center;gap:7px;font-size:14px;font-weight:600;display:flex}._controls_196a0_11>div{gap:6px;display:flex}._controls_196a0_11 button{color:#183c32;cursor:pointer;background:#fffef9;border:1px solid #b9c6b8;border-radius:7px;min-height:44px;padding:9px 13px;font-size:13px}._controls_196a0_11 button:hover,._controls_196a0_11 button[aria-pressed=true]{color:#fffef9;background:#183c32;border-color:#183c32}._controls_196a0_11 button:focus-visible{outline-offset:3px;outline:3px solid #2e6751}._demo_196a0_1 figcaption{color:#57685d;max-width:74ch;margin-top:10px;font-size:12px;line-height:1.6}@media (max-width:600px){._controls_196a0_11{flex-direction:column;align-items:flex-start;gap:8px}._frame_196a0_2{aspect-ratio:1.25}._beforeLabel_196a0_5,._afterLabel_196a0_5{padding:6px 9px;font-size:12px;top:12px}._beforeLabel_196a0_5{right:12px}._afterLabel_196a0_5{left:12px}._demo_196a0_1 figcaption{font-size:12px}}