@keyframes TopNavBar-module-scss-module__XSjRCq__fade-slide{0%{opacity:0;top:-5px}to{opacity:1;top:0}}@keyframes TopNavBar-module-scss-module__XSjRCq__fade{0%{opacity:0}to{opacity:1}}@keyframes TopNavBar-module-scss-module__XSjRCq__open-from-center{0%{width:60%}to{width:100%}}@keyframes TopNavBar-module-scss-module__XSjRCq__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.TopNavBar-module-scss-module__XSjRCq__topNavBar{box-sizing:border-box;width:95vw;max-width:960px;color:var(--purple-900,#181439);text-align:center;background:#fff;border-radius:100px;grid-template-columns:1fr auto 1fr;grid-template-areas:"back progress audio";align-items:center;margin:6rem auto 0;padding:.625rem 1rem;font-size:1.125rem;font-style:normal;font-weight:600;line-height:1.688rem;display:grid;position:relative;box-shadow:0 4px 8px #dbdaed99}@media (min-width:744px) and (max-width:833px){.TopNavBar-module-scss-module__XSjRCq__topNavBar{background-color:inherit;box-shadow:none;grid-template:"back audio""progress progress"/auto 1fr;gap:.5rem;height:auto;margin-top:4.5rem}}@media (max-width:743px){.TopNavBar-module-scss-module__XSjRCq__topNavBar{background-color:inherit;box-shadow:none;grid-template:"back audio""progress progress"/auto 1fr;gap:.5rem;height:auto;margin-top:4.5rem}}.TopNavBar-module-scss-module__XSjRCq__backButton{background:var(--purple-undertone);height:48px;color:var(--purple-900);cursor:pointer;z-index:2;border:none;border-radius:100px;grid-area:back;justify-content:center;place-self:center start;align-items:center;gap:.5rem;padding:0 2rem 0 1.5rem;font-size:1.125rem;font-style:normal;font-weight:600;line-height:1.688rem;display:flex}.TopNavBar-module-scss-module__XSjRCq__backButton:hover{background-color:var(--purple-200)}.TopNavBar-module-scss-module__XSjRCq__backButton:focus-visible{border:2.5px solid var(--purple-200);border-radius:100px}.TopNavBar-module-scss-module__XSjRCq__backButton:active{background-color:var(--purple-100)}@media (min-width:744px) and (max-width:833px){.TopNavBar-module-scss-module__XSjRCq__backButton{background-color:var(--blue-undertone-dark);width:48px;padding:0}.TopNavBar-module-scss-module__XSjRCq__backButton .TopNavBar-module-scss-module__XSjRCq__backButtonText{display:none}}@media (max-width:743px){.TopNavBar-module-scss-module__XSjRCq__backButton{background-color:var(--blue-undertone-dark);width:48px;padding:0}.TopNavBar-module-scss-module__XSjRCq__backButton .TopNavBar-module-scss-module__XSjRCq__backButtonText{display:none}}.TopNavBar-module-scss-module__XSjRCq__progressBarWrap{flex-direction:column;grid-area:progress;justify-content:center;align-self:center;align-items:center;width:500px;max-width:100%;margin:auto;display:flex}@media (min-width:744px) and (max-width:833px){.TopNavBar-module-scss-module__XSjRCq__progressBarWrap{width:100%}}@media (max-width:743px){.TopNavBar-module-scss-module__XSjRCq__progressBarWrap{width:100%}}.TopNavBar-module-scss-module__XSjRCq__timelineWrapper{width:500px}@media (min-width:744px) and (max-width:833px){.TopNavBar-module-scss-module__XSjRCq__timelineWrapper{display:none}}@media (max-width:743px){.TopNavBar-module-scss-module__XSjRCq__timelineWrapper{display:none}}.TopNavBar-module-scss-module__XSjRCq__progressBarText{text-align:center}@media (min-width:744px) and (max-width:833px){.TopNavBar-module-scss-module__XSjRCq__progressBarText{display:none}}@media (max-width:743px){.TopNavBar-module-scss-module__XSjRCq__progressBarText{display:none}}.TopNavBar-module-scss-module__XSjRCq__progressBarTextMobile{text-align:center;color:var(--purple-500);display:none}@media (min-width:744px) and (max-width:833px){.TopNavBar-module-scss-module__XSjRCq__progressBarTextMobile{display:block}}@media (max-width:743px){.TopNavBar-module-scss-module__XSjRCq__progressBarTextMobile{display:block}}.TopNavBar-module-scss-module__XSjRCq__audioAndCaptions{grid-area:audio;justify-content:flex-end;align-items:center;gap:1rem;display:flex}.TopNavBar-module-scss-module__XSjRCq__iconButton{background:var(--purple-undertone);cursor:pointer;border:none;border-radius:100px;justify-content:center;align-items:center;width:48px;height:48px;padding:0;transition:width .3s;display:flex;position:relative;overflow:hidden}.TopNavBar-module-scss-module__XSjRCq__iconButton:hover{background-color:var(--purple-200)}.TopNavBar-module-scss-module__XSjRCq__iconButton:focus-visible{border:2.5px solid var(--purple-200);border-radius:100px}.TopNavBar-module-scss-module__XSjRCq__iconButton:active{background-color:var(--purple-100)}@media (min-width:744px) and (max-width:833px){.TopNavBar-module-scss-module__XSjRCq__iconButton{background-color:var(--blue-undertone-medium)}}@media (max-width:743px){.TopNavBar-module-scss-module__XSjRCq__iconButton{background-color:var(--blue-undertone-medium)}}.TopNavBar-module-scss-module__XSjRCq__volumeButtonActive{justify-content:flex-start;width:190px;padding:0 16px}.TopNavBar-module-scss-module__XSjRCq__volumeButtonActive>div{align-items:center;gap:16px;width:100%;height:100%;display:flex}
/*# sourceMappingURL=f9ff87abe9b30fd1.css.map*/