@layer components{html.webinar-started [data-webinar-registration],html:not(.webinar-started) [data-webinar-player],html.webinar-started .webinar-detail_wrap:has([data-webinar-player]) .webinar-detail_preview{display:none}html:has(.webinar-detail_wrap){--nav--height-total:var(--nav--height)}html:has(.webinar-detail_wrap) .nav_banner_wrap{display:none}.webinar-detail_wrap{container:threshold-medium/inline-size}@media (min-width:62em){.webinar-detail_wrap{padding-top:var(--space-4)}}.webinar-detail_wrap .breadcrumbs_list{row-gap:0}.webinar-detail_wrap>.breadcrumbs_wrap{width:var(--site-width);max-width:var(--max-width-main);margin-inline:auto;padding-top:1rem}.webinar-detail_wrap>.section{padding-top:var(--site-margin)}.webinar-detail_wrap .webinar-detail_container{width:var(--site-width)}.webinar-detail_wrap .webinar-detail_preview{gap:var(--space-7);margin-bottom:var(--space-8);grid-template-columns:1fr 1fr;padding:2rem;display:grid}.webinar-detail_wrap .webinar-detail_preview-content{min-width:0}.webinar-detail_wrap .webinar-detail_preview .heading{margin:0 0 var(--space-3)}.webinar-detail_wrap .webinar-detail_preview .webinar-meta_date{margin-bottom:var(--space-5)}.webinar-detail_wrap .webinar-detail_cover{aspect-ratio:2;object-fit:cover;border-radius:var(--radius-main);width:100%}.webinar-detail_wrap .webinar-detail_body{width:100%;max-width:var(--max-width-small);margin:0 auto var(--space-8);display:flow-root}.webinar-detail_wrap .webinar-detail_speakers{width:100%}.webinar-detail_wrap .webinar-detail_speakers>.heading{margin:0 0 var(--space-4)}.webinar-detail_wrap .webinar-detail_speaker-list{gap:var(--site-gutter);display:grid}.webinar-detail_wrap .webinar-detail_speaker{text-align:center;align-items:center;gap:var(--space-1);padding:1rem;transition:transform .25s;display:flex}.webinar-detail_wrap .webinar-detail_speaker:hover{transform:scale(1.02)}.webinar-detail_wrap .webinar-detail_speaker .heading{margin:0}.webinar-detail_wrap .webinar-detail_avatar{aspect-ratio:1;object-fit:cover;border-radius:var(--radius-round);width:4rem}.webinar-detail_wrap .webinar-detail_profile-link{color:var(--text-faded);font-size:var(--text-small);cursor:pointer;background:0 0;border:0;align-items:center;gap:.25rem;display:flex}.webinar-detail_wrap .webinar-detail_profile-link:after{content:"";position:absolute;inset:0}.webinar-detail_wrap .webinar-detail_profile-link svg{width:.75rem}.webinar-detail_wrap .webinar-detail_profile-header{gap:var(--space-3);margin-block:var(--space-4);flex-wrap:wrap;align-items:center;display:flex}.webinar-detail_wrap .webinar-detail_profile-header img{aspect-ratio:1;object-fit:cover;border-radius:var(--radius-main);width:12rem;max-width:100%}.webinar-detail_wrap .webinar-detail_profile-header>div{flex:1;min-width:12rem}.webinar-detail_wrap .webinar-detail_profile-header a{background:var(--site-black);width:1.5rem;height:1.5rem;color:var(--light-100);border-radius:.25rem;place-items:center;padding:.25rem;display:grid}.webinar-detail_wrap .webinar-detail_profile-header svg{width:100%}.webinar-detail_wrap .webinar-detail_video{border-radius:var(--radius-main);aspect-ratio:16/9;width:100%;margin-bottom:0;position:relative;overflow:clip}.webinar-detail_wrap .webinar-detail_placeholder,.webinar-detail_wrap .webinar-detail_video iframe,.webinar-detail_wrap .webinar-detail_video video{border:0;width:100%;height:100%}.webinar-detail_wrap .webinar-detail_placeholder img{object-fit:cover;width:100%;height:100%}.webinar-detail_wrap .webinar-detail_play{border-radius:var(--radius-round);background:var(--brand-500);width:6rem;height:6rem;color:var(--site-black);cursor:pointer;border:0;place-items:center;margin:auto;display:grid;position:absolute;inset:0}.webinar-detail_wrap .webinar-detail_play svg{width:2rem;height:2rem}.webinar-detail_wrap .webinar-detail_registration-modal .modal_content{max-width:50rem}.webinar-detail_wrap .webinar-detail_registration-frame{width:100%;height:65dvh;margin-top:var(--space-4);border:0}.webinar-detail_wrap [hidden]{display:none}@container threshold-medium (width<62em){.webinar-detail_wrap .webinar-detail_preview{padding:1.5rem}}@container threshold-medium (width<48em){.webinar-detail_wrap .webinar-detail_preview{padding:1rem}}@media not (min-width:62em){.webinar-detail_wrap .webinar-detail_preview{grid-template-columns:1fr}.webinar-detail_wrap .webinar-detail_cover{order:-1}}}
