.jcr-preview-container{position:relative;width:100%;min-height:100vh;display:flex;justify-content:center;align-items:center;padding:20px;overflow:hidden}.jcr-preview-social-selector{background-color:#fff;border-radius:12px;border:1px solid #E2E8EE;box-shadow:0 12.586px 120px 0 rgba(161,179,193,.2);padding:48px;width:100%;max-width:520px;z-index:10;position:absolute;right:10%;top:0}.jcr-preview-selector-heading{text-align:left;margin-bottom:24px}.jcr-preview-selector-heading h1{font-size:22px;color:#102738}.jcr-preview-selector-heading p{color:#465C6F;font-size:16px}.jcr-preview-social-grid-container{max-height:350px;overflow-y:auto;margin-bottom:30px;padding-right:10px;scrollbar-width:thin;scrollbar-color:#d1d5db #f3f4f6}.jcr-preview-social-grid-container::-webkit-scrollbar{width:6px}.jcr-preview-social-grid-container::-webkit-scrollbar-track{background:#f3f4f6;border-radius:10px}.jcr-preview-social-grid-container::-webkit-scrollbar-thumb{background-color:#d1d5db;border-radius:10px}.jcr-preview-social-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:0;border:1px solid transparent}.jcr-preview-social-option{position:relative;padding:20px 15px;border-radius:10px;border:1px solid #e9ecef;display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:all 0.2s ease}.jcr-preview-social-option:hover{box-shadow:0 5px 15px rgba(0,0,0,.05)}.jcr-preview-social-icon{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:10px;background:transparent;background-size:24px!important;background-position:center!important;background-repeat:no-repeat!important;position:relative}.jcr-preview-social-name{font-size:16px;font-weight:500;color:#333}.jcr-preview-instagram,.jcr-preview-linkedin,.jcr-preview-facebook,.jcr-preview-twitter,.jcr-preview-tiktok,.jcr-preview-youtube,.jcr-preview-rss,.jcr-preview-slack,.jcr-preview-giphy,.jcr-preview-pinterest,.jcr-preview-tumblr,.jcr-preview-vimeo,.jcr-preview-flickr,.jcr-preview-soundcloud{background:transparent}.jcr-preview-social-icon.jcr-preview-tumblr{background-size:16px!important}.jcr-preview-social-checkbox{position:absolute;opacity:0;cursor:pointer}.jcr-preview-checkbox-label{position:absolute;top:10px;right:10px;width:20px;height:20px;border:2px solid #e9ecef;border-radius:4px;cursor:pointer;transition:all 0.2s ease-in-out;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.jcr-preview-checkbox-label:hover{border-color:#c8cfd6;box-shadow:0 0 0 1px rgba(0,0,0,.05)}.jcr-preview-social-checkbox:checked+.jcr-preview-checkbox-label{background-color:#000;border-color:#000}.jcr-preview-social-checkbox:checked+.jcr-preview-checkbox-label:after{content:'';display:block;width:6px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg) scale(1);animation:checkmark-appear 0.2s ease-in-out;margin-top:-2px}@keyframes checkmark-appear{0%{opacity:0;transform:rotate(45deg) scale(.5)}50%{opacity:1;transform:rotate(45deg) scale(1.2)}100%{transform:rotate(45deg) scale(1)}}.jcr-preview-get-started-btn{display:block;width:100%;padding:15px;background-color:#1a2b42;color:#ffffff!important;border:none;border-radius:40px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color 0.3s ease;text-align:center;text-decoration:none}.jcr-preview-get-started-btn:hover{background-color:#131f32;color:#fff}.jcr-preview-feed-preview{width:100%;height:100%;z-index:1;display:flex;justify-content:center;align-items:center;filter:blur(8px) brightness(1);transition:filter 0.5s ease}.jcr-preview-feed-preview-inner{width:90%;max-width:1200px;height:90%;background-color:#fff;border-radius:12px;overflow:hidden;padding:20px;overflow-y:auto}.jcr-preview-feed-preview.active{filter:blur(0) brightness(1)}.jcr-preview-feed-posts{display:none}.jcr-preview-feed-posts.active{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;width:100%}.jcr-preview-feed-post{background-color:#fff;border:1px solid #E2E8EE;border-radius:10px;overflow:hidden;box-shadow:0 5px 15px rgba(0,0,0,.05);transition:transform 0.3s ease,box-shadow 0.3s ease;height:fit-content}.jcr-preview-post-image{width:100%;height:250px;overflow:hidden;position:relative;background-size:cover;background-position:top;background-repeat:no-repeat;transition:transform 0.3s ease}.jcr-preview-feed-post:hover .jcr-preview-post-image{transform:scale(1.05)}.jcr-preview-feed-post:not(:has(.jcr-preview-post-image)){border-top:3px solid}.jcr-preview-feed-post.no-image{border-top:3px solid}.jcr-preview-instagram-feed .jcr-preview-feed-post:not(:has(.jcr-preview-post-image)),.jcr-preview-instagram-feed .jcr-preview-feed-post.no-image{border-color:#e1306c}.jcr-preview-linkedin-feed .jcr-preview-feed-post:not(:has(.jcr-preview-post-image)),.jcr-preview-linkedin-feed .jcr-preview-feed-post.no-image{border-color:#0077b5}.jcr-preview-facebook-feed .jcr-preview-feed-post:not(:has(.jcr-preview-post-image)),.jcr-preview-facebook-feed .jcr-preview-feed-post.no-image{border-color:#1877f2}.jcr-preview-twitter-feed .jcr-preview-feed-post:not(:has(.jcr-preview-post-image)),.jcr-preview-twitter-feed .jcr-preview-feed-post.no-image{border-color:#1da1f2}.jcr-preview-tiktok-feed .jcr-preview-feed-post:not(:has(.jcr-preview-post-image)),.jcr-preview-tiktok-feed .jcr-preview-feed-post.no-image{border-color:#000}.jcr-preview-youtube-feed .jcr-preview-feed-post:not(:has(.jcr-preview-post-image)),.jcr-preview-youtube-feed .jcr-preview-feed-post.no-image{border-color:red}.jcr-preview-rss-feed .jcr-preview-feed-post:not(:has(.jcr-preview-post-image)),.jcr-preview-rss-feed .jcr-preview-feed-post.no-image{border-color:#ee802f}.jcr-preview-slack-feed .jcr-preview-feed-post:not(:has(.jcr-preview-post-image)),.jcr-preview-slack-feed .jcr-preview-feed-post.no-image{border-color:#4a154b}.jcr-preview-giphy-feed .jcr-preview-feed-post:not(:has(.jcr-preview-post-image)),.jcr-preview-giphy-feed .jcr-preview-feed-post.no-image{border-color:#0f9}.jcr-preview-post-info{padding:15px}.jcr-preview-post-user{display:flex;align-items:center;margin-bottom:10px;position:relative;justify-content:space-between}.jcr-preview-user-avatar{width:30px;height:30px;border-radius:50%;margin-right:10px;background-size:cover;background-position:center;background-repeat:no-repeat}.jcr-preview-user-name{font-size:14px;font-weight:600;color:#333;display:flex;align-items:center;flex-grow:1}.jcr-preview-post-date{margin-left:auto;font-size:12px;color:#6c757d;display:none}.jcr-preview-post-network{position:relative;width:20px;height:20px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background-color:#fff;overflow:hidden;transition:transform 0.2s ease,box-shadow 0.2s ease;background-size:14px!important;background-position:center!important;background-repeat:no-repeat!important;margin-left:auto}.jcr-preview-post-content{font-size:14px;line-height:1.5;color:#333;padding:0 15px 15px 15px}.jcr-preview-post-actions{display:flex;gap:15px}.jcr-preview-post-actions button{background:none;border:none;font-size:16px;color:#6c757d;cursor:pointer;transition:color 0.2s ease}.jcr-preview-post-actions button:hover{color:#333}.jcr-preview-post-content .jcr-preview-buy-now{background-color:#4caf50;color:#fff;border:none;padding:8px 16px;border-radius:4px;font-weight:500;cursor:pointer;display:inline-block;margin-top:10px;text-decoration:none}.jcr-preview-buy-now-overlay{position:absolute;bottom:0;left:0;width:100%;text-align:center;padding:10px}.jcr-preview-buy-now{display:block;width:100%;background-color:#4caf50;color:#fff;padding:12px 20px;font-weight:600;text-decoration:none;transition:all 0.3s ease;text-align:center;border-radius:4px}.jcr-preview-buy-now:hover{background-color:#45a049}.jcr-preview-social-option.selected{border-color:#c0c4cf;box-shadow:0 0 9px 0 rgba(0,0,0,.08)}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes jcr-preview-shake{0%{transform:translateX(0)}20%{transform:translateX(-10px)}40%{transform:translateX(10px)}60%{transform:translateX(-7px)}80%{transform:translateX(7px)}100%{transform:translateX(0)}}.jcr-preview-shake{animation:jcr-preview-shake 0.6s ease-in-out}.jcr-preview-feed-posts.active .jcr-preview-feed-post{animation:fadeIn 0.4s ease-out forwards}.jcr-preview-feed-posts.active .jcr-preview-feed-post:nth-child(1){animation-delay:0.1s}.jcr-preview-feed-posts.active .jcr-preview-feed-post:nth-child(2){animation-delay:0.2s}.jcr-preview-feed-posts.active .jcr-preview-feed-post:nth-child(3){animation-delay:0.3s}.jcr-preview-feed-posts.active .jcr-preview-feed-post:nth-child(4){animation-delay:0.4s}.jcr-preview-feed-posts .jcr-preview-feed-post{opacity:0}@media (max-width:768px){.jcr-preview-social-grid{grid-template-columns:repeat(2,1fr)}.jcr-preview-social-selector{position:relative!important;right:auto!important;top:auto!important;margin:0 auto;max-width:100%;width:calc(100% - 40px);padding:30px 20px;box-shadow:none}.jcr-preview-feed-preview{display:none!important}.jcr-preview-container{display:block;padding:0}}@media (max-width:480px){.jcr-preview-social-grid{grid-template-columns:repeat(2,1fr);gap:12px}.jcr-preview-social-option{padding:15px 10px}.jcr-preview-social-name{font-size:14px}.jcr-preview-selector-heading h1{font-size:24px}.jcr-preview-feed-preview-inner{grid-template-columns:1fr}}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}