.multi-timezone-converter{--card-border:hsl(var(--bc) / .2)}.timezone-cards-container{border:1px solid var(--card-border);border-radius:.5rem;overflow:visible}.timezone-cards-header{background:hsl(var(--b2));border-bottom:1px solid var(--card-border);text-transform:uppercase;letter-spacing:.025em;color:hsl(var(--bc) / .6);grid-template-columns:40px 1fr 200px 120px 40px;gap:1rem;padding:.75rem 1rem;font-size:.875rem;font-weight:600;display:grid}.timezone-cards-header__drag{width:40px}.timezone-cards-header__location{min-width:0}.timezone-cards-header__date{width:200px}.timezone-cards-header__time{width:120px}.timezone-cards-header__actions{width:40px}.timezone-card{border-bottom:2px solid var(--card-border);grid-template-columns:40px 1fr 200px 120px 40px;align-items:center;gap:1rem;padding:1rem;transition:all .2s;display:grid}.timezone-card.is-dragging{opacity:.5!important;transition:none!important}.timezone-card:last-child{border-bottom:2px solid var(--card-border)}.timezone-card:not([data-primary=true]):hover{border-left:3px solid hsl(var(--p) / .5);padding-left:calc(1rem - 3px);background-color:#00000014!important}@media (prefers-color-scheme:dark){.timezone-card:not([data-primary=true]):hover{background-color:#ffffff14!important}}.timezone-card[data-primary=true]{background-color:hsl(var(--p) / .1);border-left:3px solid hsl(var(--p));padding-left:calc(1rem - 3px)}.timezone-card[data-primary=true]:hover{background-color:#3b82f626!important;border-left:3px solid #3b82f6!important;padding-left:calc(1rem - 3px)!important;box-shadow:0 0 0 3px #3b82f633!important}.timezone-card__drag-handle{transition:background-color .15s}.timezone-card__drag-handle:hover{background-color:#00000026;border-radius:4px}@media (prefers-color-scheme:dark){.timezone-card__drag-handle:hover{background-color:#ffffff26}}.timezone-card__drag-handle{justify-content:center;align-items:center;width:40px;font-size:1.25rem;display:flex}.timezone-card__location{flex:1;min-width:0}.timezone-card__date{width:200px}.timezone-card__time{width:120px}.timezone-card__actions{justify-content:center;width:40px;display:flex}.timezone-add-card{background:hsl(var(--b1));grid-template-columns:40px 1fr;align-items:center;gap:1rem;padding:1rem;display:grid}.timezone-add-card__icon{width:40px;height:40px;color:hsl(var(--bc) / .4);border:2px dashed hsl(var(--bc) / .2);border-radius:.375rem;justify-content:center;align-items:center;font-size:1.5rem;font-weight:700;display:flex}.timezone-add-card__search{flex:1}@media (width<=1023px) and (width>=768px){.timezone-cards-header,.timezone-card{grid-template-columns:40px 1fr 140px 100px 40px}.timezone-cards-header__date,.timezone-card__date{width:140px}.timezone-cards-header__time,.timezone-card__time{width:100px}}@media (width<=767px){.timezone-cards-header{display:none}.timezone-card{border-bottom:2px solid var(--card-border);grid-template-rows:auto auto auto;grid-template-columns:30px 1fr 30px;gap:.5rem .75rem;padding:1rem .75rem}.timezone-card:last-child{border-bottom:2px solid var(--card-border)}.timezone-card:not([data-primary=true]):hover{border-left:3px solid hsl(var(--p) / .5);padding-left:calc(.75rem - 3px);background-color:#00000014!important}@media (prefers-color-scheme:dark){.timezone-card:not([data-primary=true]):hover{background-color:#ffffff14!important}}.timezone-card[data-primary=true]{background-color:hsl(var(--p) / .1);border-left:3px solid hsl(var(--p));padding-left:calc(.75rem - 3px)}.timezone-card[data-primary=true]:hover{background-color:#3b82f626!important;border-left:3px solid #3b82f6!important;padding-left:calc(.75rem - 3px)!important;box-shadow:0 0 0 3px #3b82f633!important}.timezone-card__drag-handle:hover{background-color:#00000026;border-radius:4px}@media (prefers-color-scheme:dark){.timezone-card__drag-handle:hover{background-color:#ffffff26}}.timezone-card__drag-handle{grid-area:1/1;width:30px}.timezone-card__location{grid-area:1/2;width:auto}.timezone-card__actions{grid-area:1/3;width:30px}.timezone-card__date{grid-area:2/2;width:auto}.timezone-card__time{grid-area:3/2;width:auto}.timezone-add-card{grid-template-columns:30px 1fr;gap:.75rem;padding:1rem .75rem}.timezone-add-card__icon{width:30px;height:30px;font-size:1.25rem}}@media (width<=479px){.multi-timezone-converter{padding:1rem}.timezone-card{border-bottom:2px solid var(--card-border);padding:.875rem .625rem}.timezone-card:not([data-primary=true]):hover{border-left:3px solid hsl(var(--p) / .5);padding-left:calc(.625rem - 3px);background-color:#00000014!important}@media (prefers-color-scheme:dark){.timezone-card:not([data-primary=true]):hover{background-color:#ffffff14!important}}.timezone-card[data-primary=true]{background-color:hsl(var(--p) / .1);border-left:3px solid hsl(var(--p));padding-left:calc(.625rem - 3px)}.timezone-card[data-primary=true]:hover{background-color:#3b82f626!important;border-left:3px solid #3b82f6!important;padding-left:calc(.625rem - 3px)!important;box-shadow:0 0 0 3px #3b82f633!important}.timezone-card__drag-handle:hover{background-color:#00000026;border-radius:4px}@media (prefers-color-scheme:dark){.timezone-card__drag-handle:hover{background-color:#ffffff26}}.timezone-add-card{padding:.875rem .625rem}.timezone-card__date input,.timezone-card__time input{font-size:.875rem}}.timezone-card[data-dragging=true]{opacity:.5;cursor:grabbing}.timezone-card[data-drag-over=true]{border-top:2px solid hsl(var(--p))}.timezone-card__drag-handle{cursor:grab;user-select:none}.timezone-card__drag-handle:active{cursor:grabbing}@media (hover:hover){.timezone-card__drag-handle:hover{color:hsl(var(--bc) / .8)}.timezone-add-card:hover .timezone-add-card__icon{border-color:hsl(var(--p) / .4);color:hsl(var(--p))}}.timezone-cards-list[data-loading=true]{opacity:.6;pointer-events:none}.timezone-cards-empty{text-align:center;color:hsl(var(--bc) / .5);padding:3rem 1rem}.timezone-cards-empty__icon{margin-bottom:1rem;font-size:3rem}.timezone-cards-empty__text{font-size:1.125rem;font-weight:500}@keyframes slide-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.timezone-card{animation:.2s ease-out slide-in}@media print{.timezone-card__drag-handle,.timezone-card__actions,.timezone-add-card,.multi-timezone-converter>div:first-child{display:none!important}.timezone-card{page-break-inside:avoid}}