/*!
 * Themeasy — Before / After Widget Styles
 *
 * Image comparison slider with three skins (handle / reveal / hover), both
 * horizontal and vertical orientation. Public design tokens (--tms-*) only —
 * never private (--themeasy-*).
 *
 * @author Themeasy
 * @link https://themeasy.co
 * @since 1.0.0
 */
.tms-before-after{--tms-before-after-position:50%;--tms-before-after-ratio:16 / 9;--tms-before-after-divider-width:2px;--tms-before-after-divider-color:var(--tms-white,#fff);--tms-before-after-handle-size:44px;--tms-before-after-label-offset:16px;--tms-before-after-duration:.25s;--tms-before-after-timing:ease-out;touch-action:pan-y;-webkit-user-select:none;user-select:none;width:100%;max-width:100%;margin-inline-start:auto;margin-inline-end:auto;display:block;position:relative;overflow:hidden}.tms-before-after__frame{width:100%;aspect-ratio:var(--tms-before-after-ratio);border-radius:inherit;position:relative;overflow:hidden}.tms-before-after[style*="--tms-before-after-ratio: auto"] .tms-before-after__frame{aspect-ratio:auto}.tms-before-after__image{position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.tms-before-after__image .tms-before-after__img{object-fit:cover;object-position:center;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none;width:100%;height:100%;display:block}.tms-before-after__image--before{z-index:1}.tms-before-after__image--after{z-index:2;clip-path:inset(0 0 0 var(--tms-before-after-position));transition:clip-path var(--tms-before-after-duration) var(--tms-before-after-timing)}.tms-before-after__image--after .tms-before-after__image-inner{position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.tms-before-after__slider{z-index:3;cursor:ew-resize;-webkit-tap-highlight-color:transparent;background:0 0;outline:none;display:block;position:absolute;top:0;bottom:0;left:0;right:0}.tms-before-after__line{top:0;bottom:0;left:var(--tms-before-after-position);width:var(--tms-before-after-divider-width);margin-left:calc(var(--tms-before-after-divider-width) * -.5);background-color:var(--tms-before-after-divider-color);pointer-events:none;transition:left var(--tms-before-after-duration) var(--tms-before-after-timing);position:absolute}.tms-before-after__handle{top:50%;left:var(--tms-before-after-position);width:var(--tms-before-after-handle-size);height:var(--tms-before-after-handle-size);margin-top:calc(var(--tms-before-after-handle-size) * -.5);margin-left:calc(var(--tms-before-after-handle-size) * -.5);justify-content:center;align-items:center;gap:calc(var(--tms-before-after-handle-size) * .1);color:var(--tms-heading-color,#111);background-color:var(--tms-white,#fff);transition:left var(--tms-before-after-duration) var(--tms-before-after-timing), background-color .2s ease, color .2s ease, transform .2s ease;pointer-events:none;border-radius:50%;display:inline-flex;position:absolute;box-shadow:0 4px 12px #0003}.tms-before-after__handle-arrow{width:calc(var(--tms-before-after-handle-size) * .4);height:calc(var(--tms-before-after-handle-size) * .4);fill:currentColor;flex-shrink:0;display:block}.tms-before-after__handle-arrow[fill=none]{fill:none;stroke:currentColor}.tms-before-after--skin-reveal .tms-before-after__handle,.tms-before-after--skin-hover .tms-before-after__handle{display:none}.tms-before-after--skin-hover .tms-before-after__slider{cursor:crosshair}@media (hover:hover){.tms-before-after:hover .tms-before-after__handle{transform:scale(1.06)}}.tms-before-after--vertical{touch-action:pan-x}.tms-before-after--vertical .tms-before-after__image--after{clip-path:inset(var(--tms-before-after-position) 0 0 0)}.tms-before-after--vertical .tms-before-after__slider{cursor:ns-resize}.tms-before-after--vertical.tms-before-after--skin-hover .tms-before-after__slider{cursor:crosshair}.tms-before-after--vertical .tms-before-after__line{top:var(--tms-before-after-position);width:auto;height:var(--tms-before-after-divider-width);margin-left:0;margin-top:calc(var(--tms-before-after-divider-width) * -.5);transition:top var(--tms-before-after-duration) var(--tms-before-after-timing);bottom:auto;left:0;right:0}.tms-before-after--vertical .tms-before-after__handle{top:var(--tms-before-after-position);margin-top:calc(var(--tms-before-after-handle-size) * -.5);margin-left:calc(var(--tms-before-after-handle-size) * -.5);transition:top var(--tms-before-after-duration) var(--tms-before-after-timing), background-color .2s ease, color .2s ease, transform .2s ease;flex-direction:column;left:50%}.tms-before-after__label{z-index:4;max-width:calc(50% - var(--tms-before-after-label-offset) * 2);color:var(--tms-white,#fff);pointer-events:none;white-space:nowrap;text-overflow:ellipsis;background-color:#0000008c;border-radius:4px;padding:6px 12px;font-size:.875rem;line-height:1.2;display:inline-block;position:absolute;overflow:hidden}.tms-before-after__image--before .tms-before-after__label--before{left:var(--tms-before-after-label-offset);top:var(--tms-before-after-label-offset)}.tms-before-after--labels-corners-bottom .tms-before-after__image--before .tms-before-after__label--before{top:auto;bottom:var(--tms-before-after-label-offset)}.tms-before-after--labels-center .tms-before-after__image--before .tms-before-after__label--before{left:var(--tms-before-after-label-offset);top:50%;transform:translateY(-50%)}.tms-before-after__image--after .tms-before-after__label--after{right:var(--tms-before-after-label-offset);top:var(--tms-before-after-label-offset)}.tms-before-after--labels-corners-bottom .tms-before-after__image--after .tms-before-after__label--after{top:auto;bottom:var(--tms-before-after-label-offset)}.tms-before-after--labels-center .tms-before-after__image--after .tms-before-after__label--after{right:var(--tms-before-after-label-offset);top:50%;transform:translateY(-50%)}.tms-before-after--vertical .tms-before-after__image--before .tms-before-after__label--before{left:50%;top:var(--tms-before-after-label-offset);transform:translate(-50%)}.tms-before-after--vertical .tms-before-after__image--after .tms-before-after__label--after{top:auto;left:50%;right:auto;bottom:var(--tms-before-after-label-offset);transform:translate(-50%)}.tms-before-after--dragging .tms-before-after__image--after,.tms-before-after--dragging .tms-before-after__line,.tms-before-after--dragging .tms-before-after__handle{transition:none!important}.tms-before-after--static .tms-before-after__slider{pointer-events:none}.tms-before-after--static .tms-before-after__image--after,.tms-before-after--static .tms-before-after__line,.tms-before-after--static .tms-before-after__handle{transition:none}.tms-before-after__slider:focus-visible{outline:2px solid var(--tms-primary-color,#2c5cdc);outline-offset:2px}@media (prefers-reduced-motion:reduce){.tms-before-after,.tms-before-after__image--after,.tms-before-after__line,.tms-before-after__handle{transition:none!important}@media (hover:hover){.tms-before-after:hover .tms-before-after__handle{transform:none}}}