/* Keep controls independent of inherited input padding, borders and font metrics. */
.lot-switches input[type="checkbox"]{box-sizing:border-box;appearance:none;width:28px;height:16px;min-height:16px;border:0;padding:0;margin:0;position:relative;flex:0 0 28px;vertical-align:middle;}
.lot-switches input[type="checkbox"]::before{content:"";position:absolute;top:50%;left:2px;width:12px;height:12px;margin:0;border:0;border-radius:50%;transform:translateY(-50%);}
.lot-switches input[type="checkbox"]:checked::before{transform:translate(12px,-50%);}
button.dialog-close,button.cab-close,#liveCostDialog button[data-close]{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:35px;height:35px;min-width:35px;min-height:35px;padding:0;border-radius:50%;font-size:0;line-height:1;position:absolute;right:16px;top:16px;}
button.dialog-close::before,button.cab-close::before,#liveCostDialog button[data-close]::before,button.dialog-close::after,button.cab-close::after,#liveCostDialog button[data-close]::after{content:"";position:absolute;left:50%;top:50%;width:14px;height:2px;background:currentColor;border-radius:1px;transform:translate(-50%,-50%) rotate(45deg);}
button.dialog-close::after,button.cab-close::after,#liveCostDialog button[data-close]::after{transform:translate(-50%,-50%) rotate(-45deg);}

#liveCostDialog button[data-close]{color:#fff;background:#394249;border:1px solid #64727b;z-index:20;opacity:1;visibility:visible;cursor:pointer}#liveCostDialog button[data-close]:hover{background:#53636e}#liveCostDialog button[data-close]:focus-visible{outline:2px solid #fff;outline-offset:3px}