/* START_SNIPPET:atelier-comparison (INDEX:58) */
.atelier-compare{margin:0}.atelier-compare-stage{position:relative;aspect-ratio:16/9;isolation:isolate;overflow:hidden;border-radius:24px;background:#25272a;user-select:none}.atelier-compare-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.atelier-compare-reveal{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--reveal)) 0 0)}.atelier-compare-badge{position:absolute;top:24px;z-index:2;padding:9px 15px;border:1px solid #ffffff50;border-radius:999px;background:#101112b8;color:white;font-size:12px;line-height:1.4;backdrop-filter:blur(12px);pointer-events:none}.atelier-compare-after{left:24px}.atelier-compare-before{right:24px}.atelier-compare-divider{position:absolute;top:0;bottom:0;left:var(--reveal);width:2px;background:#fff;transform:translateX(-50%);pointer-events:none;filter:drop-shadow(0 0 4px #0006);z-index:3}.atelier-compare-divider>span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:50%;background:white;color:#191c1f;box-shadow:0 3px 20px #0003}.atelier-compare-divider svg{width:18px;height:18px}.atelier-compare-input{position:absolute;inset:0;z-index:4;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:ew-resize;touch-action:pan-y;appearance:none;-webkit-appearance:none}.atelier-compare-input::-webkit-slider-thumb{-webkit-appearance:none;width:1px;height:100%;background:transparent}.atelier-compare-input::-moz-range-thumb{width:1px;height:100%;border:0;background:transparent}.atelier-compare-divider svg:first-child{transform:rotate(180deg)}.atelier-compare-stage:focus-within{outline:3px solid var(--dn-focus);outline-offset:5px}.atelier-compare-hint{text-align:center;font-size:12px;margin:16px 0 4px;color:var(--dn-ink)}.atelier-compare-note{text-align:center;font-size:10px;line-height:1.6;margin:0;color:var(--dn-muted)}@media(max-width:760px){.atelier-compare-stage{aspect-ratio:4/3;border-radius:20px;margin-inline:-8px}.atelier-compare-image{object-position:56% center}.atelier-compare-badge{top:14px;padding:7px 10px;font-size:10px}.atelier-compare-after{left:14px}.atelier-compare-before{right:14px}.atelier-compare-divider>span{width:44px;height:44px}.atelier-compare-note{font-size:10px;text-align:left}.atelier-compare-hint{margin-top:14px}}
/* END_SNIPPET:atelier-comparison */