@media screen and (min-width:860px){.feature-diagram{--diagram-scale: 1;--scene-width: 1080;--scene-height: 800;position:relative;width:100%;height:calc(var(--scene-height) * 1px * var(--diagram-scale))}.feature-diagram__stage{position:relative;width:calc(var(--scene-width) * 1px * var(--diagram-scale));height:calc(var(--scene-height) * 1px * var(--diagram-scale));margin:0 auto}.feature-diagram__inner{position:absolute;top:0;left:0;width:calc(var(--scene-width) * 1px);height:calc(var(--scene-height) * 1px);transform:scale(var(--diagram-scale));transform-origin:top left}.feature-diagram__callout{position:absolute;z-index:2}.feature-diagram__line-wrap{position:absolute}.feature-diagram__content{position:absolute;display:flex;flex-direction:column;align-items:center;text-align:center}.feature-diagram__callout--left{position:absolute;left:0;top:175px;width:300px}.feature-diagram__callout--left .feature-diagram__line-wrap{top:0;right:-98px}.feature-diagram__callout--left .feature-diagram__content{top:33px;left:13px;width:275px}.feature-diagram__callout--left .feature-diagram__badge{width:99px}.feature-diagram__callout--left .feature-diagram__text{margin-top:1rem;max-width:275px}.feature-diagram__callout--right-top{right:0;top:75px;width:320px}.feature-diagram__callout--right-top .feature-diagram__line-wrap{top:-88px;left:-243px}.feature-diagram__callout--right-top .feature-diagram__content{top:-124px;right:63px;width:275px}.feature-diagram__callout--right-top .feature-diagram__badge{width:100px}.feature-diagram__callout--right-top .feature-diagram__text{max-width:275px}.feature-diagram__callout--right-bottom{right:0;top:455px;width:220px}.feature-diagram__callout--right-bottom .feature-diagram__line-wrap{top:0;left:-200px}.feature-diagram__callout--right-bottom .feature-diagram__content{top:-35px;right:20px;width:275px}.feature-diagram__callout--right-bottom .feature-diagram__badge{width:100px}.feature-diagram__callout--right-bottom .feature-diagram__text{max-width:275px}}@media screen and (max-width:859px){.feature-diagram{height:auto}.feature-diagram__stage,.feature-diagram__inner{position:static;width:auto;height:auto;transform:none}.feature-diagram__inner{display:flex;flex-direction:column;align-items:center;gap:2.5rem}.feature-diagram__media{width:100%;max-width:420px;opacity:0}.feature-diagram__machine{display:block;width:100%;height:auto;margin:0 auto;position:relative;z-index:1}.feature-diagram__callout{position:static;width:100%;max-width:320px;opacity:0}.feature-diagram__line-wrap{display:none}.feature-diagram__content{position:static;width:100%;display:flex;flex-direction:column;align-items:center;text-align:center}.feature-diagram__badge{width:100px!important}.feature-diagram__text{max-width:100%;margin-top:1rem}.feature-diagram__callout--left,.feature-diagram__callout--right-top,.feature-diagram__callout--right-bottom{left:auto;right:auto;top:auto;bottom:auto;width:100%;max-width:320px}.feature-diagram__callout--left .feature-diagram__content,.feature-diagram__callout--right-top .feature-diagram__content,.feature-diagram__callout--right-bottom .feature-diagram__content{left:auto;right:auto;top:auto;bottom:auto;width:100%}.feature-diagram__mobile-item{opacity:0;transform:translateY(24px);transition:opacity .5s ease,transform .5s ease;will-change:opacity,transform}.feature-diagram__mobile-item.is-visible{opacity:1;transform:translateY(0)}}.feature-diagram__machine{display:block;width:660px;max-width:100%;height:auto;margin:0 auto;position:relative;z-index:5}.feature-diagram__badge svg{display:block;width:100%;height:auto}.feature-diagram__text{margin-top:1rem}.feature-diagram__text h3{font-family:var(--font-body-family);font-size:1rem;font-weight:700;margin:0 0 .5rem}.feature-diagram__text p{margin:0}
/*# sourceMappingURL=/cdn/shop/t/667/assets/section_gaggia-up-features.css.map */