.popover-modal.pricing-modal{-webkit-backdrop-filter:blur(31px)saturate(.5);backdrop-filter:blur(31px)saturate(.5);background:#0006;border:0 solid #fff0;justify-content:flex-start;width:90%;max-width:850px;max-height:80vh}.popover-modal.pricing-modal .loader-circle{margin:110px auto}.popover-modal .pricing-popover-wrap{box-sizing:border-box;flex-direction:column;gap:23px;padding:50px 25px 25px;display:flex;position:relative}.popover-modal .pricing-popover-inner{flex-direction:column;display:flex}.popover-modal .plan-title-wrap{flex-direction:column;align-items:center;gap:3px;display:flex}.popover-modal .plan-content{background-color:var(--ui-clr-950);box-sizing:border-box;border-radius:20px;flex-direction:column;gap:0;padding:40px;display:flex}.popover-modal .plan-header{flex-direction:column;gap:20px;display:flex}.popover-modal .billing-toggle{box-sizing:border-box;flex-direction:column;align-items:center;gap:12px;padding-block:30px;display:flex}.popover-modal .pricing-plans-grid{box-sizing:border-box;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:11px;padding:0 30px 40px;display:grid}.popover-modal .plan-card{-webkit-backdrop-filter:blur(18px)saturate();backdrop-filter:blur(18px)saturate();border:1px solid var(--ui-clr-900);box-sizing:border-box;background-color:#0000;border-radius:20px;flex-direction:column;align-items:center;gap:24px;padding:62px 24px;transition:all .3s;display:flex}.popover-modal .plan-card:hover{border-color:var(--ui-clr-800)}.popover-modal .plan-card .plan-description{max-width:22ch;color:var(--ui-text-muted);text-align:center;margin:0;padding:0 8px;font-size:14px;line-height:1.5}.popover-modal .toggle-container{background:var(--ui-clr-950);border-radius:25px;width:190px;height:34px;padding:4px;display:flex;position:relative;box-shadow:inset 0 2px 4px #0003}.popover-modal .toggle-background{background:var(--ui-clr-900);z-index:1;border-radius:20px;width:calc(50% - 4px);height:calc(100% - 8px);position:absolute;top:4px;left:4px}.popover-modal .subscription-management{box-sizing:border-box;justify-content:center;padding-block:0 40px;display:flex}.popover-modal .toggle-option{cursor:pointer;z-index:2;background:0 0;border:none;border-radius:20px;flex:1;justify-content:center;align-items:center;gap:6px;height:100%;font-size:12px;font-weight:400;line-height:18px;transition:none;display:flex;position:relative}.popover-modal .yearly-savings{color:var(--color-success);text-align:center;font-size:14px;font-weight:500}.popover-modal .plus-plan{border:2px solid var(--ui-border);background:linear-gradient(135deg, var(--color-bg-primary) 0%, #6366f105 100%);border-radius:16px;padding:32px;transition:all .3s;position:relative}.popover-modal .plan-badge{background:var(--color-primary);color:#fff;white-space:nowrap;border-radius:12px;padding:4px 12px;font-size:12px;font-weight:600;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.popover-modal .plan-header{text-align:left}.popover-modal .plan-header .popover-pricing-title-text{text-align:center;color:var(--ui-text);margin:0;font-size:14px;font-weight:400;line-height:1.4}.popover-modal .plan-header .popover-pricing-subtitle{text-align:center;color:var(--ui-text-muted);margin:0;font-size:12px;line-height:1.4}.popover-modal .plan-header .plan-name{color:var(--ui-text-bold);margin:0 0 8px;font-size:24px;font-weight:700}.popover-modal .plan-header .plan-description{color:var(--color-text-secondary);margin:0 0 16px;font-size:16px;line-height:1.4}.popover-modal .plan-header .plan-price{flex-direction:column;align-items:center;gap:8px;display:flex}.popover-modal .plan-header .plan-price .price{color:var(--ui-text-bold);font-size:70px;font-weight:100;line-height:1.1}.popover-modal .plan-header .plan-price .period{color:var(--ui-text-bold);font-size:16px;font-weight:300}.popover-modal .plan-header .billed-info{color:var(--ui-text-muted);font-size:14px;font-weight:500}.popover-modal .plan-features{flex-direction:column;align-items:center;gap:12px;margin-top:8px;display:flex}.popover-modal .plan-features .features-title{color:var(--ui-text-muted);margin-bottom:0;font-size:14px;font-weight:400;line-height:1.4}.popover-modal .plan-features .features-list{color:var(--ui-clr-500);text-align:center;flex-direction:column;gap:10px;max-width:26ch;margin:0;font-size:14px;line-height:23px;display:flex}.popover-modal .upgrade-btn-wrap{justify-content:center;display:flex}.popover-modal .auth-choice-wrap{box-sizing:border-box;flex-direction:column;align-items:center;gap:12px;padding-bottom:40px;display:flex}.popover-modal .auth-choice-wrap .upgrade-btn{cursor:pointer;text-align:center;border:none;border-radius:35px;gap:5px;width:100%;max-width:218px;padding:12px 24px;font-size:14px;font-weight:400;transition:all .2s}.popover-modal .auth-choice-wrap .upgrade-btn.primary{background-color:var(--ui-success-background);color:var(--ui-clr-950)}.popover-modal .auth-choice-wrap .upgrade-btn.secondary{color:var(--ui-text-muted);background-color:#0000;border:1px solid #1e1e1e}.popover-modal .auth-choice-wrap .upgrade-btn.secondary:hover{color:var(--ui-text);border-color:var(--ui-text-muted)}.popover-modal .upgrade-btn{cursor:pointer;background-color:var(--ui-success-background);width:auto;color:var(--ui-clr-950);border-radius:35px;gap:5px;padding:12px 34px;font-size:14px;font-weight:500;transition:all .2s}.popover-modal .upgrade-btn .upgraded-icon{box-sizing:border-box;align-items:center;width:10px;padding-top:1px;display:flex}@keyframes pulse-glow{0%,to{box-shadow:0 1px 3px #0003}50%{box-shadow:0 1px 3px #0003,0 0 8px #ffffff4d}}@media (width<=768px){.pricing-modal{width:95vw;max-height:90vh}.pricing-popover-wrap{padding:24px 20px}.pricing-plans-grid{grid-template-columns:1fr;padding:0 20px}.plan-card{padding:24px 20px}.plus-plan{padding:24px}.popover-title .popover-title-text{font-size:20px}.plan-header .plan-price .price{font-size:48px}}body:has(>div:first-child>iframe[src^="https://js.stripe.com"]) .popover-modal.pricing-modal{display:none}.popover-modal.upgrade-thank-you-modal{justify-content:flex-start;width:90%;max-width:415px;max-height:80vh;animation:3s ease-in-out infinite pulsingGlow;overflow:visible}.popover-modal .upgrade-confetti-wrap{position:relative}.popover-modal .upgrade-thank-you-content{box-sizing:border-box;z-index:1;flex-direction:column;align-items:center;gap:35px;padding-block:50px 30px;display:flex;position:relative}.popover-modal .upgrade-title-wrap{flex-direction:column;align-items:center;gap:2px;display:flex}.popover-modal h3.upgrade-title{color:var(--ui-text-bold);text-align:center;margin:0;font-size:14px;font-weight:400;line-height:21px}.popover-modal h5.upgrade-subtitle{color:var(--ui-text-muted);text-align:center;margin:0;font-size:12px;font-weight:400;line-height:18px}.popover-modal .thank-you-upgrade-icon{width:80px}.popover-modal .thank-you-upgrade-icon svg{width:100%}.popover-modal .upgrade-label{background-color:var(--ui-success-background);box-sizing:border-box;border-radius:20px;justify-content:center;min-width:170px;padding:10px 30px;display:flex}.popover-modal .upgrade-label p.upgrade-text{color:#000;text-align:center;margin:0;font-size:14px;font-weight:500}.popover-modal .upgrade-message-wrap{flex-direction:column;display:flex}.popover-modal .upgrade-message-wrap p.upgrade-message{color:var(--ui-text-muted);text-align:center;max-width:24ch;margin:0 0 12px;font-size:14px;line-height:21px}@keyframes pulsingGlow{0%,to{box-shadow:0 0 20px #96ffa54d}50%{box-shadow:0 0 40px #96ffa599}}.avatar-uploader{flex-direction:column;flex:0 0 170px;gap:16px;width:100%;display:flex}.avatar-uploader .avatar-upload-area{background-color:var(--ui-clr-900);border-radius:12px;flex-direction:column;align-items:center;gap:16px;padding:24px;transition:all .2s;display:flex}.avatar-uploader .avatar-upload-area a.btn-text:link,.avatar-uploader .avatar-upload-area a.btn-text:visited,.avatar-uploader .avatar-upload-area a.btn-text:hover,.avatar-uploader .avatar-upload-area a.btn-text:active,.avatar-uploader .avatar-upload-area .btn-text{color:var(--ui-text-muted)}.avatar-uploader .avatar-preview{background-color:var(--ui-clr-700);border:1px solid var(--ui-clr-600);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;transition:all .2s;display:flex;overflow:hidden}.avatar-uploader .avatar-preview.has-avatar{border-color:var(--ui-clr-400)}.avatar-uploader .avatar-placeholder{color:var(--ui-clr-400);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.avatar-uploader .avatar-placeholder svg{opacity:.6;width:48px;height:48px}.avatar-uploader .avatar-upload-controls{flex-flow:column wrap;justify-content:center;gap:10px;display:flex}.avatar-uploader .upload-btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.avatar-uploader .upload-btn.primary{color:#fff;background-color:#06adeb}.avatar-uploader .upload-btn.primary:hover{background-color:#0597d3;transform:translateY(-1px)}.avatar-uploader .upload-btn.primary:active{transform:translateY(0)}.avatar-uploader .upload-btn.secondary{color:var(--ui-clr-300);border:1px solid var(--ui-clr-600);background-color:#0000}.avatar-uploader .upload-btn.secondary:hover{background-color:var(--ui-clr-750);border-color:var(--ui-clr-500);color:var(--ui-clr-200)}.crop-modal{z-index:1000;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.crop-modal .crop-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000c;position:absolute;inset:0}.crop-modal .crop-modal-content{background-color:var(--ui-clr-900);border:1px solid var(--ui-clr-800);border-radius:16px;flex-direction:column;width:100%;max-width:600px;max-height:90vh;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 40px #0006}.crop-modal .crop-modal-header{background-color:var(--ui-clr-900);justify-content:center;align-items:center;padding:18px 24px;display:flex;position:relative}.crop-modal .crop-modal-header h3{color:var(--ui-clr-100);margin:0;font-size:12px;font-weight:400}.crop-modal .crop-modal-header .close-btn{color:var(--ui-clr-400);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:24px;transition:all .2s}.crop-modal .crop-modal-header .close-btn:hover{background-color:var(--ui-clr-600);color:var(--ui-clr-200)}.crop-area{background-color:var(--ui-clr-900);width:100%;height:400px;position:relative}.crop-controls{box-sizing:border-box;justify-content:center;align-items:center;width:100%;padding:35px 12px 24px;display:flex}.crop-controls .zoom-control{align-items:center;gap:12px;width:100%;max-width:300px;display:flex}.crop-controls .zoom-control label{text-transform:lowercase;color:var(--ui-clr-500);margin:0;font-size:12px;font-weight:400}.crop-controls .zoom-control input[type=range]{background:var(--ui-clr-700);appearance:none;border-radius:3px;outline:none;flex:1;height:3px}.crop-controls .zoom-control input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--ui-clr-100);cursor:pointer;border:2px solid var(--ui-clr-100);border-radius:50%;width:14px;height:14px;box-shadow:0 2px 4px #0003}.crop-controls .zoom-control input[type=range]::-webkit-slider-thumb:hover{background:var(--ui-clr-500);border-color:var(--ui-clr-500);transform:scale(1.1)}.crop-controls .zoom-control input[type=range]::-moz-range-thumb{background:var(--ui-clr-100);cursor:pointer;border:2px solid var(--ui-clr-100);border-radius:50%;width:14px;height:14px;box-shadow:0 2px 4px #0003}.crop-controls .zoom-control input[type=range]::-moz-range-thumb:hover{background:var(--ui-clr-500);border-color:var(--ui-clr-500);transform:scale(1.1)}.crop-actions{justify-content:center;align-items:center;gap:12px;padding:20px 24px;display:flex}.crop-actions .crop-btn{min-width:100px}.crop-actions .crop-btn.btn-primary:active:not(:disabled){transform:translateY(0)}.crop-actions .crop-btn.btn-primary:disabled{opacity:.6;cursor:not-allowed}.crop-actions .crop-btn.btn-primary.loading{position:relative}.crop-actions .crop-btn.btn-primary.loading:after{content:"";border:2px solid #0000;border-top-color:#fff;border-radius:50%;width:16px;height:16px;margin-left:8px;animation:1s linear infinite spin;position:absolute}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=768px){.crop-modal{padding:10px}.crop-modal-content{max-height:95vh}.crop-area{height:300px}.crop-actions{flex-direction:column}.crop-actions .crop-btn{width:100%}.avatar-upload-controls{flex-direction:column}.avatar-upload-controls .upload-btn{width:100%}}.is-design{background-color:var(--ui-clr-900)}.is-design .article-wrap:first-child .root-element{margin-top:initial}.is-design .article-wrap:first-child .grid-hero-a.variant-j .root-element{margin-bottom:0;padding-bottom:0}.projects-page{flex-direction:column;flex:auto;min-height:100dvh;display:flex}.projects-page .top-toolbar-projects .col-c{gap:15px}.projects-page.is-empty{min-height:100dvh}.projects-page .empty-sitemap{z-index:1;width:100%;height:100%;position:fixed}.projects-page .wireframe-page{box-shadow:none;box-sizing:border-box}.projects-page .projects-list{box-sizing:border-box;flex:none;grid-template-columns:repeat(2,1fr);grid-auto-rows:min-content;gap:6px;width:100%;margin:0 auto;padding:6px;font-size:.6rem;list-style:none;display:grid}@media screen and (width>=1820px){.projects-page .projects-list{grid-template-columns:repeat(3,1fr)}}@media screen and (width<=1075px){.projects-page .projects-list{grid-template-columns:repeat(1,1fr)}}.projects-page .projects-list.is-empty{flex-direction:column;flex:auto;justify-content:center;align-items:center;min-height:400px;padding:2rem;display:flex}.projects-page .projects-list.is-empty .empty-title-wrap{flex-direction:column;gap:4px;display:flex}.projects-page .projects-list.is-empty .empty-state{text-align:center;flex-direction:column;align-items:center;gap:14px;max-width:320px;display:flex}.projects-page .projects-list.is-empty .empty-state .empty-icon{width:40px;height:40px;color:var(--ui-clr-400);opacity:.7}.projects-page .projects-list.is-empty .empty-state .empty-title{color:var(--ui-clr-600);margin-block:0;font-size:31px;font-weight:200;line-height:48px}.projects-page .projects-list.is-empty .empty-state .empty-message{color:var(--ui-clr-700);margin:0;font-size:14px;font-weight:300;line-height:1.5}.projects-page .projects-list.is-empty .empty-state .btn-primary{margin-top:12px}.projects-page .projects-list footer.root-element{display:none}@media (width<=670px){.projects-page ul.projects-list{grid-template-columns:1fr;width:100%;padding:8px}}
