#root{width:100%;min-height:100vh;margin:0 auto;text-align:center;background-color:#fff}.black-arrow{color:#000!important}.page-back-btn{display:flex;flex-direction:row;justify-content:flex-start;gap:10px;align-items:center}.page-back-btn svg,.page-back-btn span{font-size:20px;color:#292929;font-weight:600}.page{width:100%;min-height:100vh;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:2%;background-color:#fffefe}.navbar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;position:sticky;top:10px;z-index:1;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:50px!important}.rnc__notification-title,.rnc__notification-message{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;text-align:start}.subtitle{text-align:start;color:#525252;padding:0%;margin:0 20px;font-size:1.25rem}.navbar-lhs{background-color:#fff;width:60%;flex-grow:1;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:10px;padding:5px;box-shadow:4px 4px 8px #0000001a,-4px -4px 8px #ffffffb3!important;border-radius:inherit}.navbar-lhs>button{box-shadow:4px 4px 8px #0000001a,-4px -4px 8px #ffffffb3!important;border-radius:inherit}.align-start{align-self:flex-start}.custom-table-container{width:100%;height:82vh;display:flex;flex-direction:column;border:2px solid #f7f7f7;padding:10px;border-radius:20px}.container{width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;margin-top:20px}.page-heading{font-size:1.5rem!important;font-weight:600!important;color:#292929!important;margin-bottom:8px!important;text-align:left}.loader-container{position:fixed;top:0;left:0;width:100%;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.custom-table{display:flex;width:100%;height:100%;overflow-x:auto;gap:10px}.MuiDataGrid-columnHeaders{background-color:#f7f7f7;border-radius:10px!important}.MuiDataGrid-columnSeparator svg{color:#c6c6c6!important}.MuiButton-contained{background-color:#ffd8e6!important;box-shadow:none!important;color:#63001f!important}.MuiButton-contained:hover{background-color:#ffbbd3!important;box-shadow:none!important;color:#63001f!important}.custom-table div{border:none}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#555}@media only screen and (max-width: 900px){h2{font-size:20px}.navbar{flex-wrap:wrap}}@media only screen and (max-width: 800px){#root{width:100%}.page{margin-top:20px}}@media only screen and (max-width: 600px){.page{margin-top:60px}}.login-page{height:100vh;width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start}.sub-heading-h2{color:#272727;font-size:30px;text-align:start;width:100%;margin:50px 0% 0%;padding:0 2rem}.login-page-logo-mobile-mode{display:none}.login-page-bottom{width:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}.login-page-lhs{position:relative;width:65%;height:100%;background-color:#0b151f;background-image:url(/assets/world-Dq1RpEJe.jpg);background-position:center;background-repeat:no-repeat;background-size:contain}.login-page-lhs-altroz-logo-holder{margin:20px 0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.login-page-lhs-altroz-logo{height:80px;border-radius:50px}.login-page-lhs-altroz-logo-holder h2{padding:0;margin:0;font-size:40px;color:#1b1b1b}.login-page-rhs{width:35%;height:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.login-button{border-color:#5837ff!important;color:#5837ff!important}.login-container{display:flex;justify-content:center;align-items:center}.login-form{display:flex;flex-direction:column;align-items:center;padding:1rem 2rem}.input-field{margin-bottom:1.5rem}.submit-button{margin-top:1.5rem}.login-sub-heading{text-align:center!important}.edit-number{width:100%}.edit-number h3{color:#0b151f;padding:0%;margin:0%}.edit-number span{color:red}@media only screen and (max-width: 700px){.login-page-lhs{display:none}.login-page-rhs{width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between}.login-page-logo-mobile-mode{width:80%;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid rgb(199,199,199);border-radius:10px;padding:10px;margin-bottom:20px;justify-self:flex-end;background-image:repeating-linear-gradient(to top left,#6abaff,#fff,#ffd7a3)}.login-page-logo-mobile-mode .login-page-lhs-altroz-logo{width:120px}.login-page-logo-mobile-mode h2{padding:0%;margin:0%;color:#282828;font-weight:400}.login-page-logo-mobile-mode{display:flex}}.rnc__notification-container--bottom-center,.rnc__notification-container--bottom-full,.rnc__notification-container--bottom-left,.rnc__notification-container--bottom-right,.rnc__notification-container--center,.rnc__notification-container--top-center,.rnc__notification-container--top-full,.rnc__notification-container--top-left,.rnc__notification-container--top-right{min-width:325px;pointer-events:all;position:absolute}.rnc__notification-container--bottom-center,.rnc__notification-container--center,.rnc__notification-container--top-center{align-items:center;display:flex;flex-direction:column;justify-content:center;left:calc(50% - 175px);max-width:350px}.rnc__notification-container--center{height:100%;pointer-events:none;top:20px}.rnc__notification-container--bottom-full,.rnc__notification-container--top-full{min-width:100%;width:100%}.rnc__notification-container--bottom-full{bottom:0}.rnc__util--flex-center{align-items:center;display:flex;flex-direction:column;justify-content:center;min-width:325px;pointer-events:all}.rnc__notification-container--top-center{top:20px}.rnc__notification-container--bottom-center{bottom:20px}.rnc__notification-container--top-left{left:20px;top:20px}.rnc__notification-container--top-right{right:20px;top:20px}.rnc__notification-container--bottom-left{bottom:20px;left:20px}.rnc__notification-container--bottom-right{bottom:20px;right:20px}.rnc__notification-container--mobile-bottom,.rnc__notification-container--mobile-top{pointer-events:all;position:absolute}.rnc__notification-container--mobile-top{left:20px;right:20px;top:20px}.rnc__notification-container--mobile-bottom{bottom:20px;left:20px;margin-bottom:-15px;right:20px}.rnc__notification-item--default{background-color:#007bff;border-left:8px solid #0562c7}.rnc__notification-item--default .rnc__notification-timer{background-color:#007bff}.rnc__notification-item--default .rnc__notification-timer-filler{background-color:#fff}.rnc__notification-item--default .rnc__notification-close-mark{background-color:#007bff}.rnc__notification-item--success{background-color:#28a745;border-left:8px solid #1f8838}.rnc__notification-item--success .rnc__notification-timer{background-color:#28a745}.rnc__notification-item--success .rnc__notification-timer-filler{background-color:#fff}.rnc__notification-item--success .rnc__notification-close-mark{background-color:#28a745}.rnc__notification-item--danger{background-color:#dc3545;border-left:8px solid #bd1120}.rnc__notification-item--danger .rnc__notification-timer{background-color:#dc3545}.rnc__notification-item--danger .rnc__notification-timer-filler{background-color:#fff}.rnc__notification-item--danger .rnc__notification-close-mark{background-color:#dc3545}.rnc__notification-item--info{background-color:#17a2b8;border-left:8px solid #138b9e}.rnc__notification-item--info .rnc__notification-timer{background-color:#17a2b8}.rnc__notification-item--info .rnc__notification-timer-filler{background-color:#fff}.rnc__notification-item--info .rnc__notification-close-mark{background-color:#17a2b8}.rnc__notification-item--warning{background-color:#eab000;border-left:8px solid #ce9c09}.rnc__notification-item--warning .rnc__notification-timer{background-color:#eab000}.rnc__notification-item--warning .rnc__notification-timer-filler{background-color:#fff}.rnc__notification-item--warning .rnc__notification-close-mark{background-color:#eab000}.rnc__notification-item--awesome{background-color:#685dc3;border-left:8px solid #4c3fb1}.rnc__notification-item--awesome .rnc__notification-timer{background-color:#685dc3}.rnc__notification-item--awesome .rnc__notification-timer-filler{background-color:#fff}.rnc__notification-item--awesome .rnc__notification-close-mark{background-color:#685dc3}@keyframes timer{0%{width:100%}to{width:0}}.rnc__base{height:100%;pointer-events:none;position:fixed;width:100%;z-index:9000}.rnc__notification-item{border-radius:3px;box-shadow:1px 3px 4px #0003;cursor:pointer;display:flex;margin-bottom:15px;position:relative}.rnc__notification-container--bottom-full .rnc__notification-item,.rnc__notification-container--top-full .rnc__notification-item{border-radius:0;margin-bottom:0}.rnc__notification-container--bottom-full .rnc__notification,.rnc__notification-container--top-full .rnc__notification{width:100%!important}.rnc__notification-timer{margin-top:10px;width:100%}.rnc__notification-timer,.rnc__notification-timer-filler{border-radius:5px;height:3px}.rnc__notification-title{color:#fff;font-size:14px;font-weight:700;margin-bottom:5px;margin-top:5px}.rnc__notification-message{word-wrap:break-word;color:#fff;font-size:14px;line-height:150%;margin-bottom:0;margin-top:0;max-width:calc(100% - 15px)}.rnc__notification-content{display:inline-block;padding:8px 15px;width:100%}.rnc__notification-close-mark{border-radius:50%;display:inline-block;height:18px;position:absolute;right:10px;top:10px;width:18px}.rnc__notification-close-mark:after{color:#fff;content:"×";font-size:12px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.rnc__notification-container--mobile-bottom .notification,.rnc__notification-container--mobile-bottom .rnc__notification-item,.rnc__notification-container--mobile-top .notification,.rnc__notification-container--mobile-top .rnc__notification-item{max-width:100%;width:100%}.rnc__notification-container--bottom-right .notification,.rnc__notification-container--top-right .notification{margin-left:auto}.rnc__notification-container--bottom-left .notification,.rnc__notification-container--top-left .notification{margin-right:auto}.rnc__notification-container--mobile-bottom .notification,.rnc__notification-container--mobile-top .notification{margin-left:auto;margin-right:auto}.logo-holder{width:100%;display:flex;justify-content:center;align-items:center;padding-top:10px}.logo-holder img{height:80px;border-radius:100px}.drawer{width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;background-color:#fff;border:none!important;color:#333!important}.MuiDrawer-paper{box-shadow:4px 4px 8px #0000001a,-4px -4px 8px #ffffffb3!important;border-radius:0 20px 20px 0!important}.drawer-top{width:100%;height:90%;margin-top:10px}.drawer-bottom{width:100%;min-height:10%;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:10px;position:relative}.drawer-footer{width:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;text-decoration:none;margin-bottom:10px}.user-avatar{width:45px;height:45px;border-radius:50%;object-fit:cover;box-shadow:4px 4px 8px #0000001a,-4px -4px 8px #ffffffb3!important}.logout-holder{width:90%;height:100%;border-radius:5px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:20px 0;overflow:hidden;font-size:14px}.logout-holder-tooltip{width:90%;height:100%;background-color:#fff;border-radius:5px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:20px 0;overflow:hidden;position:absolute;top:30px;font-size:12px}.logout-holder-user-row{width:100%;display:flex;flex-direction:row;justify-content:flex-end;align-items:center;gap:10px;margin-bottom:-25px}.logout-holder-user-row button{padding:0%;margin:0%}.logout-holder-user-row button svg{height:20px;width:20px}.logout-holder b,.logout-holder-tooltip b{display:flex;justify-content:center;align-items:center;font-size:inherit;flex-wrap:wrap}.logout-holder p,.logout-holder-tooltip p{display:flex;justify-content:center;align-items:center;font-weight:500;font-size:inherit;flex-wrap:wrap}.logout-button{background-color:#ffdcdc!important;color:#630000!important;box-shadow:4px 4px 8px #0000001a,-4px -4px 8px #ffffffb3!important}.logout-button:hover{background-color:#ffeaea!important;color:red!important;box-shadow:4px 4px 8px #0000001a,-4px -4px 8px #ffffffb3!important}.css-tkxcry-MuiPaper-root-MuiAppBar-root{box-shadow:none!important}.menu-list{padding:10px!important}.menu-list-item{margin:5px 0;border-radius:5px;color:#444}.menu-list-item-button{border-radius:30px!important}.menu-list-item.active{border-radius:30px;background-color:#e3f2fd;color:#202020;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.menu-list-item.active .menu-list-item-button{box-shadow:4px 4px 8px #0000001a,-4px -4px 8px #ffffffb3}.menu-list .active .icon svg{color:#3e3e3e}.menu-list-item:hover{border-radius:50px!important;background-color:#e3f2fd}.icon{padding:0;margin:0 10px 0 0;min-width:0!important;display:flex;align-items:center;justify-content:center}.icon svg{display:block}.powered-by-text{text-align:center;padding:0%;margin:0%;color:#333;font-weight:700;font-size:12px;text-decoration:none}.powered-by-text p{text-decoration:none}.page-holder{background:#fff!important}.chart-container,.periodic-dashboard{width:100%;display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;flex-wrap:wrap;gap:20px}.periodic-dashboard{justify-content:flex-start;margin:20px 0}.chart-card{max-width:300px;min-width:30%;flex-grow:1;background-color:#fff;border:2px solid #f4fff8;border-radius:20px}.chart,.chart-layer{width:100%;height:250%}.chart-title{width:100%;text-align:start;margin:0% 0% 0% 20px;color:gray}@media only screen and (max-width: 900px){.periodic-dashboard{justify-content:center}}.create-form-container{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.create-form-controller{width:100%;display:flex;flex-direction:column;gap:16px}.create-form-button{margin-top:8px!important;background-color:#ffd8e6!important;color:#63001f!important;box-shadow:none!important;border-radius:8px!important;padding:10px 20px!important;font-weight:600!important;text-transform:none!important}.create-form-button:hover{background-color:#ffbbd3!important;box-shadow:none!important}.create-form-controller .MuiTextField-root{background-color:#fff;border-radius:10px}.create-form-controller .MuiOutlinedInput-root{border-radius:10px}@media only screen and (max-width: 600px){.create-form-container{width:300px}}.project-header{margin-bottom:30px;text-align:left}.project-subtitle{color:#666!important;font-size:.875rem!important;text-align:left;line-height:1.5}.project-list{width:100%;display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start;justify-content:flex-start;gap:24px}.project-card{width:300px;min-height:160px;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;border:1px solid #f6f6f6;border-radius:10px;cursor:pointer;background-color:#fff;box-shadow:4px 4px 8px #0000001a,-4px -4px 8px #ffffffb3!important;transition:all .3s ease}.project-card:hover{transform:translateY(-2px);box-shadow:4px 4px 8px #00000026,-4px -4px 8px #ffffffb3!important}.create-project{border-color:#5eff5e67}.create-project:hover{border-color:#5eff5e99}.project-card-thumbnail,.project-card-thumbnail img{width:278px;height:50px;border-radius:10px 10px 0 0}.project-card-title{width:100%;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:12px;margin-bottom:8px}.project-card-heading{font-size:1.125rem;font-weight:600;margin:0;padding:0;text-align:start;color:#292929;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.project-card-icon{width:40px;height:40px;display:flex;flex-direction:row;justify-content:center;align-items:center;border-radius:8px;flex-shrink:0;box-shadow:0 2px 6px #00000026;padding:0;overflow:hidden}.project-card-icon>div{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.create-project .project-card-icon{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.project-card-details{width:100%;padding:20px;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.project-card-desc{width:100%;text-align:start;font-size:.875rem;color:#666;line-height:1.5;margin-top:4px}.project-card-desc>span{display:inline-block;padding:2px 8px;background-color:#e6f6ff;color:#292929;border-radius:4px;font-size:.75rem;font-weight:500;margin-bottom:8px}.project-card-desc p{margin:0;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.project-card-url{margin:0 0 8px!important;font-size:.8125rem!important;color:#4a90e2!important;word-break:break-all;-webkit-line-clamp:1!important;line-clamp:1!important}.project-card-url strong{color:#292929;font-weight:600;margin-right:4px}.create-project-dialog .MuiDialog-paper{border-radius:20px!important;box-shadow:none!important;border:1px solid #f6f6f6;overflow:hidden;max-width:500px!important;width:90%!important}.create-project-dialog-title{font-size:1.5rem!important;font-weight:600!important;color:#292929!important;padding:24px 24px 16px!important;margin:0!important;text-align:left}.create-project-close-button{position:absolute!important;right:16px!important;top:16px!important;color:#666!important;padding:8px!important}.create-project-close-button:hover{background-color:#0000000a!important}.create-project-modal{width:100%;padding:0 24px 24px!important}.project-details-header{width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:0 20px}.project-details-header-lhs{width:50%;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;min-width:200px}.project-details-header-lhs .create-form-controller,.project-details-header-rhs .create-form-controller{width:100%;background-color:#fff;padding:10px;border:1px solid #ffdcdc;border-radius:10px}.project-details-header-rhs{width:45%;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;min-width:200px}.project-details-container{width:100%;margin-top:20px}.project-details-header-accordion{width:100%;background-color:#e6f6ff!important;box-shadow:4px 4px 8px #0000001a,-4px -4px 8px #ffffffb3!important;border-radius:20px!important}.project-details-color-input-container{width:100%;display:flex;flex-direction:row!important;justify-content:space-between;align-items:center;margin:0 0 10px!important}.project-details-color-input{width:50px;height:50px;border:none}.project-details-color-input-text{width:calc(100% - 60px)}.project-details-label{color:#0009;font-family:Roboto,Helvetica,Arial,sans-serif;font-weight:400;font-size:.8rem!important;width:50%;flex-grow:1;text-align:start;padding:0%;margin:0% 0% 10px 20px}.project-details-logo-input{width:100%;padding:10px;margin-bottom:10px;background-color:#e6f6ff;border-radius:10px;border:1px solid #ffdcdc}.project-enable-switch{width:100%}.project-details-header-rhs-controller{width:100%;display:flex;justify-content:end;gap:30px}.project-details-logo-input-container{width:100%;display:flex!important;flex-direction:row!important;justify-content:space-between;align-items:center!important;gap:10px;margin-top:0%!important}.project-logo{width:100px;height:60px;object-fit:contain;border:1px solid #ffdcdc}.project-details-logo-input-container input{width:50%;flex-grow:1;margin:0%}.project-details-title-container{display:flex;align-items:center;gap:8px}.project-details-title-container.has-description{margin-bottom:12px}.project-details-title{font-weight:600!important;color:#2e2e2e;margin:0;font-size:1.5rem!important}.project-details-edit-button{padding:4px;margin-left:4px}.project-details-edit-button:hover{background-color:#0000000a}.project-details-edit-icon{font-size:1.2rem;color:#807d7d}.project-details-description{text-align:start;font-weight:500!important;color:#4e4e4e;font-size:1rem!important}.project-details-form-container{width:100%}.project-details-rocket-icon{color:#ff84b1!important}.configurator-container{width:100%;background-color:transparent}.configurator-container .MuiAccordion-root:before,.configurator-container .MuiPaper-root.MuiAccordion-root:before{display:none!important;content:""!important;height:0!important;width:0!important;opacity:0!important;visibility:hidden!important;position:absolute!important;pointer-events:none!important;background:none!important;border:none!important;margin:0!important;padding:0!important}.configurator-header{width:100%;margin-bottom:30px}.configurator-button{background-color:#ffd8e6!important;color:#63001f!important;box-shadow:none!important;border-radius:8px;padding:10px 20px;font-weight:600;text-transform:none}.configurator-button:hover{background-color:#ffbbd3!important;box-shadow:none!important}.configurator-button.save-button{background-color:#e6f6ff!important;color:#292929!important}.configurator-button.save-button:hover{background-color:#cef!important}.configurator-test-button{background-color:#e6f6ff!important;color:#292929!important;box-shadow:none!important;border-radius:8px;padding:6px 16px!important;font-weight:600;text-transform:none;font-size:.875rem!important}.configurator-test-button:hover{background-color:#cef!important;box-shadow:none!important}.configurator-empty-state{background-color:#f7f7f7;border:2px dashed #ffd8e6;border-radius:20px;min-height:300px}.configurator-list{width:100%;display:flex;flex-direction:column;gap:20px}.configurator-accordion{width:100%;background-color:#e6f6ff!important;box-shadow:4px 4px 8px #0000001a,-4px -4px 8px #ffffffb3!important;border-radius:20px!important;margin-bottom:20px!important}.configurator-accordion:before,.configurator-accordion.MuiPaper-root:before,.configurator-accordion.MuiAccordion-root:before,.configurator-accordion.MuiPaper-root.MuiAccordion-root:before{display:none!important;content:""!important;height:0!important;width:0!important;opacity:0!important;visibility:hidden!important;position:absolute!important;pointer-events:none!important;background:none!important;border:none!important;margin:0!important;padding:0!important}.configurator-accordion-summary{padding:15px 20px!important;min-height:60px!important;height:60px!important;max-height:60px!important}.configurator-accordion-summary.Mui-expanded{min-height:60px!important;height:60px!important;max-height:60px!important}.configurator-accordion-details{padding:20px!important;background-color:#fff;border-radius:0 0 20px 20px}.configurator-delete-button{color:#dc3545!important;background-color:transparent!important}.configurator-delete-button:hover{background-color:#c8233339!important}.configurator-form{width:100%;display:flex;flex-direction:column;gap:5px}.configurator-sub-accordion{background-color:#f7f7f7!important;box-shadow:2px 2px 4px #0000000d!important;border-radius:10px!important;margin-bottom:15px!important;border:1px solid #ececec!important;margin-top:0!important;overflow:hidden}.configurator-sub-accordion.Mui-expanded,.configurator-sub-accordion .MuiCollapse-root{margin-top:0!important}.configurator-sub-accordion .MuiCollapse-wrapper,.configurator-sub-accordion .MuiCollapse-wrapperInner{margin-top:0!important;padding-top:0!important}.configurator-sub-accordion .MuiAccordionSummary-root{background-color:#fff;border-radius:10px 10px 0 0;padding:12px 16px;min-height:48px!important;height:48px!important;max-height:48px!important;margin:0!important}.configurator-sub-accordion .MuiAccordionSummary-root.Mui-expanded{min-height:48px!important;height:48px!important;max-height:48px!important;margin:0!important}.configurator-sub-accordion .MuiAccordionSummary-content,.configurator-sub-accordion .MuiAccordionSummary-content.Mui-expanded{margin:0!important}.configurator-sub-accordion .MuiAccordionSummary-root:before{display:none!important;content:""!important}.configurator-sub-accordion .MuiAccordionDetails-root{padding:20px;background-color:#fefefe;border-radius:0 0 10px 10px;margin:0!important;overflow:hidden}.configurator-section-header{display:flex;align-items:center;gap:8px}.configurator-section-icon{font-size:9px!important;height:25px!important;width:25px!important;padding:2px;color:#1d1d1d}.configurator-section-title{font-size:.95rem;font-weight:600}.configurator-importance-box{margin-bottom:24px;padding:16px;background-color:#e3f2fd;border-radius:8px;border:1px solid #90caf9;text-align:left}.configurator-importance-text{text-align:left}.configurator-section-subtitle{margin-bottom:16px;font-weight:600}.configurator-section-divider{margin-top:24px;margin-bottom:24px}.configurator-section-box{margin-bottom:24px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;width:100%}@media (min-width: 1400px){.configurator-section-box{grid-template-columns:repeat(4,1fr)}}@media (max-width: 900px){.configurator-section-box{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.configurator-section-box{grid-template-columns:repeat(2,1fr)}}.configurator-section-box .MuiFormControlLabel-root{margin:0;padding:8px;border-radius:8px;transition:background-color .2s;white-space:nowrap}.configurator-section-box .MuiFormControlLabel-root:hover{background-color:#f5f5f5}.configurator-section-box .MuiFormControlLabel-label{font-size:.875rem;-webkit-user-select:none;user-select:none;white-space:nowrap}.configurator-rich-result-select{margin-bottom:24px;width:100%}.configurator-rich-result-select .MuiOutlinedInput-root{background-color:#fff;border-radius:8px;min-height:56px;padding:4px 8px}.configurator-rich-result-chip{background-color:#e3f2fd!important;color:#1976d2!important;font-size:.875rem;height:28px;margin:2px}.configurator-rich-result-chip .MuiChip-deleteIcon{color:#1976d2!important;font-size:1.125rem}.configurator-rich-result-chip .MuiChip-deleteIcon:hover{color:#1565c0!important}.configurator-section-mb-1{margin-bottom:8px}.configurator-section-mt-1{margin-top:8px}.configurator-grid{display:flex;flex-direction:column;gap:20px;width:100%;margin:20px 0}.configurator-main-layout{display:grid;grid-template-columns:1fr 1fr;gap:30px;width:100%}.configurator-inputs-column{display:flex;flex-direction:column}.configurator-preview-column{position:sticky;top:20px;height:fit-content;overflow-y:auto}.configurator-preview-panel{background-color:#fefefe;border-radius:12px;padding:20px;text-align:left}.configurator-preview-section{margin-bottom:20px;text-align:left}.configurator-preview-image-item{margin-bottom:16px}.social-preview-card{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:12px;box-shadow:0 1px 3px #0000001a;transition:box-shadow .2s;text-align:left}.social-preview-card:hover{box-shadow:0 2px 6px #00000026}.google-search-preview{max-width:600px}.search-preview{padding:8px;text-align:left}.google-image-container{width:120px;min-width:120px;height:90px;overflow:hidden;border-radius:4px;background-color:#f1f3f4;flex-shrink:0}.google-preview-image{width:100%;height:100%;object-fit:contain;display:block}.facebook-preview{max-width:500px;background-color:#fff;border:1px solid #ccd0d5}.og-image-container{width:100%;overflow:hidden;border-radius:8px 8px 0 0;background-color:#f0f2f5;display:flex;align-items:center;justify-content:center}.og-preview-image{width:100%;height:auto;display:block;max-height:400px;object-fit:contain;object-position:center}.og-content{padding:12px;text-align:left}.twitter-preview{max-width:500px;background-color:#fff;border:1px solid #e1e8ed}.twitter-image-container{width:100%;overflow:hidden;border-radius:8px;margin-bottom:12px;background-color:#f7f9fa}.twitter-preview-image{width:100%;height:auto;display:block;max-height:300px;object-fit:cover}.twitter-content{padding:0;text-align:left}.rich-snippet-preview{background-color:#fff;border:1px solid #dadce0;width:fit-content;max-width:100%}.rich-snippet-content{padding:8px;text-align:left;display:flex;flex-direction:column;gap:16px}.configurator-code-preview{background-color:#1e1e1e;border-radius:8px;padding:16px;overflow-x:auto;max-height:400px;overflow-y:auto}.configurator-code-preview pre{margin:0;font-family:Courier New,monospace;font-size:.85rem;line-height:1.5;color:#d4d4d4}.configurator-code-preview code{color:#d4d4d4;white-space:pre}.configurator-input{width:100%}.configurator-input .MuiOutlinedInput-root{background-color:#fff;border-radius:8px}.configurator-input .MuiOutlinedInput-root:hover{background-color:#fefefe}.configurator-input .MuiOutlinedInput-root.Mui-focused{background-color:#fff}.configurator-faq-item{background-color:#fff;padding:15px;border-radius:8px;border:1px solid #ececec;margin-bottom:15px}.configurator-faq-item:last-child{margin-bottom:0}@media (max-width: 900px){.configurator-container{padding:15px}.configurator-grid{grid-template-columns:1fr;gap:15px}.configurator-accordion-summary{flex-direction:column;align-items:flex-start!important;gap:10px}.configurator-header{margin-bottom:20px}.configurator-button{width:100%;margin-bottom:10px}}@media (max-width: 600px){.configurator-container{padding:10px}.configurator-accordion-details{padding:15px!important}.configurator-sub-accordion .MuiAccordionDetails-root{padding:15px}}.configurator-accordion-details::-webkit-scrollbar{width:8px}.configurator-accordion-details::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.configurator-accordion-details::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.configurator-accordion-details::-webkit-scrollbar-thumb:hover{background:#555}.configurator-image-upload-wrapper{display:flex;flex-direction:column;gap:12px;width:100%;margin-top:10px}.configurator-image-upload-input{display:flex;flex-direction:column;gap:12px}.configurator-upload-button{align-self:flex-start;border-color:#ffd8e6!important;color:#63001f!important;text-transform:none}.configurator-upload-button:hover{background-color:#ffd8e6!important;border-color:#ffbbd3!important}.configurator-image-preview-box{width:100%;min-height:300px;background-color:#f5f5f5;border-radius:8px;border:1px solid #e0e0e0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;box-sizing:border-box}.configurator-image-preview-empty{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;background-color:#f5f5f5;border-radius:8px;min-height:300px}.configurator-preview-image{max-width:100%;max-height:250px;width:auto;height:auto;object-fit:contain;border-radius:8px;border:1px solid #ddd;background-color:#fff;display:block;margin-bottom:12px}.configurator-image-properties{display:flex;flex-direction:column;gap:6px;width:100%;padding-top:12px;border-top:1px solid #e0e0e0}.configurator-image-properties .MuiTypography-caption{font-size:.75rem;line-height:1.5}@media (max-width: 900px){.configurator-image-upload-wrapper{grid-template-columns:1fr;gap:15px}.configurator-image-preview-box,.configurator-image-preview-empty{min-height:250px}}.setup-container{width:100%;background-color:transparent}.setup-header{width:100%;margin-bottom:30px}.setup-header-title-container{display:flex;align-items:center;gap:8px;margin-bottom:16px}.setup-header-title{color:#292929}.setup-header-description{margin-bottom:16px;text-align:start}.setup-paper{width:100%;background-color:#fff!important;box-shadow:0 1px 3px #0000001a!important;border-radius:12px!important;margin-bottom:20px!important;padding:24px!important;border:1px solid #ececec!important}.setup-section-header{display:flex;align-items:center;gap:8px;margin-bottom:16px}.setup-section-title{font-size:.95rem;font-weight:600;color:#292929}.setup-section-description{margin-bottom:16px;text-align:start}.setup-api-key-container{display:flex;gap:8px}.setup-api-key-input{width:100%}.setup-api-key-input .MuiOutlinedInput-root{background-color:#fff;border-radius:8px;font-family:monospace;font-size:.875rem}.setup-api-key-input .MuiOutlinedInput-root:hover{background-color:#fefefe}.setup-api-key-input .MuiOutlinedInput-root.Mui-focused{background-color:#fff}.setup-copy-button{border:1px solid;border-color:#0000003b;border-radius:8px;width:50px!important;height:50px!important}.setup-documentation-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.setup-documentation-title-container{display:flex;align-items:center;gap:8px}.setup-github-button-small{background-color:#f6f8fa!important;color:#24292f!important;box-shadow:none!important;border-radius:6px;padding:6px 16px!important;font-weight:500;text-transform:none;font-size:.875rem!important;border:1px solid #d0d7de!important}.setup-github-button-small:hover{background-color:#f3f4f6!important;box-shadow:none!important;border-color:#d0d7de!important}.setup-loading-container{display:flex;justify-content:center;padding:32px 0}.setup-readme-content{background-color:#fff;border-radius:8px;padding:0;margin-top:16px;color:#24292f;font-size:16px;line-height:1.5;word-wrap:break-word}.setup-readme-content h1{font-size:2em;font-weight:600;margin-top:24px;margin-bottom:16px;padding-bottom:.3em;border-bottom:1px solid #d0d7de;color:#24292f;text-align:start}.setup-readme-content h2{font-size:1.5em;font-weight:600;margin-top:24px;margin-bottom:16px;padding-bottom:.3em;border-bottom:1px solid #d0d7de;color:#24292f;text-align:start}.setup-readme-content h3{font-size:1.25em;font-weight:600;margin-top:24px;margin-bottom:16px;color:#24292f;text-align:start}.setup-readme-content h4{font-size:1em;font-weight:600;margin-top:24px;margin-bottom:16px;color:#24292f;text-align:start}.setup-readme-content h5{font-size:.875em;font-weight:600;margin-top:24px;margin-bottom:16px;color:#24292f;text-align:start}.setup-readme-content h6{font-size:.85em;font-weight:600;margin-top:24px;margin-bottom:16px;color:#57606a;text-align:start}.setup-readme-content p{margin-top:0;margin-bottom:10px;line-height:1.5;text-align:start}.setup-readme-content code{padding:.2em .4em;margin:0;font-size:85%;background-color:#afb8c133;border-radius:6px;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;text-align:start}.setup-readme-content pre{padding:16px;overflow:auto;font-size:85%;line-height:1.45;background-color:#f6f8fa;border-radius:6px;margin-top:0;margin-bottom:16px;text-align:start}.setup-readme-content pre code{display:inline;max-width:auto;padding:0;margin:0;overflow:visible;line-height:inherit;word-wrap:normal;background-color:transparent;border:0;font-size:100%}.setup-code-block-wrapper{position:relative;margin-bottom:16px}.setup-code-block-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background-color:#ededed;border:1px solid #d0d7de;border-bottom:none;border-radius:6px 6px 0 0;font-size:12px;color:#3c3c3c}.setup-code-block-language{font-weight:500;text-transform:uppercase}.setup-code-copy-button{padding:4px!important;color:#656d76!important;opacity:.7;transition:opacity .2s}.setup-code-copy-button:hover{opacity:1;background-color:#0000000d!important}.setup-code-block-wrapper pre{margin-top:0;border-radius:0 0 6px 6px;border:1px solid #d0d7de;border-top:none}.setup-code-block-wrapper .setup-syntax-highlighter{margin:0!important;padding:16px!important;background-color:#f6f8fa!important}.setup-code-block-wrapper code{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace!important;font-size:85%!important;line-height:1.45!important}.setup-readme-content ul,.setup-readme-content ol{margin-top:0;margin-bottom:16px;padding-left:2em;text-align:start}.setup-readme-content li{margin-top:.25em}.setup-readme-content li>p{margin-top:16px}.setup-readme-content li+li{margin-top:.25em}.setup-readme-content a{color:#0969da;text-decoration:none;text-align:start}.setup-readme-content a:hover{text-decoration:underline}.setup-readme-content blockquote{padding:0 1em;color:#656d76;border-left:.25em solid #d0d7de;margin:0 0 16px;text-align:start}.setup-readme-content blockquote>:first-child{margin-top:0}.setup-readme-content blockquote>:last-child{margin-bottom:0}.setup-readme-content table{border-spacing:0;border-collapse:collapse;display:block;width:max-content;max-width:100%;overflow:auto;margin-top:0;margin-bottom:16px}.setup-readme-content table th{font-weight:600;padding:6px 13px;border:1px solid #d0d7de;background-color:#f6f8fa}.setup-readme-content table td{padding:6px 13px;border:1px solid #d0d7de}.setup-readme-content table tr{background-color:#fff;border-top:1px solid #d0d7de}.setup-readme-content table tr:nth-child(2n){background-color:#f6f8fa}.setup-readme-content hr{height:.25em;padding:0;margin:24px 0;background-color:#d0d7de;border:0}.setup-readme-content img{max-width:100%;box-sizing:content-box;background-color:#fff}.setup-readme-content .task-list-item{list-style-type:none}.setup-readme-content .task-list-item input{margin:0 .2em .25em -1.6em;vertical-align:middle}.setup-readme-content strong{font-weight:600}.setup-readme-content em{font-style:italic}.setup-alert{margin-bottom:16px}.setup-github-button{width:100%;background-color:#f6f8fa!important;color:#24292f!important;box-shadow:none!important;border-radius:6px;padding:10px 20px;font-weight:500;text-transform:none;border:1px solid #d0d7de!important}.setup-github-button:hover{background-color:#f3f4f6!important;box-shadow:none!important;border-color:#d0d7de!important}@media (max-width: 900px){.setup-container{padding:15px}.setup-header{margin-bottom:20px}.setup-documentation-header{flex-direction:column;align-items:flex-start;gap:12px}.setup-github-button-small{width:100%}}@media (max-width: 600px){.setup-container{padding:10px}.setup-paper{padding:16px!important}.setup-readme-content{margin-top:12px}}.testing-container{width:100%;padding:0;background-color:transparent}.testing-header{margin-bottom:30px;text-align:left}.testing-subtitle{color:#666!important;font-size:.875rem!important;text-align:left;line-height:1.5}.testing-url-input-section{margin-bottom:30px;width:100%;max-width:600px;text-align:left}.testing-url-input{background-color:#fff;border-radius:10px}.testing-regex-error{color:#d32f2f!important;font-weight:500!important;margin-top:8px;padding:12px;background-color:#ffebee;border-radius:8px;border-left:4px solid #d32f2f;text-align:left;font-size:.875rem!important}.testing-cards-grid{display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start;justify-content:flex-start;gap:24px;width:100%}@media (max-width: 900px){.testing-cards-grid{flex-direction:column}.testing-card{width:100%;flex:1 1 100%}}.testing-card{background-color:#fff;border-radius:10px!important;box-shadow:4px 4px 8px #0000001a,-4px -4px 8px #ffffffb3!important;transition:all .3s ease;border:1px solid #f6f6f6;overflow:hidden;position:relative;width:450px;flex:0 0 450px}.testing-card:hover{transform:translateY(-2px);box-shadow:4px 4px 8px #00000026,-4px -4px 8px #ffffffb3!important}.google-rich-results-card,.page-speed-card{background-color:#fff}.testing-card-content{padding:20px!important;display:flex;flex-direction:column;gap:12px;position:relative;z-index:1}.testing-card-icon-container{width:48px;height:48px;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:8px;box-shadow:0 2px 6px #00000026}.google-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.google-icon .testing-card-icon{color:#fff!important}.speed-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.speed-icon .testing-card-icon{color:#fff!important}.testing-card-icon{font-size:24px!important}.testing-card-title{font-weight:600!important;color:#292929!important;margin:0!important;text-align:left;font-size:1.125rem!important}.testing-card-description{color:#666!important;line-height:1.5!important;margin:0!important;min-height:48px;text-align:left;font-size:.875rem!important}.testing-card-url-display{background-color:#f5f5f5;border-radius:8px;padding:12px 16px;margin-top:8px;border:1px solid #e0e0e0;display:flex;flex-direction:column;gap:4px;text-align:left}.testing-url-label{font-weight:500!important;color:#888!important;text-transform:uppercase;font-size:.7rem!important;letter-spacing:.5px;text-align:left}.testing-url-value{color:#292929!important;font-weight:500!important;font-family:Monaco,Menlo,Courier New,monospace;font-size:.85rem!important;word-break:break-all;text-align:left}.testing-card-button{margin-top:8px!important;padding:10px 20px!important;font-weight:600!important;text-transform:none!important;border-radius:8px!important;box-shadow:none!important;transition:all .3s ease!important}.google-button{background-color:#e6f6ff!important;color:#292929!important}.google-button:hover{background-color:#cef!important;box-shadow:none!important}.speed-button{background-color:#e6f6ff!important;color:#292929!important}.speed-button:hover{background-color:#cef!important;box-shadow:none!important}@media (max-width: 600px){.testing-container{padding:0}.testing-card-content{padding:24px!important}.testing-cards-grid{gap:16px}.testing-title{font-size:1.5rem!important}}:root{font-family:Poppins,sans-serif!important;font-weight:400;font-style:normal;line-height:1.5;color-scheme:light;color:#000;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background-color:#f9eded}h1{font-size:3.2em;line-height:1.1}.powered-by-note{width:calc(100% - 10px);padding:4px 5px;background-color:#000;border-radius:10px 10px 0 0;text-align:center}.powered-by-note a{color:#fff;text-decoration:none;font-size:12px}