@layer reset,base,layout;@layer components{.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.guide-actions{margin-top:32px}.shots{gap:24px;display:grid;position:relative}.shot{border-radius:var(--radius-m);background:#111;overflow:hidden}.shot .loop-video{background:#111;width:100%;max-width:none;height:auto;display:block}.shot .clip-frame{aspect-ratio:var(--crop-w) / 440;position:relative;overflow:hidden}.shot .clip-frame>.loop-video{width:calc(100% * 1100 / var(--crop-w));transform:translateX(calc(-100% * var(--crop-x) / 1100));position:absolute;top:0;left:0}.shots-toggle{color:#fff;backdrop-filter:blur(16px);cursor:pointer;background:#1d1d1f9e;border:0;border-radius:50%;place-items:center;width:40px;height:40px;padding:0;display:inline-grid;position:absolute;bottom:16px;right:16px}.shots-toggle:hover{background:#1d1d1fd9}.shots-toggle svg{fill:currentColor;width:16px;height:16px}.shots-toggle .icon-play,.shots-toggle.is-paused .icon-pause{display:none}.shots-toggle.is-paused .icon-play{display:block}.points{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 48px;margin-top:72px;padding:0;list-style:none;display:grid}.points h2{font-size:1.3125rem;line-height:1.2}.points p{margin-top:8px;font-size:1.0625rem;line-height:1.47}.guide-section{border-top:1px solid var(--line);margin-top:96px;padding-top:56px}.guide-section>h2{font-size:2rem;line-height:1.12}.guide-section>p{max-width:700px;margin-top:16px;font-size:1.0625rem;line-height:1.47}.guide-links{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;margin-top:28px;padding:0;list-style:none;display:grid}.guide-links a{border-radius:var(--radius-s);background:var(--gray);height:100%;color:var(--ink);padding:20px 22px;text-decoration:none;display:block}.guide-links a:hover{background:var(--pressed);text-decoration:none}.guide-links .shot{border-radius:8px;margin-bottom:14px;display:block}.guide-links strong{font-size:1.0625rem;font-weight:600;display:block}.guide-links span:not(.shot){color:var(--secondary);margin-top:4px;font-size:.9375rem;line-height:1.4;display:block}.compare-table .table-scroll{margin-top:32px}.compare-table table{min-width:720px}.compare-table thead th{vertical-align:bottom}.compare-table td,.compare-table th{padding-right:20px}.compare-table .ours{color:var(--ink);font-weight:600}.compare-table .missing{color:var(--secondary)}.compare-note{margin-top:16px;font-size:.9375rem}}@layer responsive{@media (width<=733px){.points{grid-template-columns:1fr;gap:28px;margin-top:48px}.guide-section{margin-top:64px;padding-top:40px}.guide-section>h2{font-size:1.625rem}}}