@layer theme,base,components,utilities,legacy;@layer app{.case-ba{--pos:50%;-webkit-user-select:none;user-select:none;background:#ddd;position:relative;overflow:hidden;box-shadow:0 30px 60px #090b141f}.case-ba .case-ba__img{object-fit:cover;object-position:top;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.case-ba .case-ba__before{clip-path:inset(0 calc(100% - var(--pos)) 0 0)}.case-ba__line{top:0;bottom:0;left:var(--pos);background:var(--agds-color-1);pointer-events:none;width:3px;margin-left:-1.5px;position:absolute}.case-ba__handle{top:50%;left:var(--pos);background:var(--agds-color-1);width:52px;height:52px;color:var(--agds-dark);pointer-events:none;border-radius:50%;justify-content:center;align-items:center;margin:-26px 0 0 -26px;font-size:18px;font-weight:700;display:flex;position:absolute;box-shadow:0 6px 20px #00000040}.case-ba:focus-within .case-ba__handle{outline:3px solid var(--agds-dark);outline-offset:2px}.case-ba input{opacity:0;cursor:ew-resize;width:100%;height:100%;margin:0;position:absolute;inset:0}.case-ba__tag{pointer-events:none;border-radius:60px;padding:6px 12px;font-size:13px;font-weight:600;position:absolute;top:16px}.case-ba__tag--before{background:var(--agds-dark);color:#fff;left:16px}.case-ba__tag--after{background:var(--agds-color-1);color:var(--agds-dark);right:16px}}