@import url(https://fonts.googleapis.com/css2?family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;1,200;1,300;1,400;1,700&display=swap);@font-face{font-family:"Material Symbols Rounded";font-style:normal;font-weight:100 700;font-display:swap;src:url(https://assets2.razerzone.com/assets/fonts/MaterialSymbolsRounded[FILL,GRAD,opsz,wght].woff2) format("woff2");font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 18}.gmd{font-family:"Material Symbols Rounded",sans-serif;font-family:"Material Symbols Rounded",sans-serif;font-display:swap;font-size:16px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-variation-settings:"FILL" 1,"wght" 700,"GRAD" 0,"opsz" 16}.gmd::before{content:""}@keyframes cp-ripple{0%{transform:scale(1);opacity:1}60%{opacity:.6}100%{transform:scale(4.5);opacity:0}}@keyframes cp-ripple-badge{0%{transform:scale(1);opacity:1}60%{opacity:.6}100%{transform:scale(1.5);opacity:0}}.callout-panel{overflow-x:clip;--n:1;--step:min(80ms, calc(880ms / max(var(--n) - 1, 1)))}.callout-panel .stage{position:relative;margin:0 auto;container-type:inline-size;--inset:calc(40 / 1200 * 100cqw)}.callout-panel .stage-media{position:relative}.callout-panel .stage-frame{position:relative}.callout-panel .badges{display:none}.callout-panel .stage-image{display:block;line-height:0}.callout-panel .stage-image img{display:block;width:100%;height:auto}.callout-panel .callouts{list-style:none;margin:0;padding:0}@media screen and (min-width:1024px){.callout-panel .stage{width:min(1200px,100%)}.callout-panel .stage-frame{width:160%;margin-left:-30%}.callout-panel .stage-image img{aspect-ratio:auto 1920/700}.callout-panel .callouts{position:absolute;inset:0}.callout-panel .callout{position:absolute;left:var(--x);display:flex;flex-direction:column;font-size:clamp(.875rem,.1477rem + 1.136vw,1rem)}.callout-panel .callout.top{top:var(--inset);bottom:calc(100% - var(--y))}.callout-panel .callout.top .line{transform-origin:bottom}.callout-panel .callout.top .dot{bottom:-4px}.callout-panel .callout.top.fit-stagger{top:calc(var(--inset) + 3.2em)}.callout-panel .callout.bottom{top:var(--y);bottom:var(--inset);justify-content:flex-end}.callout-panel .callout.bottom .line{transform-origin:top}.callout-panel .callout.bottom .dot{top:-4px}.callout-panel .callout.bottom.fit-stagger{bottom:calc(var(--inset) + 3.2em)}.callout-panel .callout.fit-narrow .label{max-width:12ch}.callout-panel .callout.fit-narrower .label{max-width:8ch}.callout-panel .callout.end{left:auto;right:calc(100% - var(--x));text-align:right}.callout-panel .callout.end .label{padding:0 .5rem 0 0}.callout-panel .callout.end .line{left:auto;right:0}.callout-panel .callout.end .dot{left:auto;right:0;margin:0 -3.5px 0 0}.callout-panel .label{padding-left:.5rem;max-width:16ch;font:400 1em/1.3 Roboto,Arial,Helvetica,sans-serif;color:#fff;transition:opacity .3s;transition-delay:calc(var(--i) * var(--step) + .3s)}.callout-panel .label p{margin:0}.callout-panel .line{position:absolute;top:0;bottom:0;left:0;width:1px;background:rgba(68,214,44,.6);box-shadow:0 0 2px rgba(0,0,0,.6);transition:transform .4s;transition-delay:calc(var(--i) * var(--step))}.callout-panel .dot{position:absolute;left:0;width:8px;height:8px;margin-left:-3.5px;transition:transform .3s;transition-delay:calc(var(--i) * var(--step))}.callout-panel .dot::before{content:"";position:absolute;inset:0;border-radius:50%;background:rgba(68,214,44,.55);opacity:0;pointer-events:none}.callout-panel .dot::after{content:"";position:absolute;inset:0;border-radius:50%;background:#44d62c;box-shadow:0 0 0 2px rgba(0,0,0,.8),0 0 0 5px rgba(68,214,44,.3)}.callout-panel .idx,.callout-panel .mobile-image{display:none}.callout-panel.is-pending .label{opacity:0}.callout-panel.is-pending .line{transform:scaleY(0)}.callout-panel.is-pending .dot{transform:scale(0)}.callout-panel.is-visible .dot::before{animation:cp-ripple 1.2s ease-out 3 calc(var(--i) * var(--step) + .4s)}}@media screen and (max-width:1023px){.callout-panel .dot,.callout-panel .line{display:none}.callout-panel .stage-image img{width:auto;max-width:100%;margin:0 auto}.callout-panel .stage-media.is-cropped{overflow:hidden}.callout-panel .stage-media.is-cropped .stage-frame{width:153.6%;margin:-7.2% 0 -7.2% -26.8%}.callout-panel .stage-media.is-cropped .stage-image img{width:100%;max-width:none;margin:0;aspect-ratio:auto 1920/700}.callout-panel .stage-media.is-cropped .badges{display:block;position:absolute;inset:0}.callout-panel .stage-media.is-cropped .badge{position:absolute;left:calc(18.75% + var(--x) * .625);top:var(--y);display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;transform:translate(-50%,-50%);border-radius:50%;background:#44d62c;color:#000;font:700 .75rem/1 Roboto,Arial,Helvetica,sans-serif}.callout-panel .stage-media.is-cropped .badge::before{content:"";position:absolute;inset:0;border-radius:50%;background:rgba(68,214,44,.55);opacity:0;pointer-events:none;z-index:-1}.callout-panel .callouts{padding-top:2rem}.callout-panel .callout{display:grid;grid-template-columns:minmax(20px,max-content) 1fr;-moz-column-gap:1rem;column-gap:1rem;padding:0 1rem .75rem}.callout-panel .mobile-image{grid-column:1/-1;margin:3rem 0 2rem}.callout-panel .mobile-image img{max-width:100%}.callout-panel .callout:first-child .mobile-image{margin-top:0}.callout-panel .callout{align-items:start}.callout-panel .idx{width:1.5rem;color:#44d62c;font:700 1rem/1.3 Roboto,Arial,Helvetica,sans-serif;padding-left:1rem;font-variant-numeric:tabular-nums}}@media screen and (max-width:1023px) and (min-width:600px){.callout-panel .callouts{-moz-columns:2;columns:2;-moz-column-gap:2rem;column-gap:2rem}.callout-panel .callout{-moz-column-break-inside:avoid;break-inside:avoid}}@media screen and (max-width:1023px){.callout-panel .label{grid-column:2;font:400 1rem/1.3 Roboto,Arial,Helvetica,sans-serif;color:#fff}.callout-panel .label p{margin:0}}@media screen and (max-width:1023px){.callout-panel.is-visible .stage-media.is-cropped .badge::before{animation:cp-ripple-badge 1.2s ease-out 3 calc(var(--i) * var(--step) + 0s)}}@media (prefers-reduced-motion:reduce){.callout-panel .dot,.callout-panel .label,.callout-panel .line{transition:none}.callout-panel .badge::before,.callout-panel .dot::before{animation:none!important}}.callout-panel.is-editing .stage{cursor:crosshair}.callout-panel.is-editing .stage::after{content:"";position:absolute;inset:0;outline:1px dashed rgba(255,255,255,.5);background-image:repeating-linear-gradient(to right,rgba(255,255,255,.2) 0 1px,transparent 1px 10%),repeating-linear-gradient(to bottom,rgba(255,255,255,.2) 0 1px,transparent 1px 10%);pointer-events:none}.callout-panel.is-editing .fit-fail .label{outline:1px solid #f33}.callout-panel.is-editing .label::before{content:"#" attr(data-idx) " ";font-size:11px;color:#44d62c}.callout-panel .edit-readout{position:absolute;z-index:2;padding:.25rem .5rem;background:#000;color:#44d62c;font:12px/1.4 monospace;pointer-events:none}@media (min-width:768px){.callout-panel.bo-temp[data-setting*=atp]{padding-top:6.25rem}}@media (max-width:767px){.callout-panel.bo-temp[data-setting*=atp]{padding-top:3rem}}.callout-panel.bo-temp[data-setting*=xbtm]{padding-bottom:0}.razer-rtl .callout-panel .callout{left:auto;right:var(--x)}