/* Comparison sharing reuses existing controls and palette. */
#compare-dialog .comparison-share{margin-top:24px;padding:16px;border:1px solid #b5d1e3;border-radius:8px;background:#fff;color:#201e38}
#compare-dialog .comparison-share p{font:400 14px/20px Manrope,sans-serif;margin:12px 0 0;color:#4d596c}
#compare-dialog .comparison-share label{display:block;font:400 14px/20px Manrope,sans-serif;margin-top:12px}
#compare-dialog .comparison-share label[hidden]{display:none}
#compare-dialog .comparison-share input{display:block;width:100%;min-height:48px;margin-top:8px;padding:8px 12px;font:400 16px/24px Manrope,sans-serif;color:#201e38;background:#f6f8fa;border:1px solid #b5d1e3;border-radius:8px;box-sizing:border-box}
#compare-dialog .comparison-share [role=status]:empty{display:none}
#compare-dialog .comparison-share :is(button,input):focus-visible{outline:3px solid #226caa;outline-offset:3px}
@media(max-width:420px){#compare-dialog .comparison-share button{width:100%;white-space:normal;min-height:48px}}
