* { font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif; }

@font-face { font-family: "braveold"; src: url("../fonts/braveold/braveold_normal_900.eot"); src: url("../fonts/braveold/braveold_normal_900.eot?#iefix") format("embedded-opentype"), url("../fonts/braveold/braveold_normal_900.woff2") format("woff2"), url("../fonts/braveold/braveold_normal_900.woff") format("woff"), url("../fonts/braveold/braveold_normal_900.ttf") format("truetype"); font-style: normal; font-weight: 900; }

h1, h2, h3, h4, h5, h6, p { margin-bottom: 0; }

h1, h2 { font-family: 'braveold', Georgia, serif; font-style: normal; font-weight: 900; font-variant-ligatures: none; color: black; }

h1 { font-size: 40px; line-height: 48px; }

@media (min-width: 992px) { h1 { font-size: 80px; line-height: 88px; } }

h2 { font-size: 24px; line-height: 32px; }

@media (min-width: 992px) { h2 { font-size: 40px; line-height: 48px; } }

h3 { font-size: 20px; line-height: 24px; font-weight: 900; }

@media (min-width: 992px) { h3 { font-size: 32px; line-height: 40px; } }

h4 { font-size: 20px; line-height: 24px; font-weight: 400; }

@media (min-width: 992px) { h4 { font-size: 32px; line-height: 40px; } }

a { color: black; }

a:hover { color: #025920; }

[type=button], [type=reset], [type=submit], button { -webkit-appearance: none; }

button { vertical-align: middle; text-align: center; }

.btn-check:focus + .btn, .btn:focus { box-shadow: none; }

.lead { font-size: 20px; line-height: 28px; font-weight: 400; }

@media (min-width: 992px) { .lead { font-size: 30px; line-height: 40px; } }

p { font-size: 16px; line-height: 24px; color: black; }

@media (min-width: 992px) { p { font-size: 24px; line-height: 32px; } }

.container-fluid { max-width: 1600px; }

@media (min-width: 576px) { .container-fluid { width: calc(100% - 16vw); } }

@media (min-width: 768px) { .row-md { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; margin-top: calc(var(--bs-gutter-y) * -1); margin-right: calc(var(--bs-gutter-x)/ -2); margin-left: calc(var(--bs-gutter-x)/ -2); } .row-md > * { flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--bs-gutter-x)/ 2); padding-left: calc(var(--bs-gutter-x)/ 2); margin-top: var(--bs-gutter-y); } }

@media (min-width: 992px) { .row-lg { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; margin-top: calc(var(--bs-gutter-y) * -1); margin-right: calc(var(--bs-gutter-x)/ -2); margin-left: calc(var(--bs-gutter-x)/ -2); } .row-lg > * { flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--bs-gutter-x)/ 2); padding-left: calc(var(--bs-gutter-x)/ 2); margin-top: var(--bs-gutter-y); } }

.content-placeholder { height: 400px; width: 100%; border-radius: 8px; background: rgba(0, 0, 0, 0.1); margin-bottom: 32px; }

.section { padding-top: 80px; padding-bottom: 80px; }

.section__row { margin-top: 80px; }

.section__row:first-child { margin-top: 0; }

.section__title { margin-bottom: 32px; }

.section__subtitle { margin-bottom: 32px; }

.section__subtitle .section__info { margin-bottom: 0; }

.section__description { margin-bottom: 32px; }

.section__description .section__info { margin-bottom: 0; margin-top: 32px; }

.section__info { width: 32px; height: 32px; border-radius: 50%; border: 1px solid black; line-height: 16px; color: black; text-decoration: none; margin-bottom: 32px; }

