.iie-design-system-page{--iie-page-max: 1440px;--iie-content-max: 1180px;--iie-page-gutter: clamp(16px, 3vw, 36px);--iie-section-gap: clamp(22px, 3vw, 36px);--iie-card-pad: clamp(16px, 2vw, 24px);--iie-control-h: 46px;--iie-line: color-mix(in srgb, var(--border, #ddd) 82%, transparent);--iie-brand-icon: url(assets/brand/iie-icon.svg);--iie-brand-orbit-red: url(assets/brand/iie-orbit-red.svg);--iie-brand-orbit-white: url(assets/brand/iie-orbit-white.svg);--font: "Plus Jakarta Sans", system-ui, sans-serif;--mono: "Plus Jakarta Sans", system-ui, sans-serif;--iie-font-mono: "Plus Jakarta Sans", system-ui, sans-serif;--fw-light: 300}.iie-design-system-page,.iie-design-system-page *{font-family:var(--font)!important}.iie-design-system-page :where(.iie-kicker,.iie-eyebrow,.iie-lbl,.iie-badge,code,kbd,pre,samp,.mono,[class*=-mono]){font-family:var(--font)!important;font-weight:var(--fw-medium, 500);letter-spacing:.04em}.iie-design-system-page :where(.iie-page-sub,.iie-auth-sub,.ps,.dv2-sec-sub,small){font-weight:var(--fw-light, 300)}.iie-design-system-page :where(.dv2-wrap,.page-content,.iie-dashboard-main,.iie-public-main){width:min(100%,var(--iie-page-max));margin-inline:auto}.iie-design-system-page :where(.pg,.dv2-wrap,.iie-dashboard-main,.iie-public-main)>*+*{margin-top:var(--iie-section-gap)}.iie-design-system-page :where(.ph,.iie-page-title,.dv2-sec-title){text-wrap:balance}.iie-design-system-page :where(.ps,.iie-page-sub,.dv2-sec-sub){max-width:72ch;line-height:1.6}.iie-design-system-page .iie-auth-pg{padding:clamp(18px,5vh,56px) var(--iie-page-gutter)!important;min-height:100dvh;place-items:center}.iie-design-system-page .iie-auth-box{width:min(100%,520px)!important;padding:clamp(24px,4vw,42px)!important;border-radius:clamp(18px,2vw,24px)!important;border:1px solid var(--iie-line)!important;box-shadow:0 18px 60px #1112141a!important}.iie-design-system-page .iie-auth-box:after{content:"";position:absolute;top:18px;right:18px;width:58px;aspect-ratio:292 / 113;background:var(--iie-brand-orbit-red) center / contain no-repeat;opacity:.1;pointer-events:none}.iie-design-system-page .iie-auth-logo{min-width:0}.iie-design-system-page :where(.iie-auth-mark,.iie-logo-mark:not(img),.ob-logo-mark,.nav-logo-mark,.tb-mark,.tb-logo-mark,.topbar-logo,.live-logo){background-color:transparent!important;background-image:var(--iie-brand-icon)!important;background-position:center!important;background-repeat:no-repeat!important;background-size:contain!important;border-radius:9px!important;box-shadow:none!important;color:transparent!important;font-size:0!important;overflow:hidden}.iie-design-system-page .tb-logo{display:inline-flex;align-items:center;gap:10px;min-width:0}.iie-design-system-page .tb-logo-image{display:block;width:30px;height:30px;flex:0 0 30px}.iie-design-system-page .tb-logo-image svg{display:block;width:100%;height:100%}.iie-design-system-page .tb-logo-product{padding-left:10px;border-left:1px solid var(--border, rgba(17,18,20,.14));color:var(--text, #111214);font-size:var(--fs-xs, .75rem);font-weight:700;line-height:1;white-space:nowrap}.iie-design-system-page :where(.sbx-avatar,.tb-user-avatar,.tb-dd-avatar,.rp-sc-av){position:relative;isolation:isolate}.iie-design-system-page .iie-avatar-image{display:block;width:100%;height:100%;border-radius:inherit;object-fit:cover}.iie-design-system-page .iie-avatar-fallback{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:inherit;background:linear-gradient(135deg,var(--red, #C41230),var(--red2, #8B0F22));color:#fff;font-size:var(--fs-lg, 1.15rem);font-weight:800;line-height:1}.iie-design-system-page .iie-auth-mark{width:46px;height:46px}.iie-design-system-page .iie-auth-brand{min-width:0}.iie-design-system-page .iie-auth-h1{text-wrap:balance}.iie-design-system-page .iie-auth-sub{max-width:46ch}.iie-design-system-page .iie-field{margin-bottom:18px}.iie-design-system-page .iie-inp{min-height:var(--iie-control-h)}.iie-design-system-page .iie-msg{border-radius:12px;padding:12px 14px}.iie-design-system-page .iie-theme-toggle{width:40px;height:40px;padding:0;display:inline-grid;place-items:center;flex:0 0 40px;color:var(--iie-text2);background:var(--iie-surface2);border:1px solid var(--iie-border2);border-radius:12px;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease}.iie-design-system-page .iie-theme-toggle:hover{transform:translateY(-1px);border-color:var(--red)}.iie-design-system-page .iie-theme-icon,.iie-design-system-page .iie-auth-badge-icon{width:17px;height:17px;display:inline-block;background:currentColor;-webkit-mask:center / contain no-repeat;mask:center / contain no-repeat}.iie-design-system-page .iie-theme-icon{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M21 12.8A9 9 0 1 1 11.2 3 7 7 0 0 0 21 12.8Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M21 12.8A9 9 0 1 1 11.2 3 7 7 0 0 0 21 12.8Z'/%3E%3C/svg%3E")}.iie-design-system-page .iie-theme-toggle.is-dark .iie-theme-icon{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M12 2v2m0 16v2M4.9 4.9l1.4 1.4m11.4 11.4 1.4 1.4M2 12h2m16 0h2M4.9 19.1l1.4-1.4M17.7 6.3l1.4-1.4'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M12 2v2m0 16v2M4.9 4.9l1.4 1.4m11.4 11.4 1.4 1.4M2 12h2m16 0h2M4.9 19.1l1.4-1.4M17.7 6.3l1.4-1.4'/%3E%3C/svg%3E")}.iie-design-system-page .iie-auth-badge{gap:7px}.iie-design-system-page .iie-auth-badge-icon{width:14px;height:14px;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Crect x='4' y='10' width='16' height='11' rx='2'/%3E%3Cpath d='M8 10V7a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Crect x='4' y='10' width='16' height='11' rx='2'/%3E%3Cpath d='M8 10V7a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E")}.iie-design-system-page .dv2-wrap{max-width:var(--iie-content-max)}.iie-design-system-page .dv2-hero{padding:clamp(22px,3vw,36px)!important;border-radius:22px!important;min-height:190px;align-items:center}.iie-design-system-page :where(.dv2-gp-card,.dv2-stat-card,.dv2-quick-card,.dv2-mod-card){border-radius:16px!important;border-color:var(--iie-line)!important;box-shadow:none!important}.iie-design-system-page :where(.dv2-gp-card,.dv2-quick-card,.dv2-mod-card):hover{transform:translateY(-2px)!important;border-color:color-mix(in srgb,var(--red) 42%,var(--border))!important;box-shadow:0 10px 30px #11121414!important}.iie-design-system-page .dv2-gp-row{gap:16px}.iie-design-system-page .dv2-quick-grid{gap:12px}.iie-design-system-page .dv2-sec-hdr{gap:14px;flex-wrap:wrap}.iie-design-system-page :where(.dv2-sec-title,.shell .ph){display:flex;align-items:center;gap:10px}.iie-design-system-page :where(.dv2-sec-title,.shell .ph):before{content:"";width:30px;height:12px;flex:0 0 30px;background:var(--iie-brand-orbit-red) center / contain no-repeat}.iie-design-system-page .dv2-hero-tag{display:flex;align-items:center;gap:9px}.iie-design-system-page .dv2-hero-tag:before{content:"";width:32px;height:13px;background:var(--iie-brand-orbit-white) center / contain no-repeat;opacity:.88}.iie-design-system-page :where(.lesson-view,.module-view,.wiz-shell){max-width:1040px;margin-inline:auto}.iie-design-system-page .shell>.main{padding:clamp(20px,3vw,38px)!important;min-width:0}.iie-design-system-page .shell .pg{max-width:var(--iie-page-max);margin-inline:auto}.iie-design-system-page .shell .ph{font-size:clamp(1.55rem,2vw,2.15rem)!important;letter-spacing:-.035em}.iie-design-system-page .shell .ps{margin-top:6px;margin-bottom:24px}.iie-design-system-page .shell .cards{gap:14px!important}.iie-design-system-page .shell .card{min-height:116px;padding:20px!important;border-radius:16px!important;border:1px solid var(--iie-line)!important;box-shadow:none!important}.iie-design-system-page .shell .card[onclick]{cursor:pointer}.iie-design-system-page .shell .card[onclick]:hover{transform:translateY(-2px);box-shadow:0 10px 28px #11121414!important}.iie-design-system-page .shell .tw{border-radius:16px!important;border-color:var(--iie-line)!important;overflow:hidden}.iie-design-system-page .shell .ttb{gap:10px;padding:14px!important;flex-wrap:wrap}.iie-design-system-page .shell :where(input,select,textarea){min-height:44px}.iie-design-system-page .shell textarea{min-height:112px}.iie-design-system-page .shell .g2{gap:16px!important}.iie-design-system-page .shell .ld{min-height:84px;display:flex;align-items:center;justify-content:center;gap:10px}.iie-design-system-page .iie-portal .iie-dashboard-main,.iie-design-system-page .iie-portal .iie-public-main{padding:clamp(20px,3vw,38px) var(--iie-page-gutter) 52px!important}.iie-design-system-page .iie-portal :where(.iie-panel,.iie-login-card,.iie-public-featured,.iie-next-live-panel){border-radius:18px!important;border-color:var(--iie-line)!important;box-shadow:0 8px 28px #1112140f!important}.iie-design-system-page .iie-portal .iie-public-intro{padding:clamp(24px,4vw,46px)!important;border-radius:22px!important}.iie-design-system-page .iie-portal .iie-public-lives-grid,.iie-design-system-page .iie-portal .iie-recordings-grid{gap:18px!important}.iie-design-system-page .iie-portal .iie-public-live-card,.iie-design-system-page .iie-portal .iie-recording-card{border-radius:16px!important}.iie-design-system-page .iie-portal .iie-login-shell{min-height:100dvh;padding:var(--iie-page-gutter)}.iie-design-system-page .iie-portal .iie-login-card{padding:clamp(24px,4vw,40px)!important}.iie-design-system-page .iie-portal :where(.iie-login-brand .iie-eyebrow,.iie-next-live-panel .iie-kicker){display:flex;align-items:center;gap:10px}.iie-design-system-page .iie-portal :where(.iie-login-brand .iie-eyebrow,.iie-next-live-panel .iie-kicker):before{content:"";width:34px;height:14px;flex:0 0 34px;background:var(--iie-brand-orbit-white) center / contain no-repeat;opacity:.9}.iie-design-system-page .iie-portal .iie-public-list-section>.iie-panel-heading .iie-kicker{display:flex;align-items:center;gap:9px}.iie-design-system-page .iie-portal .iie-public-list-section>.iie-panel-heading .iie-kicker:before{content:"";width:30px;height:12px;background:var(--iie-brand-orbit-red) center / contain no-repeat}.iie-design-system-page :where(button,[role=button],a,input,select,textarea):focus-visible{outline:3px solid var(--iie-focus)!important;outline-offset:3px!important}.iie-design-system-page :where(button,.btn,.iie-btn,.iie-button)[disabled],.iie-design-system-page :where(button,.btn,.iie-btn,.iie-button)[aria-disabled=true]{opacity:.52!important;cursor:not-allowed!important;transform:none!important;box-shadow:none!important}.iie-design-system-page [aria-busy=true]{cursor:progress!important}.iie-design-system-page :where(.empty-state,.sp-empty,.iie-empty-state,.dv2-empty){min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(28px,5vw,52px)!important;border:1.5px dashed var(--border)!important;border-radius:16px!important;background:color-mix(in srgb,var(--surface2, #f7f7f7) 72%,transparent)!important}.iie-design-system-page .skeleton{animation-duration:1.6s}@media (max-width: 900px){.iie-design-system-page{--iie-section-gap: 22px}.iie-design-system-page .dv2-hero{min-height:0}.iie-design-system-page .shell .cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}.iie-design-system-page .shell .g2,.iie-design-system-page .iie-portal .iie-public-featured{grid-template-columns:1fr!important}}@media (max-width: 600px){.iie-design-system-page{--iie-page-gutter: 14px;--iie-section-gap: 18px}.iie-design-system-page .iie-auth-box{padding:22px 18px!important}.iie-design-system-page .iie-auth-brand{font-size:.64rem}.iie-design-system-page .dv2-hero{padding:22px 18px!important;border-radius:18px!important}.iie-design-system-page .dv2-quick-grid,.iie-design-system-page .dv2-gp-row,.iie-design-system-page .shell .cards{grid-template-columns:1fr!important}.iie-design-system-page .shell .card{min-height:96px}.iie-design-system-page .shell .ttb>*{width:100%}.iie-design-system-page .iie-portal .iie-public-nav a:not(.iie-button){display:none}.iie-design-system-page .iie-portal .iie-public-intro-mark{display:none}.iie-design-system-page .iie-portal .iie-button{width:100%}.iie-design-system-page .iie-auth-box:after{width:44px;top:14px;right:14px}.iie-design-system-page .tb-logo-image{width:27px;height:27px;flex-basis:27px}.iie-design-system-page .tb-logo-product{display:none}}@media (prefers-reduced-motion: reduce){.iie-design-system-page *,.iie-design-system-page *:before,.iie-design-system-page *:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}