.preview-box .widget-preview{border: solid 4px #e9edf1;border-radius: 4px;height: 360px;width: 100%;position: relative;margin: 0 auto;overflow: hidden}.preview-box .widget-preview .preview-top{background-color: #F7F8FA;border-bottom: solid 1px #e9edf1;height: 25px}.preview-box .widget-preview .circle{width: 10px;height: 10px;border-radius: 50%;background-color: #c1c1c1;display: inline-block;margin: 7px 4px 0 2px}.preview-box .widget-preview .circle:first-child{margin-left: 10px}.preview-box .widget-preview.mobile-device{width: 240px;border-radius: 10px}.preview-box .widget-preview.mobile-device .preview-top{width: 72px;height: 10px;margin: 10px auto 0;border-radius: 10px;background-color: #e9edf1}.preview-box .widget-preview.mobile-device .circle{display: none}.preview-box .preview-devices{text-align: center}.preview-box .inline-radio-buttons{background-color: #e9edf1;padding: 2px;border-radius: 4px;display: inline-block}.preview-box .preview-devices .inline-radio-buttons{display: inline-block;margin: 20px auto 0}.preview-box .preview-devices .inline-radio-buttons .radio-button{display: inline-flex}.preview-box .preview-devices .inline-radio-buttons .radio-button label{padding: 5px 10px}.preview-box .preview-devices .inline-radio-buttons .radio-button label .svg-icon{width: 20px;height: 20px}.preview-box .inline-radio-buttons .radio-button input:checked{background-color: #ffffff}.preview-box .inline-radio-buttons .radio-button input{background-color: #e9edf1;transition: all 0.2s ease-in-out}.preview-box .inline-radio-buttons .radio-button input:checked + label{background-color: #ffffff}.preview-content{overflow: hidden;position: relative;height: 327px;width: 100%}.mobile-device .preview-content{height: 332px}.qcb-content .chat-btn .instagram-button, a.channel-button.instagram-button.active, a.channel-button.instagram-button:hover{background-image: #fed975;background-image: -moz-linear-gradient(45deg, #fed975 0, #fa7e1e 26%, #d62977 50%, #962fbf 75%, #4f5ad5 100%);background-image: -webkit-gradient(left bottom, right top, color-stop(0, #fed975), color-stop(26%, #fa7e1e), color-stop(50%, #d62977), color-stop(75%, #962fbf), color-stop(100%, #4f5ad5));background-image: -webkit-linear-gradient(45deg, #fed975 0, #fa7e1e 26%, #d62977 50%, #962fbf 75%, #4f5ad5 100%);background-image: -o-linear-gradient(45deg, #fed975 0, #fa7e1e 26%, #d62977 50%, #962fbf 75%, #4f5ad5 100%);background-image: -ms-linear-gradient(45deg, #fed975 0, #fa7e1e 26%, #d62977 50%, #962fbf 75%, #4f5ad5 100%);background-image: linear-gradient(45deg, #fed975 0, #fa7e1e 26%, #d62977 50%, #962fbf 75%, #4f5ad5 100%)}.attention-gelatine{animation: gelatine 0.5s infinite}@keyframes gelatine{from, to{transform: scale(1, 1)}25%{transform: scale(0.9, 1.1)}50%{transform: scale(1.1, 0.9)}75%{transform: scale(0.95, 1.05)}}.attention-spin{animation: 3s infinite elastic-spin}@keyframes elastic-spin{0%{transform: rotate(0)}100%, 25%{transform: rotate(720deg)}}.attention-pulse{animation: pulse 1s infinite ease-in-out alternate}@keyframes pulse{from{transform: scale(0.8)}to{transform: scale(1.2)}}.attention-flash{animation: flash 500ms ease infinite alternate}@keyframes flash{from{opacity: 1}to{opacity: 0}}.attention-bounce{animation: bounce 2s ease infinite}@keyframes bounce{0%, 20%, 50%, 80%, 100%{transform: translateY(0)}40%{transform: translateY(-30px)}60%{transform: translateY(-15px)}}.attention-swing{transform-origin: top center;animation: swing 2s ease infinite}@keyframes swing{20%{transform: rotate(15deg)}40%{transform: rotate(-10deg)}60%{transform: rotate(5deg)}80%{transform: rotate(-5deg)}100%{transform: rotate(0deg)}}.attention-shake{animation: shake 3s infinite}@keyframes shake{20%, 80%{transform: translateX(0)}30%, 50%{transform: translateX(-10px)}40%, 60%{transform: translateX(10px)}}.attention-shockwave{animation: shockwave 3s infinite ease-in-out}@keyframes shockwave{30%, 50%{transform: rotate(-20deg) scale(1.2)}40%{transform: rotate(20deg) scale(1.2)}40%, 60%{transform: rotate(0deg) scale(1.2)}20%, 80%{transform: scale(1)}}