.location__wrapper{min-width:500px;max-width:500px;padding:0;overflow:hidden}@media screen and (max-width:1025px){.location__wrapper{min-width:400px;max-width:400px}}@media screen and (max-width:480px){.location__wrapper{min-width:100%;max-width:100%}}.location__wrapper .top__wrapper{display:flex;justify-content:center;align-items:center;width:100%;padding:14px 16px;position:relative;border-bottom:1px solid #e4e6eb}.location__wrapper .top__wrapper>div:first-child{position:absolute;left:16px}.location__list{max-height:350px;overflow-y:auto}.location__list__container{list-style-type:none;padding:0;margin:0}.location__wrapper .top__wrapper p{color:#050505;font-size:20px;font-style:normal;font-weight:700;line-height:normal;text-align:center}.location__search__wrapper{padding:0}.location__search__input{width:calc(100% - 32px);outline:none;margin:12px 16px;border-radius:20px;padding:8px 16px;resize:none;background-color:#f0f2f5;border:none;font-size:15px;color:#050505}.location__search__input::-moz-placeholder{color:#65676b}.location__search__input::placeholder{color:#65676b}.location__search__wrapper .suggestion{color:#65676b;font-size:13px;font-weight:600;text-transform:uppercase;padding:8px 16px 4px;letter-spacing:.5px}.location__name__wrapper{display:flex;align-items:center;gap:12px;padding:8px 16px;cursor:pointer;border-radius:8px;margin:0 8px;transition:background-color .2s ease}.location__name__wrapper:hover{background-color:#f0f2f5}.location__name__wrapper .tittle{color:#050505;font-size:15px;font-style:normal;font-weight:600;line-height:1.3}.location__name__wrapper .sub_tittle{color:#65676b;font-size:13px;font-style:normal;font-weight:400;line-height:1.3;margin-top:2px}.top__wrapper{display:flex;align-items:center;justify-content:center;padding:14px 16px;position:relative}.search__title{text-align:center;margin:0;font-size:20px;font-weight:700;color:#050505}.dark .location__wrapper{background:#242526}.dark .location__wrapper .top__wrapper{border-bottom-color:#3a3b3c}.dark .location__wrapper .top__wrapper p,.dark .search__title{color:#e4e6eb}.dark .location__search__input{background-color:#3a3b3c;color:#e4e6eb}.dark .location__search__input::-moz-placeholder{color:#b0b3b8}.dark .location__search__input::placeholder{color:#b0b3b8}.dark .location__name__wrapper:hover{background-color:#3a3b3c}.dark .location__name__wrapper .tittle{color:#e4e6eb}.dark .location__search__wrapper .suggestion{color:#b0b3b8}