.timezone-title{font-size:30px;font-weight:600;margin-bottom:35px;width:100%;max-height:100%;color:var(--color-main-text)}@media(max-width:1180px){.timezone-title{margin:35px 0 10px}}.timezone-option{width:100%;max-height:46vh;margin:20px 0}.timezone-option-item{padding:10px 20px;color:var(--color-main-text);opacity:.6;border-radius:5px;display:flex;justify-content:space-between;align-items:center}.timezone-option-item svg{opacity:0}.timezone-option-item.active{background-color:var(--color-overlay)}.timezone-option-item.active svg{opacity:1}@media(min-width:1180px){.timezone-option-item:hover{cursor:pointer}}.timezone-btn{border:1px solid #5f1f74;color:#5f1f74;border-radius:5px;width:100%;height:50px}.timezone .buttonUI{position:absolute;top:2vh;border-color:#5f1f74;gap:10px}@media(min-width:1180px){.timezone .buttonUI{display:none}}.timezone .time-zone{opacity:.6;margin-bottom:35px;font-size:18px}@media(min-width:1180px){.timezone .time-zone{display:none}}.buttonUI{padding:1.5vh 4vh;border-radius:3vh;font-size:2vh;font-weight:300;background-color:hsla(0,0%,50%,0);border:1px solid var(--color-stroke);color:var(--color-button-text);display:flex;align-items:center;justify-content:center}@media(min-width:1180px){.buttonUI:hover{cursor:pointer}}.buttonUI.active{background-color:var(--main);border-color:var(--main);color:var(--color-button-text-active)}@media(min-width:1180px){.buttonUI.active:hover{box-shadow:0 0 7px 3px rgba(155,54,192,.291)}}.buttonUI svg path{fill:var(--color-main-text)}