/* A geometric close icon stays centered independently of font metrics. */
button.close{position:relative;display:inline-grid;place-items:center;flex-shrink:0;box-sizing:border-box;padding:0;font-size:0!important;line-height:0;letter-spacing:0;color:#71839b;background:transparent;transition:color .18s ease,background-color .18s ease,border-color .18s ease}
button.close::before,button.close::after{content:"";position:absolute;left:50%;top:50%;width:14px;height:1.5px;background:currentColor;border-radius:2px;pointer-events:none;transform:translate(-50%,-50%) rotate(45deg)}
button.close::after{transform:translate(-50%,-50%) rotate(-45deg)}
button.close:hover{color:#2458db;background:#edf3ff;border-color:#cbdaf2}
@media(prefers-reduced-motion:reduce){button.close{transition:none}}