.mac-button,.weatherbar button,:is(dialog,.dialog) button{--button-face: var(--paper);--pixel-corners: polygon(4px 0, calc(100% - 4px) 0, calc(100% - 4px) 2px, calc(100% - 2px) 2px, calc(100% - 2px) 4px, 100% 4px, 100% calc(100% - 4px) , calc(100% - 2px) calc(100% - 4px) , calc(100% - 2px) calc(100% - 2px) , calc(100% - 4px) calc(100% - 2px) , calc(100% - 4px) 100%, 4px 100%, 4px calc(100% - 2px) , 2px calc(100% - 2px) , 2px calc(100% - 4px) , 0 calc(100% - 4px) , 0 4px, 2px 4px, 2px 2px, 4px 2px);appearance:none;position:relative;isolation:isolate;border:0;border-radius:0;clip-path:var(--pixel-corners);background:var(--ink);color:var(--ink);padding:5px 16px;min-height:30px;min-width:72px;font:20px/20px var(--body-font);letter-spacing:0;box-shadow:none;cursor:pointer}.mac-button:before,.weatherbar button:before,:is(dialog,.dialog) button:before{content:"";position:absolute;z-index:-1;inset:2px;clip-path:var(--pixel-corners);background:var(--button-face)}.mac-button:active:not(:disabled),.weatherbar button:active:not(:disabled),:is(dialog,.dialog) button:active:not(:disabled),.weatherbar button[aria-pressed=true]{--button-face: var(--ink);color:var(--paper)}.search-row button{padding-inline:20px}.search-row button:before{inset:4px}.mac-button:focus-visible,.weatherbar button:focus-visible,:is(dialog,.dialog) button:focus-visible{outline:2px dotted currentColor;outline-offset:-6px}