@layer components{.contact-dialog{--contact-dialog-border-radius:var(--border-radius-default);--contact-dialog-border:none;--contact-dialog-background-color:var(--color-bg);--contact-dialog-width:calc(100% - var(--spacing-normal)*2);--contact-dialog-max-width:640px;--contact-dialog-padding:var(--spacing-l);--contact-dialog-justify-content:center;--contact-dialog-text-align:center;--contact-dialog-display:none;--contact-dialog-close-margin-left:auto;--contact-dialog-close-display:flex;--contact-dialog-close-align-items:center;--contact-dialog-close-justify-content:center;--contact-dialog-close-color-active:var(--color-primary);--contact-dialog-close-cursor:pointer;--contact-dialog-close-height:var(--spacing-l);--contact-dialog-close-width:var(--spacing-l);--contact-dialog-close-position:absolute;--contact-dialog-close-top:var(--spacing-s);--contact-dialog-close-right:var(--spacing-s);--contact-dialog-close-background:transparent;--contact-dialog-close-border:none;--contact-dialog-headline-color:var(--color-font);--contact-dialog-message-color:var(--color-font);--contact-dialog-message-font-family:var(--font-family-text);--contact-dialog-message-font-size:var(--font-size-normal);--contact-dialog-items-display:flex;--contact-dialog-items-flex-direction:column;--contact-dialog-items-aling-items:flex-start;--contact-dialog-items-justify-content:flex-start;--contact-dialog-items-gap:var(--spacing-normal);--contact-dialog-items-width:fit-content;--contact-dialog-items-margin:var(--spacing-l) auto 0;--contact-dialog-item-display:flex;--contact-dialog-item-align-items:center;--contact-dialog-item-justify-content:center;--contact-dialog-item-gap:var(--spacing-normal);--contact-dialog-item-font-family:var(--font-family-text);--contact-dialog-item-font-weight:var(--font-weight-text-normal);--contact-dialog-item-color:var(--color-font);background-color:var(--contact-dialog-background-color);border:var(--contact-dialog-border);border-radius:var(--contact-dialog-border-radius);display:var(--contact-dialog-display);justify-content:var(--contact-dialog-justify-content);max-width:var(--contact-dialog-max-width);padding:var(--contact-dialog-padding);text-align:var(--contact-dialog-text-align);width:var(--contact-dialog-width)}.contact-dialog[open]{--contact-dialog-display:flex}.contact-dialog::backdrop{background-color:var(--color-black-o-75)}.contact-dialog__close{align-items:var(--contact-dialog-close-align-items);background:var(--contact-dialog-close-background);border:var(--contact-dialog-close-border);cursor:var(--contact-dialog-close-cursor);display:var(--contact-dialog-close-display);height:var(--contact-dialog-close-height);justify-content:var(--contact-dialog-close-justify-content);margin-left:var(--contact-dialog-close-margin-left);position:var(--contact-dialog-close-position);right:var(--contact-dialog-close-right);top:var(--contact-dialog-close-top);width:var(--contact-dialog-close-width)}.contact-dialog__close:focus-visible{border:var(--focus-outline-width) solid var(--focus-outline-color)}.contact-dialog__close:is(:hover,:focus-visible) .icon{--icon-color:var(--contact-dialog-close-color-active)}.contact-dialog__headline{color:var(--contact-dialog-headline-color)}.contact-dialog__message{color:var(--contact-dialog-message-color);font-family:var(--contact-dialog-message-font-family);font-size:var(--contact-dialog-message-font-size)}.contact-dialog__items{align-items:var(--contact-dialog-items-aling-items);display:var(--contact-dialog-items-display);flex-direction:var(--contact-dialog-items-flex-direction);gap:var(--contact-dialog-items-gap);justify-content:var(--contact-dialog-items-justify-content);margin:var(--contact-dialog-items-margin);width:var(--contact-dialog-items-width)}.contact-dialog__item{align-items:var(--contact-dialog-item-align-items);color:var(--contact-dialog-item-color);display:var(--contact-dialog-item-display);font-family:var(--contact-dialog-item-font-family);font-weight:var(--contact-dialog-item-font-weight);gap:var(--contact-dialog-item-gap);justify-content:var(--contact-dialog-item-justify-content)}}