.section-header { background-color: #f94926; position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; padding-left: 16px; padding-right: 16px; }

@media (min-width: 992px) { .section-header { padding-left: 32px; padding-right: 32px; } }

.section-header .navbar { padding-top: 12px; padding-bottom: 12px; }

.section-header .navbar-toggler { border: none; padding: 4px; }

.section-header .navbar-nav { padding-top: 32px; padding-bottom: 32px; }

@media (min-width: 992px) { .section-header .navbar-nav { padding-top: 0; padding-bottom: 0; } }

.section-header .navbar-nav .nav-link { color: rgba(255, 255, 255, 0.75); }

@media (min-width: 992px) { .section-header .navbar-nav .nav-link { padding: 0; margin-left: 32px; } }

.section-header .navbar-nav .nav-link:hover { color: white; }

.section-header .navbar-nav .language-selector { margin-top: 16px; }

@media (min-width: 992px) { .section-header .navbar-nav .language-selector { margin-top: 0; margin-left: 48px; } }

.section-header .navbar-nav .nav-lang { padding: 0; margin-left: 16px; padding-left: 16px; border-left: 1px solid white; color: rgba(255, 255, 255, 0.75); text-decoration: none; text-transform: uppercase; }

.section-header .navbar-nav .nav-lang:first-child { border: none; margin-left: 0; padding-left: 0; }

.section-header .navbar-nav .nav-lang:hover { color: white; }

.section-header .navbar-nav .nav-lang.selected { color: white; font-weight: bold; }

.section-header__logo { font-family: 'braveold', Georgia, serif; font-variant-ligatures: none; font-weight: 900; font-style: normal; font-size: 24px; line-height: 24px; height: 24px; padding: 0; display: inline-block; }

@media (min-width: 992px) { .section-header__logo { font-size: 32px; line-height: 32px; height: 32px; } }

@media (min-width: 992px) { .section-header__collapse { width: auto; flex-grow: 0; } }

.section-cover { padding-top: 80px; background-color: #025920; position: relative; }

.section-cover__title { position: relative; z-index: 1; padding-top: 32px; }

.section-cover__logo { max-width: 80%; height: 192px; width: auto; }

.section-cover__illustration { width: 100%; margin-bottom: 0; z-index: 0; overflow: hidden; }

.section-cover__illustration img { display: block; width: 100%; min-width: 800px; margin-left: 50%; transform: translateX(-50%); }

.section-intro { background-color: #f94926; }

.section-intro__text { color: black; margin-bottom: 16px; }

.section-intro__more-button { margin-top: 16px; width: 100%; text-decoration: none; font-weight: 900; color: black; }

.section-intro__more-button:hover { color: black; }

.section-intro__more-button--pt::after { content: "menos"; }

.section-intro__more-button--pt.collapsed::after { content: "mais"; }

.section-intro__more-button--en::after { content: "less"; }

.section-intro__more-button--en.collapsed::after { content: "more"; }

.section-trends { background-color: #f7ece7; }

.section-trends .section__title, .section-trends .section__subtitle { color: #f94926; }

@media (min-width: 992px) { .section-trends .section__content { padding-right: 64px; } }

.section-playlists { background-color: white; }

.section-playlists .section__title { color: #f94926; }

.section-playlists .section__subtitle { color: #047f2a; }

@media (max-width: 991.98px) { .section-playlists .section__content { margin-left: -12px; margin-right: -12px; } }

.section-lyrics { background-color: #025920; }

.section-lyrics .section__title, .section-lyrics .section__subtitle, .section-lyrics p { color: white; }

.section-lyrics .section__info { color: white; border-color: white; }

.section-lyrics p { font-weight: 300; }

.section-lyrics .data-highlight { text-align: center; margin-bottom: 32px; }

@media (min-width: 992px) { .section-lyrics .data-highlight { margin-bottom: 0; } }

.section-lyrics .data-highlight__main { font-family: 'braveold', Georgia, serif; font-variant-ligatures: none; color: #ffa1bc; font-size: 40px; line-height: 48px; margin-bottom: 8px; }

@media (min-width: 992px) { .section-lyrics .data-highlight__main { font-size: 56px; line-height: 64px; } }

.section-lyrics .data-highlight__aux { color: #ffa1bc; }

.section-most-used { background-color: #f94926; }

.section-most-used .section__title, .section-most-used .section__subtitle, .section-most-used p { color: white; }

.section-most-used .section__info { color: white; border-color: white; }

.section-most-used p { font-weight: 300; }

.section-most-used__modal .modal-content { background-color: #f94926; border-radius: 0; border: none; }

.section-decades { background-color: #ffa1bc; }

.section-decades .section__title, .section-decades .section__subtitle, .section-decades p { color: black; }

.section-king { background-color: white; overflow: hidden; }

.section-king .section__title, .section-king .section__subtitle { color: black; }

.section-king .tns-ovh { overflow: visible; }

.section-terms { background-color: #025920; }

.section-terms .section__title, .section-terms .section__subtitle, .section-terms p { color: #ffa1bc; }

.section-terms .section__info { color: white; border-color: white; }

.section-terms p { font-weight: 300; }

.section-terms .tns-outer { position: relative; }

.section-terms .tns-outer .tns-controls { position: absolute; width: 100%; display: flex; flex-flow: row nowrap; justify-content: space-between; z-index: 1; top: 50%; transform: translateY(-50%); pointer-events: none; }

.section-terms .tns-outer .tns-controls [data-controls] { width: 32px; height: 32px; -webkit-appearance: none; border: none; background: none; pointer-events: all; }

.section-terms .tns-outer .tns-controls [data-controls]:focus { outline: none; }

.section-terms .tns-outer .tns-controls [data-controls]::after { content: ""; display: block; border: solid white; border-width: 0 3px 3px 0; padding: 3px; width: 24px; height: 24px; }

.section-terms .tns-outer .tns-controls [data-controls][data-controls=prev]::after { transform: translateX(30%) rotate(135deg); }

.section-terms .tns-outer .tns-controls [data-controls][data-controls=next]::after { transform: translateX(-30%) rotate(-45deg); }

.section-deities { background-color: #f7ece7; }

.section-deities .section__title, .section-deities .section__subtitle { color: #f94926; }

.section-believers { background-color: #f94926; width: 100%; }

.section-believers .section__title, .section-believers .section__subtitle, .section-believers p { color: black; }

.section-schools { background-color: #ffa1bc; width: 100%; }

.section-schools .section__title, .section-schools .section__subtitle, .section-schools p { color: black; }

.section-battle { background-color: #f7ece7; }

.section-battle .section__title, .section-battle .section__subtitle, .section-battle p { color: black; }

.section-spotify { background-color: white; }

.section-spotify .section__title, .section-spotify .section__subtitle { color: #f94926; }

@media (max-width: 991.98px) { .section-spotify .section__content { margin-left: -12px; margin-right: -12px; } }

.section-footer { background-color: white; position: relative; }

.section-footer p { color: #f94926; }

.section-footer__copyright { padding-top: 32px; padding-bottom: 32px; }

.related-list { counter-reset: search-item; margin-bottom: 48px; }

@media (min-width: 992px) { .related-list { margin-bottom: 48px; padding-right: 32px; } }

.search-item { display: flex; flex-flow: row nowrap; padding-bottom: 20px; padding-top: 20px; border-bottom: 1px solid black; }

.search-item:first-child { padding-top: 0; }

.search-item:last-child { padding-bottom: 0; border-bottom: none; }

.search-item__term { width: 100%; padding-right: 12px; padding-left: 40px; position: relative; font-size: 16px; line-height: 24px; }

.search-item__term::before { counter-increment: search-item; content: counter(search-item); position: absolute; left: 0; top: 0; width: 32px; height: 32px; text-align: left; font-weight: bold; font-size: 16px; line-height: 24px; }

.search-item__graph { width: 100%; display: flex; flex-flow: row nowrap; align-items: center; }

.search-item__graph-label { margin-right: 12px; text-align: right; font-size: 16px; line-height: 24px; min-width: 40px; }

.search-item__graph-bar { height: 16px; background-color: #047f2a; }

.related-words-cloud .related-words-term { transition: opacity .25s ease; opacity: .5; }

@media (min-width: 992px) { .related-words-cloud .related-words-term { opacity: 1; } }

@media (min-width: 992px) { .related-words-cloud:hover .related-words-term { opacity: .3; } }

.tns-custom-nav { display: flex; flex-flow: row wrap; justify-content: center; margin-top: 16px; }

.tns-custom-nav.tns-custom-nav--dark .tns-custom-nav__button { color: white; }

.tns-custom-nav.tns-custom-nav--dark .tns-custom-nav__button.active { color: #ffa1bc; }

@media (min-width: 992px) { .tns-custom-nav.tns-custom-nav--dark .tns-custom-nav__button:hover { color: #ffa1bc; } }

.tns-custom-nav__button { color: #025920; font-weight: 600; text-transform: uppercase; font-size: 14px; letter-spacing: 1px; padding: 16px 16px; text-decoration: none; text-align: center; }

.tns-custom-nav__button.active { color: #f94926; }

@media (min-width: 992px) { .tns-custom-nav__button:hover { color: #f94926; } }

.thank-section__illustration { width: 100%; margin-bottom: 0; z-index: 0; overflow: hidden; }

.thank-section__illustration img { display: block; width: 100%; margin-left: 50%; transform: translateX(-50%); }

.card-king { background-color: #f7ece7; text-align: center; padding: 32px; margin-bottom: 24px; max-width: 100%; }

.card-king__word { font-family: 'braveold', Georgia, serif; font-variant-ligatures: none; font-size: 40px; line-height: 48px; color: #f94926; margin-bottom: 16px; }

@media (min-width: 992px) { .card-king__word { font-size: 56px; line-height: 64px; } }

.card-king__artist { font-size: 20px; line-height: 24px; font-weight: 900; color: #025920; margin-bottom: 0; }

@media (min-width: 992px) { .card-king__artist { font-size: 32px; line-height: 40px; } }

.card-king__frequency { color: #025920; font-size: 16px; line-height: 24px; }

.card-king__related-words { margin-top: 24px; }

.card-king__related-words .title { font-size: 16px; line-height: 24px; font-weight: 700; text-transform: uppercase; color: #838383; letter-spacing: 1px; }

.card-king__related-words .words { font-size: 16px; line-height: 24px; font-style: italic; color: #838383; }

.about-intro { background-color: #f94926; padding-top: calc(80px + 56px); padding-bottom: 80px; }

.about-intro__title { color: black; margin-bottom: 32px; text-align: left; }

.about-intro__text { color: white; font-weight: 300; }

.about-team { background-color: #f7ece7; padding-top: 80px; padding-bottom: 80px; }

.about-team__title { color: #025920; margin-bottom: 80px; text-align: left; }

.about-team__text { color: white; font-weight: 300; }

.team-member { margin-bottom: 48px; }

.team-member__name { color: #f94926; }

.team-member__role { margin-bottom: 16px; color: black; }

.team-member__bio { margin-bottom: 16px; color: black; }

.recommendations-intro { background-color: #ffa1bc; padding-top: calc(80px + 56px); padding-bottom: 80px; }

.recommendations-intro__title { color: #025920; margin-bottom: 32px; text-align: left; }

.recommendations-intro__text { color: black; }

.recommendations-section { background-color: white; padding-top: 80px; padding-bottom: 80px; }

.recommendations-section__title { color: #025920; margin-bottom: 64px; text-align: left; }

.recommendations-watchlist, .recommendations-readings { background-color: #f7ece7; }

.most-used-tabs { margin-bottom: 32px; border-bottom: 1px solid #ffa1bc; }

.most-used-tabs .nav-link { border: none; color: white; }

.most-used-tabs .nav-link.active { background-color: #ffa1bc; color: black; }

.most-used-tab-content label { color: white; margin-bottom: 8px; }

.most-used-tab-content select { background-color: transparent; color: white; border-color: white; }

.most-used-tab-content select:focus { background-color: transparent; color: white; border-color: #ffa1bc; }

.most-used-tab-content select option { color: black; }

.filter-most-used { margin-bottom: 32px; }

.spotify-playlist { margin-bottom: 32px; }

@media (min-width: 992px) { .spotify-playlist { margin-bottom: 0; } }

.recommentation-item { margin-bottom: 48px; }

.recommentation-item__title { color: #f94926; margin-bottom: 16px; }

.recommentation-item__description { margin-bottom: 16px; }

.recommentation-item__link { font-size: 16px; line-height: 24px; color: black; font-weight: 700; }

@media (min-width: 992px) { .recommentation-item__link { font-size: 24px; line-height: 32px; } }

.most-used-viz { position: relative; }

.most-used-viz svg { transition: opacity .1s ease; }

.most-used-viz .no-results-message { font-size: 20px; line-height: 28px; font-weight: 400; color: white; text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); pointer-events: none; opacity: 0; transition: opacity .1s ease; }

@media (min-width: 992px) { .most-used-viz .no-results-message { font-size: 30px; line-height: 40px; } }

.most-used-viz.no-results svg { opacity: 0; pointer-events: none; }

.most-used-viz.no-results .no-results-message { opacity: 1; }

.tooltip-most-used { z-index: 10; background-color: white; position: absolute; border: none; border-radius: 2px; padding: 8px; pointer-events: none; transform: translate(-50%, 16px); }

.tooltip-most-used .tooltip-most-used__word { color: black; text-align: center; font-weight: 700; font-size: 14px; line-height: 20px; }

.tooltip-most-used .tooltip-most-used__value { color: black; text-align: center; font-size: 14px; line-height: 20px; }

@media (min-width: 992px) { .tns-king { --bs-gutter-x: 1.5rem; display: flex; flex-flow: row wrap; margin-right: calc(var(--bs-gutter-x)/ -2); margin-left: calc(var(--bs-gutter-x)/ -2); } .tns-king .tns-king__item { padding-left: calc(var(--bs-gutter-x)/ 2); padding-right: calc(var(--bs-gutter-x)/ 2); display: flex; flex-flow: row nowrap; flex: 1 0 auto; width: 33.3333333333%; } }

.tns-playlists-nav { margin-bottom: 32px; }

.tns-playlists-nav .tns-custom-nav__button { color: #047f2a; }

.tns-playlists-nav .tns-custom-nav__button.active { color: #f94926; }

@media (min-width: 768px) { .tns-playlists-nav .tns-custom-nav__button:hover { color: #f94926; } }

.tns-spotify-nav { margin-bottom: 32px; }

.tns-playlists { --bs-gutter-x: 1.5rem; width: 100%; margin-right: 0; margin-left: 0; }

@media (min-width: 768px) { .tns-playlists { display: flex; flex-flow: row wrap; margin-right: calc(var(--bs-gutter-x)/ -2); margin-left: calc(var(--bs-gutter-x)/ -2); } .tns-playlists .tns-playlists__item { padding-left: calc(var(--bs-gutter-x)/ 2); padding-right: calc(var(--bs-gutter-x)/ 2); display: flex; flex-flow: column nowrap; flex: 1 0 auto; width: 50%; } }

.social-share { padding-top: 32px; text-align: center; }

@media (min-width: 768px) { .social-share { padding-top: 64px; } }

.media-list { margin-top: 32px; display: flex; flex-flow: row nowrap; padding-left: 0; justify-content: center; align-items: center; }

.media-list__item { width: 32px; height: 32px; list-style-type: none; margin-left: 16px; }

.media-list__item:first-child { margin-left: 0; }

.media-list__item svg { fill: black; }

.media-list__item .hidden { display: none; }

/*# sourceMappingURL=style.css.map */