.time-zone-list{position:relative}.time-zone-list:after{border:1px solid #ebedf0;border-radius:4px;content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.time-zones-24-drawer{border-radius:8px 8px 0 0;overflow:hidden}.time-zones-24-drawer .el-drawer__body{overflow-y:auto;padding:0}.time-zones-24-drawer .time-zones-24-drawer-head{align-items:center;background:#fff;display:flex;justify-content:space-between;padding:16px 0 12px;position:sticky;top:0;z-index:1}.time-zones-24-drawer .time-zones-24-drawer-head__title{align-items:center;color:#323233;display:flex;font-size:16px;font-weight:600;padding-left:12px}.time-zones-24-drawer .time-zones-24-drawer-head__title:before{background:#000;border-radius:20px;content:"";flex-shrink:0;height:6px;margin-right:8px;width:3px}.time-zones-24-drawer .time-zones-24-drawer-head__close{color:#969799;cursor:pointer;font-size:16px;line-height:1;padding:4px}.time-zones-24-drawer .with-head,.time-zones-24-drawer .with-title:after{display:none!important}.time-zones-24-drawer .zone-lists-container{margin-top:0!important}.timezone-wrapper[data-v-9c1b6b9c]{padding:1rem 1.5rem 1.5rem}.timezone-container[data-v-9c1b6b9c]{display:flex;gap:1.25rem;margin-top:1.75rem}.timezone-left[data-v-9c1b6b9c]{flex:1 1 0%}.timezone-left-container[data-v-9c1b6b9c]{display:flex;flex-direction:column;gap:1rem}.timezone-right[data-v-9c1b6b9c]{display:flex;flex-direction:column;width:20%}.timezone-now-position[data-v-9c1b6b9c]{margin-top:1rem;position:relative}.now-position-head[data-v-9c1b6b9c]{align-items:center;display:flex;justify-content:space-between;width:100%}.now-position-head__title[data-v-9c1b6b9c]{--tw-text-opacity:1;color:#323233;color:rgb(50 50 51/var(--tw-text-opacity));font-weight:600}.now-position-head__zone[data-v-9c1b6b9c]{--tw-text-opacity:1;color:#3b82f6;color:rgb(59 130 246/var(--tw-text-opacity));cursor:pointer;display:none;font-size:14px;font-weight:600}.now-zone-container[data-v-9c1b6b9c]{--tw-border-opacity:1;align-items:center;border-color:#ebedf0;border-color:rgb(235 237 240/var(--tw-border-opacity));border-radius:.25rem;border-width:1px;display:flex;flex-direction:column;gap:.25rem;padding-bottom:1.5rem;padding-top:1.25rem;position:relative}.now-zone-name[data-v-9c1b6b9c]{--tw-gradient-from:#000 var(--tw-gradient-from-position);--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#545353 var(--tw-gradient-to-position);background-image:linear-gradient(to bottom,#000 var(--tw-gradient-from-position),#545353 var(--tw-gradient-to-position));background-image:linear-gradient(to bottom,var(--tw-gradient-stops));border-radius:.25rem;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity));font-size:12px;left:0;line-height:1rem;padding:3px .5rem;position:absolute;top:0}.now-zone-name[data-v-9c1b6b9c],.now-zone-time[data-v-9c1b6b9c]{--tw-text-opacity:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:600}.now-zone-time[data-v-9c1b6b9c]{color:#323233;color:rgb(50 50 51/var(--tw-text-opacity));font-size:34px;letter-spacing:-.05em;line-height:42px;text-align:center;width:140px}.now-zone-date[data-v-9c1b6b9c]{--tw-text-opacity:1;align-items:center;color:#969799;color:rgb(150 151 153/var(--tw-text-opacity));display:flex;font-size:16px;gap:.5rem;line-height:18px}@media (max-width:1024px){.timezone-container[data-v-9c1b6b9c]{flex-direction:column-reverse;gap:1rem;margin-top:20px}.timezone-right[data-v-9c1b6b9c]{width:100%}.time-zones-24-mobile[data-v-9c1b6b9c]{display:none}.now-position-head__zone[data-v-9c1b6b9c]{display:block}.timezone-wrapper[data-v-9c1b6b9c]{padding:12px 16px}[data-v-9c1b6b9c] .with-head-horizontal{gap:0}[data-v-9c1b6b9c] .time-zone-list:after{border:0}}