.faucet-story{display:flex;align-items:center;gap:18px;padding:18px 22px;margin:0 0 18px;border:1px solid #83d8c52b;border-radius:14px;background:linear-gradient(115deg,#172a35,#101d2a);direction:rtl}.faucet-story-number{font:500 38px var(--display,monospace);color:#a1e5d2;letter-spacing:-2px;min-width:56px}.faucet-story-kicker{font-size:10px;color:#9eacba}.faucet-story h2{font-size:17px;margin:3px 0 6px;color:#edf2e8}.faucet-story p{font-size:12px;line-height:1.85;margin:0;color:#acbbc7;max-width:850px}.faucet-story-badge{margin-inline-start:auto;flex-shrink:0;align-self:flex-start;border:1px solid #a4dccc30;border-radius:7px;padding:6px 10px;color:#b6e8d5;font-size:10px;white-space:nowrap}.faucet-story[data-mode=ball]{border-color:#daa18a30}.faucet-story[data-mode=ceramic]{border-color:#d8d0ab35}.faucet-control-inactive{opacity:.68}.faucet-control-inactive .lab-control-help{color:#c4b58e}.faucet-control-inactive .lab-range{cursor:not-allowed;filter:grayscale(.8)}.lab-modes button{min-height:69px}.lab-modes button[aria-pressed=true]{box-shadow:inset 0 -3px 0 #b5e7cd}.lab-scene-title{max-width:60%;line-height:1.55}
@media(max-width:700px){.faucet-story{padding:15px;gap:12px;flex-wrap:wrap}.faucet-story-number{font-size:29px;min-width:42px}.faucet-story>div{flex:1;min-width:200px}.faucet-story h2{font-size:15px}.faucet-story p{font-size:11px}.faucet-story-badge{margin-inline-start:54px;font-size:9px}.lab-scene-title{max-width:100%}}