.ba-slider{background:var(--clr-surface-alt);width:100%;box-shadow:0 1px 2px rgb(var(--clr-deep-rgb) / 10%), 0 12px 28px -8px rgb(var(--clr-deep-rgb) / 28%);cursor:ew-resize;touch-action:pan-y;-webkit-user-select:none;user-select:none;isolation:isolate;border-radius:14px;position:relative;overflow:hidden;container-type:inline-size}.ba-slider:focus-visible{outline:3px solid var(--action,var(--clr-action));outline-offset:3px}.ba-layer{position:absolute;inset:0;overflow:hidden}.ba-zoom{transform-origin:0 100%;position:absolute;inset:0;transform:scale(1.12)}.ba-img{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.ba-img.ba-stacked{object-fit:cover;height:200%;position:absolute;left:0}.ba-img.ba-stacked.before{top:0}.ba-img.ba-stacked.after{bottom:0}.ba-slider:after{content:"";border-radius:inherit;box-shadow:inset 0 0 0 1px rgb(var(--clr-white-rgb) / 35%);background:linear-gradient(180deg, rgb(var(--clr-black-rgb) / 0%) 55%, rgb(var(--clr-night-rgb) / 28%));pointer-events:none;position:absolute;inset:0}.ba-tag{z-index:2;border:1px solid rgb(var(--clr-white-rgb) / 35%);background:rgb(var(--clr-night-rgb) / 62%);color:var(--clr-white);font-size:var(--fs-12);letter-spacing:.08em;text-transform:uppercase;pointer-events:none;opacity:0;border-radius:999px;padding:.3125rem .75rem;font-weight:600;transition:opacity .25s,transform .25s;position:absolute;top:12px;transform:translateY(-4px)}.ba-tag-before{left:12px}.ba-tag-after{right:12px}.ba-hint{z-index:3;background:rgb(var(--clr-white-rgb) / 92%);color:var(--clr-ink-800);font-size:var(--fs-13);white-space:nowrap;box-shadow:0 4px 14px rgb(var(--clr-black-rgb) / 25%);pointer-events:none;border-radius:999px;padding:.375rem .875rem;font-weight:600;animation:2.2s ease-in-out infinite ba-hint-float;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.ba-handle{z-index:3;background:linear-gradient(180deg, rgb(var(--clr-white-rgb) / 30%), var(--clr-white) 20%, var(--clr-white) 80%, rgb(var(--clr-white-rgb) / 30%));width:2px;box-shadow:0 0 10px rgb(var(--clr-black-rgb) / 35%);pointer-events:none;margin-left:-1px;position:absolute;top:0;bottom:0}.ba-knob{background:var(--clr-white);width:46px;height:46px;color:var(--action,var(--clr-action));box-shadow:0 4px 14px rgb(var(--clr-black-rgb) / 35%), 0 0 0 4px rgb(var(--clr-white-rgb) / 35%);border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ba-slider:not(.is-touched) .ba-knob{animation:1.8s ease-out infinite ba-pulse}.ba-slider.is-touched .ba-knob{transition:transform .15s}.ba-slider.is-touched:active .ba-knob{transform:translate(-50%,-50%)scale(1.08)}@keyframes ba-pulse{0%{box-shadow:0 4px 14px rgb(var(--clr-black-rgb) / 35%), 0 0 0 0 rgb(var(--clr-white-rgb) / 70%)}to{box-shadow:0 4px 14px rgb(var(--clr-black-rgb) / 35%), 0 0 0 18px rgb(var(--clr-white-rgb) / 0%)}}@keyframes ba-hint-float{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,-3px)}}@media (prefers-reduced-motion:reduce){.ba-slider .ba-knob,.ba-hint{animation:none}}.ba-layer-reveal{right:auto}.ba-layer-reveal .ba-zoom{width:100cqw;right:auto}.ba-slider img{transition:none;transform:none}.ba-tag.is-visible{opacity:1;transform:none}
.ba-card{border:1px solid var(--line-soft,var(--clr-mint-150));background:var(--clr-white);box-shadow:0 1px 2px rgb(var(--clr-ink-rgb) / 6%), 0 12px 30px rgb(var(--clr-action-rgb) / 9%);border-radius:20px;margin:0;padding:.875rem .875rem 1.125rem;position:relative}.ba-card figcaption{justify-content:space-between;align-items:baseline;gap:.75rem;padding:.875rem .375rem 0;display:flex}.ba-card h3{font-size:var(--fs-18);margin:0}.ba-card figcaption span{color:var(--muted,var(--clr-sage-dark));font-size:var(--fs-12);letter-spacing:.08em;text-transform:uppercase;font-weight:600}.ba-card figcaption a{font-size:var(--fs-14);letter-spacing:0;text-transform:none}
