.tonality-real-showcase{overflow:visible;margin:0;padding:0;background:#071216}.tonality-real-bar{height:42px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid #233c43;border-radius:21px 21px 0 0;background:#0a181c}.tonality-real-bar>span{display:flex;gap:5px}.tonality-real-bar i{display:block;width:6px;height:6px;border-radius:50%;background:#2b4850}.tonality-real-bar i:first-child{background:#29d39b}.tonality-real-bar strong{color:#75d0d8;font-size:7px;letter-spacing:.14em}.tonality-real-stage{position:relative;overflow:hidden;border-radius:0 0 21px 21px;background:#10191d}.tonality-real-stage>img{display:block;width:100%;height:auto;max-height:570px;object-fit:cover;object-position:center top}.tonality-real-badge{position:absolute;right:18px;bottom:22px;display:flex;align-items:center;gap:11px;min-width:235px;padding:13px 16px;border:1px solid #28515a;border-radius:12px;background:rgba(8,22,25,.95);box-shadow:0 18px 42px rgba(0,0,0,.35);backdrop-filter:blur(12px)}.tonality-real-badge>i{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:rgba(43,221,154,.12);color:#2bdd9a;font-size:15px;font-style:normal}.tonality-real-badge small,.tonality-real-badge strong{display:block}.tonality-real-badge small{margin-bottom:3px;color:#6d939b;font-size:6px;letter-spacing:.13em}.tonality-real-badge strong{color:#f4fafb;font-size:9px}html[data-theme="light"] .tonality-real-showcase{border-color:#b8d4d9;background:#fff;box-shadow:0 30px 75px rgba(42,87,96,.16)}html[data-theme="light"] .tonality-real-bar{border-color:#cadde1;background:#f8fbfc}html[data-theme="light"] .tonality-real-bar strong{color:#168a97}html[data-theme="light"] .tonality-real-badge{border-color:#acd0d6;background:rgba(255,255,255,.96);box-shadow:0 16px 36px rgba(45,88,97,.18)}html[data-theme="light"] .tonality-real-badge strong{color:#203a40}@media(max-width:980px){.tonality-real-showcase{width:min(760px,100%)}}@media(max-width:640px){.tonality-real-bar{height:36px;padding-inline:11px}.tonality-real-bar strong{font-size:6px}.tonality-real-stage>img{min-height:430px;object-fit:cover;object-position:center top}.tonality-real-badge{right:8px;bottom:8px;min-width:0;max-width:calc(100% - 16px);padding:10px 12px}.tonality-real-badge strong{font-size:8px}}