sensor-tiles{display:block}.sensor-tiles{--sensor-tiles-card: var(--sonsor-light-gray);--sensor-tiles-ground: var(--sonsor-bg);--sensor-tiles-quiet: #262626;--sensor-tiles-rail: #2f2f2f;--sensor-tiles-inset: #232323;--sensor-tiles-line: rgba(255, 255, 255, .07);--sensor-tiles-line-strong: rgba(255, 255, 255, .13);--sensor-tiles-muted: rgba(255, 255, 255, .7);--sensor-tiles-dim: rgba(255, 255, 255, .5);--sensor-tiles-dim-title: rgba(255, 255, 255, .62);--sensor-tiles-dim-icon: rgba(255, 255, 255, .35);--sensor-tiles-accent: var(--sonsor-orange);--sensor-tiles-select: var(--sonsor-purple);--sensor-tiles-select-line: rgb(var(--sonsor-purple-rgb) / .28);--sensor-tiles-pill: 999px;--sensor-tiles-radius: 16px;--sensor-tiles-gutter: clamp(20px, 4vw, 56px);font-size:15px;color:#fff}.sensor-tiles__inner{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"intro coverage" "bar bar" "tiles tiles";gap:18px 32px;max-width:var(--page-width);margin:0 auto;padding-inline:var(--sensor-tiles-gutter)}.sensor-tiles__intro{grid-area:intro;max-width:640px}.sensor-tiles__heading{margin:0;font-size:clamp(24px,2.3vw,32px);font-weight:600;letter-spacing:.3px;line-height:1.2;text-wrap:balance}.sensor-tiles__subtext{margin:8px 0 0;font-size:16px;line-height:1.55;color:var(--sensor-tiles-muted);text-wrap:pretty}.sensor-tiles__coverage{grid-area:coverage;align-self:end;margin:0;font-size:15px;line-height:1.4;color:var(--sensor-tiles-muted)}.sensor-tiles__bar{grid-area:bar;display:flex;flex-wrap:wrap;gap:7px;min-width:0;padding:11px 13px;border:1px solid var(--sensor-tiles-line);border-radius:var(--sensor-tiles-radius);background:var(--sensor-tiles-quiet)}.sensor-tiles__filter{display:inline-flex;flex:0 0 auto;align-items:center;gap:8px;min-height:44px;margin:0;padding:0 16px;border:1px solid rgba(255,255,255,.1);border-radius:var(--sensor-tiles-pill);background:var(--sensor-tiles-rail);color:#fff;font-family:inherit;font-size:14px;font-weight:700;letter-spacing:.15px;white-space:nowrap;cursor:pointer;transition:background .25s ease,border-color .25s ease,color .25s ease}.sensor-tiles__filter:hover{border-color:rgb(var(--sonsor-purple-rgb) / .55)}.sensor-tiles__filter[aria-pressed=true]{border-color:var(--sensor-tiles-select);background:var(--sensor-tiles-select);color:var(--sensor-tiles-ground)}.sensor-tiles__filter:focus-visible,.sensor-tiles__toggle:focus-visible{outline:2px solid var(--sensor-tiles-select);outline-offset:3px}.sensor-tiles__count{font-size:12px;font-weight:600;opacity:.62}.sensor-tiles__filter[aria-pressed=true] .sensor-tiles__count{opacity:.72}.sensor-tiles__grid{grid-area:tiles;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:12px;margin:0;padding:0;list-style:none}.sensor-tiles__tile,.sensor-tiles__icon,.sensor-tiles__title,.sensor-tiles__text{transition:background .35s ease,border-color .35s ease,color .35s ease}.sensor-tiles__tile.is-lit,.sensor-tiles__tile.is-lit .sensor-tiles__icon,.sensor-tiles__tile.is-lit .sensor-tiles__title,.sensor-tiles__tile.is-lit .sensor-tiles__text{transition-delay:calc(var(--sensor-tiles-index, 0) * 35ms)}.sensor-tiles__tile{display:flex;flex-direction:column;gap:10px;margin:0;padding:20px 20px 22px;border:1px solid var(--sensor-tiles-line);border-radius:var(--sensor-tiles-radius);background:var(--sensor-tiles-ground)}.sensor-tiles__tile.is-lit{border-color:var(--sensor-tiles-select-line);background:var(--sensor-tiles-card)}.sensor-tiles__title{margin:0;font-size:18px;font-weight:700;letter-spacing:.3px;line-height:1.25;color:var(--sensor-tiles-dim-title)}.sensor-tiles__tile.is-lit .sensor-tiles__title{color:#fff}.sensor-tiles__label{display:flex;flex-direction:column;align-items:flex-start;gap:16px}.sensor-tiles__icon{display:flex;flex:0 0 auto;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid rgba(255,255,255,.08);border-radius:50%;background:transparent;color:var(--sensor-tiles-dim-icon)}.sensor-tiles__tile.is-lit .sensor-tiles__icon{border-color:rgb(var(--sonsor-orange-rgb) / .45);background:var(--sensor-tiles-inset);color:var(--sensor-tiles-accent)}.sensor-tiles__icon svg{width:22px;height:22px}.sensor-tiles__icon img{width:22px;height:22px;object-fit:contain;opacity:.45}.sensor-tiles__tile.is-lit .sensor-tiles__icon img{opacity:1}.sensor-tiles__tile.is-lit .sensor-tiles__state,.sensor-tiles__toggle{display:none}.sensor-tiles__text{margin:0;font-size:15px;line-height:1.5;color:var(--sensor-tiles-dim);text-wrap:pretty}.sensor-tiles__tile.is-lit .sensor-tiles__text{color:var(--sensor-tiles-muted)}@media screen and (max-width:749px){.sensor-tiles__inner{grid-template-columns:minmax(0,1fr);grid-template-areas:"intro" "bar" "coverage" "tiles";gap:14px}.sensor-tiles__subtext{font-size:15px}.sensor-tiles__coverage{font-size:14px}.sensor-tiles__bar{flex-wrap:nowrap;margin:0 calc(-1 * var(--sensor-tiles-gutter));padding:2px var(--sensor-tiles-gutter) 4px;border:0;border-radius:0;background:none;overflow-x:auto;scrollbar-width:none}.sensor-tiles__bar::-webkit-scrollbar{display:none}.sensor-tiles__filter{padding:0 15px}.sensor-tiles__grid{display:block;border-bottom:1px solid var(--sensor-tiles-line-strong)}.sensor-tiles__tile,.sensor-tiles__tile.is-lit{gap:0;padding:0;border:0;border-top:1px solid var(--sensor-tiles-line-strong);border-radius:0;background:transparent}.sensor-tiles__tile.is-open{background:rgb(var(--sonsor-purple-rgb) / .05)}.sensor-tiles__label{display:none}.sensor-tiles__toggle{display:flex;align-items:center;gap:12px;width:100%;min-height:58px;margin:0;padding:0 4px;border:0;background:none;color:inherit;font:inherit;letter-spacing:inherit;text-align:left;cursor:pointer}.sensor-tiles__title{font-size:17px;line-height:1.3}.sensor-tiles__tile.is-open .sensor-tiles__title{color:var(--sensor-tiles-select)}.sensor-tiles__icon,.sensor-tiles__tile.is-lit .sensor-tiles__icon{width:auto;height:auto;border:0;background:none}.sensor-tiles__icon svg,.sensor-tiles__icon img{width:20px;height:20px}.sensor-tiles__name{flex:1 1 auto;min-width:0;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.sensor-tiles__chevron{display:flex;flex:0 0 auto;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid rgba(255,255,255,.2);border-radius:50%;color:#ffffffbf;transition:transform .3s ease,border-color .25s ease,background .25s ease,color .25s ease}.sensor-tiles__chevron .icon-caret{width:10px;height:6px}.sensor-tiles__tile.is-open .sensor-tiles__chevron{border-color:rgb(var(--sonsor-purple-rgb) / .6);background:rgb(var(--sonsor-purple-rgb) / .14);color:var(--sensor-tiles-select);transform:rotate(180deg)}sensor-tiles:defined .sensor-tiles__tile:not(.is-open) .sensor-tiles__body{display:none}.sensor-tiles__body{padding:0 8px 18px 36px}.sensor-tiles__text,.sensor-tiles__tile.is-lit .sensor-tiles__text{line-height:1.7;color:#ffffffc7}}@media(prefers-reduced-motion:reduce){.sensor-tiles__filter,.sensor-tiles__tile,.sensor-tiles__icon,.sensor-tiles__title,.sensor-tiles__text,.sensor-tiles__chevron{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/section-sensor-tiles.css.map */