html body .app-filter-strip{position:relative;min-height:0;padding:46px 0 36px;border:0;background:linear-gradient(90deg,#f7f4eec7,#f7f4ee 26% 74%,#f7f4eec7),url(/images/shift-how-it-works-sargent-landscape-no-tall-trees.png) center 72% / cover no-repeat,#f7f4ee;color:#22211f}html body .app-filter-heading{width:min(1160px,calc(100% - 40px));margin:0 auto 30px;text-align:center}html body .app-filter-heading h2{max-width:none;margin:0;color:#080808!important;font-family:Inter,system-ui,sans-serif;font-size:clamp(34px,3.1vw,52px);font-weight:850;line-height:1.02;letter-spacing:-.055em;text-wrap:balance}html body .app-filter-stage{position:relative;width:min(1760px,calc(100% - 80px));margin:0 auto;overflow:hidden}html body .app-filter-lane{position:relative;display:grid;min-height:104px;grid-template-columns:minmax(0,1fr);align-items:center}html body .app-filter-divider{position:relative;display:flex;height:18px;align-items:center;justify-content:center}html body .app-filter-divider:before{content:"";position:absolute;top:50%;right:8%;left:8%;height:1px;background:linear-gradient(90deg,transparent,rgba(18,18,18,.22) 34%,rgba(18,18,18,.22) 66%,transparent);transform:translateY(-50%)}html body .app-filter-divider-label{position:relative;z-index:3;padding:0 13px;background:#f7f4eef5;color:#000;font:650 11px/14px Inter,system-ui,sans-serif;white-space:nowrap}html body .app-filter-divider-label .shift-word{margin-left:0;font-weight:900;font-style:italic;letter-spacing:.07em}html body .app-filter-marquee-window{position:relative;min-width:0;overflow:hidden;padding:16px 52px;mask-image:linear-gradient(90deg,transparent 0,#000 13%,#000 87%,transparent 100%)}html body .app-filter-marquee-track{display:flex;width:max-content;will-change:transform;animation:app-filter-scroll-left 42s linear infinite}html body .app-filter-lane-useful .app-filter-marquee-track{animation-name:app-filter-scroll-right;animation-duration:48s}html body .app-filter-marquee-group{display:flex;gap:42px;padding-right:42px}html body .app-filter-card{--app-proximity: .45;--app-visibility: .45;display:grid;width:66px;min-height:70px;place-items:center;flex:0 0 auto;opacity:calc(.16 + (var(--app-visibility) * .84));transform:scale(calc(.72 + (var(--app-proximity) * .42)));transform-origin:center;will-change:transform,opacity}html body .app-filter-card-icon{display:grid;width:60px;height:60px;overflow:hidden;place-items:center;border-radius:14px;box-shadow:0 6px 14px #4c3e3114}html body .app-filter-card img{width:100%;height:100%;border-radius:inherit;object-fit:cover}html body .app-filter-card-name{display:none}html body .app-filter-lane-blocked .app-filter-card-icon{filter:grayscale(1);opacity:.7}html body .app-filter-checker{width:min(560px,calc(100% - 40px));margin:14px auto 0}html body .app-filter-checker-shell{display:grid;min-height:48px;padding:5px 16px;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:10px;border:1px solid rgba(34,31,27,.14);border-radius:999px;background:#ffffffb3;box-shadow:0 8px 24px #3029220d,inset 0 1px #ffffffe6}html body .app-filter-checker-icon{width:17px;height:17px;fill:none;stroke:#1212128f;stroke-width:2;stroke-linecap:round}html body .app-filter-checker-input{width:100%;min-width:0;padding:0;border:0;outline:0;background:transparent;color:#111;font:600 13px/1.2 Inter,system-ui,sans-serif}html body .app-filter-checker-input::placeholder{color:#12121275}html body .app-filter-checker-popover{position:relative;margin-top:8px;overflow:hidden;border:1px solid rgba(34,31,27,.12);border-radius:17px;background:#ffffffe6;box-shadow:0 14px 36px #30292217,inset 0 1px #fffffff0;backdrop-filter:blur(16px)}html body .app-filter-checker-results{display:grid;max-height:248px;gap:2px;padding:5px 15px 5px 5px;overflow:hidden;overscroll-behavior:contain;scrollbar-width:none}html body .app-filter-checker-results[data-scrollable=true]{overflow-y:scroll}html body .app-filter-checker-results::-webkit-scrollbar{width:0;height:0}html body .app-filter-checker-scrollbar{position:absolute;z-index:3;top:10px;right:6px;width:6px;height:228px;border-radius:999px;background:#221f1b0f;pointer-events:none}html body .app-filter-checker-scrollbar-thumb{position:absolute;inset:0 0 auto;min-height:34px;border-radius:999px;background:#221f1b57;transform:translateY(0);transition:transform .1s ease-out}html body .app-filter-checker-popover[hidden],html body .app-filter-checker-results[hidden],html body .app-filter-checker-scrollbar[hidden],html body .app-filter-checker-skeletons[hidden],html body .app-filter-checker-option[hidden],html body .app-filter-checker-empty[hidden]{display:none}html body .app-filter-checker-skeletons{display:grid;gap:2px}html body .app-filter-checker-skeleton-row,html body .app-filter-checker-option{display:grid;min-height:46px;padding:5px 8px 5px 6px;grid-template-columns:34px minmax(0,1fr) 74px;align-items:center;gap:10px}html body .app-filter-checker-skeleton-block{overflow:hidden;background:linear-gradient(100deg,#221f1b12 20%,#ffffffb8,#221f1b12 56%);background-size:240% 100%;animation:app-filter-skeleton-shimmer 1.1s ease-in-out infinite}html body .app-filter-checker-skeleton-icon{width:34px;height:34px;border-radius:8px}html body .app-filter-checker-skeleton-name{width:58%;height:11px;border-radius:999px}html body .app-filter-checker-skeleton-row:nth-child(2n) .app-filter-checker-skeleton-name{width:72%}html body .app-filter-checker-skeleton-row:nth-child(3n) .app-filter-checker-skeleton-name{width:46%}html body .app-filter-checker-skeleton-status{width:74px;height:26px;border-radius:999px}html body .app-filter-checker-option{position:relative;overflow:hidden;width:100%;grid-template-columns:34px minmax(0,1fr) auto;border:0;border-radius:12px;background:transparent;color:#171717;cursor:pointer;text-align:left;transition:background .15s ease,transform .15s ease}html body .app-filter-checker-option-loading{position:absolute;z-index:2;inset:0;display:none;padding:5px 8px 5px 6px;grid-template-columns:34px minmax(0,1fr) 74px;align-items:center;gap:10px;pointer-events:none}html body .app-filter-checker-option[data-icon-loading=true] .app-filter-checker-option-loading{display:grid}html body .app-filter-checker-option[data-icon-loading=true]>:not(.app-filter-checker-option-loading){opacity:0}html body .app-filter-checker-option:hover,html body .app-filter-checker-option:focus-visible,html body .app-filter-checker-option[data-active=true]{outline:none;background:#221f1b0e}html body .app-filter-checker-option-app-icon{display:grid;width:34px;height:34px;overflow:hidden;place-items:center;border-radius:8px;background:linear-gradient(145deg,#f0eee9,#e5e1da);color:#625e57;font:800 13px/1 Inter,system-ui,sans-serif;box-shadow:0 1px 3px #1e1a1624,inset 0 1px #ffffffb8}html body .app-filter-checker-option-app-icon img,html body .app-filter-checker-option-app-icon-initial{grid-area:1 / 1}html body .app-filter-checker-option-app-icon img{width:100%;height:100%;object-fit:cover}html body .app-filter-checker-option-app-icon[data-has-image=true] .app-filter-checker-option-app-icon-initial,html body .app-filter-checker-option-app-icon[data-has-image=false] img{display:none}html body .app-filter-checker-option-name{overflow:hidden;font:700 12px/1.2 Inter,system-ui,sans-serif;text-overflow:ellipsis;white-space:nowrap}html body .app-filter-checker-option-status{display:inline-flex;min-width:74px;height:26px;padding:0 10px;align-items:center;justify-content:center;border-radius:999px;font:850 8px/1 Inter,system-ui,sans-serif;letter-spacing:.085em;text-transform:uppercase}html body .app-filter-checker-option-status[data-state=blocked]{background:#171717;color:#fff}html body .app-filter-checker-option-status[data-state=allowed]{background:#d9f2e1;color:#176a38}html body .app-filter-checker-empty{display:flex;min-height:46px;padding:0 12px;align-items:center;color:#12121280;font:650 11px/1.2 Inter,system-ui,sans-serif}html body .app-filter-checker-request{display:grid;gap:3px;padding:11px 13px 12px;border-top:1px solid rgba(34,31,27,.1);background:#faf9f7b3;color:#716c64;text-align:left}html body .app-filter-checker-request strong{color:#252320;font:750 10.5px/1.25 Inter,system-ui,sans-serif}html body .app-filter-checker-request span{font:550 10px/1.35 Inter,system-ui,sans-serif}html body .app-filter-checker-request .shift-word{color:#252320;font-style:italic;font-weight:800}html body .app-filter-note{display:block;width:min(900px,calc(100% - 40px));margin:15px auto 0;color:#6f6a62!important;font-size:15px;font-weight:500;line-height:1.45;text-align:center}html body .app-filter-note .shift-word{color:#4d4943;font-style:normal;letter-spacing:.03em}html body .app-filter-cta-wrap{display:flex;width:100%;margin-top:18px;justify-content:center}html body .app-filter-cta{display:inline-flex;width:min(220px,calc(100% - 40px));min-height:48px;padding:0 22px;align-items:center;justify-content:center;gap:14px;border-radius:999px;background:#171717;color:#fff!important;box-shadow:0 10px 24px #17171729;font:750 13px/1 Inter,system-ui,sans-serif;text-decoration:none!important;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}html body .app-filter-cta .shift-word{color:#fff!important;font-style:italic;font-weight:850}html body .app-filter-cta-arrow{font-size:17px;line-height:1;transition:transform .15s ease}html body .app-filter-cta:hover{background:#000;box-shadow:0 13px 28px #17171733;transform:translateY(-1px)}html body .app-filter-cta:hover .app-filter-cta-arrow{transform:translate(3px)}html body .app-filter-cta:focus-visible{outline:3px solid rgba(23,23,23,.18);outline-offset:3px}@keyframes app-filter-scroll-left{0%{transform:translate(0)}to{transform:translate(-25%)}}@keyframes app-filter-scroll-right{0%{transform:translate(-25%)}to{transform:translate(0)}}@keyframes app-filter-skeleton-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media(max-width:900px){html body .app-filter-strip{padding:36px 0 30px}html body .app-filter-heading{margin-bottom:22px}html body .app-filter-heading h2{font-size:clamp(30px,7vw,42px)}html body .app-filter-stage{width:calc(100% - 32px)}html body .app-filter-marquee-group{gap:26px;padding-right:26px}}@media(max-width:640px){html body .app-filter-strip{padding:30px 0 26px;background:linear-gradient(180deg,#f7f4eee0,#f7f4eef2),url(/images/shift-how-it-works-sargent-landscape-no-tall-trees.png) center / cover no-repeat,#f7f4ee}html body .app-filter-heading{width:calc(100% - 32px);margin-bottom:20px}html body .app-filter-heading h2{font-size:30px;line-height:1.04}html body .app-filter-stage{width:calc(100% - 24px)}html body .app-filter-lane{min-height:80px}html body .app-filter-divider{height:12px}html body .app-filter-divider-label{padding:0 10px;font-size:9px;line-height:12px}html body .app-filter-marquee-window{padding:10px 22px}html body .app-filter-marquee-group{gap:18px;padding-right:18px}html body .app-filter-card{width:48px;min-height:54px}html body .app-filter-card-icon{width:46px;height:46px;border-radius:11px}html body .app-filter-note{width:calc(100% - 40px);margin-top:18px;font-size:12px}html body .app-filter-checker{width:calc(100% - 32px);margin-top:13px}html body .app-filter-checker-shell{min-height:44px;padding:4px 13px;grid-template-columns:16px minmax(0,1fr);gap:8px}html body .app-filter-checker-input{font-size:11px}html body .app-filter-checker-option{min-height:44px;grid-template-columns:32px minmax(0,1fr) auto}html body .app-filter-checker-option-loading{grid-template-columns:32px minmax(0,1fr) 68px}html body .app-filter-checker-option-app-icon{width:32px;height:32px}html body .app-filter-checker-option-status{min-width:68px;padding:0 8px}}@media(prefers-reduced-motion:reduce){html body .app-filter-marquee-track,html body .app-filter-lane-useful .app-filter-marquee-track{animation:none;transform:translate(-6%)}html body .app-filter-checker-skeleton-block{animation:none}html body .app-filter-checker-scrollbar-thumb,html body .app-filter-cta,html body .app-filter-cta-arrow{transition:none}}
