1 line
2.6 KiB
CSS
1 line
2.6 KiB
CSS
button.before-after-container.svelte-1stam79{box-sizing:content-box;text-align:inherit}button.before-after-container.svelte-1stam79 img:where(.svelte-1stam79){top:0;left:0;z-index:20}button.before-after-container.svelte-1stam79 img.after:where(.svelte-1stam79){z-index:21}button.before-after-container.svelte-1stam79 img.before:where(.svelte-1stam79){z-index:22}button.before-after-container.svelte-1stam79 img:where(.svelte-1stam79){-webkit-user-select:none;user-select:none}button.before-after-container.svelte-1stam79 .overlay-container:where(.svelte-1stam79){top:0}button.before-after-container.svelte-1stam79 .overlay-container:where(.svelte-1stam79) :first-child{margin-block-start:0}button.before-after-container.svelte-1stam79 .overlay-container:where(.svelte-1stam79) :last-child{margin-block-end:0}button.before-after-container.svelte-1stam79 .overlay-container.before:where(.svelte-1stam79){left:0;z-index:23}button.before-after-container.svelte-1stam79 .overlay-container.after:where(.svelte-1stam79){right:0;z-index:21}.handle.svelte-1stam79{z-index:30;width:40px;height:40px;cursor:move;background:none;-webkit-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-1stam79:hover,.handle.svelte-1stam79:active,.handle.svelte-1stam79:focus{opacity:1}.handle.svelte-1stam79:before,.handle.svelte-1stam79: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-1stam79:before{top:40px}.handle.svelte-1stam79:after{bottom:40px}.handle.svelte-1stam79 .arrow-right:where(.svelte-1stam79),.handle.svelte-1stam79 .arrow-left:where(.svelte-1stam79){width:0;height:0;-webkit-user-select:none;user-select:none;position:relative;border-block-start:10px solid transparent;border-block-end:10px solid transparent}.handle.svelte-1stam79 .arrow-right:where(.svelte-1stam79){inset-inline-start:19px;inset-block-end:14px;border-inline-start:10px solid var(--before-after-handle-colour)}.handle.svelte-1stam79 .arrow-left:where(.svelte-1stam79){inset-inline-start:3px;inset-block-start:6px;border-inline-end:10px solid var(--before-after-handle-colour)}.before-after-caption.svelte-1stam79 p{font-family:var(--theme-font-family-note);color:var(--theme-colour-text-secondary);font-size:var(--theme-font-size-xs);line-height:1.3;font-weight:400;margin-block-start:clamp(.31rem,.31rem + 0vw,.31rem);margin-block-end:clamp(.56rem,.52rem + .21vw,.69rem)}
|