@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial}}}@layer components{.list-container{flex-direction:column;flex:1;min-height:0;display:flex}.upcoming-events{flex:none;height:auto}:where(.upcoming-events>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing,.25rem) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing,.25rem) * 2) * calc(1 - var(--tw-space-y-reverse)))}.list-header{align-items:center;column-gap:calc(var(--spacing,.25rem) * 2);flex-direction:row;flex:none;height:auto;display:flex}.contacts-list{margin-top:calc(var(--spacing,.25rem) * 2);border-bottom-right-radius:calc(var(--radius) * 1.4);border-bottom-left-radius:calc(var(--radius) * 1.4);flex:1;min-height:0;overflow:hidden}.contact-card{align-items:flex-start;gap:calc(var(--spacing,.25rem) * 2);border-radius:calc(var(--radius) * 1.4);border-style:var(--tw-border-style);border-width:1px;border-color:var(--border);background-color:var(--card);min-width:0;padding-inline:calc(var(--spacing,.25rem) * 2);padding-block:calc(var(--spacing,.25rem) * 1.5);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));display:flex}@media (min-width:48rem){.contact-card{margin-block:var(--spacing,.25rem);height:calc(var(--spacing,.25rem) * 20);align-items:center;gap:calc(var(--spacing,.25rem) * 3);padding:calc(var(--spacing,.25rem) * 4)}}.contact-card:hover,.contact-card.selected{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.contact-card:hover,.contact-card.selected{border-color:color-mix(in oklab, var(--accent) 50%, transparent)}}.contact-card:hover,.contact-card.selected{background-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.contact-card:hover,.contact-card.selected{background-color:color-mix(in oklab, var(--accent) 20%, transparent)}}@media (min-width:48rem){.contact-card:hover .open-contact{display:inline-flex}}.contact-card .contact-details{gap:calc(var(--spacing,.25rem) * .5);flex-direction:column;flex:1;min-width:0;display:flex}@media (min-width:48rem){.contact-card .contact-details{column-gap:calc(var(--spacing,.25rem) * 6);grid-template-columns:.8fr 1fr 1fr;row-gap:0;display:grid}}@media not all and (min-width:48rem){.contact-card .checkbox{margin-left:0!important}}.contact-leading{align-items:center;gap:calc(var(--spacing,.25rem) * 2);padding-top:calc(var(--spacing,.25rem) * .5);flex-shrink:0;display:flex}@media (min-width:48rem){.contact-leading{gap:calc(var(--spacing,.25rem) * 3);padding-top:0}}.contact-avatar{width:calc(var(--spacing,.25rem) * 8);height:calc(var(--spacing,.25rem) * 8)}@media (min-width:48rem){.contact-avatar{width:calc(var(--spacing,.25rem) * 10);height:calc(var(--spacing,.25rem) * 10)}}.contact-identity,.contact-comms,.contact-address{row-gap:calc(var(--spacing,.25rem) * .5);flex-direction:column;min-width:0;display:flex}@media (min-width:48rem){.contact-identity,.contact-comms,.contact-address{row-gap:calc(var(--spacing,.25rem) * 2)}}.contact-name{-webkit-line-clamp:2;font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-leading:calc(var(--spacing,.25rem) * 5);line-height:calc(var(--spacing,.25rem) * 5);--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}@media (min-width:48rem){.contact-name{-webkit-line-clamp:unset;text-overflow:ellipsis;white-space:nowrap;--tw-leading:var(--leading-normal,1.5);line-height:var(--leading-normal,1.5);-webkit-box-orient:horizontal;display:block;overflow:hidden}}.contact-field{align-items:center;column-gap:calc(var(--spacing,.25rem) * 2);flex-direction:row;min-width:0;display:flex}.contact-field svg{flex-shrink:0}.contact-field-spacer{display:none}@media (min-width:48rem){.contact-field-spacer{display:block}.contact-field-spacer--sm{height:22px}.contact-field-spacer--lg{height:44px}}.contact-email{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));color:var(--primary);flex:1;overflow:hidden}@media (hover:hover){.contact-email:hover{text-decoration-line:underline}}@media (min-width:48rem){.contact-email{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)))}}.contact-phone{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));color:var(--muted-foreground);flex:1;overflow:hidden}@media (hover:hover){.contact-phone:hover{text-decoration-line:underline}}@media (min-width:48rem){.contact-phone{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)))}}.contact-address-link{align-items:center;column-gap:calc(var(--spacing,.25rem) * 2);flex-direction:row;width:100%;min-width:0;display:flex}@media (hover:hover){.contact-address-link:hover{text-decoration-line:underline}}@media (min-width:48rem){.contact-address-link{width:fit-content}}.contact-address-text{flex-direction:column;flex:1;align-items:flex-start;row-gap:0;min-width:0;display:flex}@media (min-width:48rem){.contact-address-text{row-gap:var(--spacing,.25rem)}}.contact-address-line{text-overflow:ellipsis;white-space:nowrap;width:100%;min-width:0;font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));color:var(--muted-foreground);overflow:hidden}@media (min-width:48rem){.contact-address-line{max-width:200px;font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)))}}.open-contact{width:calc(var(--spacing,.25rem) * 6);height:calc(var(--spacing,.25rem) * 6);flex-shrink:0;align-self:flex-start;padding:0;display:inline-flex}@media (min-width:48rem){.open-contact{margin-left:calc(var(--spacing,.25rem) * 2);height:calc(var(--spacing,.25rem) * 6);width:auto;padding-inline:calc(var(--spacing,.25rem) * 2);align-self:auto;display:none}.open-contact-icon{display:none}}.open-contact-label{display:none}@media (min-width:48rem){.open-contact-label{display:inline}}.action-icons{justify-content:center;align-items:center;column-gap:calc(var(--spacing,.25rem) * 2);padding-top:calc(var(--spacing,.25rem) * .5);flex-direction:row;flex-shrink:0;align-self:flex-start;display:flex}@media (min-width:48rem){.action-icons{align-self:auto;padding-top:0}}.action-icons svg{height:calc(var(--spacing,.25rem) * 4);width:calc(var(--spacing,.25rem) * 4);cursor:pointer;stroke-width:1px;color:var(--muted-foreground);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}.action-icons svg:hover{stroke-width:2px;color:var(--foreground)}svg.favorite{cursor:pointer}svg.favorite:hover{stroke-width:2px;color:var(--color-yellow-400,#fac800)}@supports (color:lab(0% 0 0)){svg.favorite:hover{color:var(--color-yellow-400,lab(83.2664% 8.65132 106.895))}}svg.favorite.active{fill:var(--color-yellow-400,#fac800);color:var(--color-yellow-400,#fac800)}@supports (color:lab(0% 0 0)){svg.favorite.active{fill:var(--color-yellow-400,lab(83.2664% 8.65132 106.895));color:var(--color-yellow-400,lab(83.2664% 8.65132 106.895))}}svg.trash{cursor:pointer}svg.trash:hover{stroke-width:2px;color:var(--destructive)}.email{text-overflow:ellipsis;white-space:nowrap;color:var(--muted-foreground);overflow:hidden}@media (hover:hover){.email:hover{color:var(--primary)}}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.no-scrollbar::-webkit-scrollbar{display:none}}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}