.artist-ba{margin:0}.artist-ba__frame{background-color:var(--color-surface);border-radius:var(--radius-image);cursor:ew-resize;overflow:hidden;position:relative;touch-action:pan-y;user-select:none}.artist-ba--vertical .artist-ba__frame{cursor:ns-resize;touch-action:pan-x}.artist-ba__image{pointer-events:none;width:100%}.artist-ba__before{clip-path:inset(0 calc(100% - var(--ba-pos, 50%)) 0 0);inset:0;position:absolute}.artist-ba--vertical .artist-ba__before{clip-path:inset(0 0 calc(100% - var(--ba-pos, 50%)) 0)}.artist-ba__handle{background-color:var(--ba-handle,#fff);bottom:0;box-shadow:0 0 8px rgba(0,0,0,.25);left:var(--ba-pos,50%);margin-left:-1px;pointer-events:none;position:absolute;top:0;width:2px}.artist-ba--vertical .artist-ba__handle{bottom:auto;height:2px;left:0;margin:-1px 0 0;right:0;top:var(--ba-pos,50%);width:auto}.artist-ba--handle-circle .artist-ba__handle:after{backdrop-filter:blur(4px);background-color:rgba(0,0,0,.2);border:2px solid var(--ba-handle,#fff);border-radius:50%;content:"";height:44px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:44px}.artist-ba__label{background-color:rgba(0,0,0,.55);border-radius:var(--radius-sm);bottom:16px;color:#fff;font-size:12px;font-weight:600;letter-spacing:.12em;padding:4px 10px;pointer-events:none;position:absolute;text-transform:uppercase}.artist-ba__label--before{left:16px}.artist-ba__label--after{right:16px}.artist-ba--vertical .artist-ba__label--before{bottom:auto;top:16px}.artist-ba__range{cursor:inherit;height:100%;inset:0;margin:0;opacity:0;position:absolute;touch-action:pan-y;width:100%}.artist-ba--vertical .artist-ba__range{touch-action:pan-x}.artist-ba__frame:has(.artist-ba__range:focus-visible){outline:2px solid var(--color-link);outline-offset:3px}.artist-ba__caption{color:var(--color-muted);font-size:14px;margin-top:12px}