.ripple-lock{position:relative;overflow:hidden;min-height:500px;display:flex;align-items:center;justify-content:center;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000;perspective:1000}.ripple-lock__content{display:flex;flex-direction:column;align-items:center;justify-content:center;height:600px}.ripple-lock__header{flex:1;display:flex;flex-direction:column;width:100%}.ripple-lock__animation-container{height:200px}.ripple-lock__container{width:100%;z-index:99}.ripple-lock__additional-icon{display:flex;align-items:center;justify-content:center}.ripple-lock__icon-image{width:200px;height:100px;object-fit:contain;transition:transform .3s ease}.ripple-lock__icon-image:hover{transform:scale(1.1)}.ripple-lock__ripples{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:1;-webkit-transform:translateZ(0);transform:translateZ(0);will-change:transform}.ripple-lock__ripple{position:absolute;top:50%;left:50%;width:40px;height:40px;border-radius:50%;opacity:.44;background:radial-gradient(circle,rgba(0,160,233,.8) 0%,rgba(0,160,233,.4) 70%,transparent 100%);transform:translate(-50%,-50%) scale(0);animation:ripple 3s infinite ease-out;will-change:transform,opacity}.ripple-lock__ripple--1{animation-delay:0s}.ripple-lock__ripple--2{animation-delay:.75s}.ripple-lock__ripple--3{animation-delay:1.5s}.ripple-lock__ripple--4{animation-delay:2.25s}@keyframes ripple{0%{transform:translate(-50%,-50%) scale(0);opacity:.44}50%{opacity:.2}to{transform:translate(-50%,-50%) scale(35);opacity:0}}.ripple-lock__center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;display:flex;align-items:center;justify-content:center;width:500px;height:300px;border-radius:50%;transition:transform .3s ease}.ripple-lock__lock-image{object-fit:contain}.ripple-lock__default-lock{color:#4a90e2;display:flex;align-items:center;justify-content:center}.ripple-lock__default-lock svg{width:60px;height:60px}.ripple-lock__platforms{position:absolute;width:100%;height:100%;top:0;left:0}.ripple-lock__platform{position:absolute;width:60px;height:60px;background:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #0000001a;transition:transform .3s ease;animation:float 4s ease-in-out infinite}.ripple-lock__platform img{width:36px;height:36px;object-fit:contain}.ripple-lock__platform--apple{top:20%;right:15%;animation-delay:0s}.ripple-lock__platform--google{top:20%;left:15%;animation-delay:1s}.ripple-lock__platform--alexa{bottom:20%;left:15%;animation-delay:2s}.ripple-lock__platform--smartthings{bottom:20%;right:15%;animation-delay:3s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.ripple-lock__bottom-text{color:#666;font-size:24px;flex:1;display:flex;align-items:center;flex-direction:column;justify-content:center}.ripple-lock__bottom-text p{margin:0 0 .5rem}.ripple-lock__learn-more{color:#4a90e2;text-decoration:underline;font-weight:500;transition:color .3s ease}.ripple-lock__learn-more:hover{color:#357abd;text-decoration:none}@media (max-width: 768px){.ripple-lock{min-height:400px}.ripple-lock__animation-container{width:300px;height:250px}.ripple-lock__bottom-text{padding:0 10px}.ripple-lock__center{width:90%;height:250px}.ripple-lock__lock-image{height:100%}.ripple-lock__default-lock svg{width:50px;height:50px}.ripple-lock__platform{width:50px;height:50px}.ripple-lock__platform img{width:30px;height:30px}@keyframes ripple{0%{width:0;height:0;opacity:1}to{width:250px;height:250px;opacity:0}}}@media (max-width: 1024px){.ripple-lock__ripple{width:35px;height:35px}@keyframes ripple{0%{transform:translate(-50%,-50%) scale(0);opacity:.44}50%{opacity:.2}to{transform:translate(-50%,-50%) scale(30);opacity:0}}}@media (max-width: 480px){.ripple-lock__default-lock svg{width:40px;height:40px}.ripple-lock__platform{width:40px;height:40px}.ripple-lock__platform img{width:24px;height:24px}}@media (prefers-reduced-motion: reduce){.ripple-lock__ripple,.ripple-lock__platform{animation:none}.ripple-lock__center:hover,.ripple-lock__platform:hover{transform:none}}@media (prefers-contrast: high){.ripple-lock__ripple{border-color:#000;border-width:3px}.ripple-lock__center,.ripple-lock__platform{border:2px solid #000}}@media (max-width: 768px){.ripple-lock{min-height:400px}.ripple-lock__content{height:500px}.ripple-lock__ripple{width:30px;height:30px;animation-duration:2.5s}@keyframes ripple{0%{transform:translate(-50%,-50%) scale(0);opacity:.44}50%{opacity:.2}to{transform:translate(-50%,-50%) scale(20);opacity:0}}}@media (hover: none) and (pointer: coarse){.ripple-lock__ripple{background:radial-gradient(circle,rgba(0,160,233,.6) 0%,rgba(0,160,233,.2) 60%,transparent 100%);animation-timing-function:ease-in-out}.ripple-lock__icon-image:hover{transform:none}}@media (max-width: 480px){.ripple-lock__ripple{width:25px;height:25px;animation-duration:2s;background:#00a0e966}@keyframes ripple{0%{transform:translate(-50%,-50%) scale(0);opacity:.3}to{transform:translate(-50%,-50%) scale(15);opacity:0}}}
/*# sourceMappingURL=/cdn/shop/t/104/assets/ripple-lock.css.map */