#modal-sticky:has(.led-mask-comparison)>[slot=header]{font-weight:300}.led-mask-comparison{color:#3b3330;font-family:var(--text-font-family);font-weight:400}.led-mask-comparison th{opacity:.85}.led-mask-comparison .table-scroll{overflow:auto;border:1px solid #e7ddd5;border-radius:22px}.led-mask-comparison table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:14px}.led-mask-comparison col.label{width:27%}.led-mask-comparison col.model{width:18.25%}.led-mask-comparison thead th{padding:20px 12px 17px;text-align:center;font-family:var(--text-font-family);font-weight:400;vertical-align:top}.led-mask-comparison thead th:first-child{text-align:left;padding:26px;background:#a69280;color:#fff}.led-mask-comparison thead th:nth-child(2),.led-mask-comparison td:nth-child(2){background:#e6d5c7}.led-mask-comparison thead th:nth-child(3),.led-mask-comparison td:nth-child(3){background:#eee2d8}.led-mask-comparison thead th:nth-child(4),.led-mask-comparison td:nth-child(4){background:#f4ece6}.led-mask-comparison thead th:nth-child(5),.led-mask-comparison td:nth-child(5){background:#f9f4ef}.led-mask-comparison .intro-kicker{font-size:10px;letter-spacing:2px;display:block;margin-bottom:10px}.led-mask-comparison .intro-title{font-family:var(--heading-font-family);font-size:29px;font-weight:300;letter-spacing:normal;line-height:1.1;display:block}.led-mask-comparison .photo{width:100%;height:152px;object-fit:cover;border-radius:13px;display:block;margin-bottom:17px}.led-mask-comparison .model-name{font-family:var(--heading-font-family);font-size:13px;letter-spacing:1.3px;display:block;font-weight:300;line-height:1.5;min-height:3em}.led-mask-comparison tbody th{background:#f4eee8;text-align:left;font-family:var(--text-font-family);font-weight:400;padding:11px 22px;line-height:1.3}.led-mask-comparison td{text-align:center;padding:9px 6px;font-size:14px;color:#62544a}.led-mask-comparison tbody tr:not(.category) th,.led-mask-comparison tbody tr:not(.category) td{border-bottom:1px solid #ffffff65}.led-mask-comparison .category th{background:#a69280;color:#fff;font-family:var(--heading-font-family);font-size:12px;font-weight:300;letter-spacing:1.5px;padding:17px 22px}.led-mask-comparison .category td{background:#efe5dc}.led-mask-comparison .check{font-size:14px;font-weight:500;color:inherit;line-height:1}.led-mask-comparison .dash{color:#bfafa4;font-size:17px}.led-mask-comparison small{display:block;font-size:10px;line-height:1.8;color:#8d7b6e}.led-mask-comparison .cards{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:22px}.led-mask-comparison .card{border-radius:22px;background:#f2e7de;padding:26px 30px;text-align:center}.led-mask-comparison .card:nth-child(2){background:#f5eee8}.led-mask-comparison .card-images{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:18px}.led-mask-comparison .card-images img{width:85px;height:85px;object-fit:cover;border-radius:50%;border:3px solid #fff}.led-mask-comparison .card h2{font-family:var(--heading-font-family);font-weight:300;font-size:22px;letter-spacing:3px;margin:0 0 7px}.led-mask-comparison .subtitle{font-size:10px;letter-spacing:1.5px;margin:0 0 17px;color:#847164}.led-mask-comparison .card p.description{font-size:14px;line-height:1.65;margin:0}.led-mask-comparison .callout{border-top:1px solid #d9c8b9;margin-top:18px;padding-top:17px;font-size:13px;line-height:1.6;color:#6d594a}.led-mask-comparison strong{font-weight:500}.led-mask-comparison .spark{font-size:20px;display:block;margin-bottom:6px}@media(max-width:699px){#modal-sticky:has(.led-mask-comparison){--modal-body-padding-inline: 10px;--modal-body-padding-block: 14px}.led-mask-comparison .table-scroll{overflow:hidden;border-radius:12px}.led-mask-comparison table{width:100%;min-width:0;font-size:11px}.led-mask-comparison col.label{width:25%}.led-mask-comparison col.model{width:18.75%}.led-mask-comparison thead th{padding:8px 3px 9px}.led-mask-comparison thead th:first-child{padding:10px 7px}.led-mask-comparison .intro-kicker{font-size:7px;letter-spacing:.6px;margin-bottom:7px}.led-mask-comparison .intro-title{font-size:16px;line-height:1.2}.led-mask-comparison .photo{height:74px;border-radius:7px;margin-bottom:8px}.led-mask-comparison .model-name{font-size:10px;letter-spacing:0;line-height:1.3;min-height:2.6em;overflow-wrap:anywhere}.led-mask-comparison tbody th{padding:8px 6px;font-size:10px;line-height:1.35;overflow-wrap:anywhere}.led-mask-comparison td{padding:8px 3px;font-size:11px;line-height:1.3;overflow-wrap:anywhere}.led-mask-comparison .category th{padding:10px 6px;font-size:8px;letter-spacing:.4px}.led-mask-comparison .check{font-size:11px}.led-mask-comparison .dash{font-size:13px}.led-mask-comparison small{font-size:7px;line-height:1.4}.led-mask-comparison .cards{grid-template-columns:1fr;gap:14px;margin-top:16px}.led-mask-comparison .card{padding:20px 16px}}.led-mask-comparison:has(.difference-comparison) col.label{width:28%}.led-mask-comparison:has(.difference-comparison) col.model{width:12%}.difference-comparison table,.difference-comparison .difference-coverage-card,.difference-comparison .difference-mask-image img,.difference-comparison .difference-coverage-image img{margin:0!important}.difference-comparison .model-name{font-size:12px;letter-spacing:0;overflow-wrap:normal;line-height:1.4;min-height:2.8em}.difference-comparison thead th:first-child{background:#fff}.difference-comparison thead th:nth-child(n+3),.difference-comparison td:nth-child(n+3){background:#eee}.difference-comparison tbody th{background:#fff}.difference-comparison .category td{background:#eee}.difference-comparison .category th{background:#f4eee8;color:#62544a}.difference-comparison .difference-mask-image{position:relative;display:block;width:100%;aspect-ratio:1;overflow:hidden;margin-bottom:10px}.difference-comparison .difference-mask-image img,.difference-comparison .difference-coverage-image img{position:absolute;display:block;max-width:none;width:var(--source-width);height:auto;left:var(--source-left);top:var(--source-top);margin:0}.difference-comparison .difference-wavelengths{display:block;font-size:11px;line-height:1.5}.difference-comparison .difference-coverage-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;margin-top:24px;padding:18px;border-radius:18px;background:#fffaf7}.difference-comparison .difference-coverage-card{margin:0;min-width:0;text-align:center}.difference-comparison .difference-coverage-image{position:relative;width:100%;aspect-ratio:870 / 990;overflow:hidden;border-radius:12px}.difference-comparison .difference-coverage-card h3{font-family:var(--heading-font-family);font-weight:300;font-size:24px;line-height:1.3;letter-spacing:0;text-transform:none;margin:12px 0 8px}.difference-comparison .difference-coverage-card p{font-size:14px;font-weight:400;line-height:1.5;margin:0}@media(max-width:699px){.led-mask-comparison:has(.difference-comparison) col.label{width:26%}.led-mask-comparison:has(.difference-comparison) col.model{width:12.3333%}.difference-comparison thead th{padding:6px 2px}.difference-comparison thead th:first-child{padding:6px}.difference-comparison .model-name{font-size:clamp(6px,1.8vw,9px);min-height:2.6em;line-height:1.3;overflow-wrap:normal}.difference-comparison .difference-mask-image{margin-bottom:5px}.difference-comparison tbody th{font-size:9px;padding:7px 5px}.difference-comparison td{font-size:8px;padding:7px 2px}.difference-comparison .difference-wavelengths{font-size:7px;line-height:1.4}.difference-comparison .category th{font-size:8px;padding:9px 5px}.difference-comparison .difference-coverage-grid{gap:10px;margin-top:14px;padding:10px}.difference-comparison .difference-coverage-card h3{font-size:14px;margin:8px 0 6px}.difference-comparison .difference-coverage-card p{font-size:10px;line-height:1.45}}.media-grid:has(.difference-comparison){grid-auto-rows:auto}.media-grid__item:has(.difference-comparison),.media-grid__item:has(.difference-comparison)>.led-mask-comparison{height:auto}.led-mask-comparison .difference-comparison table tr :is(th,td){border-width:0}.led-mask-comparison .difference-comparison thead th{opacity:1}.led-mask-comparison .difference-comparison thead th>*{opacity:.85}.led-mask-comparison .difference-comparison .category :is(th,td){background:#f4eee8;opacity:1}
/*# sourceMappingURL=/cdn/shop/t/298/assets/led-mask-comparison.css.map */