.demo-imaging-modes{aspect-ratio:2/3;container-type:inline-size;overflow:hidden;position:relative;z-index:1}.demo-imaging-modes img,.demo-imaging-modes picture{display:block;height:100%;object-fit:cover;pointer-events:none;user-select:none;width:100%}.demo-imaging-modes:before{background-color:rgba(0,0,0,.55);content:"";inset:0;pointer-events:none;position:absolute;z-index:2}.demo-imaging-modes:has(.demo-imaging-modes--square.is-active):before{display:none}.demo-imaging-modes--static-label{border:1.5px solid #52dec0;bottom:1.83%;box-sizing:border-box;left:2.5%;padding:clamp(10px,2.5cqw,20px);pointer-events:none;position:absolute;right:2.5%;top:1.5%;z-index:25}.demo-imaging-modes--static-label:before{display:none}.demo-imaging-modes--square{background:transparent;border:1.5px solid #85d9cb;box-sizing:border-box;cursor:pointer;margin:0;outline:none;padding:0;position:absolute;text-align:left;z-index:10;-webkit-tap-highlight-color:transparent;transition:border-color .2s ease}.demo-imaging-modes--square:after{content:"";height:max(100%,36px);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:max(100%,36px)}.square-scan{aspect-ratio:1/1;left:8.5%;top:12.5%;width:47.5%}.square-strip{aspect-ratio:180/110;left:32.5%;top:48%;width:24%}.square-spot-extended{aspect-ratio:1/1;left:49%;top:61.5%;width:7.5%}.square-dwell{aspect-ratio:1/1;left:53.5%;top:69%;width:3.2%}@media (min-width:768px){.demo-imaging-modes{aspect-ratio:16/9;border:1.5px solid #52dec0}.demo-imaging-modes--static-label{border:none;bottom:auto;left:4.5%;opacity:0;padding:0;right:auto;top:clamp(24px,4.5cqw,48px);transition:opacity .25s ease,visibility .25s ease;visibility:hidden}.demo-imaging-modes:hover .demo-imaging-modes--static-label{opacity:1;visibility:visible}.demo-imaging-modes--static-label:before{background-color:#52dec0;content:"";display:block;height:clamp(14px,2.5cqw,28px);left:2px;position:absolute;top:calc(clamp(24px, 4.5cqw, 48px)*-1);width:1.5px}.square-scan{aspect-ratio:1/1;left:4.37%;top:25.56%;width:32.71%}.square-spot-extended{aspect-ratio:1/1;left:51%;top:25.56%;width:5.2%}.square-strip{aspect-ratio:239.46/143.38;left:51%;top:66.1%;width:16.6%}.square-dwell{aspect-ratio:1/1;left:69.4%;top:5.8%;width:1.6%}}.demo-imaging-modes--square.is-pulsing:not(.is-active){animation:smoothSquarePulse 1.8s ease-in-out forwards}@keyframes smoothSquarePulse{0%{border-color:#85d9cb;box-shadow:0 0 0 0 rgba(82,222,192,0)}50%{border-color:#52dec0;box-shadow:0 0 16px 2px rgba(82,222,192,.7)}to{border-color:#85d9cb;box-shadow:0 0 0 0 rgba(82,222,192,0)}}.demo-imaging-modes--square:focus-visible{box-shadow:0 0 12px 2px #52dec0;outline:none}.demo-imaging-modes--square.is-active{animation:none;background-color:transparent;border-color:#52dec0;box-shadow:0 0 0 100vmax rgba(0,0,0,.55);z-index:5}.demo-imaging-modes--square.is-active:focus-visible{box-shadow:0 0 12px 2px #52dec0,0 0 0 100vmax rgba(0,0,0,.55);outline:none}.demo-imaging-modes--square--text{left:calc(100% + clamp(6px, 1.4cqw, 20px));max-width:clamp(100px,15.28cqw,220px);opacity:0;pointer-events:none;position:absolute;top:0;transform:translateY(4px);transition:opacity .2s ease,transform .2s ease,visibility .2s ease;visibility:hidden;width:max-content;z-index:30}.demo-imaging-modes--square--text.is-left{left:auto;right:calc(100% + clamp(6px, 1cqw, 14px));text-align:right}.demo-imaging-modes--square.is-active .demo-imaging-modes--square--text{opacity:1;transform:translateY(0);visibility:visible}.imaging-mode-title{font-size:clamp(.5625rem,1.39cqw,1.25rem);line-height:1.2;margin:0}.imaging-mode-desc{font-size:clamp(.5rem,.97cqw,.875rem);line-height:1.35;margin:0}.demo-imaging-modes--square--text .mode-item+.mode-item{margin-top:clamp(8px,1.39cqw,20px)}@media (prefers-reduced-motion:reduce){.demo-imaging-modes--square.is-pulsing{animation:none}}