@charset "UTF-8";.before-after-slider{width:100%;max-width:1200px;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}.bas-container{position:relative;width:100%;overflow:hidden;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.15);cursor:ew-resize;user-select:none}.bas-after-wrapper,.bas-before-wrapper{position:relative;width:100%}.bas-before-wrapper{position:absolute;top:0;left:0;height:100%;overflow:hidden}.bas-image{width:100%;height:auto;display:block;aspect-ratio:16/9;object-fit:cover;pointer-events:none}.bas-label{position:absolute;top:20px;padding:8px 16px;background:rgba(0,0,0,.7);color:#fff;font-size:14px;font-weight:600;border-radius:6px;text-transform:uppercase;letter-spacing:.5px;backdrop-filter:blur(10px);box-shadow:0 2px 8px rgba(0,0,0,.2);pointer-events:none}.bas-label-before{left:20px}.bas-label-after{right:20px}.bas-slider{position:absolute;top:0;bottom:0;width:4px;background:#fff;transform:translateX(-2px);cursor:ew-resize;pointer-events:none;box-shadow:0 0 10px rgba(0,0,0,.3);z-index:10}.bas-slider::after,.bas-slider::before{content:"";position:absolute;left:50%;transform:translateX(-50%);width:8px;height:30%;background:#fff}.bas-slider::before{top:0}.bas-slider::after{bottom:0}.bas-handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;pointer-events:all;cursor:grab;transition:transform .2s ease;z-index:11}.bas-handle:hover{transform:translate(-50%,-50%) scale(1.1)}.bas-handle:active{cursor:grabbing}.bas-handle svg{filter:drop-shadow(0 2px 8px rgba(0, 0, 0, .3))}.bas-loading .before-after-slider{opacity:.5;pointer-events:none}.bas-loading .bas-container::after{content:"Načítání...";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:18px;color:#666;background:rgba(255,255,255,.9);padding:12px 24px;border-radius:8px;z-index:100}@media (max-width:768px){.bas-label{font-size:12px;padding:6px 12px;top:12px}.bas-label-before{left:12px}.bas-label-after{right:12px}.bas-handle{width:40px;height:40px}.bas-handle svg{width:40px;height:40px}.bas-image{aspect-ratio:4/3}}@media (max-width:480px){.bas-label{font-size:11px;padding:5px 10px;top:10px}.bas-label-before{left:10px}.bas-label-after{right:10px}.bas-handle{width:36px;height:36px}.bas-handle svg{width:36px;height:36px}.bas-image{aspect-ratio:1/1}.bas-slider{width:3px}}