@import url("gridcontainer.css");
@import url("searchcontainer.css");

.content {
    display: flex;
    justify-content: top;
    align-items: center;
    flex-direction: column;
}

.search-select-cycle {
    margin: 0; 

    margin-top: calc(var(--text-main-size)/2);

    text-align: center;

    display: block; 

    font-size: var(--text-title-page-size); 
    font-family: sans-serif; 
    font-weight: 700; 

    color: var(--color-text); 
    line-height: 1.3; 
    padding: .6em 1.4em .5em .8em; width: 100%; 
    max-width: 100%; 
    box-sizing: border-box; 
    border: 1px solid transparent;
    border-radius: .5em;
     -moz-appearance: none;
     -webkit-appearance: none;
     appearance: none;
     background-color: #fff; 
    background-color: var(--color-bg-element);
}
    .search-select-cycle::-ms-expand { display: none; } 
    .search-select-cycle:hover { border-color: var(--color-bg-element-hover); }
    .search-select-cycle:focus { border-color: #aaa; 
        box-shadow: 0 0 1px 3px var(--color-bg-element-hover);
        box-shadow: 0 0 0 3px var(--color-bg-element-hover); 
        outline: none; 
    } 
    .search-select-cycle option { 
        text-align: center;
        text-align-last:center;
        -moz-text-align-last: center;
        font-weight:normal; 
    }