.ix-daynight__bar{display:flex;justify-content:space-between;align-items:center;gap:var(--s-3);margin-bottom:var(--s-4);flex-wrap:wrap}.ix-daynight__compare{aspect-ratio:3 / 2;min-height:0;width:100%;max-width:100%;box-shadow:var(--e-2)}@media (max-width: 767px){.ix-daynight__compare{aspect-ratio:4 / 5}}.ix-daynight__compare>.a .ix-daynight__stage,.ix-daynight__compare>.b .ix-daynight__stage,.ix-daynight__compare .ln-stage{position:absolute;inset:0;width:100%;height:100%}.ix-daynight__compare .thumb{cursor:ew-resize;z-index:3;transition:box-shadow var(--d-base)}.ix-daynight__compare .thumb:hover,.ix-daynight__compare[data-dragging=true] .thumb{box-shadow:var(--glow-ring)}.ix-daynight__compare .thumb:focus-visible{outline:var(--focus-ring) solid var(--amber);outline-offset:var(--focus-offset)}.ix-daynight__compare .divider{z-index:2}.ix-daynight__tag{position:absolute;bottom:var(--s-3);z-index:2;padding:var(--s-1) var(--s-2);border-radius:var(--r-1);background:var(--glass);color:var(--bone);font-size:var(--t-caption);font-weight:600;pointer-events:none}.ix-daynight__tag--day{left:var(--s-3);bottom:calc(var(--s-3) + 30px)}.ix-daynight__tag--night{right:var(--s-3)}.ix-daynight__foot{margin-top:var(--s-4)}@media (max-width: 767px){.ix-daynight__foot .c-btn{width:100%}}