.block-device{background-color:var(--paper)}.block-device .adherence-visual{position:sticky;top:20px;height:clamp(500px,75vh - 20px,750px);display:flex;align-items:center;justify-content:right;padding-right:30px}.block-device .adherence-device{position:relative;max-width:460px;width:100%}.block-device .adherence-device picture,.block-device .adherence-device img{display:block;width:100%}.block-device .led{position:absolute;top:50%;left:0;right:0;width:144px;height:144px;margin:0 auto;border:8px solid #e94b4b;border-radius:50%;background:rgba(0,0,0,0);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);transition:border-color .4s ease}.block-device .device-green .led{border-color:#43b879}.block-device .adherence-item{min-height:clamp(500px,75vh,750px);display:flex;flex-direction:column;justify-content:center;opacity:.25;transition:.4s ease;max-width:550px;width:100%}.block-device .adherence-item.active{opacity:1}.block-device .number{margin-bottom:25px;font-family:var(--font-sans);font-size:var(--fs-eyebrow);font-weight:var(--fw-medium);color:var(--accent);letter-spacing:var(--ls-eyebrow);text-transform:uppercase;margin-bottom:20px;display:block}.block-device .adherence-item h2,.block-device .adherence-item .h2{max-width:650px;margin:0 0 25px;font-size:clamp(42px,5vw,56px);line-height:1;letter-spacing:-0.04em;text-wrap:balance}.block-device .adherence-item>p{max-width:550px;margin:0;font-size:clamp(19px,2vw,27px);line-height:1.4;text-wrap:balance}.block-device .detail{display:flex;gap:15px;max-width:480px;margin-top:50px;padding-top:25px;border-top:1px solid #ddd}.block-device .indicator{width:12px;height:12px;margin-top:5px;flex:0 0 12px;border-radius:50%;background:#e94b4b}.block-device [data-state=green] .indicator{background:#43b879}.block-device .detail h3,.block-device .detail .h3{margin:0 0 5px;font-size:18px}.block-device .detail p{margin:0;font-size:16px;line-height:1.5}@media only screen and (max-width: 1024px)and (min-width: 641px){.block-device .medium-4{width:400px}.block-device .medium-8{width:calc(100% - 400px)}.block-device .led{width:106px;height:106px;border-width:6px}.block-device .adherence-visual{height:clamp(500px,60vh - 120px,750px)}.block-device .adherence-item{min-height:clamp(500px,60vh,750px)}}@media only screen and (max-width: 880px)and (min-width: 641px){.block-device .medium-4{width:300px}.block-device .medium-8{width:calc(100% - 300px)}.block-device .led{width:75px;height:75px;border-width:5px}.block-device .adherence-visual{height:clamp(500px,60vh - 120px,750px)}.block-device .adherence-item{min-height:clamp(500px,60vh,750px)}.block-device .adherence-device{top:-70px}}@media only screen and (max-width: 640px){.block-device{padding-bottom:40px}.block-device .adherence-inner{display:block;padding:0 25px}.block-device .adherence-visual{position:relative;top:auto;height:auto}.block-device .adherence-visual.show-for-small-only{margin-top:20px}.block-device .adherence-item{min-height:auto;height:auto;padding:0;opacity:1}.block-device .led{display:none}}