.page[name='exampleVideos'] > .content > .hero {
    background: radial-gradient(110% 140% at 50% 0%, #ede9ff 0%, #f5f3ff 40%, #FFF 75%);
}
.page[name='exampleVideos'] > .content > .hero > .heroContent > .introduction > .info > .title {
    background: linear-gradient(180deg, #e6087b 0%, #c0066a 30%, #3e3a8e 80%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
.page[name='exampleVideos'] > .content > .hero > .heroContent > .introduction > .info > .description {
    color: #716d8f;
}
.page[name='exampleVideos'] > .content > .hero > .heroContent > .introduction > .preview > .backCard {
    border-color: #ddd8f1;
    background-color: #ffffff;
}
.page[name='exampleVideos'] > .content > .hero > .heroContent > .introduction > .preview > .featureCard {
    border-color: #ffffff;
    background-color: #15142b;
}
.page[name='exampleVideos'] > .content > .hero > .heroContent > .introduction > .preview > .featureCard > .duration {
    color: #ffffff;
    background-color: rgba(13, 13, 29, 0.78);
}
.page[name='exampleVideos'] > .content > .hero > .heroContent > .introduction > .preview > .featureCard > .meta {
    background-image: linear-gradient(180deg, rgba(9, 9, 27, 0), rgba(9, 9, 27, 0.92));
}
.page[name='exampleVideos'] > .content > .hero > .heroContent > .introduction > .preview > .featureCard > .meta > .labels > .label[key='subject'] {
    color: #ffffff;
    background-color: #f2157a;
}
.page[name='exampleVideos'] > .content > .hero > .heroContent > .introduction > .preview > .featureCard > .meta > .labels > .label[key='grade'] {
    color: #ffffff;
    background-color: rgba(255, 255, 255, 0.24);
}
.page[name='exampleVideos'] > .content > .hero > .heroContent > .introduction > .preview > .featureCard > .meta > .videoTitle {
    color: #ffffff;
}
.page[name='exampleVideos'] > .content > .hero > .heroContent > .introduction > .preview > .featureCard > .meta > .teacher {
    color: #e2dff0;
}
.page[name='exampleVideos'] > .content > .catalog {
    background-color: #f9f8ff;
}
.page[name='exampleVideos'] > .content > .catalog > .catalogContent > .heading > .title {
    color: #302b6c;
}
.page[name='exampleVideos'] > .content > .catalog > .catalogContent > .heading > .description {
    color: #77738f;
}
.page[name='exampleVideos'] > .content > .catalog > .catalogContent > .gradeTabs {
    background-color: #ebe9f7;
}
.page[name='exampleVideos'] > .content > .catalog > .catalogContent > .gradeTabs > .button:hover {
    background: rgba(62, 58, 142, 0.06);
}
.page[name='exampleVideos'] > .content > .catalog > .catalogContent > .gradeTabs > .button:not(.active) {
    color: #565176;
}
.page[name='exampleVideos'] > .content > .catalog > .catalogContent > .gradeTabs > .button.active {
    color: #ffffff;
    background-color: #463f9b;
}
.page[name='exampleVideos'] > .content > .catalog > .catalogContent > .videos > .video {
    border-color: #ebe8f3;
    background-color: #ffffff;
}
.page[name='exampleVideos'] > .content > .catalog > .catalogContent > .videos > .video > .media > .lesson {
    color: #ffffff;
    background-color: #f2157a;
}
.page[name='exampleVideos'] > .content > .catalog > .catalogContent > .videos > .video[key='geometry'] > .media > .lesson,
.page[name='exampleVideos'] > .content > .catalog > .catalogContent > .videos > .video[key='angles'] > .media > .lesson {
    background-color: #4e479f;
}
.page[name='exampleVideos'] > .content > .catalog > .catalogContent > .videos > .video[key='genetics'] > .media > .lesson,
.page[name='exampleVideos'] > .content > .catalog > .catalogContent > .videos > .video[key='pressure'] > .media > .lesson {
    background-color: #279bb0;
}
.page[name='exampleVideos'] > .content > .catalog > .catalogContent > .videos > .video[key='history'] > .media > .lesson {
    background-color: #3f9b65;
}
.page[name='exampleVideos'] > .content > .catalog > .catalogContent > .videos > .video[key='tourism'] > .media > .lesson {
    background-color: #e0aa33;
}
.page[name='exampleVideos'] > .content > .catalog > .catalogContent > .videos > .video > .media > .duration {
    color: #ffffff;
    background-color: rgba(13, 13, 29, 0.78);
}
.page[name='exampleVideos'] > .content > .catalog > .catalogContent > .videos > .video > .details > .title {
    color: #302b6c;
}
.page[name='exampleVideos'] > .content > .catalog > .catalogContent > .videos > .video > .details > .description {
    color: #8a86a0;
}
.page[name='exampleVideos'] > .content > .catalog > .catalogContent > .videos > .video > .details > .metadata > .teacher > .imageWrapper {
    background-color: #f2b15d;
}
.page[name='exampleVideos'] > .content > .catalog > .catalogContent > .videos > .video > .details > .metadata > .teacher > .name {
    color: #4d496e;
}
.page[name='exampleVideos'] > .content > .catalog > .catalogContent > .videos > .video > .details > .metadata > .views {
    color: #9a96ad;
}
.page[name='exampleVideos'] > .content > .statistics {
    background-color: #f9f8ff;
}
.page[name='exampleVideos'] > .content > .statistics > .statisticsContent {
    border-color: #ebe8f3;
    background-color: #ffffff;
}
.page[name='exampleVideos'] > .content > .statistics > .statisticsContent > .statistic > .value {
    color: #9d2c9e;
}
.page[name='exampleVideos'] > .content > .statistics > .statisticsContent > .statistic > .label {
    color: #9994aa;
}
.page[name='exampleVideos'] > .content > .callToAction {
    background-color: #f9f8ff;
}
.page[name='exampleVideos'] > .content > .callToAction > .callToActionContent {
    background-color: #403695;
    background-image: radial-gradient(circle at 84% 32%, rgba(242, 21, 122, 0.28), rgba(242, 21, 122, 0) 34%), linear-gradient(120deg, #423a9d, #352563);
}
.page[name='exampleVideos'] > .content > .callToAction > .callToActionContent > .message > .title {
    color: #ffffff;
}
.page[name='exampleVideos'] > .content > .callToAction > .callToActionContent > .message > .description {
    color: #ded9f0;
}
.page[name='exampleVideos'] > .content > .callToAction > .callToActionContent > .actions > .button[key='trainingSets'] {
    color: #ffffff;
    border-color: #f2157a;
    background-color: #f2157a;
}
.page[name='exampleVideos'] > .content > .callToAction > .callToActionContent > .actions > .button[key='freeTrial'] {
    color: #ffffff;
    border-color: rgba(255, 255, 255, 0.2);
    background-color: rgba(255, 255, 255, 0.1);
}
.page[name='exampleVideos'] > .content > .assistantBubble {
    background-color: #ffffff;
}