.xioneer-device{--x-dv-accent: var(--x-accent, var(--brand-primary));--x-dv-radius: var(--x-pdp-radius, 1.2rem)}.xioneer-device__grid{display:grid;grid-template-columns:minmax(0,var(--x-media-width, 46%)) minmax(0,1fr);align-items:center;gap:5.6rem}.xioneer-device--media-right .xioneer-device__media{order:2}.xioneer-device__heading{margin-bottom:1.4rem}.xioneer-device__text p{margin:0}.xioneer-device__viewer{position:relative}.xioneer-device__stage{position:relative;aspect-ratio:var(--x-dv-ratio, 16 / 9);touch-action:pan-y;user-select:none;-webkit-user-select:none}.xioneer-device__viewer[data-drag=true] .xioneer-device__stage{cursor:grab}.xioneer-device__viewer.is-dragging .xioneer-device__stage{cursor:grabbing}.xioneer-device__poster,.xioneer-device__canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;pointer-events:none}.xioneer-device__canvas{opacity:0;transition:opacity .35s ease}.xioneer-device__viewer.is-ready .xioneer-device__canvas{opacity:1}.xioneer-device__viewer.is-ready .xioneer-device__poster{opacity:0;transition:opacity .35s ease}.xioneer-device__viewer--blend .xioneer-device__poster,.xioneer-device__viewer--blend .xioneer-device__canvas{mix-blend-mode:multiply}.xioneer-device__viewer--card .xioneer-device__stage{background:#fff;border-radius:var(--x-dv-radius);overflow:hidden}.xioneer-device__hotspot{position:absolute;z-index:2;width:0;height:0;transition:opacity .25s ease}.xioneer-device__hotspot.is-hidden{opacity:0;pointer-events:none}.xioneer-device__hotspot.is-hidden .xioneer-device__tip{display:none}.xioneer-device__dot{position:absolute;left:-1.3rem;top:-1.3rem;width:2.6rem;height:2.6rem;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer}.xioneer-device__dot:before,.xioneer-device__dot:after{content:"";position:absolute;top:.5rem;right:.5rem;bottom:.5rem;left:.5rem;border-radius:50%}.xioneer-device__dot:before{background:var(--x-dv-accent);border:3px solid #ffffff;box-shadow:0 .2rem .8rem #10101040}.xioneer-device__dot:after{top:0;right:0;bottom:0;left:0;border:2px solid var(--x-dv-accent);animation:x-dv-pulse 2.4s ease-out infinite}.xioneer-device__hotspot.is-open .xioneer-device__dot:after,.xioneer-device__dot:focus-visible:after{animation:none;opacity:1}.xioneer-device__dot:focus-visible{outline:2px solid var(--brand-text);outline-offset:2px}@keyframes x-dv-pulse{0%{transform:scale(.6);opacity:.9}70%,to{transform:scale(1.35);opacity:0}}.xioneer-device__tip{position:absolute;z-index:3;top:0;left:2rem;width:22rem;padding:1.2rem 1.4rem;border-radius:.8rem;background:#101010;color:#fff;font-size:1.2rem;line-height:1.45;box-shadow:0 1.2rem 3rem #10101040;transform:translateY(-50%) scale(.96);transform-origin:left center;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,transform .2s ease,visibility .2s}.xioneer-device__tip strong{display:block;margin-bottom:.3rem;font-size:1.3rem;color:var(--x-dv-accent)}.xioneer-device__hotspot--tip-left .xioneer-device__tip,.xioneer-device__hotspot.is-tip-left .xioneer-device__tip{left:auto;right:2rem;transform-origin:right center}.xioneer-device__hotspot--tip-top .xioneer-device__tip{top:auto;bottom:2rem;left:50%;transform:translate(-50%) scale(.96);transform-origin:bottom center}.xioneer-device__hotspot.is-open .xioneer-device__tip{opacity:1;visibility:visible;transform:translateY(-50%) scale(1)}.xioneer-device__hotspot--tip-top.is-open .xioneer-device__tip{transform:translate(-50%) scale(1)}@media(hover:hover){.xioneer-device__hotspot:not(.is-hidden):hover .xioneer-device__tip{opacity:1;visibility:visible;transform:translateY(-50%) scale(1)}.xioneer-device__hotspot--tip-top:not(.is-hidden):hover .xioneer-device__tip{transform:translate(-50%) scale(1)}}.xioneer-device__caption{display:none}.xioneer-device__controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.8rem 1.6rem;margin-top:1.6rem}.xioneer-device__toggle{display:inline-flex;align-items:center;gap:.8rem;min-height:4.4rem;padding:.8rem 2rem .8rem 1.4rem;border:2px solid var(--x-dv-accent);border-radius:var(--x-btn-radius, 100px);background:transparent;color:var(--brand-text);font-family:var(--font-button-family);font-size:1.4rem;font-weight:700;cursor:pointer;transition:background-color .2s ease,color .2s ease}.xioneer-device__toggle:hover,.xioneer-device__toggle[aria-pressed=true]{background:var(--x-dv-accent);color:var(--x-text-inverse, #101010)}.xioneer-device__toggle:focus-visible{outline:2px solid var(--brand-text);outline-offset:3px}.xioneer-device__toggle-icon{width:1rem;height:1rem;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(.2rem) rotate(-135deg);transition:transform .3s ease}.xioneer-device__toggle[aria-pressed=true] .xioneer-device__toggle-icon{transform:translateY(-.2rem) rotate(45deg)}.xioneer-device__hint{margin:0;font-size:1.25rem;color:var(--brand-text-secondary)}.xioneer-device__cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.2rem;margin:3.2rem 0 0;padding:0;list-style:none}.xioneer-device__cards--2{grid-template-columns:repeat(2,minmax(0,1fr))}.xioneer-device__cards--3{grid-template-columns:repeat(3,minmax(0,1fr))}.xioneer-device__card{padding:1.8rem 1.4rem;border:1px solid rgba(var(--brand-border-rgb),.9);border-radius:var(--x-dv-radius);background:var(--x-surface, #ffffff);box-shadow:var(--x-surface-shadow, 0 1rem 2.6rem rgba(16, 16, 16, .05));display:grid;grid-template-rows:auto 1fr}.xioneer-device__card-icon{display:inline-flex;width:3.2rem;height:3.2rem;margin-bottom:1.4rem;color:var(--x-dv-accent)}.xioneer-device__card-icon svg,.xioneer-device__card-icon img{width:100%;height:100%;object-fit:contain}.xioneer-device__card-title{margin:0 0 .6rem;font-size:calc(1.35rem * var(--x-text-scale, 1));font-weight:700;line-height:1.3;color:var(--brand-text)}.xioneer-device__card-text{margin:0;font-size:calc(1.2rem * var(--x-text-scale, 1));line-height:1.45;color:var(--brand-text-secondary)}.xioneer-device__cta{margin-top:2.8rem}@media screen and (min-width:990px)and (max-width:1279px){.xioneer-device__grid{gap:4rem}.xioneer-device__cards,.xioneer-device__cards--3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (max-width:989px){.xioneer-device__grid{grid-template-columns:minmax(0,1fr);gap:3.2rem}.xioneer-device--media-right .xioneer-device__media{order:0}.xioneer-device__media{max-width:56rem;width:100%;margin-inline:auto}.xioneer-device__cards,.xioneer-device__cards--3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (max-width:749px){.xioneer-device__tip{display:none}.xioneer-device__caption{display:block;min-height:0;margin-top:1.2rem;padding:1.2rem 1.4rem;border-left:3px solid var(--x-dv-accent);border-radius:0 .8rem .8rem 0;background:rgba(var(--brand-text-rgb),.05);font-size:1.3rem;line-height:1.45;color:var(--brand-text)}.xioneer-device__caption[hidden]{display:none}.xioneer-device__caption strong{display:block;margin-bottom:.2rem}.xioneer-device__dot{left:-1.6rem;top:-1.6rem;width:3.2rem;height:3.2rem}.xioneer-device__dot:before{top:.8rem;right:.8rem;bottom:.8rem;left:.8rem}.xioneer-device__cards{gap:1rem;margin-top:2.4rem}.xioneer-device__card{padding:1.4rem 1.2rem}}@media screen and (max-width:359px){.xioneer-device__cards,.xioneer-device__cards--3{grid-template-columns:minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){.xioneer-device__dot:after{animation:none}}.xioneer-steps__head-main .x-heading{margin-bottom:0}.xioneer-steps--head-split .xioneer-steps__head-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,46rem);align-items:end;gap:1.6rem 6.4rem;max-width:none}.xioneer-steps--head-split .xioneer-steps__description{margin-top:0}.xioneer-steps__description p{margin:0}.xioneer-steps__card--media{display:flex;flex-direction:column;padding:0 0 2rem;border-radius:var(--x-pdp-radius, 1.2rem);box-shadow:0 1rem 2.6rem rgba(var(--brand-text-rgb),.06)}.xioneer-steps__media{overflow:hidden;aspect-ratio:4 / 3;margin:.8rem .8rem 1.6rem;border-radius:calc(var(--x-pdp-radius, 1.2rem) - .4rem);background:rgba(var(--brand-text-rgb),.05)}.xioneer-steps__media img{display:block;width:100%;height:100%;object-fit:cover}.xioneer-steps__card--media .xioneer-steps__head{margin:0}.xioneer-steps__card--media .xioneer-steps__num{top:0;left:.8rem;width:3.6rem;height:3.6rem;border-radius:50%;border:3px solid #ffffff;background:var(--x-accent, var(--brand-primary));color:#101010;font-size:1.5rem;transform:translateY(-30%);box-shadow:0 .4rem 1rem #10101026}.xioneer-steps__card--media .xioneer-steps__check{display:none}.xioneer-steps__card--media .xioneer-steps__title,.xioneer-steps__card--media .xioneer-steps__text,.xioneer-steps__card--media .xioneer-steps__link{margin-inline:1.6rem}.xioneer-steps__card--media .xioneer-steps__title{font-size:calc(1.5rem * var(--x-text-scale, 1))}.xioneer-steps__card--media .xioneer-steps__text{font-size:calc(1.3rem * var(--x-text-scale, 1))}.xioneer-steps__link{display:inline-block;margin-top:1.2rem;font-size:1.3rem;font-weight:700;color:var(--brand-accent);text-decoration:none}.xioneer-steps__card--media .xioneer-steps__link{margin-top:auto;padding-top:1.6rem}.xioneer-steps__link:hover{text-decoration:underline}.x-adaptive.xioneer-steps .xioneer-steps__grid{gap:1.6rem}@media screen and (min-width:990px){.x-adaptive.xioneer-steps .xioneer-steps__grid{grid-template-columns:repeat(var(--steps-cols, 4),minmax(0,1fr))}}@media screen and (max-width:989px){.xioneer-steps--head-split .xioneer-steps__head-wrap{grid-template-columns:minmax(0,1fr)}}.xioneer-spec{--x-spec-accent: var(--x-accent, var(--brand-primary));--x-spec-radius: var(--x-pdp-radius, .8rem)}.xioneer-spec__inner{display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch}.xioneer-spec--has-image .xioneer-spec__inner{grid-template-columns:minmax(0,1fr) minmax(0,var(--x-media-width, 27%))}.xioneer-spec__main{padding-left:max(2.4rem,calc((100vw - var(--x-content-max, 118rem)) / 2 + 2.4rem));padding-right:4rem}.xioneer-spec:not(.xioneer-spec--has-image) .xioneer-spec__main{padding-right:max(2.4rem,calc((100vw - var(--x-content-max, 118rem)) / 2 + 2.4rem))}.xioneer-spec__head{margin-bottom:2.8rem}.xioneer-spec__head .x-text{margin-top:.8rem}.xioneer-spec__body{display:grid;grid-template-columns:minmax(18rem,26%) minmax(0,1fr);gap:2rem;align-items:start}.xioneer-spec__tabs{display:flex;flex-direction:column;gap:.8rem}.xioneer-spec__tab{display:flex;align-items:center;gap:1.2rem;width:100%;min-height:5.6rem;padding:1.2rem 1.6rem;border:1px solid rgba(var(--brand-border-rgb),.9);border-radius:var(--x-spec-radius);background:var(--x-surface, #ffffff);color:var(--brand-text);font-family:inherit;font-size:calc(1.3rem * var(--x-text-scale, 1));font-weight:700;line-height:1.3;text-align:left;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.xioneer-spec__tab:hover{border-color:var(--x-spec-accent)}.xioneer-spec__tab:focus-visible{outline:2px solid var(--brand-text);outline-offset:2px}.xioneer-spec__tab[aria-selected=true]{background:var(--x-spec-accent);border-color:var(--x-spec-accent);color:#101010}.xioneer-spec__tab-icon{display:inline-flex;flex:0 0 auto;width:2.4rem;height:2.4rem}.xioneer-spec__tab-icon svg{width:100%;height:100%}.xioneer-spec__panel{padding:1.2rem 2.4rem;border:1px solid rgba(var(--brand-border-rgb),.9);border-radius:var(--x-spec-radius);background:var(--x-surface, #ffffff);box-shadow:var(--x-surface-shadow, 0 1rem 2.6rem rgba(16, 16, 16, .05))}.xioneer-spec__panel[hidden]{display:none}.xioneer-spec__panel:focus-visible{outline:2px solid var(--x-spec-accent);outline-offset:2px}.xioneer-spec__table{width:100%;border-collapse:collapse;font-size:calc(1.3rem * var(--x-text-scale, 1))}.xioneer-spec__table th,.xioneer-spec__table td{padding:1rem 0;border-bottom:1px solid rgba(var(--brand-border-rgb),.8);text-align:left;vertical-align:top;line-height:1.45}.xioneer-spec__table tr:last-child th,.xioneer-spec__table tr:last-child td{border-bottom:0}.xioneer-spec__table th{width:44%;padding-right:2rem;font-weight:500;color:var(--brand-text-secondary)}.xioneer-spec__table td{font-weight:600;color:var(--brand-text)}.xioneer-spec__table small{font-size:.85em;font-weight:400;color:var(--brand-text-secondary)}.xioneer-spec__note{margin-top:1.2rem;font-size:1.2rem;color:var(--brand-text-secondary)}.xioneer-spec__note p{margin:0}.xioneer-spec__media{position:relative;overflow:hidden;min-height:32rem;border-radius:var(--x-spec-radius) 0 0 var(--x-spec-radius);background:rgba(var(--brand-text-rgb),.05)}.xioneer-spec__media img,.xioneer-spec__media .xioneer-spec__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.xioneer-spec__placeholder{fill:rgba(var(--brand-text-rgb),.3)}@media screen and (min-width:990px)and (max-width:1279px){.xioneer-spec__body{grid-template-columns:minmax(16rem,30%) minmax(0,1fr)}.xioneer-spec__main{padding-right:3.2rem}}@media screen and (max-width:989px){.xioneer-spec--has-image .xioneer-spec__inner{grid-template-columns:minmax(0,1fr);gap:3.2rem}.xioneer-spec__main,.xioneer-spec:not(.xioneer-spec--has-image) .xioneer-spec__main{padding-inline:2.4rem}.xioneer-spec__media{min-height:0;aspect-ratio:16 / 9;margin-inline:2.4rem;border-radius:var(--x-spec-radius)}.xioneer-spec--hide-image-mobile .xioneer-spec__media{display:none}.xioneer-spec__body{grid-template-columns:minmax(0,1fr);gap:1.2rem}.xioneer-spec__tabs{flex-direction:row;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;margin-inline:-2.4rem;padding:.2rem 2.4rem .4rem}.xioneer-spec__tabs::-webkit-scrollbar{display:none}.xioneer-spec__tab{flex:0 0 auto;width:auto;min-height:4.8rem;scroll-snap-align:none;white-space:nowrap}}@media screen and (max-width:749px){.xioneer-spec__main,.xioneer-spec:not(.xioneer-spec--has-image) .xioneer-spec__main{padding-inline:2rem}.xioneer-spec__tabs{margin-inline:-2rem;padding-inline:2rem}.xioneer-spec__media{margin-inline:2rem}.xioneer-spec__panel{padding:.8rem 1.6rem}.xioneer-spec__table th,.xioneer-spec__table td{display:block;width:auto;padding:0;border:0}.xioneer-spec__table th{padding-top:1rem;font-size:.92em}.xioneer-spec__table td{padding:.2rem 0 1rem;border-bottom:1px solid rgba(var(--brand-border-rgb),.8)}.xioneer-spec__table tr:last-child td{border-bottom:0}}.xioneer-resources__head{margin-bottom:2.4rem}.xioneer-resources__grid{display:grid;grid-template-columns:repeat(var(--x-res-cols, 4),minmax(0,1fr));gap:1.6rem;margin:0;padding:0;list-style:none}.xioneer-resources__card{display:flex;align-items:center;gap:1.4rem;height:100%;padding:1.8rem 1.8rem 1.8rem 2rem;border:1px solid rgba(var(--brand-border-rgb),.9);border-radius:var(--x-pdp-radius, .8rem);background:var(--x-surface, #ffffff);box-shadow:var(--x-surface-shadow, 0 1rem 2.6rem rgba(16, 16, 16, .05));color:var(--brand-text);text-decoration:none;transition:border-color .2s ease,transform .2s ease}a.xioneer-resources__card[href]:hover{border-color:var(--x-accent, var(--brand-primary));transform:translateY(-2px)}.xioneer-resources__card:focus-visible{outline:2px solid var(--x-accent, var(--brand-primary));outline-offset:2px}.xioneer-resources__icon{display:inline-flex;flex:0 0 auto;width:3.2rem;height:3.2rem;color:var(--brand-text)}.xioneer-resources__icon svg,.xioneer-resources__icon img{width:100%;height:100%;object-fit:contain}.xioneer-resources__copy{display:flex;flex-direction:column;gap:.2rem;flex:1 1 auto;min-width:0}.xioneer-resources__title{font-size:calc(1.4rem * var(--x-text-scale, 1));font-weight:700;line-height:1.3}.xioneer-resources__text{font-size:calc(1.2rem * var(--x-text-scale, 1));line-height:1.4;color:var(--brand-text-secondary)}.xioneer-resources__chevron{display:inline-flex;flex:0 0 auto;width:1.8rem;height:1.8rem;color:var(--brand-text-secondary);transition:transform .2s ease}.xioneer-resources__chevron svg{width:100%;height:100%}a.xioneer-resources__card[href]:hover .xioneer-resources__chevron{transform:translate(3px);color:var(--x-accent, var(--brand-primary))}@media screen and (max-width:989px){.xioneer-resources__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (max-width:549px){.xioneer-resources__grid{grid-template-columns:minmax(0,1fr);gap:1rem}.xioneer-resources__card{padding:1.4rem 1.6rem}}.x-adaptive .xioneer-device__heading.x-heading--sm{font-size:calc(clamp(2.4rem,2.15vw,3.2rem) * var(--x-heading-scale, 1))}.x-adaptive.xioneer-steps .xioneer-steps__head-main .x-heading--sm{font-size:calc(clamp(2.4rem,2.4vw,3.4rem) * var(--x-heading-scale, 1))}.xioneer-steps__placeholder{display:block;width:100%;height:100%;fill:rgba(var(--brand-text-rgb),.3)}
/*# sourceMappingURL=/cdn/shop/t/3/assets/xioneer-device.css.map */