.msds-app{--ink: #000000;--muted: #000000;--line: #cccccc;--bg: #ffffff;--accent: #cf1f7b;--accent-hover: #cf1f7b;--row-hover: #f7f7f7;font-family:var(--font-body-family);font-size:var(--font-body-size);font-weight:var(--font-body-weight);line-height:var(--body-line-height);letter-spacing:var(--body-letter-spacing);color:var(--color-text);background:var(--color-background);opacity:1;visibility:visible;overflow-x:hidden;padding-left:var(--msds-side-desktop, 0px);padding-right:var(--msds-side-desktop, 0px)}.msds-app,.msds-app *,.msds-app *:before,.msds-app *:after{box-sizing:border-box}.msds-app .wrap{width:100%;max-width:var(--msds-width, 1170px);margin:0 auto;padding:var(--msds-pt-desktop, 30px) 0 var(--msds-pb-desktop, 5px);opacity:1;visibility:visible}.msds-app .msds-header{margin:0 0 var(--msds-desc-mb, 32px);text-align:var(--msds-align, left)}.msds-app .msds-heading{font-size:var(--msds-title-size, 35px);margin:0 0 var(--msds-title-mb, 10px);line-height:1.2;letter-spacing:-.01em;color:var(--msds-title-color, #000000)}.msds-app .msds-heading--border:after{content:"";display:block;width:60px;height:3px;margin-top:12px;background:var(--accent)}.msds-app .msds-align-center .msds-heading--border:after{margin-left:auto;margin-right:auto}.msds-app .msds-align-right .msds-heading--border:after{margin-left:auto;margin-right:0}.msds-app .msds-description{color:var(--msds-desc-color, #000000);font-size:var(--msds-desc-size, 14px);margin:0}.msds-app .msds-description p{margin:0 0 8px}.msds-app .msds-description p:last-child{margin-bottom:0}.msds-app .toolbar{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--line)}.msds-app .toolbar input[type=search]{flex:1 1 240px;padding:10px 14px;font-size:14px;border:1px solid var(--line);border-radius:5px;outline:none;color:#000;background:#fff}.msds-app .toolbar input[type=search]:focus{border-color:var(--accent)}.msds-app .btn{-webkit-appearance:none;appearance:none;border:1px solid var(--accent);background:var(--accent);color:#fff;padding:10px 16px;font-size:14px;border-radius:5px;cursor:pointer;white-space:nowrap;transition:background .15s ease}.msds-app .btn:hover:not(:disabled){background:var(--accent-hover)}.msds-app .btn:disabled{opacity:.4;cursor:not-allowed}.msds-app .btn.secondary{background:transparent;color:var(--accent)}.msds-app .btn.secondary:hover:not(:disabled){background:#eef4f2}.msds-app .count{font-size:14px;color:var(--muted)}.msds-app table{width:100%;border-collapse:collapse;margin-bottom:28px}.msds-app thead th{text-align:left;font-size:14px;text-transform:none;color:var(--muted);font-weight:600;padding:10px 8px;border-bottom:1px solid var(--line)}.msds-app tbody td{padding:12px 8px;border-bottom:1px solid var(--line);font-size:14px;color:#000}.msds-app tbody tr:hover{background:var(--row-hover)}.msds-app .col-check{width:40px;min-width:40px;text-align:center}.msds-app .col-num{width:48px;color:var(--muted)}.msds-app .category-row td{padding:28px 8px 10px;border-bottom:1px solid var(--line);background:transparent}.msds-app .category-row:first-child td{padding-top:10px}.msds-app tbody tr.category-row:hover{background:transparent}.msds-app .category-title{font-size:17px;font-weight:600;color:#000;letter-spacing:-.01em}.msds-app .msds-checkbox{position:relative;display:inline-flex;width:17px;height:17px;cursor:pointer}.msds-app .msds-checkbox input[type=checkbox]{position:absolute;opacity:0;width:17px;height:17px;margin:0;cursor:pointer}.msds-app .msds-checkbox-box{width:17px;height:17px;border:1.5px solid var(--muted);border-radius:5px;background:#fff;display:inline-block;flex-shrink:0;position:relative}.msds-app .msds-checkbox input[type=checkbox]:checked+.msds-checkbox-box{background:var(--accent);border-color:var(--accent)}.msds-app .msds-checkbox input[type=checkbox]:checked+.msds-checkbox-box:after{content:"";position:absolute;left:5px;top:1px;width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.msds-app .msds-checkbox input[type=checkbox]:indeterminate+.msds-checkbox-box{background:var(--accent);border-color:var(--accent)}.msds-app .msds-checkbox input[type=checkbox]:indeterminate+.msds-checkbox-box:after{content:"";position:absolute;left:3px;top:7px;width:9px;height:2px;background:#fff;border:none;transform:none}.msds-app .msds-checkbox input[type=checkbox]:focus-visible+.msds-checkbox-box{outline:2px solid var(--accent);outline-offset:2px}.msds-app .dl-link{display:inline-flex;align-items:center;gap:6px;color:var(--accent);text-decoration:none;font-size:14px;font-weight:500;cursor:pointer}.msds-app .dl-link:hover{text-decoration:underline}.msds-app .dl-missing{color:#999;font-size:13px}.msds-app .no-results{display:none;padding:32px 8px;text-align:center;color:var(--muted);font-size:14px}.msds-app .no-results.show{display:block}.msds-app .overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#14141473;align-items:center;justify-content:center;z-index:999}.msds-app .overlay.active{display:flex}.msds-app .overlay-card{background:#fff;padding:32px 40px;border-radius:5px;text-align:center;max-width:320px}.msds-app .spinner{width:36px;height:36px;margin:0 auto 16px;border:3px solid #e2e0da;border-top-color:var(--accent);border-radius:50%;animation:msds-spin .8s linear infinite}@keyframes msds-spin{to{transform:rotate(360deg)}}.msds-app .overlay-card p{margin:0;font-size:14px;color:#000}@media screen and (max-width:989px){.msds-app{padding-left:var(--msds-side-mobile, 16px);padding-right:var(--msds-side-mobile, 16px)}.msds-app .wrap{padding-top:var(--msds-pt-tablet, 30px);padding-bottom:var(--msds-pb-tablet, 5px)}}@media screen and (max-width:749px){.msds-app .wrap{padding-top:var(--msds-pt-mobile, 25px);padding-bottom:var(--msds-pb-mobile, 5px)}.msds-app .msds-heading{font-size:var(--msds-title-size-mobile, 25px)}.msds-app .msds-description{font-size:var(--msds-desc-size-mobile, 14px)}}@media(max-width:560px){.msds-app thead th:nth-child(2),.msds-app tbody td:nth-child(2){display:none}.msds-app .category-title{font-size:16px}.msds-app .toolbar{gap:8px}.msds-app .btn{padding:9px 12px;font-size:13px}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/safety-reports.css.map */
