.dimi-ux-placeholder{border:1px dashed #c7c7c7;color:#555;padding:18px;text-align:center}.dimi-ba{--dimi-ba-height:500px;--dimi-ba-position:50%;--dimi-ba-object-fit:cover;--dimi-ba-radius:0px;--dimi-ba-line:#fff;--dimi-ba-handle:#fff;--dimi-ba-arrow:#111;--dimi-ba-label-bg:#111;--dimi-ba-label-color:#fff;--dimi-ba-before-overlay:rgba(0, 0, 0, 0);--dimi-ba-after-overlay:rgba(0, 0, 0, 0);--dimi-ba-line-width:2px;--dimi-ba-handle-size:50px;position:relative;width:100%;height:var(--dimi-ba-height);overflow:hidden;border-radius:var(--dimi-ba-radius);background:#f3f3f3;touch-action:none;user-select:none}.dimi-ba__img{position:relative;z-index:1;display:block;width:100%;height:100%;object-fit:var(--dimi-ba-object-fit);pointer-events:none}.dimi-ba__before{position:absolute;inset:0;z-index:5;height:100%;overflow:hidden;pointer-events:none}.dimi-ba--horizontal .dimi-ba__before{clip-path:inset(0 calc(100% - var(--dimi-ba-position)) 0 0)}.dimi-ba--vertical .dimi-ba__before{clip-path:inset(0 0 calc(100% - var(--dimi-ba-position)) 0)}.dimi-ba__before .dimi-ba__img{width:100%;max-width:none}.dimi-ba__overlay{position:absolute;inset:0;z-index:2;pointer-events:none}.dimi-ba__overlay--after{background:var(--dimi-ba-after-overlay)}.dimi-ba__overlay--before{background:var(--dimi-ba-before-overlay)}.dimi-ba__line{position:absolute;top:0;left:var(--dimi-ba-position);z-index:20;width:44px;height:100%;padding:0;border:0;background:#fff0;color:inherit;cursor:ew-resize;transform:translateX(-50%)}.dimi-ba--vertical .dimi-ba__line{top:var(--dimi-ba-position);left:0;width:100%;height:44px;cursor:ns-resize;transform:translateY(-50%)}.dimi-ba__line::before{content:"";position:absolute;top:0;left:50%;width:var(--dimi-ba-line-width);height:100%;background:var(--dimi-ba-line);box-shadow:0 0 0 1px rgb(0 0 0 / .08);transform:translateX(-50%)}.dimi-ba--vertical .dimi-ba__line::before{top:50%;left:0;width:100%;height:var(--dimi-ba-line-width);transform:translateY(-50%)}.dimi-ba__handle{position:absolute;top:50%;left:50%;width:var(--dimi-ba-handle-size);height:var(--dimi-ba-handle-size);border-radius:50%;background:var(--dimi-ba-handle);box-shadow:0 8px 24px rgb(0 0 0 / .24);transform:translate(-50%,-50%)}.dimi-ba__handle::before,.dimi-ba__handle::after{content:"";position:absolute;top:50%;width:9px;height:9px;border-top:2px solid var(--dimi-ba-arrow);border-left:2px solid var(--dimi-ba-arrow)}.dimi-ba__handle::before{left:max(10px, calc(var(--dimi-ba-handle-size) * .3));transform:translateY(-50%) rotate(-45deg)}.dimi-ba__handle::after{right:max(10px, calc(var(--dimi-ba-handle-size) * .3));transform:translateY(-50%) rotate(135deg)}.dimi-ba--vertical .dimi-ba__handle::before{top:max(10px, calc(var(--dimi-ba-handle-size) * .3));left:50%;transform:translateX(-50%) rotate(45deg)}.dimi-ba--vertical .dimi-ba__handle::after{top:auto;right:auto;bottom:max(10px, calc(var(--dimi-ba-handle-size) * .3));left:50%;transform:translateX(-50%) rotate(225deg)}.dimi-ba--line-line .dimi-ba__handle,.dimi-ba--line-dashed .dimi-ba__handle,.dimi-ba--line-dotted .dimi-ba__handle{background:#fff0;box-shadow:none}.dimi-ba--line-line .dimi-ba__handle::before,.dimi-ba--line-line .dimi-ba__handle::after,.dimi-ba--line-dashed .dimi-ba__handle::before,.dimi-ba--line-dashed .dimi-ba__handle::after,.dimi-ba--line-dotted .dimi-ba__handle::before,.dimi-ba--line-dotted .dimi-ba__handle::after,.dimi-ba--line-minimal .dimi-ba__handle::before,.dimi-ba--line-minimal .dimi-ba__handle::after,.dimi-ba--line-none .dimi-ba__handle::before,.dimi-ba--line-none .dimi-ba__handle::after{display:none}.dimi-ba--line-dashed .dimi-ba__line::before{background:repeating-linear-gradient(to bottom,var(--dimi-ba-line) 0 12px,transparent 12px 22px)}.dimi-ba--vertical.dimi-ba--line-dashed .dimi-ba__line::before{background:repeating-linear-gradient(to right,var(--dimi-ba-line) 0 12px,transparent 12px 22px)}.dimi-ba--line-dotted .dimi-ba__line::before{background:repeating-linear-gradient(to bottom,var(--dimi-ba-line) 0 var(--dimi-ba-line-width),transparent var(--dimi-ba-line-width) calc(var(--dimi-ba-line-width) * 3))}.dimi-ba--vertical.dimi-ba--line-dotted .dimi-ba__line::before{background:repeating-linear-gradient(to right,var(--dimi-ba-line) 0 var(--dimi-ba-line-width),transparent var(--dimi-ba-line-width) calc(var(--dimi-ba-line-width) * 3))}.dimi-ba--line-circle .dimi-ba__handle{border:var(--dimi-ba-line-width) solid var(--dimi-ba-line);background:var(--dimi-ba-handle)}.dimi-ba--line-square .dimi-ba__handle{border-radius:6px}.dimi-ba--line-minimal .dimi-ba__handle{width:calc(var(--dimi-ba-line-width) * 4);min-width:8px;border-radius:999px;box-shadow:none}.dimi-ba--vertical.dimi-ba--line-minimal .dimi-ba__handle{width:var(--dimi-ba-handle-size);height:calc(var(--dimi-ba-line-width) * 4);min-height:8px}.dimi-ba--line-none .dimi-ba__line::before,.dimi-ba--line-none .dimi-ba__handle{display:none}.dimi-ba__line:focus-visible .dimi-ba__handle{outline:3px solid rgb(0 115 170 / .65);outline-offset:3px}.dimi-ba__label{position:absolute;top:20px;z-index:3;max-width:calc(50% - 36px);padding:8px 14px;border-radius:4px;background:var(--dimi-ba-label-bg);color:var(--dimi-ba-label-color);font-size:14px;font-weight:600;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dimi-ba__before .dimi-ba__label{z-index:6}.dimi-ba__label--before{left:20px}.dimi-ba__label--after{right:20px}.dimi-ba--labels-center .dimi-ba__label{top:50%;transform:translateY(-50%)}.dimi-ba--labels-bottom .dimi-ba__label{top:auto;bottom:20px}.dimi-ba--labels-inside .dimi-ba__label{top:auto;bottom:20px}.dimi-ba--labels-inside .dimi-ba__label--before{left:50%;transform:translateX(calc(-100% - 32px))}.dimi-ba--labels-inside .dimi-ba__label--after{right:50%;transform:translateX(calc(100% + 32px))}.dimi-ba--vertical .dimi-ba__label--before{top:20px;left:20px}.dimi-ba--vertical .dimi-ba__label--after{top:auto;right:20px;bottom:20px}.dimi-ba--vertical.dimi-ba--labels-center .dimi-ba__label--before{top:50%;left:20px;transform:translateY(-50%)}.dimi-ba--vertical.dimi-ba--labels-center .dimi-ba__label--after{top:50%;right:20px;bottom:auto;transform:translateY(-50%)}.dimi-ba--vertical.dimi-ba--labels-bottom .dimi-ba__label--before{top:auto;bottom:20px}.dimi-ba--vertical.dimi-ba--labels-bottom .dimi-ba__label--after{top:20px;bottom:auto}.dimi-ba--vertical.dimi-ba--labels-inside .dimi-ba__label--before{top:50%;left:20px;bottom:auto;transform:translateY(calc(-100% - 32px))}.dimi-ba--vertical.dimi-ba--labels-inside .dimi-ba__label--after{top:50%;right:20px;bottom:auto;transform:translateY(calc(100% + 32px))}.dimi-ba--label-fade .dimi-ba__label{opacity:.3;transition:opacity .25s ease}.dimi-ba--label-fade:hover .dimi-ba__label,.dimi-ba--label-fade:focus-within .dimi-ba__label{opacity:1}.dimi-ba--label-slide .dimi-ba__label{opacity:.65;transition:opacity .25s ease,transform .25s ease}.dimi-ba--label-slide .dimi-ba__label--before{transform:translateX(-10px)}.dimi-ba--label-slide .dimi-ba__label--after{transform:translateX(10px)}.dimi-ba--label-slide:hover .dimi-ba__label,.dimi-ba--label-slide:focus-within .dimi-ba__label{opacity:1;transform:translate(0,0)}.dimi-ba--label-slide.dimi-ba--labels-center .dimi-ba__label{transform:translateY(-50%) translateX(10px)}.dimi-ba--label-slide.dimi-ba--labels-center .dimi-ba__label--before{transform:translateY(-50%) translateX(-10px)}.dimi-ba--label-slide.dimi-ba--labels-center:hover .dimi-ba__label,.dimi-ba--label-slide.dimi-ba--labels-center:focus-within .dimi-ba__label{transform:translateY(-50%)}.dimi-ba--label-slide.dimi-ba--labels-inside .dimi-ba__label--before{transform:translateX(calc(-100% - 42px))}.dimi-ba--label-slide.dimi-ba--labels-inside .dimi-ba__label--after{transform:translateX(calc(100% + 42px))}.dimi-ba--label-slide.dimi-ba--labels-inside:hover .dimi-ba__label--before,.dimi-ba--label-slide.dimi-ba--labels-inside:focus-within .dimi-ba__label--before{transform:translateX(calc(-100% - 32px))}.dimi-ba--label-slide.dimi-ba--labels-inside:hover .dimi-ba__label--after,.dimi-ba--label-slide.dimi-ba--labels-inside:focus-within .dimi-ba__label--after{transform:translateX(calc(100% + 32px))}.dimi-ba--vertical.dimi-ba--label-slide.dimi-ba--labels-inside .dimi-ba__label--before{transform:translateY(calc(-100% - 42px))}.dimi-ba--vertical.dimi-ba--label-slide.dimi-ba--labels-inside .dimi-ba__label--after{transform:translateY(calc(100% + 42px))}.dimi-ba--vertical.dimi-ba--label-slide.dimi-ba--labels-inside:hover .dimi-ba__label--before,.dimi-ba--vertical.dimi-ba--label-slide.dimi-ba--labels-inside:focus-within .dimi-ba__label--before{transform:translateY(calc(-100% - 32px))}.dimi-ba--vertical.dimi-ba--label-slide.dimi-ba--labels-inside:hover .dimi-ba__label--after,.dimi-ba--vertical.dimi-ba--label-slide.dimi-ba--labels-inside:focus-within .dimi-ba__label--after{transform:translateY(calc(100% + 32px))}.dimi-ba--label-glass .dimi-ba__label{border:1px solid rgb(255 255 255 / .28);background:color-mix(in srgb,var(--dimi-ba-label-bg) 48%,transparent);backdrop-filter:blur(10px);box-shadow:0 10px 28px rgb(0 0 0 / .18)}.dimi-ba--label-pulse .dimi-ba__label{animation:dimi-ba-label-pulse 1.8s ease-in-out infinite}@supports not (background:color-mix(in srgb,#000 82%,transparent)){.dimi-ba__label{background:var(--dimi-ba-label-bg)}.dimi-ba--label-glass .dimi-ba__label{background:var(--dimi-ba-label-bg)}}@keyframes dimi-ba-label-pulse{0%,100%{box-shadow:0 0 0 0 color-mix(in srgb,var(--dimi-ba-label-bg) 38%,transparent)}50%{box-shadow:0 0 0 8px #fff0}}@media (max-width:549px){.dimi-ba__handle{width:42px;height:42px}.dimi-ba__label{top:12px;padding:6px 10px;font-size:12px}.dimi-ba__label--before{left:12px}.dimi-ba__label--after{right:12px}.dimi-ba--labels-inside .dimi-ba__label--before{left:12px;transform:none}.dimi-ba--labels-inside .dimi-ba__label--after{right:12px;transform:none}}