.aabo-explainer{background:var(--explainer-bg);color:var(--explainer-ink);padding:3rem 1.5rem;font-family:var(--body-font)}.aabo-explainer__grid{display:flex;flex-direction:column;gap:1.5rem;margin:0 auto}.aabo-explainer__col{width:50%}.aabo-explainer__heading{font-family:var(--heading-font);font-size:clamp(1.5rem,3vw,2rem);letter-spacing:-.01em;color:var(--explainer-ink);margin:0 0 1rem;font-weight:700}.aabo-explainer__body{color:var(--explainer-muted);font-size:.9375rem;line-height:1.6;margin-bottom:1.5rem}.aabo-explainer__body p{margin:0}.aabo-explainer__body p:not(:first-child){margin-top:10px}.aabo-explainer__sensor-list{list-style:none;margin:0 0 1.75rem;padding:0;display:flex;flex-direction:column;gap:.9rem}.aabo-explainer__sensor-list li{display:flex;align-items:center;gap:.75rem;font-size:.9375rem;color:var(--explainer-ink);font-weight:500}.aabo-explainer__sensor-dot{width:8px;height:8px;border-radius:50%;background:var(--explainer-accent);flex-shrink:0}.aabo-explainer__image{flex:none;width:100%;border-radius:20px;overflow:hidden;background:var(--explainer-line)}.aabo-explainer__image img{width:100%;aspect-ratio:1 / 1;object-fit:cover;display:block}.aabo-explainer__video{position:relative;border-radius:20px;overflow:hidden;background:var(--explainer-line)}.aabo-explainer__video img{width:100%;height:100%;object-fit:cover;display:block}.aabo-explainer__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:52px;height:52px;border-radius:50%;background:#ccc;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px #0003}.aabo-explainer__video-label{position:absolute;bottom:1rem;left:1rem;background:var(--explainer-ink);color:var(--explainer-bg);font-size:.75rem;padding:.35rem .9rem;border-radius:999px}@media screen and (min-width:750px){.aabo-explainer{padding:4rem 3rem}.aabo-explainer__grid{flex-direction:row;align-items:flex-start;gap:2.5rem}.aabo-explainer__image,.aabo-explainer__video{flex:0 0 50%}.aabo-explainer__grid--image_right .aabo-explainer__image,.aabo-explainer__grid--image_right .aabo-explainer__video{order:2}.aabo-explainer__grid--image_right>div:first-child{order:1}}@media screen and (max-width:750px){.aabo-explainer__col{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/section-aabo-explainer.css.map */