.circle-container{width:440px;padding:32px 0;border-radius:12px;font-family:Arial,sans-serif;background-color:white;position:relative}.circle-container>*{font-family:var(--viRegular);color:var(--textcolor)}.circle-selected-box:focus-visible{outline:none}.crossIcons{transition:transform .3s ease}.crossIcons.open{transform:rotate(180deg)}.dropdown-arrow{filter:brightness(0) invert(1)}.circle-label{font-size:12px;color:#2f3043;font-family:var(--viBold);text-transform:lowercase;position:absolute;top:22px;left:10px;background:white;padding:0 4px;z-index:1;pointer-events:none}.circle-selected-box{color:#000;border:1px solid #737482;padding:15px 12px;font-size:14px;border-radius:8px;display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;position:relative}.circle-number{background-color:#fecb2f;color:white;font-size:12px;border-radius:50%;width:24px;height:24px;display:flex;justify-content:center;align-items:center;font-weight:700;border:3px solid #005aff}.circle-search-box{width:100%;padding:10px 12px;font-size:14px;border:1px solid #ccc;border-radius:8px;margin-bottom:16px;outline:none;font-family:inherit}.circle-search-box:focus{border-color:#005aff;box-shadow:0 0 0 1px #005aff}.circle-item{padding:10px 12px;font-size:14px;cursor:pointer;scroll-margin-top:0;position:relative}.circle-item:last-child{border-bottom:none}.circle-item:hover{background-color:#f9f9f9}.circle-item.active{background-color:#eaeaec;font-family:var(--viBold)}.circle-proceed-btn{width:100%;padding:12px;background-color:var(--rechargbtn);color:var(--white);border:none;border-radius:9999px;font-size:14px;cursor:pointer;font-family:var(--viRegular);white-space:nowrap;height:50px;background:linear-gradient(to left,#f1525f 50%,var(--rechargbtn) 50%);background-size:200% 100%;background-position:100% 100%;transition:all .5s ease-out!important}.circle-proceed-btn:disabled{background-color:#ccc;cursor:not-allowed}.circle-proceed-btn:hover:enabled{border-radius:25px!important;background-position:0 100%}.circle-list{border:1px solid #ddd;border-radius:8px;margin-bottom:16px;scrollbar-width:thin;scrollbar-color:#888 transparent;overscroll-behavior:contain;max-height:clamp(240px,50vh,395px);overflow-y:auto}.circle-list::-webkit-scrollbar{width:1px}.circle-list::-webkit-scrollbar-button:vertical:decrement,.circle-list::-webkit-scrollbar-button:vertical:increment{display:none}.circle-list::-webkit-scrollbar-track{background:transparent}.circle-list::-webkit-scrollbar-thumb{background-color:#888}.circle-list:hover::-webkit-scrollbar-thumb{background-color:#555}.location-text{color:black;cursor:pointer;text-decoration:underline;display:flex;align-items:center;justify-content:center;font-size:16px;gap:6px;font-weight:500}@media (max-width:768px){.circle-list{max-height:clamp(240px,50vh,288px)}.circle-container{width:100%;padding:16px 0 0}.circle-item{padding:10px 12px}.circle-label{font-size:11px;left:12px;top:3px}.circle-selected-box{font-size:13px;padding:16px 10px 8px}.circle-item,.circle-search-box{font-size:13px}.location-text{font-size:14px}}@media (min-width:375px) and (max-width:481px){.circle-container{width:100%;padding:6px 0 0;max-width:100%}.circle-label{font-size:11px;left:12px;top:-4px}.circle-selected-box{font-size:16px;padding:14px 10px}.circle-number{width:20px;height:20px;font-size:11px}.circle-item,.circle-proceed-btn,.circle-search-box,.location-text{font-size:13px}}@media (min-width:320px) and (max-width:374px){.circle-container{width:100%;padding:12px 0 0}.circle-selected-box{font-size:11px;padding:12px 8px 6px}.circle-item,.circle-proceed-btn,.circle-search-box{font-size:12px}.circle-number{width:18px;height:18px;font-size:10px}.location-text{font-size:12px}}