.bka-sd__status{margin:0;font-family:var(--f-ui);font-weight:700;font-size:14px}.bka-sd{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:stretch;touch-action:pan-y}.bka-sd__opt{display:grid;align-content:start;gap:8px;min-height:170px;padding:14px;text-align:left;border:3px solid var(--ink);border-radius:22px;box-shadow:5px 5px 0 var(--ink);color:var(--ink);cursor:pointer;transition:transform .22s var(--bounce),box-shadow .2s}.bka-sd__opt--this{background:var(--sunshine,#f9c846);transform:rotate(-3deg)}.bka-sd__opt--that{background:var(--lilac,#b39ae0);transform:rotate(3deg)}.bka-sd__opt:hover{transform:rotate(0) translateY(-3px)}.bka-sd__opt:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--ink)}.bka-sd__dir{font-family:var(--f-ui);font-weight:800;font-size:12px;letter-spacing:.07em;text-transform:uppercase}.bka-sd__txt{font-family:var(--f-display);font-size:clamp(19px, 4.6vw, 26px);line-height:1.15}.bka-sd__or{position:absolute;left:50%;top:50%;z-index:1;display:grid;place-items:center;width:40px;height:40px;margin:-20px 0 0 -20px;background:#fff;border:3px solid var(--ink);border-radius:50%;font-family:var(--f-ui);font-weight:800;font-size:14px;pointer-events:none}.bka-sd.is-this .bka-sd__opt--this{transform:translateX(-12%) rotate(-10deg) scale(1.04)}.bka-sd.is-that .bka-sd__opt--that{transform:translateX(12%) rotate(10deg) scale(1.04)}.bka-sd.is-this .bka-sd__opt--that,.bka-sd.is-that .bka-sd__opt--this{opacity:.4}.bka-sd__meter{display:flex;align-items:center;gap:10px}.bka-sd__meter .bka-av{width:40px}.bka-sd__result{margin:0;text-align:center;font-family:var(--f-ui);font-weight:800;font-size:17px}@media (min-width:640px){.bka-sd{gap:22px}.bka-sd__opt{min-height:200px;padding:18px}}