:root {
    --arrow-icon: url('/estaticos/imagens/arrow-down.svg');
    --option-bg: #485761;
    --select-bg: rgba(255, 255, 255, 0.2);
    --arrow-bg: #485761;
}

.custom-select {
  /* Reset */
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  outline: 0;
  font: inherit;
  padding-right: 4rem;
  padding-left: 1rem;
  background: var(--arrow-icon) no-repeat right 0.8em center/1.4em, var(--arrow-bg) 3em;
  color: #e8e4e4;
  border-radius: 0.25em;
  box-shadow: 0 0 1em 0 rgba(0, 0, 0, 0.2);
  cursor: pointer;
}

.custom-select::-ms-expand {
  display: none;
}

.custom-select:focus {
  outline: none;
}

.custom-select option {
  color: inherit;
  background-color: var(--option-bg);
}



.minimo_cards::-webkit-outer-spin-button,
.minimo_cards::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.w-fit-content {
    width: fit-content;
}

.ordenacao_decks_data_criacao, .ordenacao_decks_total_cards {
    font-size: 0.9em;
    font-weight: 600;
}

.container_filtros_ordenacao {
    padding-left: 0.8em;
}

.filtros_container_decks_deck_panel {
    background: linear-gradient(141deg,rgb(255, 255, 255) 0%, #ddd7d7 70%, #b3b3b3 100%);
}

    
.container_filtros_container_decks_deck_panel {
    transition: height 500ms;
}

.minimo_cards:focus {
    outline: none;
    border-bottom: 3px solid #7c7cff;
}
    
.minimo_cards {
    border: none;
    background: none;
    border-bottom: 3px solid #c4c4c5;
    color: gray;
    padding-bottom: 0.2em;
    width: 4em;
    transition: border-bottom 800ms;
}

/* Firefox */
.minimo_cards[type=number] {
  -moz-appearance: textfield;
  appearance: textfield;
}

.lista_paginacao {
    display: flex;
    flex-wrap: wrap;
    color: rgb(245, 244, 244);
    justify-content: center;
}

.botao_open_deck_in_screen {
    cursor: pointer;
}

/* Geografia e suas aplicações */
.decks_list .card .titulo {
    cursor: pointer;
    margin-bottom: 0;
    text-overflow: '   ';
    overflow-y: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
}

.decks_list {
    padding-left: 0.8em;
}
    
.decks_list li {
    width: 47%;
    margin-right: 0.7em;
}

.decks_list .card {
    height: 6.25em;
    background: #ffffff;
    background: linear-gradient(141deg,rgba(250, 250, 250, 1) 0%, rgba(240, 240, 240, 1) 70%, rgba(240, 180, 240, 1) 100%);
}

.lista_paginacao li {
    cursor: pointer;
    border-radius: 100%;
    margin: 0 10px;
    padding: 0 2%;
    padding-bottom: 1px;
}

.lista_paginacao li:not([data-num='1'], [data-num='2'], [data-num='3'], [data-num='4'], [data-num='5'], [data-num='6'],
    [data-num='7'], [data-num='8'], [data-num='9']) {
    padding: 0.1% 0.5%;
}

.lista_paginacao li.active {
    background-color: #5b9eff;
    border: 2px solid rgb(207, 199, 199);
}

@media (min-width: 900px) {
    .decks_list {
        padding-left: 1.5em;
    }

    .container_filtros_ordenacao {
        padding-left: 0;
    }

    .decks_list li {
        width: 23%;
        margin-right: 1em;
    }

    .lista_paginacao li {
        margin: 0 3px;
        padding: 0 0.7%;
    }

}