.basl-row{display:flex;flex-wrap:wrap;gap:20px;justify-content:start}.basl-container{position:relative;aspect-ratio:300/380;overflow:hidden;flex:0 0 calc(25% - 15px);cursor:ew-resize;width:240px !important;height:230px !important;background-color:transparent !important;border-radius:10px}.basl-img{position:absolute;inset:0}.basl-img img{width:100%;height:100%;object-fit:cover;max-width:none;user-select:none;pointer-events:none}.basl-before{z-index:2;clip-path:inset(0 50% 0 0);width:100% !important}.basl-after{z-index:1;clip-path:inset(0 0 0 0%)}.basl-handle{position:absolute;top:0;left:50%;transform:translateX(-50%);width:3px !important;height:100%;background:#fff;z-index:3}.basl-arrow{position:absolute;top:50%;left:1px !important;transform:translate(-50%,-50%);width:50px !important;height:50px !important;background:0 0 !important;border-radius:50%;border:3px solid #ffff !important;display:flex;align-items:center;justify-content:center;color:#fff;font-size:25px !important}.basl-arrow:before{content:"" !important}.basl-label{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.7);color:#fff;padding:6px 12px;border-radius:3px;font-size:14px;opacity:0;pointer-events:none;transition:opacity .3s ease;user-select:none;font-family:Arial,sans-serif;white-space:nowrap;z-index:5}.basl-container:hover .basl-label{opacity:1;pointer-events:auto}.basl-container.dragging .basl-label{opacity:0 !important;pointer-events:none !important}.basl-before-label{left:10px}.basl-style1 .basl-label.basl-after-label{right:10px}@media(max-width:768px){.basl-container{flex:0 0 100%;max-width:100%}.basl-row{padding-left:15px;padding-right:15px}.basl-label{opacity:1 !important;pointer-events:auto !important}}.basl-style2 .basl-container{cursor:ns-resize}.basl-style2 .basl-before{clip-path:inset(0 0 50% 0)}.basl-style2 .basl-after{clip-path:inset(0% 0 0 0)}.basl-style2 .basl-handle{top:50%;left:0;transform:translateY(-50%);width:100% !important;height:3px !important;background:#fff}.basl-style2 .basl-arrow{top:-2px;left:50% !important;transform:translate(-50%,-50%)}.basl-style2 .basl-before-label{top:10px;left:50%;transform:translateX(-50%)}.basl-style2 .basl-after-label{bottom:10px;top:auto;left:50%;transform:translateX(-50%)}.basl-style2 .basl-handle{transform:translateY(-50%)}.basl-style3 .basl-handle{background:0 0}.basl-container.basl-style3{position:relative;overflow:hidden}.basl-style3 .basl-before,.basl-style3 .basl-after{position:absolute;inset:0}.basl-style3 .basl-before{z-index:2;clip-path:inset(0 50% 0 0)}.basl-style3 .basl-after{z-index:1}.basl-style3 .basl-handle{position:absolute;top:0;left:50%;transform:translateX(-50%);height:100%;cursor:ew-resize;z-index:3;touch-action:none}.basl-style3 .basl-after-label{right:10px}.basl-container.basl-style4{position:relative;cursor:ew-resize}.basl-style4 .basl-before,.basl-style4 .basl-after{position:absolute;inset:0}.basl-style4 .basl-before{clip-path:inset(0 50% 0 0);transition:none}.basl-style4 .basl-after{clip-path:inset(0 0 0 0)}.basl-style4 .basl-slider-bar{position:absolute;top:0;bottom:0;left:50%;transform:translateX(-50%);pointer-events:none}.basl-style4 .basl-handle{position:absolute;top:0;left:50%;transform:translateX(-50%);width:4px;height:100%;background:0 0;cursor:ew-resize;z-index:3}.basl-style4 .basl-after-label{right:10px}.basl-style5{position:relative;overflow:hidden;height:400px}.basl-style5 .basl-img{position:absolute;inset:0;opacity:0;z-index:1;transition:opacity .4s ease}.basl-style5 .basl-img img{width:100%;height:100%;object-fit:cover}.basl-style5 .basl-img.active{opacity:1;z-index:3}.basl-style5 .basl-before{clip-path:inset(0 0% 0 0);transition:none}.basl-style5 .slide-from-bottom{animation:slideBottom .8s cubic-bezier(.4,0,.2,1) forwards}@keyframes slideBottom{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes bubbleUp{from{transform:scale(0);opacity:1}to{transform:scale(3);opacity:0;bottom:120%}}.basl-style5 .basl-bubbles{position:absolute;inset:0;pointer-events:none;z-index:10}.basl-style5 .basl-bubble{position:absolute;bottom:-60px;background:rgba(255,255,255,.35);border-radius:50%;animation:bubbleUp 1.6s ease-out forwards}.basl-style5 .basl-buttons{position:absolute;inset:0;pointer-events:none;z-index:20}.basl-style5 .basl-after-btn{position:absolute;bottom:15px;right:15px;padding:10px 20px;font-size:14px;border-radius:25px;border:none;cursor:pointer;pointer-events:auto;background:#000;color:#ffff;transition:all .3s ease}.basl-style5 .basl-after-btn.active{background:#ff5a00 !important;color:#fff;box-shadow:0 0 12px rgba(255,90,0,.6)}.basl-style5 .basl-after-btn:hover{transform:translateY(-2px)}.basl-style5 .slide-from-top{animation:slideTop .8s cubic-bezier(.4,0,.2,1) forwards}@keyframes slideTop{from{transform:translateY(-100%)}to{transform:translateY(0)}}.basl-style5 .basl-img{pointer-events:none !important}.basl-style5 .basl-bubbles,.basl-style5 .basl-bubble{pointer-events:none !important}.basl-style5 .basl-after-btn{pointer-events:auto !important;z-index:999 !important;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.basl-style6{position:relative;width:100%;overflow:hidden}.basl-style6 .basl-img{position:absolute;inset:0;width:100%}.basl-style6 .basl-img img{width:100%;height:100%;object-fit:cover;display:block}.basl-style6 .basl-before{z-index:2;opacity:1;clip-path:inset(0 0 0 0)}.basl-style6 .basl-after{z-index:3;opacity:1;clip-path:inset(100% 0 0 0)}.basl-style6 .basl-toggle-btn{position:absolute;left:20px;bottom:20px;padding:10px 18px;border-radius:30px;border:none;background:#111;color:#fff;cursor:pointer;z-index:30}.basl-style6 .basl-bubbles{position:absolute;inset:0;pointer-events:none;z-index:20}.basl-style6 .basl-bubble{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.2);background:rgba(255,255,255,.35);border-radius:50%;animation:rippleOut ease-out forwards}@keyframes rippleOut{0%{transform:translate(-50%,-50%) scale(.2);opacity:.9}70%{opacity:.8}100%{transform:translate(-50%,-50%) scale(6);opacity:0}}.basl-style7{position:relative;overflow:hidden}.basl-style7 .basl-img{position:absolute;inset:0;transition:opacity .8s ease,filter .8s ease}.basl-style7 .basl-img img{width:100%;height:100%;object-fit:cover}.basl-style7 .basl-before{opacity:1;z-index:2;filter:blur(0);transition:opacity .9s ease,filter .9s ease}.basl-style7 .basl-after{opacity:0;z-index:1}.basl-style7.show-after .basl-before{filter:blur(6px) brightness(.95);opacity:.95}.basl-style7.show-after .basl-after{opacity:1;z-index:3}.basl-style7 .basl-bubbles{position:absolute;inset:0;pointer-events:none;z-index:10}.basl-style7 .basl-bubble{position:absolute;left:50%;top:50%;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.35);transform:translate(-50%,-50%) scale(.3);animation:focusBubble 1.8s ease-out forwards}@keyframes focusBubble{0%{opacity:0;transform:translate(-50%,-50%) scale(.2)}40%{opacity:1}100%{opacity:0;transform:translate(-50%,-50%) scale(4)}}.basl-style7 .basl-toggle-btn{position:absolute;bottom:20px;left:20px;z-index:20;padding:10px 18px;border-radius:30px;border:none;background:#111;color:#fff;cursor:pointer}.basl-style7 .basl-toggle-btn.active{background:#ff5a00}.basl-style7 .basl-before{clip-path:inset(0 0 0 0)}.basl-style7 .basl-after{opacity:0;z-index:1;transition:opacity .2s ease}.basl-style7.show-after .basl-after{opacity:1;z-index:3}