@media (min-width:1024px) and (hover:hover){.video-deployment-options-module___hSniW__attention{transition:transform .65s cubic-bezier(.22,1,.36,1)}.video-deployment-options-module___hSniW__cameraCard:hover .video-deployment-options-module___hSniW__attention,.video-deployment-options-module___hSniW__cameraCard:focus-within .video-deployment-options-module___hSniW__attention{transform:translate(5px)rotate(2deg)}}
.tl-partner-process{--assa-cyan:#c8102e;--synology-blue:#c8102e;--telenot-red:#c8102e;color:#18181b;background:#f4f3f0}.tl-partner-process h2{color:#18181b;font-size:clamp(1.55rem,4.2vw,2.55rem);line-height:1.04}.tl-partner-process :is(.assa-story,.telenot-story,.synology-story){background:#fff;border:1px solid #18181b1f;border-radius:.75rem;box-shadow:0 24px 64px -42px #18181b3d}.tl-partner-process :is(.assa-story,.telenot-story,.synology-story)>div:first-child{background:#fff;border-color:#18181b1a;flex-wrap:wrap;gap:.75rem;min-height:4.25rem}.tl-partner-process .partner-story-scroll-cue{color:#606065;box-shadow:none;background:#fafafa;border-color:#18181b1f}.tl-partner-process :is(.assa-panel,.telenot-panel,.synology-step-copy) h3{color:#18181b;font-size:1.5rem;line-height:1.08}.tl-partner-process :is(.assa-panel,.telenot-panel,.synology-step-copy) p{color:#606065}.tl-partner-process :is(.assa-chapters,.telenot-chapters,.synology-chapters){background:#fafafa;border-color:#18181b1a}.tl-partner-process :is(.assa-chapter,.telenot-chapter,.synology-chapter){opacity:1;border-radius:.25rem;min-width:2.75rem;min-height:3rem;padding-inline:.5rem}.tl-partner-process :is(.assa-chapter,.telenot-chapter,.synology-chapter)>span:last-child{color:#606065;letter-spacing:.1em;font-size:.625rem}.tl-partner-process :is(.assa-chapter,.telenot-chapter,.synology-chapter)[aria-current=step]>span:last-child{color:#18181b}.tl-partner-process :is(.assa-chapter-dot,.telenot-chapter-dot,.synology-chapter-dot){color:#606065;background:#fafafa;border-color:#c6c6c8;font-size:.625rem;box-shadow:0 0 0 3px #fafafa}.tl-partner-process [aria-current=step] :is(.assa-chapter-dot,.telenot-chapter-dot,.synology-chapter-dot){color:#fff;background:#c8102e;border-color:#c8102e;box-shadow:0 0 0 3px #fafafa,0 0 0 6px #c8102e14}.tl-partner-process :is(.assa-story,.telenot-story,.synology-story)[data-pinned=false] :is(.assa-panel,.telenot-panel,.synology-phase){opacity:1}.tl-partner-process .synology-phase{grid-template-columns:minmax(0,.82fr) minmax(19rem,1fr);align-items:center;gap:2rem;padding:2rem}.tl-partner-process .synology-step-copy{background:0 0;order:-1;padding:0}.tl-partner-process .synology-step-copy>p{font-size:.875rem;line-height:1.65}.tl-partner-process .synology-visual{background:#f4f4f4;border:1px solid #18181b1a;border-radius:.5rem}.tl-partner-process .synology-evaluation-state span:nth-child(4){color:#ff8093!important}.tl-partner-process .synology-evaluation-copy span:nth-child(4){color:#c8102e}.tl-partner-process .assa-key-sequence{background:#fafafa;border:1px solid #18181b1f;border-radius:.5rem;width:100%;max-width:25rem;overflow:hidden}.tl-partner-process .assa-key-sequence>header{letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid #18181b1a;justify-content:space-between;align-items:baseline;gap:.75rem;padding:.75rem 1rem;font-size:.625rem;font-weight:600;display:flex}.tl-partner-process .assa-key-sequence>header span{color:#606065;font-size:.625rem}.tl-partner-process .assa-key-sequence ol{margin:0;padding:0;list-style:none}.tl-partner-process .assa-key-sequence li{border-bottom:1px solid #18181b14;grid-template-columns:6.5rem minmax(0,1fr);align-items:center;min-height:4.8rem;padding:.25rem .75rem;display:grid}.tl-partner-process .assa-key-sequence li:last-child{border-bottom:0}.tl-partner-process .assa-key-sequence li>span{align-items:center;gap:.5rem;font-size:.75rem;font-weight:600;display:flex}.tl-partner-process .assa-key-sequence li small{color:#c8102e;font-family:monospace;font-size:.625rem}.tl-partner-process .assa-key-sequence svg{width:100%;height:auto;max-height:5.25rem;overflow:visible}.tl-partner-process .assa-detail-key{transform:translate(30px)}.tl-partner-process .assa-detail-turn{transform-origin:100px 44px;transform:rotate(90deg)}.tl-partner-process .assa-detail-bolt{transform:translate(-13px)}.tl-partner-process .assa-detail-door{transform-origin:77px 12px;transform:perspective(220px)rotateY(-32deg)}.tl-partner-process .assa-detail-arrow{opacity:.7}.tl-partner-process .assa-story[data-in-view=true][data-step="3"] .assa-detail-key{animation:1s cubic-bezier(.22,1,.36,1) .15s both tl-key-insert}.tl-partner-process .assa-story[data-in-view=true][data-step="3"] .assa-detail-turn{animation:1s cubic-bezier(.22,1,.36,1) 1.05s both tl-key-turn}.tl-partner-process .assa-story[data-in-view=true][data-step="3"] .assa-detail-bolt{animation:.45s 1.9s both tl-bolt-retract}.tl-partner-process .assa-story[data-in-view=true][data-step="3"] .assa-detail-door{animation:1s cubic-bezier(.22,1,.36,1) 2.1s both tl-door-open}.tl-partner-process .assa-story[data-in-view=true][data-step="3"] .assa-unlock-status{animation-delay:2.7s}.tl-partner-process .assa-story[data-in-view=true][data-step="3"] .assa-unlock-status .assa-status-check path{animation-delay:2.75s}@keyframes tl-key-insert{0%{transform:translate(0)}to{transform:translate(30px)}}@keyframes tl-key-turn{0%{transform:rotate(0)}to{transform:rotate(90deg)}}@keyframes tl-bolt-retract{0%{transform:translate(0)}to{transform:translate(-13px)}}@keyframes tl-door-open{0%{transform:perspective(220px)rotateY(0)}to{transform:perspective(220px)rotateY(-32deg)}}@media (min-width:1280px){.tl-partner-process :is(.assa-panel,.telenot-panel,.synology-step-copy) h3{font-size:2rem}.tl-partner-process .synology-step-copy>p{font-size:1rem}}@media (max-width:639px){.tl-partner-process .synology-phase{gap:.5rem;padding:1.25rem 1rem}.tl-partner-process .synology-story[data-pinned=false] .synology-step-copy{padding-block:0 1rem}.tl-partner-process .assa-key-sequence li{grid-template-columns:5.5rem minmax(0,1fr);padding-inline:.5rem}.tl-partner-process .assa-key-sequence li>span{gap:.35rem;font-size:.6875rem}.tl-partner-process .assa-key-sequence>header{padding-inline:.75rem}}
