.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{display:grid;grid-template-columns:40px 1fr 200px 120px 40px;gap:1rem;padding:.75rem 1rem;background:hsl(var(--b2));border-bottom:1px solid var(--card-border);font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em;color:hsl(var(--bc)/.6)}.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{display:grid;grid-template-columns:40px 1fr 200px 120px 40px;gap:1rem;padding:1rem;border-bottom:2px solid var(--card-border);align-items:center;transition:all .2s ease}.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{background-color:#00000014!important;border-left:3px solid hsl(var(--p)/.5);padding-left:calc(1rem - 3px)}@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 ease}.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{width:40px;display:flex;align-items:center;justify-content:center;font-size:1.25rem}.timezone-card__location{min-width:0;flex:1}.timezone-card__date{width:200px}.timezone-card__time{width:120px}.timezone-card__actions{width:40px;display:flex;justify-content:center}.timezone-add-card{display:grid;grid-template-columns:40px 1fr;gap:1rem;padding:1rem;background:hsl(var(--b1));align-items:center}.timezone-add-card__icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:hsl(var(--bc)/.4);border:2px dashed hsl(var(--bc)/.2);border-radius:.375rem}.timezone-add-card__search{flex:1}@media (max-width:1023px) and (min-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 (max-width:767px){.timezone-cards-header{display:none}.timezone-card{grid-template-columns:30px 1fr 30px;grid-template-rows:auto auto auto;gap:.5rem .75rem;padding:1rem .75rem;border-bottom:2px solid var(--card-border)}.timezone-card:last-child{border-bottom:2px solid var(--card-border)}.timezone-card:not([data-primary=true]):hover{background-color:#00000014!important;border-left:3px solid hsl(var(--p)/.5);padding-left:calc(.75rem - 3px)}@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-column:1;grid-row:1;width:30px}.timezone-card__location{grid-column:2;grid-row:1;width:auto}.timezone-card__actions{grid-column:3;grid-row:1;width:30px}.timezone-card__date{grid-column:2;grid-row:2;width:auto}.timezone-card__time{grid-column:2;grid-row:3;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 (max-width:479px){.multi-timezone-converter{padding:1rem}.timezone-card{padding:.875rem .625rem;border-bottom:2px solid var(--card-border)}.timezone-card:not([data-primary=true]):hover{background-color:#00000014!important;border-left:3px solid hsl(var(--p)/.5);padding-left:calc(.625rem - 3px)}@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{padding:3rem 1rem;text-align:center;color:hsl(var(--bc)/.5)}.timezone-cards-empty__icon{font-size:3rem;margin-bottom:1rem}.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:slide-in .2s ease-out}@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}}