.options_container { width: calc((100vw - 860px) / 2); margin-right: 20px; border: 1px solid var(--c-border); border-radius: 4px; padding: 20px; display: flex; flex-direction: column; height: max-content; position: sticky; top: 10px; } .options_container .header { display: flex; flex-direction: row; color: #000; gap: 20px; margin-bottom: 30px; transform: translateX(-5px); } .options_container .header .item { display: flex; flex-direction: column; justify-content: center; } .options_container .header .item .selected_item { border-radius: 100px; height: 4px; width: 20px; background-color: #A6BB8D; margin-left: auto; margin-right: auto; margin-top: 5px; } .options_container .header .item .icon_button { margin-bottom: auto; } .options_container .title { font-size: 20px; margin-bottom: 10px; } .filter_input { margin-bottom: 20px; width: 100%; height: 64px; font-size: 20px; } .filter_input input { width: 100%; height: 31px; font-size: 20px; } .options_container .filter_range { margin-bottom: 20px; } .create_button { width: 100%; height: 64px; border-radius: 100px !important; margin-top: 20px !important; color: #A6BB8D !important; font-size: 20px; font-family: 'Open Sans', sans-serif; border: 1px solid #A6BB8D !important; } .delete_button { width: 100%; height: 64px; border-radius: 100px; color: #FF597B; font-size: 20px; font-family: 'Open Sans', sans-serif; border: 1px solid #FF597B; } @media only screen and (max-width: 1370px){ .options_container { position: relative; width: 760px; margin-left: auto; margin-right: auto; margin-bottom: 20px; } } .hide_watched { display: flex; gap: 60px; } @media only screen and (max-width: 830px) { .options_container { max-width: 90vw; min-width: none; } }