.desktop-preview-container{border:3px solid #f1f1f1;display:flex;flex-flow:column;height:100%;margin:auto;width:1080px}.desktop-preview-container,.desktop-preview-row{border-top-left-radius:4px;border-top-right-radius:4px}.desktop-preview-row{background:#f1f1f1;padding:10px}.desktop-preview-column{float:left}.desktop-preview-left{width:15%}.desktop-preview-right{width:10%}.desktop-preview-middle{width:75%}.desktop-preview-row:after{clear:both;content:"";display:table}.desktop-preview-dot{background-color:#bbb;border-radius:50%;display:inline-block;font-family:Arial;height:12px;margin-right:3px;margin-top:4px;width:12px}.desktop-preview-container input[type=text]{background-color:#fff;border:none;border-radius:3px;color:#666;height:25px;margin-top:-8px;padding:5px;width:100%}.desktop-preview-bar{background-color:#aaa;display:block;height:3px;margin:3px 0;width:17px}.desktop-preview-content{flex:1;padding:10px}.smartphone{border-color:#f1f1f1;border-radius:36px;border-style:solid;border-width:60px 16px;height:700px;margin:auto;position:relative;width:360px}.smartphone:before{background:#333;border-radius:10px;height:5px;top:-30px;width:60px}.smartphone:after,.smartphone:before{content:"";display:block;left:50%;position:absolute;transform:translate(-50%,-50%)}.smartphone:after{background:#d1d3d4;border-radius:50%;bottom:-65px;height:35px;width:35px}.smartphone .content{background:#fff;height:100%;width:100%}