:root{--purpleGradientBackground:linear-gradient(to top left,#b19cd8,#ccb7e5,#e6d1f2);--greenGradientBackground:linear-gradient(to top left,#43bc43,#8dd88d,#d8f3d8);--purpleGradientBackgroundHover:linear-gradient(to top left,#7c3aed,#6d28d9,#3730a3);--greenGradientBackgroundHover:linear-gradient(to top left,#16a34a,#059669,#0f766e);--primaryButtonColor:#7c3aed;--primaryButtonColorHover:#5527a3;--primaryPurpleColor:#7c3aed;--primaryPurpleColorDarker:#5527a3;--primaryGreenColor:#16a34a;--primaryGreenColorDarker:#105c2c;--headerTextColor:#333;--headerBackgroundColor:#fff;--headerLinkHoverBackgroundColor:#0000000f;--headerOverlayBackgroundColor:#00000052;--headerBoxShadow:0 2px 8px #0000001a;--contentBorderRadius:10px;--headerHeight:calc((60/16)*1rem);--headerPaddingTopBottom:1rem;--headerPaddingLeftRight:1rem;--totalHeaderHeight:calc(var(--headerHeight) + (var(--headerPaddingTopBottom)*2));--buttonBorderRadius:.5rem;--maxWidthContent:calc((1440/16)*1rem);--maxWidthHeader:calc((1920/16)*1rem);--maxWidthReading:calc((768/16)*1rem);--maxWidthUserProfile:calc((1024/16)*1rem)}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.videoList{gap:calc(var(--headerPaddingLeftRight)*2);padding:var(--headerPaddingLeftRight)0;flex-direction:column;display:flex}@media only screen and (min-width:48rem){.videoList{padding:var(--headerPaddingLeftRight)var(--headerPaddingLeftRight);flex-flow:wrap}.videoList--small .videoEmbed,.videoList--big .videoEmbed{flex:0 0 calc(50% - var(--headerPaddingLeftRight))}}@media only screen and (min-width:96rem){.videoList--small .videoEmbed{flex:0 0 calc(33.333% - var(--headerPaddingLeftRight)*4/3)}}
:root{--purpleGradientBackground:linear-gradient(to top left,#b19cd8,#ccb7e5,#e6d1f2);--greenGradientBackground:linear-gradient(to top left,#43bc43,#8dd88d,#d8f3d8);--purpleGradientBackgroundHover:linear-gradient(to top left,#7c3aed,#6d28d9,#3730a3);--greenGradientBackgroundHover:linear-gradient(to top left,#16a34a,#059669,#0f766e);--primaryButtonColor:#7c3aed;--primaryButtonColorHover:#5527a3;--primaryPurpleColor:#7c3aed;--primaryPurpleColorDarker:#5527a3;--primaryGreenColor:#16a34a;--primaryGreenColorDarker:#105c2c;--headerTextColor:#333;--headerBackgroundColor:#fff;--headerLinkHoverBackgroundColor:#0000000f;--headerOverlayBackgroundColor:#00000052;--headerBoxShadow:0 2px 8px #0000001a;--contentBorderRadius:10px;--headerHeight:calc((60/16)*1rem);--headerPaddingTopBottom:1rem;--headerPaddingLeftRight:1rem;--totalHeaderHeight:calc(var(--headerHeight) + (var(--headerPaddingTopBottom)*2));--buttonBorderRadius:.5rem;--maxWidthContent:calc((1440/16)*1rem);--maxWidthHeader:calc((1920/16)*1rem);--maxWidthReading:calc((768/16)*1rem);--maxWidthUserProfile:calc((1024/16)*1rem)}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.videoEmbed{border-radius:var(--contentBorderRadius);box-shadow:var(--headerBoxShadow);transition:all .3s}@media (hover:hover){.videoEmbed:hover{transform:scale(1.02);box-shadow:0 4px 12px #00000023}}.videoEmbed:active{transform:scale(1.02);box-shadow:0 4px 12px #00000023}.videoEmbed__video{aspect-ratio:16/9;border-radius:var(--contentBorderRadius)var(--contentBorderRadius)0 0;border:none;width:100%;height:auto}.videoEmbed__content{padding:calc(.75rem - 6px) .75rem .75rem}.videoEmbed__content h3{margin-bottom:.3em;font-size:1.125rem;font-weight:700;line-height:1.6875rem}.videoEmbed__content p{color:var(--headerTextColor);margin-bottom:.5em;font-size:.875rem;font-weight:500;line-height:1.3125rem}.videoEmbed__content div{flex-direction:row;align-items:center;gap:.3rem;display:flex}.videoEmbed__content div .videoDurationIcon{fill:red;width:13px}.videoEmbed__content div span{font-size:.8125rem;font-weight:400;line-height:1.21875rem}.videoList--purple .videoEmbed__content h3{color:var(--primaryPurpleColorDarker)}.videoList--purple .videoEmbed__content div,.videoList--purple .videoEmbed__content .videoDurationIcon{color:var(--primaryPurpleColor);fill:var(--primaryPurpleColor)}.videoList--green .videoEmbed__content h3{color:var(--primaryGreenColorDarker)}.videoList--green .videoEmbed__content div,.videoList--green .videoEmbed__content .videoDurationIcon{color:var(--primaryGreenColor);fill:var(--primaryGreenColor)}.videoList--purple .videoEmbed,.videoList--green .videoEmbed{background-color:#ffffff9b}