main{overflow:visible}main section{width:auto;max-width:980px;margin:0 auto;padding:0 22px;text-align:start}main section>h1{font-size:clamp(2.5rem,5.5vw,3.5rem);line-height:1.07;letter-spacing:-.025em;font-weight:700;text-align:center;margin:88px auto 0;max-width:860px}main section>h1+h2{font-size:clamp(1.25rem,2.6vw,1.75rem);line-height:1.25;font-weight:400;letter-spacing:-.01em;color:var(--totl-fig-cap);text-align:center;margin:14px auto 0;max-width:720px}main section>h1+h2+p{text-align:center;font-size:1.12rem;max-width:760px;margin:28px auto 0}main section h2{font-size:clamp(1.65rem,3vw,2.25rem);line-height:1.15;letter-spacing:-.02em;font-weight:600;margin:72px 0 14px}main section h3{font-size:1.25rem;line-height:1.3;font-weight:600;letter-spacing:-.012em;margin:40px 0 10px}main section h4{font-size:1.05rem;font-weight:600;margin:24px 0 6px}main section p{font-size:1.06rem;line-height:1.55;margin:1em 0}main a{color:var(--totl-a-color);text-decoration:none}main a:hover{text-decoration:underline}main section ul{margin:1em 0;padding-inline-start:1.4em}main section ul li{margin:.45em 0}main section ol{counter-reset:totl-step;list-style:none;padding:0;margin:28px 0;display:grid;gap:14px}main section ol>li{counter-increment:totl-step;position:relative;padding:22px 26px;padding-inline-start:72px;background:var(--totl-second-background);border-radius:18px}main section ol>li:before{content:counter(totl-step);position:absolute;inset-inline-start:26px;top:20px;font-size:1.5rem;font-weight:700;line-height:1;color:var(--totl-a-color)}h3.question{border-top:var(--totl-nav-border);padding-top:24px;margin-top:24px;font-size:1.1rem;font-weight:600}h3.question+p{color:var(--totl-primary-font-color);opacity:.85}ul.techspec{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0;margin:20px 0}ul.techspec li{background:var(--totl-second-background);border-radius:999px;padding:9px 20px;font-weight:600;font-size:.95rem;margin:0}main section>figure{margin:52px 0;text-align:center}main section>figure img{max-width:100%;height:auto;border-radius:18px;box-shadow:0 14px 44px #0000001a}main section figure figcaption{margin-top:14px;font-family:inherit;font-variant:normal;font-weight:400;font-size:.875rem;color:var(--totl-fig-cap)}.ba-compare .ba-frame{--ba-pos: 50%;position:relative;border-radius:18px;box-shadow:0 14px 44px #0000001a;overflow:hidden;-webkit-user-select:none;user-select:none}.ba-compare .ba-frame img{display:block;inline-size:100%;block-size:auto;border-radius:0;box-shadow:none}.ba-compare .ba-after{position:absolute;inset:0;block-size:100%;object-fit:cover;clip-path:inset(0 0 0 var(--ba-pos))}.ba-compare .ba-divider{position:absolute;inset-block:0;inset-inline-start:var(--ba-pos);inline-size:2px;margin-inline-start:-1px;background:#fff;box-shadow:0 0 6px #00000059;pointer-events:none}.ba-compare .ba-divider svg{position:absolute;inset-block-start:50%;inset-inline-start:50%;translate:-50% -50%;inline-size:40px;block-size:40px;padding:9px;box-sizing:border-box;border-radius:50%;background:#fff;fill:#333;box-shadow:0 1px 6px #00000059}.ba-compare .ba-range{position:absolute;inset:0;inline-size:100%;block-size:100%;margin:0;padding:0;border:0;-webkit-appearance:none;appearance:none;background:transparent;cursor:ew-resize;touch-action:pan-y}.ba-compare .ba-range::-webkit-slider-runnable-track{block-size:100%;background:transparent}.ba-compare .ba-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;inline-size:44px;block-size:100%;border:0;background:transparent}.ba-compare .ba-range::-moz-range-track{block-size:100%;background:transparent}.ba-compare .ba-range::-moz-range-thumb{inline-size:44px;block-size:44px;border:0;border-radius:0;background:transparent}.ba-compare .ba-frame:has(.ba-range:focus-visible){outline:2px solid var(--totl-a-color);outline-offset:4px}#mouseactions{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;margin:32px 0}#mouseactions>div{background:var(--totl-second-background);border-radius:18px;padding:28px 20px;text-align:center}#mouseactions h2{font-size:1.2rem;margin:0 0 10px}#mouseactions p{font-size:.95rem}#mouseactions figure img{border-radius:10px}#favbrowser{margin:60px 0}#listfavbrowser{display:grid;grid-template-columns:repeat(auto-fill,minmax(152px,1fr));gap:14px;list-style:none;padding:0;margin:0}#listfavbrowser li{display:block;width:auto;height:auto;padding:0}#listfavbrowser li a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;height:100%;box-sizing:border-box;padding:30px 14px;background:var(--totl-second-background);border-radius:18px;color:var(--totl-primary-font-color);text-decoration:none;transition:transform .25s ease,box-shadow .25s ease}#listfavbrowser li a:hover{transform:translateY(-4px);box-shadow:0 14px 34px #0000001f;text-decoration:none;color:var(--totl-primary-font-color)}#listfavbrowser li a:focus-visible{outline:2px solid var(--totl-a-color);outline-offset:2px}#listfavbrowser li .text{font-size:.95rem;font-weight:600;letter-spacing:-.01em;text-align:center}#listfavbrowser li .fic{width:56px;height:56px;color:var(--totl-a-color);transition:transform .25s ease}#listfavbrowser li a:hover .fic{transform:scale(1.1)}@keyframes fic-spin{to{transform:rotate(1turn)}}@keyframes fic-pulse{0%,to{opacity:1}50%{opacity:.3}}@keyframes fic-tw{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.8)}}@keyframes fic-eq{0%,to{transform:scaleY(1)}50%{transform:scaleY(.4)}}@keyframes fic-pop{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@keyframes fic-slide{0%,to{transform:translate(0)}50%{transform:translate(2px)}}@keyframes fic-scroll{0%,to{transform:translateY(0)}50%{transform:translateY(2px)}}@keyframes fic-stretch{0%,to{transform:scaleX(1)}50%{transform:scaleX(1.12)}}@keyframes fic-blink{0%,88%,to{transform:scaleY(1)}94%{transform:scaleY(.08)}}@keyframes fic-tilt{0%,to{transform:rotate(0)}30%{transform:rotate(-6deg)}70%{transform:rotate(6deg)}}@keyframes fic-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-1.6px)}}@keyframes fic-clap{0%,60%,to{transform:rotate(0)}30%{transform:rotate(-14deg)}}.fic-spin,.fic-tw,.fic-bar,.fic-pop,.fic-slide,.fic-scroll,.fic-stretch,.fic-blink,.fic-tilt,.fic-bob,.fic-clap{transform-box:fill-box;transform-origin:center}.fic-clap{transform-origin:left bottom}@media(prefers-reduced-motion:no-preference){#listfavbrowser li a:is(:hover,:focus-visible) .fic-spin{animation:fic-spin 2.5s linear infinite}#listfavbrowser li a:is(:hover,:focus-visible) .fic-pulse{animation:fic-pulse 1.4s ease-in-out infinite}#listfavbrowser li a:is(:hover,:focus-visible) .fic-tw{animation:fic-tw 1.6s ease-in-out infinite}#listfavbrowser li a:is(:hover,:focus-visible) .fic-bar{animation:fic-eq 1.1s ease-in-out infinite}#listfavbrowser li a:is(:hover,:focus-visible) .fic-pop{animation:fic-pop 1.2s ease-in-out infinite}#listfavbrowser li a:is(:hover,:focus-visible) .fic-slide{animation:fic-slide 1.2s ease-in-out infinite}#listfavbrowser li a:is(:hover,:focus-visible) .fic-scroll{animation:fic-scroll 1s ease-in-out infinite}#listfavbrowser li a:is(:hover,:focus-visible) .fic-stretch{animation:fic-stretch 1.4s ease-in-out infinite}#listfavbrowser li a:is(:hover,:focus-visible) .fic-blink{animation:fic-blink 2s ease-in-out infinite}#listfavbrowser li a:is(:hover,:focus-visible) .fic-tilt{animation:fic-tilt 1.6s ease-in-out infinite}#listfavbrowser li a:is(:hover,:focus-visible) .fic-bob{animation:fic-bob 1.4s ease-in-out infinite}#listfavbrowser li a:is(:hover,:focus-visible) .fic-clap{animation:fic-clap 1.5s ease-in-out infinite}}header{position:sticky;top:0;box-shadow:none;background:var(--totl-header-background);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);z-index:1000}.brandname{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:600;letter-spacing:-.01em}nav:not(.gn-bar) a{font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:.85rem;font-variant:normal;letter-spacing:-.005em;border-radius:8px}main section>p:last-of-type{text-align:center;font-size:1.12rem;margin:56px auto 72px;max-width:720px}.wideads{margin:48px auto}footer #footer-socialmedia li a svg{transition:opacity .2s ease}footer #footer-socialmedia li a:hover svg{opacity:.75}@media only screen and (max-width:768px){main section{padding:0 16px}main section>h1{margin-top:56px}main section h2{margin-top:56px}main section>figure{margin:36px 0}main section>figure img{border-radius:14px}nav#menu{background:var(--totl-header-background);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}}@media(prefers-reduced-motion:reduce){#listfavbrowser li a,#listfavbrowser li .fic{transition:none}#listfavbrowser li a:hover,#listfavbrowser li a:hover .fic{transform:none}}