.media-header{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.media-header .brand{flex:none}.media-header .capit-site-switcher{margin:0}.media-header .media-service-nav{display:flex;gap:18px;margin-right:auto}.media-header .account-menu{margin:0 0 0 auto}.media-header .account-menu summary{display:flex;align-items:center;justify-content:center;padding:10px;border:0;background:transparent;min-width:42px;min-height:42px}.media-header .account-menu summary:after{display:none}.media-header .language-menu{margin:0}.media-header .account-links{width:260px;right:0;left:auto}.account-links [data-account-member],.account-links [data-account-guest]{display:flex;flex-direction:column}.account-links [hidden]{display:none!important}.account-links form{padding:8px}.media-overview{display:block;max-width:1240px;margin:48px auto 0;padding:24px}.media-overview>div{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.media-overview a{display:block}.media-overview strong,.media-overview span{display:block}.media-overview span{font-size:.9rem;color:#535966;margin-top:6px}.avatar-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.avatar-gallery img{width:100%;height:140px;object-fit:cover}.integration-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px}.integration-results img,.integration-results video{max-width:100%;height:180px;object-fit:contain}.integration-code{width:100%;min-height:110px}.widget-demo{width:100%;border:1px solid #ddd;min-height:240px}.integration-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.integration-form button{align-self:end}pre{overflow:auto}@media(max-width:650px){.media-header{gap:8px;padding:12px}.media-header .brand img{width:88px;height:auto}.media-header .media-service-nav{order:5;flex-basis:100%;justify-content:space-between;gap:8px}.media-header .account-menu{margin-left:auto}.media-header .account-links{right:-48px}.media-overview>div{grid-template-columns:1fr 1fr}.media-header .language-menu summary{padding:6px}.media-header .capit-site-switcher summary{padding:8px}}
body[data-integration] main code{overflow-wrap:anywhere}body[data-integration] main pre code{overflow-wrap:normal}.media-header .media-service-nav{flex-direction:row}.media-header .media-service-nav a{width:auto;min-width:0}@media(max-width:650px){.media-header .media-service-nav a{padding:10px 4px;flex:1;text-align:center;border:0}}