.demo-tabs button{position:relative;font-size:18px;min-height:64px;border-bottom:0}
.demo-tabs button>span{font-size:12px}
.demo-tabs button::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:3px;background:var(--blue);transform:scaleX(0);transform-origin:left}
.demo-tabs button[aria-selected="true"]::after{transform:scaleX(var(--demo-progress,0))}
.demo-tabs[data-manual="true"] button[aria-selected="true"]::after{transform:scaleX(1)}
.demo-layout{align-items:start}.demo-description{padding-top:35px}
#demo-panel{min-height:690px}
.reception-demo{border:1px solid #dce4f0;border-radius:14px;overflow:hidden;background:#f5f7fb;min-height:690px}
.reception-viewport{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;font-size:11px;color:#64738a;gap:12px}
.reception-viewport button{border:1px solid transparent;border-radius:6px;padding:7px 13px;background:transparent;font-size:12px}
.reception-viewport button[aria-pressed="true"]{background:white;color:#0755ff;border-color:#dce4f0}
.reception-demo iframe{display:block;border:0;width:100%;height:640px;background:white;margin:0 auto}
.reception-demo[data-viewport="mobile"] iframe{width:min(100%,390px)}
@media(max-width:760px){.demo-tabs button{font-size:15px;min-height:58px;padding-left:7px;padding-right:7px}.demo-tabs button>span{font-size:10px}.reception-viewport{padding:10px;font-size:10px}.reception-demo{min-height:790px}.reception-demo iframe{height:740px}.reception-viewport>span{max-width:145px}}