.create-conversation-modal{max-width:100vw;max-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;position:relative;z-index:9999;background-color:#fff}.create-conversation-modal .background{min-width:100vw;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:rgba(0,0,0,.6588235294);position:fixed;top:0;bottom:0}.create-conversation-modal .content{font-family:Arial,Helvetica,sans-serif;border:solid 1px #e3e3e3;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:640px;height:600px;max-width:640px;max-height:600px;height:100%;width:93%;padding:0px;margin:auto;background-color:#fff;border-radius:8px;margin-top:auto}.create-conversation-modal .header{width:100%;min-height:60px;height:60px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;opacity:1;padding:0 20px;position:sticky;top:0px;border-bottom:solid 1px #bfbfbf}.create-conversation-modal .header.error,.create-conversation-modal .header.success{border-bottom:solid 1px #fff}.create-conversation-modal .header .title{font-size:24px;line-height:37px;font-weight:bold}.create-conversation-modal .header .close-container img{height:20px;width:20px;cursor:pointer}.create-conversation-modal .main-content{display:flex;flex-direction:column;height:100%;width:100%;align-items:center;justify-content:flex-start;overflow-y:auto;overflow-x:hidden}.create-conversation-modal .main-content.error,.create-conversation-modal .main-content.success{padding-top:60px}.create-conversation-modal .main-content .profile{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;height:30px;width:100%;padding:0px 20px;margin-top:10px}.create-conversation-modal .main-content .user-initials,.create-conversation-modal .main-content .profile img{height:30px;width:30px;border-radius:50%;margin-right:10px}.create-conversation-modal .main-content .profile span{font-size:16px;font-weight:500;margin:0;color:#000;line-height:normal}.create-conversation-modal .main-content .user-initials{display:flex;flex-direction:row;align-items:center;justify-content:center;background-color:#f7941e}.create-conversation-modal .main-content .user-initials span{color:#fff;font-size:13px;text-transform:uppercase;font-weight:bold}.create-conversation-modal .main-content .text-area-container{height:130px;width:100%}.create-conversation-modal .main-content .text-area-container textarea.text-area{width:-webkit-fill-available;height:90px;margin:0 18px;border:none;margin-top:10px;padding-left:4px;padding-top:2px;resize:none}.create-conversation-modal .main-content .text-area-container textarea.text-area::placeholder{font-weight:500;font-size:20px;color:#acabab;line-height:20px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen"}.create-conversation-modal .main-content .text-area-container span{margin:10px 20px 0;font-size:16px;font-weight:700;line-height:16px;color:#acabab;font-weight:500;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen"}.create-conversation-modal .main-content .text-area-container div.with-border{border-bottom:solid 1px #bfbfbf}.create-conversation-modal .main-content .image-preview-container{display:grid;margin:20px 16px 20px;min-height:130px !important;max-height:130px !important;overflow:auto;-ms-overflow-style:-ms-autohiding-scrollbar;grid-template-columns:1fr 1fr 1fr 1fr 1fr}.create-conversation-modal .main-content .image-preview-container .image{position:relative;text-align:center;border-radius:20px;margin-top:8px;margin-right:8px}.create-conversation-modal .main-content .image-preview-container .remove-icon{cursor:pointer;position:absolute;margin-right:0px;margin-left:80px;margin-top:5px}.create-conversation-modal .main-content .image-preview-container .remove-icon img{width:24px;height:24px}.create-conversation-modal .main-content .image-preview-container img.preview{border-radius:5px;width:112px;height:112px;object-fit:cover}.create-conversation-modal .main-content .dropzone-container{border-top:solid 1px #bfbfbf;height:110px;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 0}.create-conversation-modal .main-content .dropzone-container button.add-btn{background-color:rgba(0,0,0,0);color:#227b7c;font-size:24px;font-weight:700;line-height:27.8px;display:flex;align-items:center;justify-content:center;width:600px;padding:15px;border:dashed 1px #227b7c;border-radius:10px;margin:0 20px}.create-conversation-modal .main-content .dropzone-container.disabled button.add-btn{border:dashed 1px #bfbfbf;color:#bfbfbf}.create-conversation-modal .main-content .dropzone-container button.add-btn span{margin-left:6px}.create-conversation-modal .main-content.error h1,.create-conversation-modal .main-content.success h1{font-size:24px;font-weight:700;line-height:27.6px;margin-bottom:15px;margin-top:15px;text-align:center}.create-conversation-modal .main-content.error h1{color:#d20404}.create-conversation-modal .main-content.error span,.create-conversation-modal .main-content.success span{margin-top:20px;font-size:20px;font-weight:400;line-height:29px;text-align:center;padding:0 30px}.create-conversation-modal .main-content.error span:last-child{white-space:pre-line;text-align:justify;font-size:18px}.create-conversation-modal .main-content.success a{font-size:20px;font-weight:700;line-height:29px;color:#227b7c;cursor:pointer}.create-conversation-modal .main-content.success img{height:60px;width:60px}.create-conversation-modal .footer{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100px;padding:20px;position:sticky;bottom:0px;width:100%;border-top:solid 1px #bfbfbf}.create-conversation-modal .footer.error,.create-conversation-modal .footer.success{border-top:solid 1px #fff}.create-conversation-modal .footer button.done-btn,.create-conversation-modal .footer button.post-btn{width:100%;background-color:#009bd4;color:#fff;font-size:18px;font-weight:700;line-height:28.8px;border:none;display:flex;align-items:center;justify-content:center;padding:10px;border-radius:5px;border-color:#009bd4;border-style:solid;border-width:1px;cursor:pointer}.create-conversation-modal .footer button.post-btn span{margin-left:6px}.create-conversation-modal .footer button.done-btn:hover,.create-conversation-modal .footer button.post-btn:hover{background-color:#028ec1;color:#efeded}.create-conversation-modal .footer button.done-btn:disabled,.create-conversation-modal .footer button.post-btn:disabled{background-color:#e8e8e8;color:gray;border-color:#e8e8e8;cursor:not-allowed}.create-conversation-modal .close-container img{height:24px;width:24px;margin:0 0 0 0;cursor:pointer;font-size:1.25em;color:#000;font-weight:500}.create-conversation-modal .main-content .image-error,.create-conversation-modal .main-content .validation-error{width:95%;line-height:normal;display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;border:solid 1px #f1c7cb;background-color:#f1c7cb;border-radius:10px;margin-top:.5rem;margin-left:1rem;padding:10px}.create-conversation-modal .main-content .image-error span,.create-conversation-modal .main-content .validation-error span{font-size:14px !important;color:#c62a2f;font-weight:500 !important;margin:0 !important}.create-conversation-modal .main-content .image-error button,.create-conversation-modal .main-content .validation-error button{all:unset;color:#c62a2f;font-size:12px;font-weight:500;transform:scale(1.7, 1.2);cursor:pointer;margin-top:-5px}.sweepstakes-hashtag{margin-top:-5px}.sweepstakes-hashtag span{font-weight:600 !important;font-size:18px !important;color:#000 !important}.main-content.sweepstakes-rules{height:90% !important}.header.sweepstakes-rules,.header.contest{border-bottom:none !important}.main-content.success.contest{height:70% !important;align-items:center}.main-content.contest{padding:0 20px;align-items:flex-start;height:70% !important}.main-content.contest h1{font-size:36px;font-weight:700;text-align:center;padding-bottom:10px}.main-content.contest h2{font-size:20px;font-weight:700;text-align:start}.main-content.contest span{font-size:16px;font-weight:400;text-align:start;padding-bottom:15px}.main-content.contest button.rules-link{all:unset;cursor:pointer;color:#227b7c;font-size:16px;font-weight:600}.main-content.contest span b{font-size:18px;font-weight:700;text-align:start;padding-bottom:15px}.main-content.contest span:last-child{text-align:center;padding:10px 100px}.main-content.contest span:last-child a{all:unset;font-size:16px;font-weight:600;color:#227b7c;cursor:pointer}.footer.success.contest{height:30px}.footer.contest{border-top:none !important}.footer.contest button.done-btn{width:350px}.create-conversation-modal .footer button.share-btn{width:100%;background-color:#009bd4;color:#fff;font-size:18px;font-weight:700;line-height:28.8px;border:none;display:flex;align-items:center;justify-content:center;padding:10px;border-radius:5px;border-color:#009bd4;border-style:solid;border-width:1px;cursor:pointer;width:350px}.create-conversation-modal .footer button.share-btn span{margin-left:6px}.create-conversation-modal .footer button.share-btn:hover{background-color:#028ec1;color:#efeded}.create-conversation-modal .footer button.share-btn:disabled{background-color:#e8e8e8;color:gray;border-color:#e8e8e8;cursor:not-allowed}.main-content.success.contest img{margin-bottom:15px}.main-content.success.contest h1{padding:0;margin:0}.main-content.success.contest span:last-child a{font-size:20px}.main-content.success.contest span:last-child a:hover{text-decoration:underline}.draft-alert-modal{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:9999 !important}.draft-alert-background{position:fixed;display:flex;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5)}.draft-alert-content{position:relative;background-color:#fff;border-radius:5px;width:90%;max-width:400px;padding:20px;box-shadow:0 4px 12px rgba(0,0,0,.15);z-index:1002;margin:auto}.draft-alert-header{display:flex;justify-content:center;align-items:center;margin-bottom:20px}.draft-alert-header h2{margin:0;font-size:1.25rem;font-weight:600}.draft-alert-close-container{cursor:pointer}.draft-alert-body{margin-bottom:24px}.draft-alert-body p{margin:0;color:#333}.draft-alert-footer{display:flex;justify-content:flex-end;gap:12px}.draft-alert-primary-btn,.draft-alert-secondary-btn{padding:8px 16px;border-radius:4px;font-weight:500;cursor:pointer}.draft-alert-secondary-btn{background-color:#009bd4;border-color:#009bd4;color:#fff}.draft-alert-secondary-btn:hover{background-color:rgba(0,155,212,.7490196078)}.draft-alert-primary-btn{background-color:#e8e8e8;color:#898989;border-color:#e8e8e8}.draft-alert-primary-btn:hover{background-color:#e8e8e8}.create-uploader-progress-bar{color:#000;width:100%;background-color:#d9f0f9 !important;position:relative;display:flex;justify-content:center;align-items:center;font-size:18px;font-weight:700;line-height:28.8px;border:none;padding:10px;border-radius:5px;border-color:#d9f0f9;border-style:solid;border-width:1px}.create-conversation-modal .main-content .image-preview-container.empty{display:none}#create-uploader-progress-bar-after{content:"\a";position:absolute;width:0%;transition:width 1s;border-radius:5px;background:linear-gradient(45deg, #227B7C, #25b593, #24AADB, #009BD4);background-size:600% 100%;animation:gradient 3s linear infinite;animation-direction:alternate;top:0;bottom:0;left:0}#create-uploader-progress-bar-text{z-index:999;color:#000;transition:color 1s}@keyframes gradient{0%{background-position:0%}100%{background-position:100%}}.link-preview{border:1px solid #f1fcfa;border-radius:10px;padding:0px;margin:10px auto;display:flex;flex-direction:column;gap:12px;position:relative;background:#f1fcfa;width:93%;min-height:320px}.link-preview-close{position:absolute;top:8px;right:8px;background:none;border:none;font-size:18px;cursor:pointer;border:2px solid #fff;background-color:#919297;color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center}.link-preview-close.error{border:2px solid #919297}.link-preview-close::before,.link-preview-close::after{content:"";position:absolute;width:12px;height:2px;background-color:#fff;top:50%;left:50%}.link-preview-close::before{transform:translate(-50%, -50%) rotate(45deg)}.link-preview-close::after{transform:translate(-50%, -50%) rotate(-45deg)}.link-preview-image{width:100%;height:160px;border-radius:10px 10px 0 0;flex-shrink:0}.link-preview-image img{width:100%;height:100%;object-fit:cover;border-radius:10px 10px 0 0}.link-preview-content{flex:1;min-width:0;min-height:100px;padding:0 10px}.link-preview-site{font-size:12px;color:#65676b;margin-bottom:8px;text-transform:uppercase}.link-preview-title{font-weight:bold;color:#050505;margin-bottom:8px;font-size:16px;line-height:1.2}.link-preview-description{font-size:16px;color:#65676b;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.link-preview.error{background:#f3f3f3;border-color:#f3f3f3;color:#000;padding:8px 12px;margin:10px auto;height:100px;width:93%;border-radius:10px}.link-preview.error span{font-size:24px;color:#000;font-weight:bold;margin:auto}.link-preview.loading{padding:12px}.link-preview-skeleton{display:flex;gap:12px;width:100%}.skeleton-image{width:100%;height:100px;background:#e0e0e0;border-radius:4px;animation:pulse 1.5s ease-in-out infinite}.skeleton-content{flex:1;display:flex;flex-direction:column;gap:8px}.skeleton-title,.skeleton-description,.skeleton-site{background:#e0e0e0;border-radius:2px;animation:pulse 1.5s ease-in-out infinite}.skeleton-site{width:30%;height:12px}.skeleton-title{width:70%;height:16px}.skeleton-description{width:100%;height:12px}@keyframes pulse{0%{opacity:1}50%{opacity:.5}100%{opacity:1}}@media(max-width: 670px){.link-preview{min-height:240px}.link-preview-image{height:120px}.link-preview-content,.link-preview.error{min-height:120px;height:120px}}@media(max-width: 768px){.create-conversation-modal .content{height:100vh;min-height:100vh;width:100vw;min-width:100vw;height:100vh;padding:0px;margin:auto;background-color:#fff;border-radius:0px;margin-top:0px}.create-conversation-modal .main-content{height:65%}.create-conversation-modal .main-content .image-preview-container.full{height:calc(100dvh - 500px) !important;max-height:calc(100dvh - 500px) !important;grid-template-columns:1fr 1fr 1fr !important}.create-conversation-modal .main-content .image-preview-container.empty{min-height:30px !important;max-height:30px !important}.create-conversation-modal .main-content .dropzone-container button.add-btn{width:90%}.create-conversation-modal .main-content .image-error,.create-conversation-modal .main-content .validation-error{margin-left:.3rem;padding:10px 12px}.draft-alert-content{margin:auto;margin-top:20%}.create-conversation-modal .main-content .text-area-container textarea.text-area::placeholder,.create-conversation-modal .main-content .text-area-container textarea.text-area{font-size:16px}.create-conversation-modal .footer.empty{margin-top:-120px}.create-conversation-modal .footer.full{margin-top:0px}.main-content.contest{overflow-y:auto;padding:0 14px !important;height:73% !important}.main-content.contest span:last-child{padding:0 0 !important}.content.contest{min-height:0 !important;margin-top:auto !important;border-radius:16px !important}.main-content.contest span{font-size:14px}.main-content.contest h1{font-size:32px}.main-content.contest h1{height:auto !important;padding:0 !important;margin-top:30px}.create-conversation-modal .main-content .dropzone-container{justify-content:start;padding-top:10px;border-top:none}.create-conversation-modal .footer{border-top:none}}