.contactBoard.contactBoardAnimated{background:#522e29}.contactBoardAnimated .contactBackdrop{z-index:-1;border-radius:inherit;pointer-events:none;width:100%;max-width:none;height:100%;position:absolute;inset:0;overflow:hidden}.contactBoardAnimated[data-contact-pending] .contactBackdrop{clip-path:inset(0 100% 0 0)}.contactBoardAnimated .contactStickerAnimated[data-contact-sticker-pending]{opacity:0}.contactBoardAnimated .contactStickerAnimated[data-contact-sticker-pending]:focus-visible{opacity:1}.contactBoardAnimated .contactSticker.contactStickerAnimated{transition:background-color .18s,color .18s,border-color .18s,scale .22s cubic-bezier(.22,1,.36,1);position:relative;transform:none}.contactBoardAnimated .contactSticker.contactStickerAnimated:is(:hover,:focus-visible){background:var(--ink);color:var(--blue);border-color:#fff;outline:none;transform:scale(1.01)}.contactBoardAnimated .contactStickerAnimated>.contactBadge{isolation:auto;background:var(--pink);border:1px solid var(--ink);flex:none;place-items:center;width:clamp(38px,5.2vw,100px);height:clamp(38px,5.2vw,100px);padding:0;display:grid}.contactBoardAnimated .contactStickerAnimated>.contactBadge:before{content:none}.contactBoardAnimated .contactBadge svg{width:100%;height:100%;display:block;overflow:hidden}.contactBoardAnimated .contactBadgeDiamond{transform-box:fill-box;transform-origin:50%;transform:rotate(45deg)}.contactBoardAnimated .contactStickerAnimated:is(:hover,:focus-visible) .contactBadgeDiamond{animation:1.4s linear infinite contactDiamondTurn}.contactBoardAnimated .contactStickerAnimated>.handles{opacity:0;background:0 0;width:auto;height:auto;padding:0;transition:opacity .12s;display:block;position:absolute;inset:-2px}.contactBoardAnimated .contactStickerAnimated>.handles:before{content:none}.contactBoardAnimated .contactStickerAnimated:is(:hover,:focus-visible)>.handles{opacity:1}.contactBoardAnimated .contactStickerAnimated>.handles i{background:var(--ink);border:3px solid #fff;width:clamp(12px,1.5vw,28px);height:clamp(12px,1.5vw,28px)}.contactBoardAnimated .contactStickerAnimated>.handles i:nth-child(-n+2){top:calc(clamp(12px,1.5vw,28px)/-2)}.contactBoardAnimated .contactStickerAnimated>.handles i:nth-child(n+3){bottom:calc(clamp(12px,1.5vw,28px)/-2)}.contactBoardAnimated .contactStickerAnimated>.handles i:nth-child(odd){left:calc(clamp(12px,1.5vw,28px)/-2)}.contactBoardAnimated .contactStickerAnimated>.handles i:nth-child(2n){right:calc(clamp(12px,1.5vw,28px)/-2)}@keyframes contactDiamondTurn{0%{transform:rotate(45deg)}to{transform:rotate(405deg)}}@media (prefers-reduced-motion:reduce){.contactBoardAnimated[data-contact-pending] .contactBackdrop{clip-path:none}.contactBoardAnimated .contactStickerAnimated .contactBadgeDiamond{animation:none!important}.contactBoardAnimated .contactSticker.contactStickerAnimated{transition:none;scale:1}}
