pub const MACOS_CSS: &str = ".__azul-native-button {\n font-size: 12px;\n font-family: \"Helvetica\";\n color: #4c4c4c;\n background-color: #e7e7e7;\n border: 1px solid #b7b7b7;\n border-radius: 4px;\n box-shadow: 0px 0px 3px #c5c5c5ad;\n background: linear-gradient(#fcfcfc, #efefef);\n text-align: center;\n flex-direction: column;\n justify-content: center;\n}\n\n.__azul-native-label {\n font-size: 12px;\n font-family: \"Helvetica\";\n color: #4c4c4c;\n text-align: center;\n flex-direction: column;\n justify-content: center;\n}\n\n.__azul-native-input-text {\n font-size: 12px;\n font-family: \"Helvetica\";\n color: #4c4c4c;\n background-color: white;\n height: 14px;\n border: 1px solid #9b9b9b;\n padding: 1px;\n overflow: hidden;\n text-align: left;\n flex-direction: row;\n align-content: flex-end;\n justify-content: flex-end;\n}\n\n.__azul-native-input-text:hover {\n border: 1px solid #4286f4;\n}\n\n.__azul-native-input-text-label {\n font-size: 12px;\n font-family: \"Helvetica\";\n color: #4c4c4c;\n}.__azul-native-table-iframe {\n display: flex;\n flex-grow: 1;\n width: 100%;\n height: 100%;\n box-sizing: border-box;\n}\n\n.__azul-native-table-container * {\n display: flex;\n box-sizing: border-box;\n}\n\n.__azul-native-table-container {\n flex-direction: row;\n}\n\n.__azul-native-table-column-container {\n flex-direction: row;\n position: relative;\n}\n\n.__azul-native-table-column {\n flex-direction: column;\n min-width: 100px;\n border-right: 1px solid #d1d1d1;\n}\n\n.__azul-native-table-row-number-wrapper {\n flex-direction: column;\n max-width: 30px;\n}\n\n.__azul-native-table-column-name {\n height: 20px;\n}\n\n.__azul-native-table-top-left-rect {\n height: 20px;\n background-color: #e6e6e6;\n border-bottom: 1px solid #b5b5b5;\n border-right: 1px solid #b5b5b5;\n}\n\n.__azul-native-table-cell {\n font-family: sans-serif;\n color: black;\n text-align: left;\n align-items: flex-start;\n font-size: 14px;\n border-bottom: 1px solid #d1d1d1;\n height: 20px;\n}\n\n.__azul-native-table-row {\n font-size: 14px;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n min-height: 20px;\n border-bottom: 0.6px solid #b5b5b5;\n}\n\n.__azul-native-table-column-name {\n font-family: sans-serif;\n color: #2d2d2d;\n font-size: 14px;\n background-color: #e6e6e6;\n flex-direction: row;\n align-items: center;\n border-right: 1px solid #b5b5b5;\n box-shadow-bottom: 0px 0px 3px black;\n}\n\n.__azul-native-table-row-numbers {\n font-family: sans-serif;\n color: #2d2d2d;\n background-color: #e6e6e6;\n flex-direction: column;\n box-shadow-right: 0px 0px 3px black;\n}\n\n.__azul-native-table-selection {\n width: 100px;\n height: 20px;\n margin-top: 500px;\n margin-left: 100px;\n position: absolute;\n border: 2px solid #407c40;\n}\n\n.__azul-native-table-selection-handle {\n position: absolute;\n width: 10px;\n height: 10px;\n background-color: #407c40;\n bottom: -5px;\n right: -5px;\n}";Expand description
CSS mimicking the OS-native look - Mac: styles/native_macos.css