.rotateDeviceOverlay{display:none;position:fixed;top:0;bottom:0;background-color:#000;width:100%;height:100%;color:#fff;z-index:999999}.rotateDeviceOverlay .iconContainer{width:200px;height:200px;position:absolute;left:50%;top:50%;margin-left:-100px;margin-top:-100px;z-index:9999}.rotateDeviceOverlay .iconContainer p{display:inline-block;width:100%;text-align:center;margin:0;font-size:20px;opacity:0}.rotateDeviceOverlay .phone{position:relative;left:50%;margin-left:-50px;width:0;height:0;border:0 solid #000;background:#a9a9a9;border-radius:10px;box-sizing:border-box}.rotateDeviceOverlay .phone i{text-align:center;width:100%;line-height:120px;font-size:50px;color:#454545;opacity:0}.noAnimations .rotateDeviceOverlay p,.noAnimations .rotateDeviceOverlay i{opacity:1!important}.noAnimations .rotateDeviceOverlay .phone{left:65%}@media only screen and (max-aspect-ratio: 12 / 16) and (min-aspect-ratio: 1 / 16) and (max-width: 650px) and (min-height: 300px){.rotateDeviceOverlay{display:block}.rotateDeviceOverlay .phone{animation:sizeIncrease .5s forwards ease,borderIncrease .5s .5s forwards ease,rotateRight .7s 1s forwards ease}.rotateDeviceOverlay .phone i{animation:fadeIn .5s .8s forwards ease}.rotateDeviceOverlay .iconContainer p{animation:fadeIn .5s 1.3s forwards ease}}@keyframes sizeIncrease{0%{width:0;height:10px}50%{width:100px;height:10px}to{width:100px;height:160px}}@keyframes borderIncrease{to{border-width:20px 10px}}@keyframes fadeIn{0%{opacity:0}to{color:#fff;opacity:1}}@keyframes rotateRight{to{transform:rotate(90deg)}}
/*# sourceMappingURL=/cdn/shop/t/156/assets/custom-builder-roation.css.map */