1 line
2.5 KiB
CSS
1 line
2.5 KiB
CSS
figure.before-after-container.svelte-1eteurb.svelte-1eteurb{box-sizing:content-box}figure.before-after-container.svelte-1eteurb img.svelte-1eteurb{top:0;left:0;z-index:20;-webkit-user-select:none;-moz-user-select:none;user-select:none}figure.before-after-container.svelte-1eteurb img.after.svelte-1eteurb{z-index:21}figure.before-after-container.svelte-1eteurb img.before.svelte-1eteurb{z-index:22}figure.before-after-container.svelte-1eteurb .overlay-container.svelte-1eteurb{position:absolute}figure.before-after-container.svelte-1eteurb .overlay-container.svelte-1eteurb :first-child{margin-top:0}figure.before-after-container.svelte-1eteurb .overlay-container.svelte-1eteurb :last-child{margin-bottom:0}figure.before-after-container.svelte-1eteurb .overlay-container.before.svelte-1eteurb{left:0;z-index:23}figure.before-after-container.svelte-1eteurb .overlay-container.after.svelte-1eteurb{right:0;z-index:21}.handle.svelte-1eteurb.svelte-1eteurb{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-1eteurb.svelte-1eteurb:hover,.handle.svelte-1eteurb.svelte-1eteurb:active,.handle.svelte-1eteurb.svelte-1eteurb:focus{opacity:1}.handle.svelte-1eteurb.svelte-1eteurb:before,.handle.svelte-1eteurb.svelte-1eteurb: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-1eteurb.svelte-1eteurb:before{top:40px}.handle.svelte-1eteurb.svelte-1eteurb:after{bottom:40px}.handle.svelte-1eteurb .arrow-right.svelte-1eteurb,.handle.svelte-1eteurb .arrow-left.svelte-1eteurb{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-1eteurb .arrow-right.svelte-1eteurb{left:19px;bottom:14px;border-left:10px solid var(--before-after-handle-colour)}.handle.svelte-1eteurb .arrow-left.svelte-1eteurb{left:3px;top:6px;border-right:10px solid var(--before-after-handle-colour)}aside.before-after-caption.svelte-1eteurb 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,.31rem + 0vw,.31rem);margin-bottom:clamp(.56rem,.52rem + .21vw,.69rem)}
|