.time-zone-container,.time-zone-list{position:relative}.time-zone-container:after,.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 .with-head,.time-zones-24-drawer .with-title:after{display:none!important}.time-zones-24-drawer .zone-lists-container{margin-top:0!important}.zone-area-wrapper[data-v-07c9b5ac]{padding:1rem 1.5rem 1.5rem}.zone-area-crumb[data-v-07c9b5ac]{align-items:center;display:flex;justify-content:space-between}.zone-area-crumb__zone[data-v-07c9b5ac]{--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}.zone-area-container[data-v-07c9b5ac]{display:flex;gap:1.25rem;margin-top:1.75rem}.zone-area-left[data-v-07c9b5ac]{display:flex;flex:1 1 0%;flex-direction:column;gap:1rem}.area-head[data-v-07c9b5ac]{--tw-bg-opacity:1;--tw-bg-opacity:4%;--tw-text-opacity:1;align-items:center;background-color:#3b82f60a;background-color:rgb(59 130 246/var(--tw-bg-opacity));border-radius:.25rem;color:#323233;color:rgb(50 50 51/var(--tw-text-opacity));display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.area-head-left[data-v-07c9b5ac]{align-items:center;display:flex;gap:6px}.area-head-left__icon[data-v-07c9b5ac]{--tw-text-opacity:.5;color:#3b82f680;color:rgb(59 130 246/var(--tw-text-opacity));font-size:24px}.area-head-left__text[data-v-07c9b5ac]{font-size:18px;font-weight:600;line-height:1.5rem}.area-head-right[data-v-07c9b5ac]{align-items:center;display:flex;gap:1rem}.area-head-right__date[data-v-07c9b5ac]{--tw-text-opacity:.75;align-items:center;display:flex;gap:6px}.area-head-right__time[data-v-07c9b5ac]{font-size:24px;font-weight:600;line-height:1.5rem;width:100px}.zone-area-right[data-v-07c9b5ac]{display:flex;flex-direction:column;width:20%}@media (max-width:1024px){.zone-area-right[data-v-07c9b5ac]{display:none}.zone-area-crumb__zone[data-v-07c9b5ac]{display:block}[data-v-07c9b5ac] .time-zone-list:after{border:0}.area-head[data-v-07c9b5ac]{align-items:flex-start;flex-direction:column;gap:9px;padding:13px 12px}.area-head-left[data-v-07c9b5ac]{gap:8px}.area-head-left .area-head-left__text[data-v-07c9b5ac]{font-size:16px;font-weight:400}.area-head-left svg[data-v-07c9b5ac]{height:20px;width:20px}.area-head-right[data-v-07c9b5ac]{gap:10px;margin-left:28px}.area-head-right__date[data-v-07c9b5ac]{color:#323233bf;font-size:15px}.area-head-right__time[data-v-07c9b5ac]{font-size:17px}[data-v-07c9b5ac] .with-head-title{font-weight:400}[data-v-07c9b5ac] .with-head-subtitle{color:#323233bf}[data-v-07c9b5ac] .common-search{margin-top:20px!important}}