:root{--contact-channel-min-h:328px;--contact-unlock-input-w:220px;--contact-board-cols:64px minmax(0, 1fr) 104px 80px;--contact-board-cols-compact:auto auto minmax(0, 1fr);--contact-agree-cols:84px minmax(0, 1fr);--contact-route-cols:64px minmax(0, 1fr);--contact-kakao-wait-bg:color-mix(in oklch, var(--sys-color-on-kakao) 8%, transparent);--contact-kakao-body:color-mix(in oklch, var(--sys-color-on-kakao) 72%, transparent);--contact-board-wait-bg:color-mix(in oklch, var(--sys-color-accent) 40%, transparent)}@layer components{.contact-board-cols,.contact-post-row{grid-template-columns:var(--contact-board-cols);gap:var(--ref-space-12);align-items:center;display:grid}.contact-post-row{padding:var(--ref-space-16) var(--ref-space-8)}.contact-post-reply{--contact-depth:1;padding-block:var(--ref-space-12)}.contact-post-reply[data-depth="2"]{--contact-depth:2}.contact-post-reply .contact-post-title{padding-left:calc(var(--contact-depth) * var(--ref-space-20))}.contact-post-reply .contact-post-title:before{content:"";width:var(--ref-space-12);height:var(--ref-space-12);margin-top:calc(-1 * var(--ref-space-8));border-left:var(--ref-stroke-medium) solid var(--sys-color-outline-variant);border-bottom:var(--ref-stroke-medium) solid var(--sys-color-outline-variant);border-bottom-left-radius:var(--ref-shape-extra-small);flex:none}@media (width<=839px){.contact-post-row{grid-template-columns:var(--contact-board-cols-compact);gap:var(--ref-space-4) var(--ref-space-8);padding:var(--ref-space-12) var(--ref-space-4);grid-template-areas:"t t t""n d."}.contact-post-title{grid-area:t}.contact-post-name{grid-area:n}.contact-post-date{grid-area:d}.contact-post-reply{padding-left:calc(var(--contact-depth) * var(--ref-space-16))}.contact-post-reply .contact-post-title{padding-left:0}}.contact-unlock-field{grid-template-columns:auto minmax(0, var(--contact-unlock-input-w))}@media (width<=599px){.contact-unlock-field{grid-template-columns:auto minmax(0,1fr)}}.contact-map-pin{top:46%;left:56%}@media (width<=599px){.contact-map-pin{top:40%;left:50%}}.contact-map .contact-sign-exit rect{fill:var(--sys-color-inverse-surface)}.contact-map .contact-sign-exit text{fill:var(--sys-color-inverse-on-surface)}.contact-map .contact-sign-park rect{fill:var(--sys-color-surface-container-lowest)}.contact-map .contact-sign-park text{fill:var(--sys-color-on-surface)}}