*,body{margin:0;padding:0;font-family:"Roboto",sans-serif}.chanells{flex-wrap:wrap;gap:25px;justify-content:center;height:max-content;max-height:78vh;overflow:auto;overflow-x:hidden;min-width:13rem;width:13rem}.chanells::-webkit-scrollbar-track{background:#333;border-radius:10px;margin-top:0rem!important}.start_side{display:flex;flex-direction:column;justify-content:center;align-items:center;padding-block:1rem;position:relative;height:10vh}.start_side>input{position:relative;width:90%;height:2.5rem;border-radius:2rem;border:3px solid #333;outline:#fff0;padding-inline:1.5rem;max-width:90%;background-color:#f8f8f8}.start_side>img{position:absolute;width:1.5rem;right:5%;cursor:pointer}hr{width:80%;position:absolute;border:1px solid #333;bottom:0}.country_container{display:flex;height:auto}.left_side{width:30vw;display:flex;flex-direction:column;align-items:center;max-height:78vh;overflow:auto;padding-block:1rem;height:78vh;border-right:2px solid #333;border-radius:5px}.left_side>button{background:#fff0;border:none;cursor:pointer;width:80%;min-height:2.5rem;color:#989ba1!important;position:relative;font-size:1rem;font-weight:600}.left_side>button::after{content:"";display:block;width:0;height:2px;background:#e94363;transition:width 0.5s;position:absolute;bottom:0}.left_side>button.active{color:#e94363}.left_side>button.active::after{width:100%}.hide{display:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#333;border-radius:10px;margin-top:1rem}::-webkit-scrollbar-thumb{background:#989ba1;border-radius:10px}.right_side{width:70vw;padding-top:1.8rem;display:flex;flex-wrap:wrap;gap:25px;justify-content:center;padding-inline:1rem;height:max-content;max-height:78vh;overflow:auto}.item{padding-inline:7px;cursor:pointer;align-items:center;background-color:#f8f8f8;border-left:3px solid #e94363;display:flex;font-size:18px;height:60px;justify-content:center;text-align:center;color:#989ba1!important;font-size:1rem;font-weight:600}@media screen and (max-width:500px){.start_side>input{width:80%;font-size:1.25rem}.start_side>img{right:11%}.left_side{width:55vw}.chanells{overflow:hidden;min-width:inherit}.left_side>button,.item{font-size:1.1rem}}