.contact-dialog{--contact-dialog-close-button-icon-size:1rem;--contact-dialog-list-item-icon-size:1rem;border:1px solid var(--font-color);border-radius:.25rem;left:50%;margin:0;max-width:calc(100% - 2rem);top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:18rem}.contact-dialog::-ms-backdrop{background-color:var(--toujou-modal-backdrop-color,rgba(0,0,0,.6))}.contact-dialog::backdrop{background-color:var(--toujou-modal-backdrop-color,rgba(0,0,0,.6))}.contact-dialog__close{aspect-ratio:1;background-color:var(--primary-color);border:none;position:absolute;right:.5rem;top:.5rem}.contact-dialog__close:is(:hover,:focus-visible){background-color:var(--primary-color--dark)}.contact-dialog__close:focus-visible{outline:var(--toujou-focus-outline);outline-offset:var(--toujou-focus-outline-offset)}.contact-dialog__close:after{background-color:var(--bg-color);content:"";display:block;height:var(--contact-dialog-close-button-icon-size);-webkit-mask-image:var(--toujou-icon-times);mask-image:var(--toujou-icon-times);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:var(--contact-dialog-close-button-icon-size)}.contact-dialog__headline{margin-bottom:1rem}.contact-dialog__list{list-style:none;padding:0;-webkit-box-orient:vertical;-ms-flex-flow:column nowrap;flex-flow:column nowrap;gap:1rem}.contact-dialog__item-label,.contact-dialog__list{display:-webkit-box;display:-ms-flexbox;display:flex;margin:0;-webkit-box-direction:normal}.contact-dialog__item-label{-webkit-box-orient:horizontal;-ms-flex-flow:row wrap;flex-flow:row wrap;gap:.5rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--font-color);font-family:var(--main-font);font-size:1rem;font-weight:var(--main-font__normal)}.contact-dialog__item-label:before{background-color:var(--font-color);content:"";display:block;height:var(--contact-dialog-list-item-icon-size);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:var(--contact-dialog-list-item-icon-size)}.contact-dialog__item--phone .contact-dialog__item-label:before{-webkit-mask-image:var(--toujou-icon-phone);mask-image:var(--toujou-icon-phone)}.contact-dialog__item--email .contact-dialog__item-label:before{-webkit-mask-image:var(--toujou-icon-envelope);mask-image:var(--toujou-icon-envelope)}@media screen and (width > 840px){.contact-dialog{padding:2rem}}