/* One LG Stay mark across headers and footers. Geometry belongs only to the mark. */
body header :is(.brand,.course-brand) :is(.logo-mark,.brand-symbol),body footer :is(.brand,.course-brand) :is(.logo-mark,.brand-symbol){position:relative!important;isolation:isolate;display:inline-grid!important;place-items:center!important;width:44px!important;height:44px!important;min-width:44px!important;flex:0 0 44px!important;border-radius:14px!important;background:linear-gradient(135deg,#7ee5f6 0%,#8b9ff1 54%,#916ce5 100%)!important;color:#09182f!important;border:1px solid #c5e4ff66!important;font:750 16px/1 Arial,Helvetica,sans-serif!important;letter-spacing:-1px!important;box-shadow:inset 0 1px 1px #e6faff88,0 6px 20px #687fd322!important;overflow:hidden!important;transform:none!important;animation:lg-brand-breathe 4s ease-in-out infinite}
body header :is(.brand,.course-brand) :is(.logo-mark,.brand-symbol):after,body footer :is(.brand,.course-brand) :is(.logo-mark,.brand-symbol):after{content:'';position:absolute;inset:-50%;background:linear-gradient(110deg,transparent 35%,#fff5 49%,transparent 62%);transform:translateX(-120%) rotate(8deg);animation:lg-brand-sheen 4.5s ease-in-out infinite;pointer-events:none}
body :is(header,footer) :is(.brand,.course-brand){text-decoration:none!important;align-items:center;gap:11px;white-space:nowrap}
@keyframes lg-brand-breathe{0%,100%{box-shadow:inset 0 1px 1px #e6faff88,0 5px 18px #687fd322}50%{box-shadow:inset 0 1px 1px #e6faff88,0 5px 23px #8a82e33b}}
@keyframes lg-brand-sheen{0%,65%{transform:translateX(-120%) rotate(8deg)}90%,100%{transform:translateX(120%) rotate(8deg)}}
body.motion-paused :is(.logo-mark,.brand-symbol),body.motion-paused :is(.logo-mark,.brand-symbol):after,body.future-paused :is(.logo-mark,.brand-symbol),body.future-paused :is(.logo-mark,.brand-symbol):after{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){body header :is(.brand,.course-brand) :is(.logo-mark,.brand-symbol),body footer :is(.brand,.course-brand) :is(.logo-mark,.brand-symbol),body header :is(.brand,.course-brand) :is(.logo-mark,.brand-symbol):after,body footer :is(.brand,.course-brand) :is(.logo-mark,.brand-symbol):after{animation:none!important}}
body :is(header,footer) .brand>span,body :is(header,footer) .course-brand>span:last-child{font:750 23px/1.1 Arial,Helvetica,sans-serif!important;letter-spacing:-1px!important}
body :is(header,footer) .course-brand .brand-sub{display:block;font:650 7px/1.5 Arial,Helvetica,sans-serif!important;letter-spacing:1.4px!important;margin-top:5px}
@media(max-width:380px){body header :is(.brand,.course-brand) :is(.logo-mark,.brand-symbol){width:36px!important;height:36px!important;min-width:36px!important;flex-basis:36px!important;border-radius:11px!important;font-size:14px!important}body header .brand>span,body header .course-brand>span:last-child{font-size:18px!important}body header :is(.brand,.course-brand){gap:7px!important}}