@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;900&display=swap");body{margin:0;background-color:#fff;color:#686868;font-size:14px}*{font-family:Roboto,sans-serif}.text-primary,.tutorial h1{color:#446df6}.bg-primary{background:#446df6;color:#fff}.bg-secondary{background:#424242;color:#fff}.bg-dark-accent{background:#1d2a3c}.bg-dark-orange-accent{background:#6c441f}.bg-warning{background:#d45757!important;color:#fff}.snack{padding:7px;border-radius:12px}button{transition:.2s;padding:15px;border:none;border-radius:10px;color:#fff;cursor:pointer}button:disabled{opacity:.5;pointer-events:none}button.primary{background:#eb882a}button.secondary{background:#fff;color:#000}button.tertiary{background:#446df6}button.gray{background:#424242;color:#fff}button.primary:hover{background:#f5a356}button.secondary:hover{background:#dedede!important}button.tertiary:hover{background:#7595ff}button.gray:hover{background:#656565}button.transparent{background:hsla(0,0%,100%,.1)}button.transparent:hover{background:hsla(0,0%,100%,.3)}.searchItem{text-align:left;background:#fff;padding:10px;color:#000;cursor:pointer}.searchItem:hover{background:#f3f7fb!important}a{color:#4c83ad;text-decoration:none;transition:.1s}a:hover{color:#759fbf}.quizTable{font-size:13px;margin-top:20px;width:100%;color:#000;border-radius:10px;overflow:hidden}.quizTable>div{display:flex;padding:10px;justify-content:center}.quizTable>div>div{text-align:center;flex:1 1}.correctFlicker{color:#000;pointer-events:none;opacity:1;position:absolute;width:100%;height:100%;top:0;display:flex;align-items:center;justify-content:center}.correctFlicker.active{background-color:#9f9;opacity:0;transition:opacity 1s}.modeToggle{font-size:16px;transition:.2s;cursor:pointer;font-weight:700}.modeToggle:hover{color:#dedede}.explorerSpectrogram{width:33.333%;position:relative;color:#fff;cursor:pointer;aspect-ratio:2.83}.explorerSpectrogramOverlay:not(:hover){opacity:0!important}.explorerSpectrogramOverlay{transition:.2s;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;flex-direction:column}.explorerSpectrogramAddOverlay{flex:1 1;display:flex;align-items:center;justify-content:center}.explorerSpectrogramLabel{width:calc(100% - 10px);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:5px;background:rgba(0,0,0,.5)}button.rainbow{transition:background .5s;background:linear-gradient(124deg,#eb882a,#ff351f,#e8b71d,#c8cb1e,#1de840,#289ba1,#2b1de8,#dd00f3,#dd00f3);background-size:1800% 1800%;-z-animation:rainbow 18s ease;animation:rainbow 18s ease}button.rainbow:hover{opacity:.7}button.regionButton{border-radius:0;background:none;color:#446df6;position:relative;border:1px solid #446df6;border-left-width:0}button.regionButton:hover{background:#eaeaea}.monthButton{padding:50px 10px!important}.monthButton:hover{opacity:.8}button.bg-warning:hover{background:#e87272!important}.site-header{padding:0 40px;display:flex;flex-direction:column}.mode-text-container{color:#fff;padding:20px 40px;display:flex;align-items:center;justify-content:space-between}.spectrogramContainer{margin:0 40px;border-radius:20px;overflow:hidden;position:relative}.spectroramAndFilterContainer{padding-bottom:30px}.filterContainer{margin:0 40px;background:#fff;padding:20px;border-radius:20px;overflow:hidden}.locationQuizBuilderContainer{margin-bottom:10px;position:relative;align-items:center}.hamburgerOpen,.localeModalOpen,.settingsOpen{box-shadow:-10px 0 10px 1px rgba(0,0,0,.2);transform:unset!important}.clickableText{transition:.2s;cursor:pointer}.clickableText:hover{opacity:.5}.modeHeader{display:flex;position:relative;align-items:center}.hamburgerMenuContent,.localeModalContent{margin:40px}.pinnedAssetRow{width:50%}.pinnedAsset{border-radius:15px;overflow:hidden;border:1px solid #000;margin-bottom:10px}.explorerLabel,.pinnedRecordingsLabel{font-size:25px;padding:20px 40px}.pinnedRecordingsContainer{display:flex;flex-wrap:wrap;padding:20px 40px}.explorerTabs{display:flex;overflow-x:scroll;margin-left:40px}@media (min-width:1000px){.pinnedAsset.even{margin-left:5px}.pinnedAsset.odd{margin-right:5px}.focusedWarning{margin-left:10px}.modeHeaderWithFocusedWarning{display:flex}.mobileOnly{display:none}.locationQuizBuilderContainer{display:flex}.filterContainer{width:20%;min-width:200px}.spectrogramContainer{width:80%;max-width:calc(100% - 300px);margin-right:0;margin-bottom:auto}.spectroramAndFilterContainer{display:flex;padding-bottom:40px}.quizBuilderButton{margin-right:10px}.autoplayButton{margin-left:10px}}@media (max-width:1000px){.tutorialColumnReverse{flex-direction:column-reverse}.tutorialColumn{flex-direction:column}.explorerTabs{margin-left:20px}.pinnedRecordingsContainer{padding:20px}.explorerLabel,.pinnedRecordingsLabel{padding:10px 20px}.pinnedAssetRow{width:100%}.hamburgerMenuContent,.localeModalContent{margin:20px}.focusedWarning,.modeHeader{margin-bottom:10px}.hamburgerMenu,.localeModal,.settingsMenu{width:100%!important;min-width:100dvw}.desktopOnly{display:none}.explorerSpectrogram{width:100%}.filterContainer{margin:0 20px}.spectrogramContainer{margin:0 20px 20px}.site-header{padding:0 20px}.mode-text-container{padding:20px;display:block}.modeToggle{margin-left:5px}.autoplayButton,.quizBuilderButton{margin-bottom:10px}.autoplayButton{width:100%}input{font-size:16px!important}}@media (max-width:500px){.header{flex-direction:column-reverse}.header .options{margin-bottom:10px;justify-content:space-between;width:100%}.heading{text-align:center}.locationQuizBuilderContainer{margin:0}.quizBuilderButton{width:100%}}@keyframes rainbow{0%{background-position:0 82%}50%{background-position:100% 19%}to{background-position:0 0}}