.social-demo-application{min-height:calc(100vh - 163px)}.sd-platform-selection__platforms{display:flex;flex-wrap:wrap;justify-content:center;gap:2px;margin:16px 0}.sd-platform-selection__platforms--platform{flex:0 1 auto;display:flex;flex-direction:column;align-items:center;padding:12px;cursor:pointer;transition:background-color .2s,transform .2s}.sd-platform-selection__platforms--platform.selected{background-color:#eef7ff;transform:translateY(-2px)}.sd-platform-selection__platforms--platform img,.sd-platform-selection__platforms--platform object{height:200px;width:auto;margin-bottom:8px}.sd-platform-selection__platforms--platform figcaption{font-size:1rem;text-align:center;color:#333}.social-demo-application,.social-demo-application-device-view{display:flex}.social-demo-application .upload-error,.social-demo-application .upload-image-message,.social-demo-application-device-view .upload-error,.social-demo-application-device-view .upload-image-message{font-size:1.375rem;font-weight:640;line-height:130%;letter-spacing:-.005rem;padding-top:10px}.social-demo-application .upload-error,.social-demo-application .upload-error-message,.social-demo-application-device-view .upload-error,.social-demo-application-device-view .upload-error-message{color:#d92d20}.social-demo-application .social-demo-left,.social-demo-application-device-view .social-demo-left{flex:1 0 50%;padding-top:32px;padding-left:90px}.social-demo-application .social-demo-right,.social-demo-application-device-view .social-demo-right{flex:1 0 50%;padding:32px 12px 0;clear:both;background-color:#e1f6ff;max-width:50%}.social-demo-application .social-demo-info,.social-demo-application-device-view .social-demo-info{display:flex;flex-direction:column;text-align:center;margin-bottom:6px}.social-demo-application .social-demo-info h5,.social-demo-application-device-view .social-demo-info h5{margin-bottom:8px}.social-demo-application .social-demo-info span,.social-demo-application-device-view .social-demo-info span{font-size:.75rem;font-weight:400;line-height:130%}.social-demo-application .social-demo-description,.social-demo-application-device-view .social-demo-description{align-items:flex-end;display:flex;margin:30px 0 10px}.social-demo-application .social-demo-description p,.social-demo-application-device-view .social-demo-description p{font-weight:600}.social-demo-application .social-demo-description h3,.social-demo-application-device-view .social-demo-description h3{display:inline-block}.social-demo-application .asterix,.social-demo-application-device-view .asterix{font-size:.75rem;line-height:130%;font-weight:600;margin:0 0 5px 5px;display:inline-block;color:#8d9bb6}.social-demo-application .social-demo-left textarea,.social-demo-application-device-view .social-demo-left textarea{border:1px solid #8d9bb6;border-radius:5px;display:block;height:75px;padding:12px 15px;width:95%}.social-demo-application .social-demo-textarea>div,.social-demo-application-device-view .social-demo-textarea>div{width:90%}.social-demo-application .choose-image-buttons .image-upload img,.social-demo-application-device-view .choose-image-buttons .image-upload img{border:none}.social-demo-application .image-upload input,.social-demo-application-device-view .image-upload input{display:none}.social-demo-application .choose-image,.social-demo-application-device-view .choose-image{margin-top:32px}.social-demo-application .choose-image .choose-image-prompt,.social-demo-application .choose-image .choose-image-prompt p,.social-demo-application-device-view .choose-image .choose-image-prompt,.social-demo-application-device-view .choose-image .choose-image-prompt p{font-weight:600}.social-demo-application .choose-image-buttons,.social-demo-application-device-view .choose-image-buttons{display:flex;flex-direction:row;justify-content:flex-start;align-items:normal;align-content:normal;flex-grow:0;flex-shrink:1;flex-basis:auto;align-self:auto;order:0;margin-left:-7.5px;margin-right:10px;margin-top:2.5px;flex-wrap:wrap;max-width:600px}.social-demo-application .choose-image-buttons img,.social-demo-application-device-view .choose-image-buttons img{display:block;cursor:pointer;margin:7.5px;width:160px}.social-demo-application .choose-image-buttons img:hover,.social-demo-application-device-view .choose-image-buttons img:hover{background-color:#d9f2ff;transition:background-color .3s ease}.social-demo-application img.social-demo-upload-button-img,.social-demo-application-device-view img.social-demo-upload-button-img{border:none;display:block;cursor:pointer;margin-top:10px;margin-right:10px}.social-demo-application .social-demo-next,.social-demo-application-device-view .social-demo-next{margin:24.5px 20px 20px;display:inline-flex;float:right}.social-demo-application .disabled,.social-demo-application-device-view .disabled{background-color:#a2bbf8;cursor:default}.social-demo-application .social-demo-action-bar,.social-demo-application-device-view .social-demo-action-bar{margin-top:15px}.social-demo-application .switch,.social-demo-application-device-view .switch{position:relative;display:inline-block;width:34px;height:34px}.social-demo-application .switch input,.social-demo-application-device-view .switch input{opacity:0;width:0;height:0}.social-demo-application .slider,.social-demo-application-device-view .slider{position:absolute;cursor:pointer;border:3px solid #63708a;top:0;left:0;right:0;bottom:0;background-color:#fff;transition:.4s}.social-demo-application .slider:before,.social-demo-application-device-view .slider:before{position:absolute;content:"";height:16px;width:16px;left:6px;bottom:6px;background-color:#fff;transition:.4s}.social-demo-application input:checked+.slider,.social-demo-application-device-view input:checked+.slider{border:3px solid #2196f3}.social-demo-application input:checked+.slider:before,.social-demo-application-device-view input:checked+.slider:before{background-color:#2196f3}.social-demo-application input:focus+.slider,.social-demo-application-device-view input:focus+.slider{box-shadow:0 0 1px #2196f3;outline:1px dotted #000}.social-demo-application .slider.round,.social-demo-application-device-view .slider.round{border-radius:34px}.social-demo-application .slider.round:before,.social-demo-application-device-view .slider.round:before{border-radius:50%}.social-demo-application .social-toggles,.social-demo-application-device-view .social-toggles{display:flex;align-items:center;justify-content:center}.social-demo-application .social-toggle,.social-demo-application-device-view .social-toggle{margin:10px 15px;display:flex;align-items:center;justify-content:center}.social-demo-application .social-toggles img,.social-demo-application-device-view .social-toggles img{height:32px;display:inline-block;margin-left:10px;order:2}.social-demo-application .emoji-picker,.social-demo-application-device-view .emoji-picker{border-radius:2px;float:right;position:relative;height:25px;right:5%;width:330px}.social-demo-application .emoji-menu-toggle,.social-demo-application-device-view .emoji-menu-toggle{border-radius:5px;float:right;top:-35px;right:-1px;position:absolute;height:35px;border:1px solid #8d9bb6;color:#8d9bb6;font-size:2.5rem;background-color:#fff;cursor:pointer;width:35px}.social-demo-application .emoji-menu-toggle img,.social-demo-application-device-view .emoji-menu-toggle img{padding:5px}.social-demo-application .btn-outline-secondary.react-datepicker__month-select:focus,.social-demo-application .btn-outline-secondary.react-datepicker__month-select:hover:not(.btn-dropdown):not(.select),.social-demo-application .btn-outline-secondary.react-datepicker__month-select:not(:disabled):not(.disabled).active,.social-demo-application .btn-outline-secondary.react-datepicker__month-select:not(:disabled):not(.disabled):active,.social-demo-application .btn-outline-secondary.react-datepicker__year-select:focus,.social-demo-application .btn-outline-secondary.react-datepicker__year-select:hover:not(.btn-dropdown):not(.select),.social-demo-application .btn-outline-secondary.react-datepicker__year-select:not(:disabled):not(.disabled).active,.social-demo-application .btn-outline-secondary.react-datepicker__year-select:not(:disabled):not(.disabled):active,.social-demo-application .btn.btn-outline-secondary:focus,.social-demo-application .btn.btn-outline-secondary:hover:not(.btn-dropdown):not(.select),.social-demo-application .btn.btn-outline-secondary:not(:disabled):not(.disabled).active,.social-demo-application .btn.btn-outline-secondary:not(:disabled):not(.disabled):active,.social-demo-application-device-view .btn-outline-secondary.react-datepicker__month-select:focus,.social-demo-application-device-view .btn-outline-secondary.react-datepicker__month-select:hover:not(.btn-dropdown):not(.select),.social-demo-application-device-view .btn-outline-secondary.react-datepicker__month-select:not(:disabled):not(.disabled).active,.social-demo-application-device-view .btn-outline-secondary.react-datepicker__month-select:not(:disabled):not(.disabled):active,.social-demo-application-device-view .btn-outline-secondary.react-datepicker__year-select:focus,.social-demo-application-device-view .btn-outline-secondary.react-datepicker__year-select:hover:not(.btn-dropdown):not(.select),.social-demo-application-device-view .btn-outline-secondary.react-datepicker__year-select:not(:disabled):not(.disabled).active,.social-demo-application-device-view .btn-outline-secondary.react-datepicker__year-select:not(:disabled):not(.disabled):active,.social-demo-application-device-view .btn.btn-outline-secondary:focus,.social-demo-application-device-view .btn.btn-outline-secondary:hover:not(.btn-dropdown):not(.select),.social-demo-application-device-view .btn.btn-outline-secondary:not(:disabled):not(.disabled).active,.social-demo-application-device-view .btn.btn-outline-secondary:not(:disabled):not(.disabled):active{background-color:#f2f2f2;border-color:rgba(51,51,51,.54)}.social-demo-application .btn-outline-secondary:not(:disabled):not(.disabled).active,.social-demo-application .btn-outline-secondary:not(:disabled):not(.disabled):active,.social-demo-application .show>.btn-outline-secondary.dropdown-toggle,.social-demo-application-device-view .btn-outline-secondary:not(:disabled):not(.disabled).active,.social-demo-application-device-view .btn-outline-secondary:not(:disabled):not(.disabled):active,.social-demo-application-device-view .show>.btn-outline-secondary.dropdown-toggle{color:#313b4d;background-color:#f2f2f2;border-color:#f2f2f2}.social-demo-application .btn:not(:disabled):not(.disabled),.social-demo-application .react-datepicker__month-select:not(:disabled):not(.disabled),.social-demo-application .react-datepicker__year-select:not(:disabled):not(.disabled),.social-demo-application-device-view .btn:not(:disabled):not(.disabled),.social-demo-application-device-view .react-datepicker__month-select:not(:disabled):not(.disabled),.social-demo-application-device-view .react-datepicker__year-select:not(:disabled):not(.disabled){cursor:pointer}.social-demo-application .control-group>.btn-wrapper:first-child:not(:last-child)>:last-child,.social-demo-application .control-group>.control-group:first-child:not(:last-child)>:last-child,.social-demo-application .control-group>.form-control-wrapper:first-child:not(:last-child)>:last-child,.social-demo-application .control-group>:first-child:not(:last-child),.social-demo-application-device-view .control-group>.btn-wrapper:first-child:not(:last-child)>:last-child,.social-demo-application-device-view .control-group>.control-group:first-child:not(:last-child)>:last-child,.social-demo-application-device-view .control-group>.form-control-wrapper:first-child:not(:last-child)>:last-child,.social-demo-application-device-view .control-group>:first-child:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.social-demo-application .control-group .btn,.social-demo-application .control-group .btn-icon.react-datepicker__month-select,.social-demo-application .control-group .btn-icon.react-datepicker__year-select,.social-demo-application .control-group .btn-stack,.social-demo-application .control-group .btn-wrapper,.social-demo-application .control-group .btn.btn-icon,.social-demo-application .control-group .control-group,.social-demo-application .control-group .form-control,.social-demo-application .control-group .form-control-wrapper,.social-demo-application .control-group .react-datepicker__month-select,.social-demo-application .control-group .react-datepicker__year-select,.social-demo-application-device-view .control-group .btn,.social-demo-application-device-view .control-group .btn-icon.react-datepicker__month-select,.social-demo-application-device-view .control-group .btn-icon.react-datepicker__year-select,.social-demo-application-device-view .control-group .btn-stack,.social-demo-application-device-view .control-group .btn-wrapper,.social-demo-application-device-view .control-group .btn.btn-icon,.social-demo-application-device-view .control-group .control-group,.social-demo-application-device-view .control-group .form-control,.social-demo-application-device-view .control-group .form-control-wrapper,.social-demo-application-device-view .control-group .react-datepicker__month-select,.social-demo-application-device-view .control-group .react-datepicker__year-select{margin:0}.social-demo-application .btn-icon.react-datepicker__month-select,.social-demo-application .btn-icon.react-datepicker__year-select,.social-demo-application .btn-picker.react-datepicker__month-select,.social-demo-application .btn-picker.react-datepicker__year-select,.social-demo-application .btn.btn-icon,.social-demo-application .btn.btn-picker,.social-demo-application-device-view .btn-icon.react-datepicker__month-select,.social-demo-application-device-view .btn-icon.react-datepicker__year-select,.social-demo-application-device-view .btn-picker.react-datepicker__month-select,.social-demo-application-device-view .btn-picker.react-datepicker__year-select,.social-demo-application-device-view .btn.btn-icon,.social-demo-application-device-view .btn.btn-picker{position:relative;width:36px;height:36px;font-weight:400;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;padding:0;margin:2px}.social-demo-application .btn-outline-secondary.react-datepicker__month-select,.social-demo-application .btn-outline-secondary.react-datepicker__year-select,.social-demo-application .btn.btn-outline-secondary,.social-demo-application-device-view .btn-outline-secondary.react-datepicker__month-select,.social-demo-application-device-view .btn-outline-secondary.react-datepicker__year-select,.social-demo-application-device-view .btn.btn-outline-secondary{color:#313b4d;background-color:#fff;border:1px solid rgba(51,51,51,.54);transition:border .2s cubic-bezier(.455,.03,.515,.955),background-color .2s cubic-bezier(.455,.03,.515,.955),border .1s,box-shadow .1s}.social-demo-application .control-group-justified>.btn,.social-demo-application .control-group-justified>.btn-wrapper,.social-demo-application .control-group-justified>.control-group,.social-demo-application .control-group-justified>.form-control,.social-demo-application .control-group-justified>.react-datepicker__month-select,.social-demo-application .control-group-justified>.react-datepicker__year-select,.social-demo-application-device-view .control-group-justified>.btn,.social-demo-application-device-view .control-group-justified>.btn-wrapper,.social-demo-application-device-view .control-group-justified>.control-group,.social-demo-application-device-view .control-group-justified>.form-control,.social-demo-application-device-view .control-group-justified>.react-datepicker__month-select,.social-demo-application-device-view .control-group-justified>.react-datepicker__year-select{flex:0 1 100%}.social-demo-application .control-group>.btn,.social-demo-application .control-group>.btn-stack,.social-demo-application .control-group>.form-add-on,.social-demo-application .control-group>.react-datepicker__month-select,.social-demo-application .control-group>.react-datepicker__year-select,.social-demo-application-device-view .control-group>.btn,.social-demo-application-device-view .control-group>.btn-stack,.social-demo-application-device-view .control-group>.form-add-on,.social-demo-application-device-view .control-group>.react-datepicker__month-select,.social-demo-application-device-view .control-group>.react-datepicker__year-select{flex:0 0 auto;position:relative}.social-demo-application .btn,.social-demo-application .react-datepicker__month-select,.social-demo-application .react-datepicker__year-select,.social-demo-application-device-view .btn,.social-demo-application-device-view .react-datepicker__month-select,.social-demo-application-device-view .react-datepicker__year-select{font-size:.875rem;line-height:120%;padding:0 12px;margin:2px 4px;height:36px;font-weight:600;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center}.social-demo-application .btn-outline-secondary,.social-demo-application-device-view .btn-outline-secondary{color:#f2f2f2;border-color:#f2f2f2}.social-demo-application .btn,.social-demo-application .react-datepicker__month-select,.social-demo-application .react-datepicker__year-select,.social-demo-application-device-view .btn,.social-demo-application-device-view .react-datepicker__month-select,.social-demo-application-device-view .react-datepicker__year-select{font-size:1rem;font-weight:400;line-height:150%;font-variation-settings:"slnt" 0;display:inline-block;color:#313b4d;text-align:center;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:initial;border:1px solid transparent;padding:.375rem .75rem;border-radius:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.social-demo-application [type=button],.social-demo-application [type=reset],.social-demo-application [type=submit],.social-demo-application button,.social-demo-application-device-view [type=button],.social-demo-application-device-view [type=reset],.social-demo-application-device-view [type=submit],.social-demo-application-device-view button{-webkit-appearance:button}.social-demo-application button,.social-demo-application select,.social-demo-application-device-view button,.social-demo-application-device-view select{text-transform:none}.social-demo-application button,.social-demo-application input,.social-demo-application-device-view button,.social-demo-application-device-view input{overflow:visible}.social-demo-application button,.social-demo-application input,.social-demo-application optgroup,.social-demo-application select,.social-demo-application textarea,.social-demo-application-device-view button,.social-demo-application-device-view input,.social-demo-application-device-view optgroup,.social-demo-application-device-view select,.social-demo-application-device-view textarea{margin:0;font-size:1.125rem;font-weight:400;line-height:150%}.social-demo-application button,.social-demo-application-device-view button{border-radius:0}.social-demo-application *,.social-demo-application :after,.social-demo-application :before,.social-demo-application-device-view *,.social-demo-application-device-view :after,.social-demo-application-device-view :before{box-sizing:border-box}.social-demo-backdrop{left:0;top:0;width:100%;height:100%;position:fixed;z-index:16;opacity:0;transition:opacity .2s ease;background:rgba(0,0,0,.5)}.social-demo-backdrop.visible{pointer-events:auto;opacity:1}.social-demo-upload-modal #social-demo-modal.no-vis{display:none}.social-demo-upload-modal #social-demo-modal{position:absolute;width:70vw;height:62vh;border-radius:10px;overscroll-behavior:contain;z-index:17;text-align:center;position:fixed;margin:auto;top:0;right:0;bottom:0;left:0}.social-demo-upload-modal div.social-demo-modal{background:#fff;border:1px solid #ccc;transition:1.1s ease-out;box-shadow:-2rem 2rem 2rem rgba(0,0,0,.2);filter:blur(0);transform:scale(1);opacity:1;visibility:visible;margin-top:15px}.social-demo-upload-modal div.social-demo-modal h6{font-size:1.375rem;font-weight:640;line-height:130%;letter-spacing:-.005rem;padding:1rem 0 0}.social-demo-upload-modal div.social-demo-modal p{padding-bottom:30px}.social-demo-upload-modal div.social-demo-modal .upload-image-actions{width:98%;margin:auto}.social-demo-upload-modal #centered-toggle-button{position:absolute}.social-demo-upload-modal #social-demo-overlay-close-button{position:absolute;top:0;right:0;width:30px;height:30px;background:#fff;border:1px solid #ccc;border-radius:50%;display:flex;justify-content:center;cursor:pointer;transition:.2s ease-out;margin:12px;font-size:2rem}.social-demo-upload-modal #social-demo-overlay-close-button:hover{background:#ccc}.social-demo-upload-modal .social-demo-dnd{height:auto}.social-demo-upload-modal .FilesDragAndDrop__area{font-size:1.5rem;font-weight:660;line-height:120%;letter-spacing:-.005rem;height:44vh;display:flex;align-items:center;justify-content:center;flex-flow:column nowrap;color:#555;border:2px dashed #c3c3c3;border-radius:10px;stroke:"%23333";stroke-width:"3";stroke-dasharray:"9%2c 10"}.social-demo-upload-modal .FilesDragAndDrop__area .area__icon{margin-top:20px}.social-demo-upload-modal .FilesDragAndDrop__area input{display:none}.social-demo-upload-modal .FilesDragAndDrop__area img,.social-demo-upload-modal .FilesDragAndDrop__area label img{width:100%;border:none}.social-demo-overlay-body{overflow:hidden;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);cursor:pointer}.socila-demo-overlay-lock{overflow:hidden}@media(max-width:820px){.social-demo-application,.social-demo-application-device-view{display:block}.social-demo-application .social-demo-left,.social-demo-application-device-view .social-demo-left{padding-top:24px;padding-left:5px}.social-demo-application .social-demo-left .social-demo-post-content,.social-demo-application .social-demo-left h3,.social-demo-application-device-view .social-demo-left .social-demo-post-content,.social-demo-application-device-view .social-demo-left h3{max-width:90%;margin:0 auto}.social-demo-application .social-demo-right,.social-demo-application-device-view .social-demo-right{max-width:100%;padding-bottom:32px}.social-demo-application .upload-image-message,.social-demo-application-device-view .upload-image-message{font-size:.75rem;font-weight:400;line-height:130%;padding-top:10px}.social-demo-application div.social-demo-image-result img,.social-demo-application-device-view div.social-demo-image-result img{max-width:100%}.social-demo-application .social-toggles,.social-demo-application-device-view .social-toggles{display:block;text-align:center;margin-bottom:16px}.social-demo-application .social-toggle,.social-demo-application-device-view .social-toggle{margin:10px 15px;display:inline-flex;align-items:center;justify-content:center}.social-demo-application .socials-skeleton,.social-demo-application-device-view .socials-skeleton{background-color:#fff;margin:0 auto;max-width:392px;padding-bottom:30px;width:auto}.social-demo-application .choose-image,.social-demo-application-device-view .choose-image{margin-bottom:30px}.social-demo-application .choose-image-prompt,.social-demo-application-device-view .choose-image-prompt{max-width:90%;margin:0 auto}.social-demo-application .social-demo-info,.social-demo-application-device-view .social-demo-info{text-align:center;margin-left:20px}.social-demo-application .social-demo-info span,.social-demo-application-device-view .social-demo-info span{margin-bottom:10px}.social-demo-application div.social-demo-next,.social-demo-application-device-view div.social-demo-next{align-items:center;background-color:#d9f2ff;justify-content:center;display:flex;margin:0 auto;width:100%;float:none;text-align:center}.social-demo-application div.social-demo-next a,.social-demo-application-device-view div.social-demo-next a{margin:0 20px 32px}.social-demo-application .choose-image-buttons img,.social-demo-application-device-view .choose-image-buttons img{width:200px}.social-demo-application .choose-image-buttons,.social-demo-application-device-view .choose-image-buttons{justify-content:center;max-width:calc(90% - 7.5px);padding-top:2.5px}.social-demo-application .upload-mobile,.social-demo-application-device-view .upload-mobile{margin:0 auto;width:100%;text-align:center;justify-content:center}.social-demo-application .social-demo-description,.social-demo-application-device-view .social-demo-description{margin:24px 0 14px}}@media(max-width:768px){.social-demo-application .choose-image-buttons,.social-demo-application-device-view .choose-image-buttons{margin-left:15px;max-width:calc(90% - 15px)}}@media(max-width:480px){.social-demo-application .social-demo-left,.social-demo-application-device-view .social-demo-left{padding-left:0}.social-demo-application .choose-image-buttons,.social-demo-application-device-view .choose-image-buttons{margin:0 7.5px;max-width:100%}.social-demo-application .choose-image-buttons img,.social-demo-application-device-view .choose-image-buttons img{max-width:185px;width:45%}.social-demo-application .social-toggle,.social-demo-application-device-view .social-toggle{margin:10px}.social-demo-application .social-toggle img,.social-demo-application-device-view .social-toggle img{margin-left:5px}}