1 line
2.5 KiB
CSS
1 line
2.5 KiB
CSS
figure.before-after-container.svelte-176e7ma.svelte-176e7ma{box-sizing:content-box}figure.before-after-container.svelte-176e7ma img.svelte-176e7ma{top:0;left:0;z-index:20;-webkit-user-select:none;-moz-user-select:none;user-select:none}figure.before-after-container.svelte-176e7ma img.after.svelte-176e7ma{z-index:21}figure.before-after-container.svelte-176e7ma img.before.svelte-176e7ma{z-index:22}figure.before-after-container.svelte-176e7ma .overlay-container.svelte-176e7ma{position:absolute}figure.before-after-container.svelte-176e7ma .overlay-container.svelte-176e7ma :first-child{margin-top:0}figure.before-after-container.svelte-176e7ma .overlay-container.svelte-176e7ma :last-child{margin-bottom:0}figure.before-after-container.svelte-176e7ma .overlay-container.before.svelte-176e7ma{left:0;z-index:23}figure.before-after-container.svelte-176e7ma .overlay-container.after.svelte-176e7ma{right:0;z-index:21}.handle.svelte-176e7ma.svelte-176e7ma{z-index:30;width:40px;height:40px;cursor:move;background:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:absolute;border-radius:50px;top:calc(50% - 20px);border:4px solid var(--before-after-handle-colour);opacity:var(--before-after-handle-inactive-opacity, .6);box-shadow:1px 1px 3px #333}.handle.svelte-176e7ma.svelte-176e7ma:hover,.handle.svelte-176e7ma.svelte-176e7ma:active,.handle.svelte-176e7ma.svelte-176e7ma:focus{opacity:1}.handle.svelte-176e7ma.svelte-176e7ma:before,.handle.svelte-176e7ma.svelte-176e7ma:after{content:"";box-shadow:0 0 3px #333;height:9999px;position:absolute;left:calc(50% - 2px);border:2px solid var(--before-after-handle-colour)}.handle.svelte-176e7ma.svelte-176e7ma:before{top:40px}.handle.svelte-176e7ma.svelte-176e7ma:after{bottom:40px}.handle.svelte-176e7ma .arrow-right.svelte-176e7ma,.handle.svelte-176e7ma .arrow-left.svelte-176e7ma{width:0;height:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative;border-top:10px solid transparent;border-bottom:10px solid transparent}.handle.svelte-176e7ma .arrow-right.svelte-176e7ma{left:19px;bottom:14px;border-left:10px solid var(--before-after-handle-colour)}.handle.svelte-176e7ma .arrow-left.svelte-176e7ma{left:3px;top:6px;border-right:10px solid var(--before-after-handle-colour)}aside.before-after-caption.svelte-176e7ma p{font-family:var(--theme-font-family-note);color:var(--theme-colour-text-secondary);font-size:var(--theme-font-size-xs);line-height:1.15;font-weight:400;margin-top:clamp(.31rem,.29rem + .1vw,.38rem);margin-bottom:clamp(.31rem,.29rem + .1vw,.38rem)}
|