@charset "UTF-8";.separator-picker{position:relative;z-index:2222;width:100vw;margin:0 auto;padding-top:2px;height:2px!important;border-radius:2px;background:linear-gradient(-90deg,#dc0d94,#4e00ab);transition:background .3s ease;-webkit-transition:background .3s ease;-moz-transition:background .3s ease;-o-transition:background .3s ease;box-shadow:0 2px 5px 2px #96969633}.template-picker-container{position:relative;display:flex;flex-direction:column;width:100%;max-width:100vw;min-height:auto;height:100%;top:0;right:0;bottom:0;left:0;margin:0;background-color:#f8fbff;padding:0;overflow-y:scroll}.template-picker-container .header--content{position:relative;z-index:9990;display:flex;flex-direction:column;width:100%;margin:0;padding:10px 15vh 5px 25px;box-sizing:border-box;background-color:#f5f5f5;box-shadow:0 4px 5px 1px #0000001a}.template-picker-container .header--content--title{display:flex;flex-direction:row;width:100%;margin:0 auto 0 0;align-items:center}.template-picker-container .header--content--title .picto--title--dashboard{width:50px;height:50px;background:linear-gradient(-40deg,#0231fd,#02a5fc);color:#fff;border-radius:12px;padding:12px;margin-right:10px}.template-picker-container .header--content--title .text{display:flex;flex-direction:column;font-size:20px;line-height:30px;font-weight:300;color:gray}.template-picker-container .header--content--title .text .description{width:100%;margin-top:-10px;text-align:left;font-size:12px;font-weight:300;color:#1a1a1a}.template-picker-container .header--content .title--project{width:90%;margin:5px auto;text-align:left}.template-picker-container .header--content--input{background-color:#fff;border:2px solid #0231fd;color:#4a9df8;border-radius:10px;outline:none;width:90%;height:50px;margin:5px auto 10px 5%;font-size:18px;transition:border .3s ease,color .3s ease;-webkit-transition:border .3s ease,color .3s ease;-moz-transition:border .3s ease,color .3s ease;-o-transition:border .3s ease,color .3s ease}.template-picker-container .header--content--input:focus{border:2px solid #f17fbc}.template-picker-container .header--content .text--error{color:#f17fbc;width:90%;text-align:left;font-size:11px;margin:0 auto 10px}.template-picker-container .header--content .btn--start{position:relative;display:flex;flex-direction:row;align-items:center;padding:15px 40px;font-size:clamp(10px,3.2vw,16px);margin:50px auto 0;cursor:pointer;border-radius:25px;border:none;background:linear-gradient(90deg,#d7a2ff,#f17fbc,#f17fbc,#d7a2ff);background-size:200%;background-position:left;color:#fff;transition:background-position .3s ease-in}.template-picker-container .header--content .btn--start svg{margin-right:15px}.template-picker-container .header--content .btn--start:hover{background-position:right}.btn--generate{align-self:center;padding:14px 32px;border:none;border-radius:12px;font-weight:700;font-size:1.1rem;cursor:pointer;display:inline-flex;align-items:center;gap:10px;background:linear-gradient(90deg,#4a9df8,#0d4d93,#0d4d93,#4a9df8);background-size:200%;background-position:left;color:#fff;box-shadow:0 0 2px 1px #173f7380;min-width:180px;justify-content:center;margin:20px 0;position:absolute;right:3vw;animation:pulseIn 1.5s ease-in-out 3;transition:all .3s ease}.btn--generate:hover{background-position:right;transition:all .3s ease-in}@keyframes pulseIn{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@media(max-width:768px){.template-picker-container{padding:15px;gap:15px}.btn--generate{padding:12px 24px;font-size:1rem;min-width:160px;margin:15px 0}}@media(max-width:480px){.btn--generate{padding:10px 20px;font-size:.9rem;min-width:140px;margin:10px 0}}.ribbon-customizer-container{width:100%;position:relative;z-index:990;background-color:#f5f5f5}.ribbon-customizer-container .header--content{position:relative;display:flex;flex-direction:row;width:100%;padding:10px 25px 5px;background-color:#f5f5f5;box-shadow:0 0 10px 2px #0003;border-bottom:2px solid lightgrey}.ribbon-customizer-container .header--content--title{display:flex;flex-direction:row;margin:0 auto 0 0;align-items:center}.ribbon-customizer-container .header--content--title .picto--title--dashboard{width:50px;height:50px;background:linear-gradient(-90deg,#dc0d94,#4e00ab);color:#fff;border-radius:12px;padding:12px;margin-right:10px}.ribbon-customizer-container .header--content--title .text{display:flex;flex-direction:column;font-size:20px;line-height:30px;font-weight:300;color:gray}.ribbon-customizer-container .header--content--title .text .description{width:100%;margin-top:-10px;text-align:left;font-size:12px;font-weight:300;color:#1a1a1a!important}.ribbon-customizer-container .header--content--title .text .description b{font-size:20px}.ribbon-customizer-container .header--content .title--project{width:90%;margin:5px auto;text-align:left}.ribbon-customizer-container .header--content--input{background-color:#fff;border:2px solid #4e00ab;color:#4e00ab;border-radius:10px;outline:none;width:90%;height:50px;margin:5px auto 10px 5%;font-size:18px;transition:border .3s ease,color .3s ease;-webkit-transition:border .3s ease,color .3s ease;-moz-transition:border .3s ease,color .3s ease;-o-transition:border .3s ease,color .3s ease}.ribbon-customizer-container .header--content--input:focus{border:2px solid #4e00ab}.ribbon-customizer-container .header--content .text--error{color:#4e00ab;width:90%;text-align:left;font-size:11px;margin:0 auto 10px}.btn--download{position:relative;align-items:center;padding:15px 40px;font-size:clamp(10px,3.2vw,16px);margin:-2px 25px auto!important;cursor:pointer;border-radius:25px;border:none;background:linear-gradient(-90deg,#dc0d94,#4e00ab);background-size:200%;background-position:left;color:#fff;transition:background-position .3s ease}.btn--download svg{margin-right:15px}.btn--download:hover{background-position:right}.ribbon-preview{position:relative;z-index:9990;flex-direction:column;width:100%;max-width:100vw;height:100%;top:0;right:0;bottom:0;left:0;margin:0;padding:0 0 15vh}.ribbon-preview .header--content{position:relative;display:flex;z-index:999;flex-direction:row;width:100%;padding:10px 25px 5px;background-color:#f5f5f5;box-shadow:0 4px 5px 1px #0000001a}.ribbon-preview .header--content--title{display:flex;flex-direction:row;margin:0 auto 0 0;align-items:center}.ribbon-preview .header--content--title .picto--title--dashboard{width:50px;height:50px;background:linear-gradient(-90deg,#dc0d94,#4e00ab);color:#fff;border-radius:12px;padding:12px;margin-right:10px}.ribbon-preview .header--content--title .text{display:flex;flex-direction:column;font-size:20px;line-height:30px;font-weight:300;color:gray}.ribbon-preview .header--content--title .text .description{width:100%;margin-top:-10px;text-align:left;font-size:12px;font-weight:300;color:#1a1a1a!important}.ribbon-preview .header--content--title .text .description b{font-size:20px}.ribbon-preview .header--content .title--project{width:90%;margin:5px auto;text-align:left}.ribbon-preview .header--content--input{background-color:#fff;border:2px solid #4e00ab;color:#4e00ab;border-radius:10px;outline:none;width:90%;height:50px;margin:5px auto 10px 5%;font-size:18px;transition:border .3s ease,color .3s ease;-webkit-transition:border .3s ease,color .3s ease;-moz-transition:border .3s ease,color .3s ease;-o-transition:border .3s ease,color .3s ease}.ribbon-preview .header--content--input:focus{border:2px solid #4e00ab}.ribbon-preview .header--content .text--error{color:#4e00ab;width:90%;text-align:left;font-size:11px;margin:0 auto 10px}.ribbon-preview .separator{position:relative;top:0;z-index:1111;width:100vw;margin:0 auto;padding-top:1px;height:2px;border-radius:2px;background:linear-gradient(-90deg,#dc0d94,#4e00ab);transition:background .3s ease;-webkit-transition:background .3s ease;-moz-transition:background .3s ease;-o-transition:background .3s ease;box-shadow:0 2px 5px 2px #96969633}.ribbon-preview-content{position:relative;width:100%;height:100%;margin:0;padding:0;display:flex;flex-direction:row;overflow-y:auto;background-color:#f8fbff}.ribbon-preview-content .device-section{position:relative;display:flex;flex-direction:column;width:100%;height:100%;background-color:#f8fbff;padding:0}.ribbon-preview-content .device-section .close{height:105px;border:1px solid lightgray}.ribbon-preview-content .device-section .open{height:560px;border:1px solid grey}.ribbon-preview-content .device-section .open-full{min-height:770px;border:1px solid grey}.ribbon-preview-content .device-section-content{position:relative;width:95%;min-height:fit-content;margin:20px auto;padding:20px;border-radius:20px;overflow:hidden;transform-origin:bottom center;will-change:height;transition:height 1s ease,border .3s ease;-webkit-transition:height 1s ease,border .3s ease;-moz-transition:height 1s ease,border .3s ease;-o-transition:height 1s ease,border .3s ease}.ribbon-deploy{position:relative;display:flex;flex-direction:column;width:100%;max-width:100vw;min-height:auto;height:100%;margin:0;padding:0 0 15vh;overflow-y:auto;background-color:#f5f5f5}.ribbon-deploy .header--content{position:relative;z-index:1120;display:flex;flex-direction:row;width:100%;padding:10px 25px 5px;background-color:#f5f5f5;box-shadow:0 0 10px 2px #0003;border-bottom:2px solid lightgrey}.ribbon-deploy .header--content--title{display:flex;flex-direction:row;margin:0 auto 0 0;align-items:center}.ribbon-deploy .header--content--title .text{display:flex;flex-direction:column;font-size:20px;line-height:30px;font-weight:400}.ribbon-deploy .header--content--title .text .description{width:100%;margin-top:-10px;text-align:left;font-size:12px;font-weight:300;color:#6b6a6a!important}.ribbon-deploy .header--content--title .text .description b{font-size:20px}.ribbon-deploy .header--content .title--project{width:90%;margin:5px auto;text-align:left}.ribbon-deploy .separator{position:relative;top:0;z-index:1111;width:100vw;margin:0 auto;padding-top:1px;height:2px;border-radius:2px;background:linear-gradient(-90deg,#dc0d94,#4e00ab);transition:background .3s ease;-webkit-transition:background .3s ease;-moz-transition:background .3s ease;-o-transition:background .3s ease;box-shadow:0 2px 5px 2px #96969633}.ribbon-deploy .pagination--setting{width:90%;margin:5px auto 0;display:flex;flex-direction:row;align-items:center;justify-content:flex-end}.ribbon-deploy .pagination--setting .status-filters{display:flex;width:100%;max-width:575px;gap:12px;margin:15px 15px 15px auto;flex-wrap:wrap;flex-direction:row;align-items:center;justify-content:flex-end}.ribbon-deploy .pagination--setting .filter-badge{padding:6px 8px;border-radius:20px;border:1px solid #e9ecef;background:#fff;font-size:12px;line-height:12px;cursor:pointer;transition:all .2s ease;text-align:center;align-items:center;justify-content:center;gap:6px;font-weight:500;-webkit-user-select:none;user-select:none;outline:none}.ribbon-deploy .pagination--setting .filter-badge:hover{border-color:#8b5cf6;color:#8b5cf6;transform:translateY(-1px)}.ribbon-deploy .pagination--setting .filter-badge.active{background:#8b5cf6;color:#fff;border-color:#8b5cf6}.ribbon-deploy .pagination--setting .filter-badge.status-failed{background:#fee2e2;color:#dc2626;border-color:#fecaca}.ribbon-deploy .pagination--setting .filter-badge.status-failed:hover{border-color:#dc2626;color:#dc2626}.ribbon-deploy .pagination--setting .filter-badge.status-failed.active{background:#dc2626;color:#fff;border-color:#dc2626}.ribbon-deploy .pagination--setting .filter-badge.status-success{background:#d1fae5;color:#065f46;border-color:#a7f3d0}.ribbon-deploy .pagination--setting .filter-badge.status-success:hover{border-color:#065f46;color:#065f46}.ribbon-deploy .pagination--setting .filter-badge.status-success.active{background:#065f46;color:#fff;border-color:#065f46}.ribbon-deploy .pagination--setting .filter-badge.status-standby{background:#f3f4f6;color:#6b7280;border-color:#d1d5db}.ribbon-deploy .pagination--setting .filter-badge.status-standby:hover{border-color:#6b7280;color:#6b7280}.ribbon-deploy .pagination--setting .filter-badge.status-standby.active{background:#6b7280;color:#fff;border-color:#6b7280}.ribbon-deploy .pagination--setting .filter-badge.status-pending{background:#4e00ab;color:#fff;border-color:#4e00ab}.ribbon-deploy .pagination--setting .filter-badge.status-pending:hover{border-color:#000}.ribbon-deploy .pagination--setting .filter-badge.status-pending.active{background:#4e00ab;color:#fff;border-color:#4e00ab}.ribbon-deploy .pagination--setting .filter-badge span{font-size:12px}.ribbon-deploy .pagination--setting .checkbox-section{min-width:60px;max-width:60px;width:60px;display:flex;justify-content:center}.ribbon-deploy .pagination--setting .checkbox{width:18px;height:18px;accent-color:#4e00ab;cursor:pointer}.ribbon-deploy .bulk-actions{width:90%;background:#f5f5f5;border:1px solid #e9ecef;border-radius:8px;padding:12px 16px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:16px}.ribbon-deploy .bulk-info{display:flex;align-items:center;gap:8px}.ribbon-deploy .bulk-info .selected-count{font-weight:600;color:#374151}.ribbon-deploy .bulk-btn{padding:6px 12px;border:1px solid lightgrey;background:#f5f5f5;border-radius:6px;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:background-color .3s ease,color .3s ease;-webkit-transition:background-color .3s ease,color .3s ease;-moz-transition:background-color .3s ease,color .3s ease;-o-transition:background-color .3s ease,color .3s ease}.ribbon-deploy .bulk-btn:hover{background-color:gray;color:#fff}.ribbon-deploy .bulk-btn.retry{background:#ec4899;color:#fff;border-color:#ec4899}.ribbon-deploy .bulk-btn.retry:hover{background:#db2777}.ribbon-deploy .jobs--list{width:90%;display:flex;flex-direction:column;margin:15px auto 0;box-sizing:border-box}.ribbon-deploy .jobs--list--header{width:100%;display:flex;flex-direction:row;justify-content:space-between}.ribbon-deploy .jobs--list--header .checkbox-section{min-width:60px;max-width:60px;width:60px;display:flex;justify-content:center;cursor:pointer}.ribbon-deploy .jobs--list--header .checkbox-section input{cursor:pointer}.ribbon-deploy .jobs--list--header .section{display:flex;flex-direction:column;width:100%;text-align:center;padding:0;height:110px;border:1px solid lightgrey;background-color:transparent;font-size:18px;align-content:center;justify-content:center;align-items:center;color:#000;border-radius:3px;margin:3px 2px;box-sizing:border-box}.ribbon-deploy .jobs--list--header .section svg{margin:5px 5px 5px 0;color:#4e00ab}.ribbon-deploy .jobs--list--header .section--retry{max-width:135px}.ribbon-deploy .jobs--list--filters{position:relative;display:flex;flex-direction:row;justify-content:space-between;width:100%;max-width:1600px;margin:0 auto;padding:0;background-color:transparent}.ribbon-deploy .jobs--list--filters .section{display:flex;flex-direction:row;width:100%;text-align:center;border:none!important;font-size:22px;align-items:center;justify-content:center;background-color:transparent;color:gray;border-radius:3px;padding:2px;margin:3px 2px;box-sizing:border-box}.ribbon-deploy .jobs--list--filters .section svg{margin:5px 5px 5px 0;color:#4e00ab}.ribbon-deploy .jobs--list--filters .section.section--retry{max-width:135px;border:none!important}.ribbon-deploy .jobs--list--filters .section.section--checkbox{min-width:60px;max-width:60px;width:60px;background-color:transparent;border:none!important}.ribbon-deploy .jobs--list--body{display:flex;flex-direction:column;width:100%}.ribbon-deploy .jobs--list--body--row{display:flex;flex-direction:row;width:100%}.ribbon-deploy .jobs--list--body--row .checkbox-section{min-width:60px;max-width:60px;width:60px;display:flex;justify-content:center;cursor:pointer}.ribbon-deploy .jobs--list--body--row .checkbox-section input{cursor:pointer}.ribbon-deploy .jobs--list--body--row .section{display:flex;flex-direction:row;width:100%;text-align:center;padding:15px 0;border:1px solid lightgrey;color:gray;font-size:14px;align-items:center;justify-content:center;border-radius:3px;margin:3px 2px;cursor:pointer;box-sizing:border-box;transition:background-color .3s ease,color .3s ease;-webkit-transition:background-color .3s ease,color .3s ease;-moz-transition:background-color .3s ease,color .3s ease;-o-transition:background-color .3s ease,color .3s ease}.ribbon-deploy .jobs--list--body--row .section span{margin:auto 5px}.ribbon-deploy .jobs--list--body--row .section--retry{display:flex;width:100%;max-width:135px;text-align:center;padding:0;align-items:center;justify-content:center;color:#000;border-radius:3px;margin:3px 2px;box-sizing:border-box;transition:background-color .3s ease,color .3s ease,background .3s ease;-webkit-transition:background-color .3s ease,color .3s ease,background .3s ease;-moz-transition:background-color .3s ease,color .3s ease,background .3s ease;-o-transition:background-color .3s ease,color .3s ease,background .3s ease}.ribbon-deploy .jobs--list--body--row .section--retry .active{cursor:pointer;font-weight:600;height:100%!important;margin:3 2px!important;border:1px solid lightgray!important}.ribbon-deploy .jobs--list--body--row .section--retry .active:hover{background-color:#fc5555cc!important;color:#fff!important}.ribbon-deploy .jobs--list--body--row .section--retry .inactive{color:#d3d3d3!important;cursor:not-allowed;background-color:transparent!important;border:1px solid rgba(211,211,211,.5)!important}.ribbon-deploy .jobs--list--body--row .section--retry .retry-btn{border:none;outline:none;width:100%;height:100%;padding:6px 12px;border-radius:4px;font-size:14px;transition:background-color .3s ease,color .3s ease;-webkit-transition:background-color .3s ease,color .3s ease;-moz-transition:background-color .3s ease,color .3s ease;-o-transition:background-color .3s ease,color .3s ease}.ribbon-deploy #pagination{position:relative;justify-content:flex-start;align-items:center;display:flex;flex-direction:row;box-sizing:border-box;margin:5px 5%}.ribbon-deploy #pagination .page{display:flex;flex-direction:row;color:#210538;font-weight:600}.ribbon-deploy #pagination .page p{display:flex;flex-direction:row;width:100%;margin:auto auto auto 10px;font-size:14px}.ribbon-deploy #pagination .navigation{position:relative;outline:none;padding:0;margin:auto 0;background-color:#f5f5f5;border:none;width:40px;height:40px;border-radius:20px;cursor:pointer}.ribbon-deploy #pagination .navigation:hover svg{color:#dc0d94}.ribbon-deploy #pagination .navigation svg{position:absolute;top:50%;left:50%;color:gray;width:40px;height:40px;border-radius:20px;transform:translate(-50%) translateY(-50%);transition:color .3s ease;-webkit-transition:color .3s ease;-moz-transition:color .3s ease;-o-transition:color .3s ease}.ribbon-deploy .display--information{margin:0 5%}.service-item{margin-bottom:10px;cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent;padding:15px;border-radius:8px;border:1px solid transparent}.service-item:hover{background-color:#ffffff0d;border-color:#333}.service-item.selected{background-color:#4a9df81a;border-color:#dc0d94}.service-info{display:flex;align-items:center;gap:12px}.service-icon{font-size:1.5rem}.service-text{display:flex;flex-direction:column}.service-name{font-weight:700;font-size:1.1rem}.standard--name{background:linear-gradient(-90deg,#dc0d94,#4e00ab);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.service-description{font-size:.85rem;color:#ccc;margin-top:2px}.service-item.selected .service-name{background:linear-gradient(-90deg,#dc0d94,#4e00ab);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.active__picto{width:42px!important;height:42px!important}.separator-bar{position:absolute;top:47px;z-index:1112!important;width:100vw;height:1px;background:linear-gradient(-90deg,#dc0d94,#4e00ab);transition:background .3s ease;-webkit-transition:background .3s ease;-moz-transition:background .3s ease;-o-transition:background .3s ease}.nav__content{position:fixed;z-index:1112;width:100%;background-color:#fff;display:flex;flex-direction:row;align-items:center;box-sizing:border-box;justify-content:space-between;color:#000}.nav__content .picto--title--bar{position:absolute;width:55px;background-color:#fff;margin-right:10px;color:#fff;left:10px;top:-4px;transition:width .3s ease,height .3s ease;-webkit-transition:width .3s ease,height .3s ease;-moz-transition:width .3s ease,height .3s ease;-o-transition:width .3s ease,height .3s ease}.nav__content .standard--name{font-weight:300;font-size:12px;line-height:1;margin:4px auto 5px 70px}.nav__content .user{position:absolute;z-index:1112;right:20px;top:4px;display:flex;justify-content:center;align-items:center;text-align:center;width:40px;min-width:40px;height:40px;min-height:40px;border-radius:20px;color:#000;font-size:16px;font-weight:600;background-color:#fff;outline:none;border:1px solid transparent;box-shadow:0 0 6px 1px #0027c233;cursor:pointer;transition:box-shadow .3s ease,border .3s ease;-webkit-transition:box-shadow .3s ease,border .3s ease;-moz-transition:box-shadow .3s ease,border .3s ease;-o-transition:box-shadow .3s ease,border .3s ease}.nav__content .user p{font-size:16px;text-align:center}.nav__content .user:hover{box-shadow:0 0 6px 1px #dc0d944d;border:1px solid white}.nav__content .user-dropdown-menu{position:absolute;z-index:1112!important;top:55px;right:5px;background-color:#fff;border:2px solid white;border-radius:5px;color:#000;padding:10px;box-shadow:0 0 10px 1px #0003;justify-content:center;align-items:center;align-content:center;text-align:center;cursor:pointer;transition:background-color .3s ease,border .3s ease;-webkit-transition:background-color .3s ease,border .3s ease;-moz-transition:background-color .3s ease,border .3s ease;-o-transition:background-color .3s ease,border .3s ease}.nav__content .user-dropdown-menu:hover{border:2px solid rgba(220,13,148,.4);background-color:#dcdcdc}.nav__content .user-dropdown-menu button{font-size:14px;border:none;outline:none;cursor:pointer;transition:background-color .3s ease,color .3s ease;-webkit-transition:background-color .3s ease,color .3s ease;-moz-transition:background-color .3s ease,color .3s ease;-o-transition:background-color .3s ease,color .3s ease;align-content:center;display:flex;flex-direction:row;justify-content:center;align-items:center;background:linear-gradient(-90deg,#dc0d94,#4e00ab);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.nav__content .user-dropdown-menu button svg{margin-right:5px;color:#4e00ab}nav a{position:relative;display:flex;flex-direction:row;color:#000;text-decoration:none;font-weight:700;cursor:pointer;align-items:center;margin:4px auto auto 70px}nav a:hover{color:#4e00ab;transition:color .3s ease}.navigation-bar{display:flex;flex-direction:row;position:fixed;margin:0 auto;align-items:center;transition:width .3s ease,margin-left .3s ease;gap:20px;background-color:#f5f5f5;padding:0 20px 0 5px;box-sizing:border-box;justify-content:flex-start;color:#000;width:100%;z-index:9999;top:0;-webkit-user-select:none;user-select:none}.navigation-bar .picto--title--bar{position:absolute;width:60px;margin-right:10px;color:#fff;left:10px;top:-2px;transition:width .3s ease,height .3s ease;-webkit-transition:width .3s ease,height .3s ease;-moz-transition:width .3s ease,height .3s ease;-o-transition:width .3s ease,height .3s ease}.navigation-bar .standard--name{font-weight:300;font-size:12px;line-height:1;margin:4px auto 5px 70px}.navigation-bar nav a:hover{color:#4e00ab!important;transition:color .3s ease}.separator-bar{position:absolute;top:60px;z-index:9999!important;width:100vw;height:1px;background:linear-gradient(-90deg,#dc0d94,#4e00ab);transition:background .3s ease;-webkit-transition:background .3s ease;-moz-transition:background .3s ease;-o-transition:background .3s ease}@media(min-width:768px){.navigation-bar.menu-open{width:calc(100% - 300px)}}@media(max-width:767px){.navigation-bar.menu-open{margin-left:0}}.text-gradient{background:linear-gradient(-90deg,#dc0d94,#4e00ab);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.selected-service{font-weight:700;font-size:1.4rem;margin-left:25px;flex-shrink:0}.template-selector{position:relative;flex-shrink:0}.template-dropdown-trigger{background:#ffffff1a;border:1px solid black;color:#000;padding:8px 12px;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:14px;transition:all .3s ease;margin:10px auto 10px 0;justify-content:space-between;min-width:260px}.template-dropdown-trigger:hover,.template-dropdown-trigger.dropdown-open{border-color:#dc0d94}.template-name{font-weight:600;flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#000}.template-count{font-size:12px;opacity:.7;flex-shrink:0}.dropdown-arrow{display:flex;font-size:12px;transition:transform .3s ease;flex-shrink:0;align-items:center}.dropdown-arrow.rotated{transform:rotate(180deg)}.template-dropdown-menu{position:absolute;top:100%;left:0;right:0;background:#fff;border-radius:6px;box-shadow:0 4px 12px #0000004d;z-index:1000;margin:auto 0;max-height:300px;overflow-y:auto;animation:fadeInDown .2s ease;max-width:260px;box-sizing:border-box}.dropdown-header{padding:10px 12px;font-size:12px;font-weight:600;color:#000;border-bottom:1px solid #555;background:#ffffff0d}.template-option{position:relative;z-index:990!important;padding:0;border:none;background:transparent;color:#000;cursor:pointer;transition:background .2s ease;border-bottom:1px solid rgba(255,255,255,.1)}.template-option:last-child{border-bottom:none}.template-option:hover{background:#5dade21a}.template-option.active{color:#dc0d94}.template-option-content{padding:12px;display:flex;justify-content:space-between;align-items:center;gap:10px}.template-option-name{display:flex;flex-direction:row;font-weight:500;flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;align-items:center}.template-option-name span{margin-right:5px;transition:background-color .3s ease,color .3s ease;-webkit-transition:background-color .3s ease,color .3s ease;-moz-transition:background-color .3s ease,color .3s ease;-o-transition:background-color .3s ease,color .3s ease}.template-option-name svg{margin:auto 5px auto auto}.template-option-index{font-size:12px;opacity:.7;flex-shrink:0}.single-template-display{color:#fff;font-size:14px;line-height:40px;padding:8px 12px;background:#ffffff1a;border-radius:6px;flex-shrink:0}.single-template-display .template-name{font-weight:300!important}.nav-button{display:flex;flex-direction:row;position:relative;align-self:center;height:60px;line-height:60px;border:none;border-radius:0;font-weight:700;font-size:.8rem;cursor:pointer;background-color:#f5f5f5;align-items:center;box-sizing:border-box;color:gray;min-width:125px;outline:none;justify-content:center;margin:0 5px;transition:all .3s ease}.nav-button:last-of-type{margin:0 auto 0 5px}.nav-button svg{margin:auto 4px}.nav-button:hover{text-decoration:underline;color:#1a1a1a!important;border-color:#1a1a1a!important}.buttons-container{display:flex;flex-direction:row;gap:10px;flex-shrink:0;margin:0;padding:0 25px}.nav-button.active{color:#1a1a1a!important;border-bottom-color:#1a1a1a;text-decoration:underline}.nav-button.active:hover{background-position:right;color:#fff}.nav-button.disabled{border-color:gray!important;color:gray!important;cursor:not-allowed;opacity:.6}.nav-button.disabled:hover{color:#6c757d!important}.nav-button.disabled:before{background-color:#6c757d!important}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.navigation-bar{gap:10px;flex-wrap:wrap}.template-dropdown-trigger{min-width:150px;font-size:12px}.buttons-container{gap:5px}.nav-button{padding:6px 12px;font-size:12px}}@media(max-width:480px){.template-dropdown-trigger{min-width:120px}.template-name{font-size:12px}}.toggle--side{top:128px;min-width:220px;right:0;padding-bottom:200px;height:100%;overflow-x:hidden;overflow-y:scroll;--scroll-position: 0%}.toggle--side .template-gallery__list{display:flex;flex-direction:column;margin:auto}.bottom--side{bottom:0;width:100%;height:430px;min-height:fit-content;left:50%;transform:translate(-50%);overflow-x:scroll;overflow-y:hidden;--scroll-position: 0%}.bottom--side .template-gallery__list{display:flex;flex-direction:row}.side--position{right:220px;top:128px;bottom:auto;border-radius:0 0 0 10px;box-shadow:0 5px 5px 2px #0000001a}.bottom--position{bottom:430px;right:0;border-radius:10px 0 0;box-shadow:-2px 0 5px 2px #0000001a}.toggle--btn{position:fixed;z-index:999;padding:15px;border:none;background-color:#f5f5f5;cursor:pointer;align-content:center;align-items:center;justify-content:center;transition:background-color .3s ease,color .3s ease,bottom .3s ease;-webkit-transition:background-color .3s ease,color .3s ease,bottom .3s ease;-moz-transition:background-color .3s ease,color .3s ease,bottom .3s ease;-o-transition:background-color .3s ease,color .3s ease,bottom .3s ease}.toggle--btn:hover{background-color:#a9a9a9}.toggle--btn svg{color:#fff}.toggle--btn--mobile{position:fixed;z-index:999;padding:15px;border:none;background-color:#f5f5f5;cursor:pointer;align-content:center;align-items:center;justify-content:center;transition:background-color .3s ease,color .3s ease,bottom .3s ease;-webkit-transition:background-color .3s ease,color .3s ease,bottom .3s ease;-moz-transition:background-color .3s ease,color .3s ease,bottom .3s ease;-o-transition:background-color .3s ease,color .3s ease,bottom .3s ease}.toggle--btn--mobile:hover{background-color:#a9a9a9}.toggle--btn--mobile svg{color:#000}.side--mobile--position{right:220px;top:186px;bottom:auto;border-radius:10px 0 0 10px;box-shadow:0 2px 5px 2px #0000001a}.bottom--mobile--position{bottom:430px;right:54px;border-radius:10px 10px 0 0;box-shadow:-2px 0 5px 2px #0000001a}.toggle--btn--tablet{position:fixed;z-index:999;padding:15px;max-height:57px;max-width:54px;border:none;background-color:#f5f5f5;cursor:pointer;align-content:center;align-items:center;justify-content:center;transition:background-color .3s ease,color .3s ease,bottom .3s ease;-webkit-transition:background-color .3s ease,color .3s ease,bottom .3s ease;-moz-transition:background-color .3s ease,color .3s ease,bottom .3s ease;-o-transition:background-color .3s ease,color .3s ease,bottom .3s ease}.toggle--btn--tablet:hover{background-color:#a9a9a9}.toggle--btn--tablet svg{color:#000}.side--tablet--position{right:220px;top:244px;bottom:auto;border-radius:10px 0 0 10px;box-shadow:0 2px 5px 2px #0000001a}.bottom--tablet--position{bottom:430px;right:108px;border-radius:10px 10px 0 0;box-shadow:-2px 0 5px 2px #0000001a}.template-gallery{position:fixed;z-index:999;box-shadow:0 0 5px 3px #0006;background-color:#000000d9;margin:0;transition:bottom .3s ease,right .3s ease;-webkit-transition:bottom .3s ease,right .3s ease;-moz-transition:bottom .3s ease,right .3s ease;-o-transition:bottom .3s ease,right .3s ease}.template-gallery::-webkit-scrollbar{height:10px}.template-gallery::-webkit-scrollbar-track{box-shadow:inset 0 0 5px transparent;border-radius:5px}.template-gallery::-webkit-scrollbar-thumb{background:linear-gradient(-90deg,#dc0d94,#4e00ab);background-size:250% 100%!important;background-position:var(--scroll-position) center;border-radius:5px!important;cursor:grab;transition:background-position .1s ease}.template-gallery::-webkit-scrollbar-thumb:hover{background:linear-gradient(-90deg,#dc0d94,#4e00ab);background-size:200% 100%;background-position:var(--scroll-position) center}.template-gallery__list{position:relative;z-index:980;gap:10px;padding:8px 0 5px;justify-content:center;min-width:fit-content}.template-wrapper{border:3px solid rgba(26,26,26,.9);box-shadow:0 2px 10px 3px #00000080;border-radius:18px!important;overflow:hidden;background:#f8f9fa;position:relative;margin:0 10px;box-sizing:border-box;cursor:grab;transform:scale(.92);transition:transform .3s ease;-webkit-transition:transform .3s ease;-moz-transition:transform .3s ease;-o-transition:transform .3s ease}.template-wrapper:hover{transform:translateY(-2px) scale(.96)}.template-wrapper.dragging{opacity:.7;cursor:grabbing;transform:rotate(2deg) scale(.92);z-index:1000}.drag-overlay{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;padding:0;margin:0;pointer-events:none;background:transparent;border-radius:0}.template-wrapper:hover .drag-overlay,.template-wrapper.dragging .drag-overlay{background:#fdfdfd66}.gallery-iframe{border:none;display:block;width:100%;height:100%;object-fit:cover;pointer-events:none;margin:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fixed--content{position:relative;z-index:992;width:100%;height:100%;display:flex;flex-direction:row}.separator{position:relative;z-index:1112;width:100vw;margin:10px auto;height:1px;background:linear-gradient(-90deg,#4e00ab,#dc0d94);transition:background .3s ease;-webkit-transition:background .3s ease;-moz-transition:background .3s ease;-o-transition:background .3s ease}.normal--subtitle{margin:0 auto 0 25px!important;width:auto;max-width:80%;padding:0 20px}.side--subtitle{margin:10px 370px 0 25px!important;width:auto;padding:0 20px}.subtitle{position:relative;z-index:990;font-size:20px;font-weight:300;text-align:center;background:linear-gradient(-90deg,#dc0d94,#4e00ab);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;pointer-events:none}.btn--start{position:relative;padding:15px 40px;font-size:clamp(10px,3.2vw,16px);margin:50px auto 0!important;display:flex;align-items:center;cursor:pointer;border-radius:30px;border:none;background:linear-gradient(-90deg,#dc0d94,#4e00ab);background-size:200%;background-position:left;color:#fff;transition:background-position .3s ease-in}.btn--start:hover{background-position:right}.btn--start svg{margin-right:10px}.drop-zone{position:absolute;top:25px;left:25px;right:25px;z-index:1001;height:50vh;width:auto;border:2px dashed #d3d2d2;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#000;gap:12px;margin:auto;background-color:transparent;transition:background-color .3s ease,color .3s ease,border .3s ease,transform .3s ease;-webkit-transition:background-color .3s ease,color .3s ease,border .3s ease,transform .3s ease;-moz-transition:background-color .3s ease,color .3s ease,border .3s ease,transform .3s ease;-o-transition:background-color .3s ease,color .3s ease,border .3s ease,transform .3s ease}.drop-zone.drop-toggle{width:auto!important;left:25px;right:290px}.drop-toggle.drag-over{transform:scaleX(1.01) scaleY(1.01)!important}.drop-toggle.drag-over span{color:#fff!important}.drop-zone.drag-over{background-color:#101010bf;color:#fff!important;transform:scaleX(1.02) scaleY(1.03)!important;will-change:scale;box-shadow:0 4px 16px 5px #32326766;border:2px dashed whitesmoke}.drop-zone.drag-over span{color:#fff!important}.drop-zone.drag-over:before{content:"";position:absolute;top:-6px;left:-6px;right:-6px;bottom:-6px;border-radius:16px;pointer-events:none}.drop-icon{width:32px;height:32px;color:#6b6a6a;transition:all .2s ease;pointer-events:none}.drop-zone.drag-over .drop-icon{color:#fff;transform:scale(1.2)}.drop-zone span{font-size:20px;color:#6b6a6a;font-weight:300;text-align:center;transition:all .2s ease;pointer-events:none}.drop-zone.drag-over span{color:#000}.assets-container{position:relative;display:flex;flex-direction:column;width:100%;height:100%;margin:0 auto;padding:0;opacity:0;animation:fadeIn .4s ease-in forwards;box-sizing:border-box}.assets-container--informations{position:relative;z-index:990;flex-direction:column;width:25%;min-width:325px;height:90%;margin:0;justify-content:center;text-align:center;background-color:#f8fbff;border-right:1px solid lightgray;box-sizing:border-box}.assets-container--informations .title{font-size:20px;line-height:50px;margin:0 auto 20px;width:100%;color:gray;text-align:center;font-weight:300;border-bottom:1px solid lightgray;padding:10px 0}.assets-container--informations .data--project{margin:5px auto!important;text-align:center;font-size:12px;font-weight:300;width:90%;color:gray}.assets-container--informations .input{border:1px solid lightgray;background-color:transparent;color:#1a1a1a;border-radius:6px;outline:none;width:260px;padding:8px 12px;margin:10px auto!important;font-size:12px;font-weight:300;transition:border .3s ease,color .3s ease;-webkit-transition:border .3s ease,color .3s ease;-moz-transition:border .3s ease,color .3s ease;-o-transition:border .3s ease,color .3s ease}.assets-container--informations .input:focus{border:1px solid grey}.assets-container--informations .input:hover{border:1px solid grey}.assets-container--informations .input::placeholder{font-weight:300!important;color:gray}.assets-container--informations select{position:relative;z-index:990}.assets-container--informations .text--error{color:#dc0d94;width:90%;text-align:left;font-size:9px;margin:0 auto 10px}.assets-container--ribbon{position:relative;width:100%;height:100%;margin:0}.assets-container .assets-container__list::-webkit-scrollbar{height:8px;cursor:grab!important}.assets-container .assets-container__list::-webkit-scrollbar-track{box-shadow:inset 0 0 5px transparent;border-radius:4px}.assets-container .assets-container__list::-webkit-scrollbar-thumb{background:linear-gradient(-90deg,#4e00ab,#dc0d94);border-radius:3px;cursor:grab!important}.assets-container .assets-container__list::-webkit-scrollbar-thumb:hover{background:linear-gradient(-90deg,#4e00ab,#dc0d94)}.assets-container .normal--list{margin:15px 25px 0;width:auto;max-width:90%;padding:10px 20px 0}.assets-container .side--list{margin:15px 370px 0 25px;width:auto;padding:10px 20px 0}.assets-container .assets-container__list{position:relative;z-index:980;flex-direction:row-reverse;align-items:flex-start;gap:20px;margin:5px;height:480px;overflow-x:scroll!important;overflow-y:hidden;box-sizing:border-box}.assets-container .assets-container__list .assets-grid{position:relative;z-index:980;display:flex;gap:10px;padding:15px 0;width:100%;min-width:fit-content;box-sizing:border-box;justify-content:center}.assets-container .assets-container__list .asset-item{border:3px solid rgba(26,26,26,.9);box-shadow:0 2px 10px 3px #0006;border-radius:18px;overflow:hidden;background:#f8f9fa;position:relative;margin:0 5px;box-sizing:border-box;cursor:grab;transition:transform .3s ease;-webkit-transition:transform .3s ease;-moz-transition:transform .3s ease;-o-transition:transform .3s ease}.assets-container .assets-container__list .asset-item:hover{transform:scale(1.06)!important}.assets-container .assets-container__list .asset-item.dragging{opacity:0;cursor:grabbing;transform:rotate(2deg);transition:opacity .2s ease;z-index:1}.assets-container .assets-container__list .asset-item.drag-over{border-color:#fff;background-color:#f0f8ff;transform:scale(.94);transition:transform .2s ease}.assets-container .assets-container__list .asset-number{position:absolute;top:8px;left:8px;width:20px;height:20px;background:#000000b3;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;z-index:10}.assets-container .assets-container__list .remove-btn{position:absolute;top:8px;right:8px;width:24px;height:24px;border:none;border-radius:50%;background:#dc3545e6;color:#fff;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;font-size:16px;line-height:1;opacity:0;transition:opacity .2s ease}.assets-container .assets-container__list .asset-item:hover .remove-btn{opacity:1}.assets-container .assets-container__list .remove-btn:hover{background:#dc3545}.assets-container .assets-container__list .asset-content{width:100%;height:100%;position:relative}.assets-container .assets-container__list .template-preview{position:relative;overflow:hidden;border-radius:0;background-color:#000}.assets-container .assets-container__list .template-iframe{border:none;display:block;width:101%;height:100%;object-fit:cover;pointer-events:none;margin:0}.assets-container .assets-container__list .template-overlay{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;padding:0;margin:0;pointer-events:none;background:transparent;border-radius:0}.assets-container .assets-container__list .template-preview:hover .template-overlay,.assets-container .assets-container__list .template-preview.dragging .template-overlay{background:#fdfdfd66}.assets-container .assets-container__list .template-info{display:flex;align-items:center;gap:6px;color:#fff}.assets-container .assets-container__list .template-icon{font-size:14px}.assets-container .assets-container__list .template-name{font-size:11px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.config-view,.gallery-view{min-height:calc(100vh - 160px);height:100vh;background-color:#f8fbff}.config-view{display:flex;justify-content:space-between}.gallery-view{padding:20px}.config-view,.gallery-view{animation:fadeIn .3s ease-in}.current-template{display:flex;flex-direction:column;box-sizing:border-box;width:100%}.current-template--name{position:relative;z-index:990;margin:4vh auto 0;font-size:24px;font-weight:300;background:linear-gradient(-90deg,#4e00ab,#dc0d94);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.template-iframe-container{position:relative;max-width:100%;height:100%;border:5px solid rgba(26,25,27,.9);box-shadow:0 4px 15px 5px #0000004d;border-radius:18px;margin:25px auto;-webkit-user-select:none!important;user-select:none!important;outline:none;transform:scale(.95);box-sizing:border-box;justify-content:center;align-content:center;align-items:center;overflow:hidden!important;transition:width .5s ease,height .5s ease;-webkit-transition:width .5s ease,height .5s ease;-moz-transition:width .5s ease,height .5s ease;-o-transition:width .5s ease,height .5s ease}.template-iframe-fullsize{border:none;display:block;width:100%;height:100%;object-fit:cover;margin:0;padding:0}.title{text-align:center;font-size:18px;font-weight:300;margin-bottom:20px;color:#333}.preview-container{position:relative}.preview-container .templates-preview{position:relative;display:flex;flex-direction:row}.preview-container .templates-preview .button--next{display:flex;align-items:center;justify-content:center;position:relative;transform:scale(1);margin:auto;left:15px;cursor:pointer;width:60px;min-width:60px;height:60px;min-height:60px;border-radius:30px;outline:none;color:#fff;border:1px solid white;background:linear-gradient(-90deg,#4e00ab,#dc0d94);box-shadow:2px 0 25px 1px #96969633;transition:transform .3s ease;-webkit-transition:transform .3s ease;-moz-transition:transform .3s ease;-o-transition:transform .3s ease}.preview-container .templates-preview .button--next:hover{transform:scale(1.1)}.preview-container .templates-preview .button--prev{display:flex;align-items:center;justify-content:center;position:relative;margin:auto;cursor:pointer;right:15px;width:60px;min-width:60px;height:60px;min-height:60px;border-radius:30px;transform:scale(1);outline:none;color:#fff;border:1px solid white;background:linear-gradient(-90deg,#dc0d94,#4e00ab);box-shadow:2px 0 25px 1px #96969633;transition:transform .3s ease;-webkit-transition:transform .3s ease;-moz-transition:transform .3s ease;-o-transition:transform .3s ease}.preview-container .templates-preview .button--prev:hover{transform:scale(1.1)}.preview-container .templates-preview .inactive{cursor:not-allowed!important;background:none!important;background-color:#d3d3d3!important;color:gray!important}.preview-container .templates-preview .inactive svg{color:gray!important}.preview-container .templates-preview .template-iframe-wrapper{display:flex;flex-direction:row}.preview-container .templates-preview .template-iframe-wrapper .template-iframe-container{position:relative;overflow:visible}.preview-container .templates-preview .template-iframe-wrapper .template-iframe-container .progression{position:absolute;bottom:-60px;left:50%;transform:translate(-50%);font-size:30px;font-weight:300;color:#000}.template-elements .title--section{width:100%;text-align:center;margin:0 auto;display:flex;flex-direction:row;gap:10px;-webkit-user-select:none;user-select:none}.template-elements{position:relative;z-index:999;width:clamp(150px,25%,325px);height:auto!important;overflow:hidden;border-radius:10px;min-width:fit-content;margin:4vh auto auto;transition:height .3s ease,box-shadow .3s ease;-webkit-transition:height .3s ease,box-shadow .3s ease;-moz-transition:height .3s ease,box-shadow .3s ease;-o-transition:height .3s ease,box-shadow .3s ease}.template-elements .title--section{width:100%;text-align:center;margin:0 auto;display:flex;flex-direction:row;gap:10px;-webkit-user-select:none;user-select:none;position:relative;z-index:1000;padding:10px 5%;border-bottom:1px solid lightgrey}.template-elements .picto--menu--elements{position:relative;width:40px;height:40px;background:linear-gradient(-90deg,#dc0d94,#4e00ab);border-radius:20px;padding:6px;margin:0 10px auto 20px;color:#fff}.template-elements .text--content{display:flex;flex-direction:column;text-align:left}.template-elements .text--content .section{font-size:14px;color:#a9a9a9;margin:5px auto 10px}.template-elements .text--content .section:first-letter{text-transform:uppercase}.template-elements .text--content .action{font-size:10px;color:#1a1a1a;margin:-4px auto 2px 0}.template-elements .elements-list::-webkit-scrollbar{width:4px}.template-elements .elements-list::-webkit-scrollbar-track{box-shadow:inset 0 0 5px transparent;border-radius:2px}.template-elements .elements-list::-webkit-scrollbar-thumb{background:linear-gradient(-90deg,#4e00ab,#dc0d94);border-radius:5px}.template-elements .elements-list::-webkit-scrollbar-thumb:hover{background:#ffffffe6!important}.template-elements .elements-list>*{direction:ltr}.template-elements .elements-list{display:flex;flex-direction:column;align-items:center;margin:0 auto;padding:10px 0;overflow-y:auto;direction:rtl}.template-elements .elements-list .no-elements{padding:40px 20px;text-align:center;color:#666;font-style:italic}.template-elements .elements-list .elements-available{position:relative;width:90%;text-align:left;color:#666;text-transform:uppercase;font-size:10px}.template-elements .elements-list .element{position:relative;display:flex;flex-direction:row;align-items:center;padding:25px 15px;margin:10px 0 0;cursor:pointer;width:90%;border-radius:6px;background:#f8fbff;border:2px dashed lightgray;text-align:left;font-size:clamp(10px,4vw,20px);opacity:0;color:#a9a9a9;animation:fadeIn .5s ease-in forwards;transition:box-shadow .3s ease,transform .3s ease,border .3s ease;-webkit-transition:box-shadow .3s ease,transform .3s ease,border .3s ease;-moz-transition:box-shadow .3s ease,transform .3s ease,border .3s ease;-o-transition:box-shadow .3s ease,transform .3s ease,border .3s ease}.template-elements .elements-list .element .picto--customisation{background-color:#f3f2f2;width:40px;height:40px;border-radius:20px;padding:10px;border:1px solid lightgray;box-shadow:0 2px 5px 1px #96969600;transition:box-shadow .3s ease,border .3s ease;-webkit-transition:box-shadow .3s ease,border .3s ease;-moz-transition:box-shadow .3s ease,border .3s ease;-o-transition:box-shadow .3s ease,border .3s ease}.template-elements .elements-list .element .element--content{margin-left:10px}.template-elements .elements-list .element .element--content .element--title{font-size:14px;line-height:14px;font-weight:600;margin:auto;transition:color .3s ease;-webkit-transition:color .3s ease;-moz-transition:color .3s ease;-o-transition:color .3s ease}.template-elements .elements-list .element .element--content .element--title:first-letter{text-transform:uppercase}.template-elements .elements-list .element .element--content .label{background-color:#d3d3d3!important;color:#2c3e50;font-size:10px;font-weight:600;padding:5px 10px;border-radius:5px}.template-elements .elements-list .element .element--content .id-target{background-color:#efeeee;color:#2c3e50;font-size:10px;font-weight:600;padding:5px 10px;border-radius:5px}.template-elements .elements-list .element:hover{transform:translateY(-4px);color:#1a1a1a}.template-elements .elements-list .element:hover .picto--customisation{box-shadow:0 2px 5px 1px #9696961a}.template-elements .elements-list .element--picked{color:#dc0d94;border:2px dashed #dc0d94!important;box-shadow:0 2px 5px 1px #32323233;transition:box-shadow .3s ease,transform .3s ease,border .3s ease;-webkit-transition:box-shadow .3s ease,transform .3s ease,border .3s ease;-moz-transition:box-shadow .3s ease,transform .3s ease,border .3s ease;-o-transition:box-shadow .3s ease,transform .3s ease,border .3s ease}.element-builder::-webkit-scrollbar{width:4px}.element-builder::-webkit-scrollbar-track{box-shadow:inset 0 0 5px transparent;border-radius:2px}.element-builder::-webkit-scrollbar-thumb{background:linear-gradient(360deg,#4e00ab,#dc0d94);border-radius:5px}.element-builder::-webkit-scrollbar-thumb:hover{background:#ffffffe6!important}.elements-configuration{position:relative;z-index:999;width:clamp(180px,30%,400px);margin:4vh auto auto;border-radius:20px;max-height:80vh;overflow:hidden}.elements-configuration .title--section{width:100%;min-width:380px;text-align:center;margin:0 auto;display:flex;flex-direction:row;gap:10px;-webkit-user-select:none;user-select:none;position:relative;z-index:1000;padding:10px 5%}.elements-configuration .title--section .section{margin:5px auto 10px 0!important}.elements-configuration .title--section .action{margin:-4px auto 2px 0}.elements-configuration .picto--menu--elements{position:relative;width:40px;height:40px;background:linear-gradient(-90deg,#dc0d94,#4e00ab);border-radius:20px;padding:6px;margin:0 15px auto 5px;color:#fff}.elements-configuration .text--content{display:flex;flex-direction:column;text-align:left}.elements-configuration .text--content .section{font-size:14px;margin-bottom:15px;color:#1a1a1a}.elements-configuration .text--content .section:first-letter{text-transform:uppercase}.elements-configuration .text--content .action{font-size:10px;color:gray;margin:-4px auto 2px 0}.element-builder{padding:5px 5px 50px;box-sizing:border-box;overflow-y:auto;max-height:80vh}.no-templates{text-align:center;padding:40px 20px;color:#666}.selected-element{font-size:clamp(10px,5vw,24px);font-weight:700;text-align:left;animation:fadeIn .5s ease .2s forwards;opacity:0;display:flex;width:90%;margin:15px auto 20px;padding:0 0 15px;flex-direction:row;border-bottom:2px solid #f3f2f2;-webkit-user-select:none;user-select:none}.selected-element .picto--customisation{width:40px;height:40px;border-radius:10px;padding:10px;border:1px solid #cecece;box-shadow:0 2px 5px 1px #96969600;transition:box-shadow .3s ease;-webkit-transition:box-shadow .3s ease;-moz-transition:box-shadow .3s ease;-o-transition:box-shadow .3s ease}.selected-element--content{margin-left:25px}.selected-element--content .element--title{font-size:14px;line-height:14px;font-weight:600;margin:0 auto;color:#dc0d94;transition:color .3s ease;-webkit-transition:color .3s ease;-moz-transition:color .3s ease;-o-transition:color .3s ease}.selected-element--content .element--title:first-letter{text-transform:uppercase}.selected-element--content .label,.selected-element--content .id-target{color:#2c3e50;font-size:10px;font-weight:600;padding:5px 10px;border-radius:5px}.options--available{display:flex;flex-direction:row;width:90%;margin:15px auto;align-items:center;-webkit-user-select:none;user-select:none;text-align:center}.options--available span{font-size:14px;font-weight:600}.btn--add{padding:15px 40px;font-size:clamp(10px,3.2vw,16px);margin:25px auto 50px;display:block;cursor:pointer;border-radius:30px;border:none;background:linear-gradient(-90deg,#4e00ab,#dc0d94);background-size:200%;background-position:left;color:#fff;transition:background-position .3s ease-in}.btn--add:hover{background-position:right}.alternatives{display:flex;flex-direction:column;position:relative;width:90%;margin:10px auto;padding:10px;border-bottom:2px solid #ddd;border-radius:0;box-sizing:border-box;transition:all .3s ease;animation:slideInDown .5s ease forwards}.alternatives:hover{border-color:#dc0d94}.header{position:relative;z-index:100;margin-bottom:10px;padding:25px 5px;box-shadow:0 0 #d3d3d3;border-radius:6px;align-items:center;transition:transform .3s ease,box-shadow .3s ease;-webkit-transition:transform .3s ease,box-shadow .3s ease;-moz-transition:transform .3s ease,box-shadow .3s ease;-o-transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:row;min-width:fit-content;flex-shrink:0;justify-content:space-between;cursor:pointer;background-color:transparent}.header .open svg{transform:translate(-50%) translateY(-50%) rotate(90deg)!important}.header .classic--input{outline:none;border:1px solid lightgrey;background-color:transparent;border-radius:10px;padding:10px;margin:0 auto auto 5px;transition:border .3s ease;-webkit-transition:border .3s ease;-moz-transition:border .3s ease;-o-transition:border .3s ease}.header .classic--input:focus{border:2px solid #dc0d94!important}.header .button--header{display:flex;position:relative;width:30px;max-width:30px;min-width:30px;height:30px;max-height:30px;min-height:30px;outline:none;border-radius:15px;cursor:pointer;margin:auto 5px;border:1px solid transparent;background-color:transparent;justify-content:center;align-items:center;transition:border .3s ease,box-shadow .3s ease;-webkit-transition:border .3s ease,box-shadow .3s ease;-moz-transition:border .3s ease,box-shadow .3s ease;-o-transition:border .3s ease,box-shadow .3s ease}.header .button--header:hover{box-shadow:0 2px 5px 1px #9696964d;border:1px solid lightgray}.header .button--header svg{position:absolute;top:50%;left:50%;color:#dc0d94;transform:translate(-54%) translateY(-50%) rotate(180deg);pointer-events:none}.header .edit--button{display:flex;position:relative;width:30px;height:30px;background-color:transparent;outline:none;border:none;border-radius:6px;cursor:pointer;margin:auto 5px auto 15px;transition:background-color .3s ease;-webkit-transition:background-color .3s ease;-moz-transition:background-color .3s ease;-o-transition:background-color .3s ease}.header .edit--button:hover{background-color:#d3d3d3}.header .edit--button svg{margin:auto;color:#dc0d94;pointer-events:none}.header .delete--button{display:flex;position:relative;width:30px;height:30px;background-color:transparent;outline:none;border:none;border-radius:6px;cursor:pointer;margin:auto 5px;transition:background-color .3s ease;-webkit-transition:background-color .3s ease;-moz-transition:background-color .3s ease;-o-transition:background-color .3s ease}.header .delete--button:hover{background-color:#dc0d9433}.header .delete--button svg{margin:auto;color:#000;pointer-events:none}.header .content--header{display:flex;flex-direction:column;margin:auto auto auto 0}.header .content--header .header--title{font-size:14px;color:#dc0d94;margin:-12px 0 5px 5px}.header--title{-webkit-user-select:none;user-select:none}.header:hover{transform:translateY(-4px)}.text-input-container{position:relative;z-index:90;box-sizing:border-box}.text-input-container .edition--title{width:95%;margin:auto;display:flex;flex-direction:row;align-items:center;font-size:14px;color:#dc0d94}.text-input-container .edition--title p{margin-left:5px}.text-input-container .edition--title .picto--edition{display:flex;position:relative;width:24px;height:24px;padding:4px;border-radius:12px;background:linear-gradient(-90deg,#dc0d94,#4e00ab);color:#fff;margin-left:10px}.text-input-container .classic--input{outline:none;border:2px solid lightgrey;background-color:transparent;border-radius:10px;padding:10px;margin:10px 10px 0;box-sizing:border-box;width:calc(100% - 20px);min-width:0;max-width:calc(100% - 20px)}.text-input-container .classic--input:focus{border:2px solid #dc0d94!important}.text-input-container .section--autotranslate{display:flex;flex-direction:row;width:90%;margin:20px auto 10px 15px;font-size:10px;align-items:center}.text-input-container .section--autotranslate p:first-of-type{margin-right:10px}.text-input-container .section--autotranslate p:last-of-type{margin-left:10px}.text-input-container .section--autotranslate .switch--btn{display:flex;position:relative;width:60px!important;min-width:60px;height:30px;border-radius:15px;background:linear-gradient(-90deg,#dc0d94,#4e00ab);cursor:pointer;outline:none;margin-left:10px}@media screen and (max-width:450px){.text-input-container .section--autotranslate .switch--btn{width:60px;min-width:60px;height:30px;border-radius:15px}}.text-input-container .section--autotranslate .switch--btn .active{left:35px!important}.text-input-container .section--autotranslate .switch--btn--cursor{position:absolute;min-width:20px;max-width:20px;min-height:20px;max-height:20px;border-radius:15px;background-color:#fff;left:5px;top:5px;transition:left .3s ease;-webkit-transition:left .3s ease;-moz-transition:left .3s ease;-o-transition:left .3s ease}@media screen and (max-width:450px){.text-input-container .section--autotranslate .switch--btn--cursor{min-width:20px;max-width:20px;min-height:20px;max-height:20px;border-radius:10px}}@media screen and (min-width:800px){.text-input-container .section--autotranslate .switch--btn{width:75%}}.image-input-container{position:relative;z-index:90}.image-input-container .edition--title{width:95%;margin:auto;display:flex;flex-direction:row;font-size:14px;align-items:center}.image-input-container .edition--title p{margin-left:5px;color:#dc0d94}.image-input-container .edition--title .picto--edition{display:flex;position:relative;width:24px;height:24px;padding:4px;border-radius:12px;background:linear-gradient(-90deg,#dc0d94,#4e00ab);color:#fff;margin-left:10px}.radio-input{display:none}.custom-radio-wrapper{display:block;cursor:pointer;margin-bottom:12px}.custom-radio{display:flex;align-items:center;padding:12px;border-radius:8px;transition:background-color .2s ease}.custom-radio:hover{background-color:#ff6b6b0d}.radio-circle{width:20px;height:20px;border:3px solid;border-image:linear-gradient(60deg,#232323,#5b5b5b) 1;border-radius:8px;margin-right:12px;position:relative;transition:all .3s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#fff}.custom-radio:hover .radio-circle{transform:rotate(2deg) scale(1.02)}.check-icon{opacity:0;transform:scale(0);transition:all .3s cubic-bezier(.68,-.55,.265,1.55);width:16px;height:16px;color:#fff}.radio-input:checked+.custom-radio .check-icon{opacity:1;transform:scale(1)}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.radio-input:checked+.custom-radio .radio-circle{background:linear-gradient(60deg,#232323,#5b5b5b);border-image:linear-gradient(60deg,#232323,#5b5b5b) 1}.label{font-weight:600;text-align:center}.label:read-only{cursor:auto;opacity:.5;pointer-events:none;background:#f8f9fa!important;color:#000}input[type=text],textarea{width:100%;padding:8px 12px;box-sizing:border-box;border:1px solid #ddd;border-radius:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:14px}.readonly-input{pointer-events:none;cursor:auto;opacity:.5;background:#f8f9fa!important}input[type=text]:focus{outline:none;border-color:#000}input::placeholder{color:#3f3f3f}.image-input-container{margin-top:10px}.drop-zone-alternative{border:2px dashed darkgrey;border-radius:8px;padding:20px;text-align:center;cursor:pointer;transition:all .3s ease;background:transparent;min-height:120px;display:flex;align-items:center;justify-content:center;margin-top:10px}.drop-zone-alternative:hover{border-color:#dc0d94;background:#f0f8ff}.drop-zone-alternative.drag-over{border-color:#dc0d94;background:#e6f3ff}.drop-zone-alternative.has-image{padding:10px;min-height:120px}.drop-zone-alternative.is-loading{border-color:#ffc107;background:#fff9e6}.loading-spinner{display:flex;flex-direction:column;align-items:center;gap:10px}.spinner{width:24px;height:24px;border:3px solid #f3f3f3;border-top:3px solid #dc0d94;border-radius:50%;animation:spin 1s linear infinite}.image-preview::-webkit-scrollbar{height:6px}.image-preview::-webkit-scrollbar-track{box-shadow:inset 0 0 5px transparent;border-radius:2px}.image-preview::-webkit-scrollbar-thumb{background:linear-gradient(-90deg,#dc0d94,#4e00ab);border-radius:3px}.image-preview::-webkit-scrollbar-thumb:hover{background:linear-gradient(-90deg,#dc0d94,#4e00ab)}.image-preview{position:relative;display:flex;flex-direction:row;gap:5px;width:100%;margin:20px auto;overflow-x:auto;overflow-y:hidden!important}.preview-image{position:relative;max-height:90px;border-radius:4px;object-fit:cover;border:1px solid #ddd}.preview-image .image-preview-item{position:relative;display:flex;flex-direction:row}.preview-image .image-preview-item .image-overlay{display:flex;flex-direction:row;position:relative;width:90%;justify-content:space-between;gap:4px;margin:0 auto}.btn--save{padding:15px 40px;font-size:clamp(10px,3.2vw,16px);margin:20px auto;display:block;cursor:pointer;border-radius:30px;border:none;background:linear-gradient(-90deg,#dc0d94,#4e00ab);background-size:200%;background-position:left;color:#fff;transition:background-position .3s ease-in}.btn--save:hover{background-position:right}.btn-remove,.btn-replace{position:relative;background:#000000b3;color:#fff;border:none;width:25px;height:25px;margin:2px;border-radius:3px;cursor:pointer;font-size:11px;transition:background .2s}.btn-remove:hover{background:#f44}.btn-replace:hover{background:#dc0d94}.drop-zone-alternative-content{text-align:center;pointer-events:none}.drop-icon{font-size:36px;margin-bottom:8px}.drop-text{position:relative;margin:8px 0;color:#666;font-size:14px;pointer-events:none}.drop-text strong{color:#333}.drop-formats{pointer-events:none;font-size:11px;color:#999;margin:4px 0 0}.url-input-section{margin-top:12px}.input-group{position:relative;display:flex;align-items:center}.url-input{flex:1;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:13px}.url-input:focus{outline:none;border-color:#5dade2}.btn-clear-url{position:absolute;right:8px;background:none;border:none;cursor:pointer;color:#999;font-size:14px;padding:2px;transition:color .2s}.btn-clear-url:hover{color:#f44}.url-error{color:#f44;font-size:12px;margin-top:4px}.image-readonly{margin-top:10px;text-align:center}.readonly-image{max-height:90px;object-fit:cover;border:1px solid #ddd;border-radius:10px}.no-image{padding:16px;color:#999;font-style:italic;background:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;font-size:13px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:480px){.alternatives{width:95%;padding:8px}.preview-image,.readonly-image{max-width:120px;max-height:80px}.drop-icon{font-size:28px}}.toggle--side::-webkit-scrollbar{width:8px}.toggle--side::-webkit-scrollbar-track{box-shadow:inset 0 0 5px transparent;border-radius:4px}.toggle--side::-webkit-scrollbar-thumb{background:linear-gradient(#4e00ab,#dc0d94)!important;background-size:250% 100%!important;background-position:var(--scroll-position) center;border-radius:5px!important;cursor:grab;transition:background-position .1s ease}.toggle--side::-webkit-scrollbar-thumb:hover{background:linear-gradient(#4e00ab,#dc0d94)!important;background-size:200% 100%;background-position:var(--scroll-position) center}.bottom--position--save{position:absolute;top:100px;right:0;border-radius:50px}.bottom--position--save:hover{background-color:#0003!important}.bottom--position--online{position:absolute;top:25px;right:0;border-radius:50px}.bottom--position--online:hover{background-color:#0003!important}.toggle--btn--configurator{z-index:999;padding:15px;border:none;background-color:#f5f5f5;cursor:pointer;align-content:center;align-items:center;justify-content:center;transition:background-color .3s ease,color .3s ease;-webkit-transition:background-color .3s ease,color .3s ease;-moz-transition:background-color .3s ease,color .3s ease;-o-transition:background-color .3s ease,color .3s ease}.toggle--btn--configurator:hover{background-color:#fff}.toggle--btn--configurator svg{color:#000}.bottom--side--configurator{width:90%;min-height:fit-content;overflow-x:scroll;overflow-y:hidden;--scroll-position: 0%;margin:10px auto 0;padding-top:10px}.bottom--side--configurator .panel--title{width:90%;display:flex;flex-direction:row;align-items:center;text-align:center;font-size:20px;line-height:36px;margin:10px auto 10px 0;justify-content:space-between}.bottom--side--configurator .panel--title .text{font-size:22px;line-height:30px;margin:0}.bottom--side--configurator .panel--title .text .description{font-size:13px;text-align:left}.bottom--side--configurator .panel--title .text p{text-align:center}.bottom--side--configurator .panel--title .text p span{font-size:30px;line-height:30px;text-align:center}.bottom--side--configurator .configuration--panel{display:flex;flex-direction:row;padding:0;justify-content:space-between;width:90%}.configuration--view{position:relative;z-index:999;border:none;cursor:pointer;margin-top:-35px;border-top:1px solid lightgrey;transition:background-color .3s ease,color .3s ease,top .3s ease,bottom .3s ease;-webkit-transition:background-color .3s ease,color .3s ease,top .3s ease,bottom .3s ease;-moz-transition:background-color .3s ease,color .3s ease,top .3s ease,bottom .3s ease;-o-transition:background-color .3s ease,color .3s ease,top .3s ease,bottom .3s ease}.configuration--view .panel--title{position:relative;font-weight:300;text-align:center;color:gray}.configuration--view .panel--title .text{display:flex;flex-direction:column;font-weight:300;color:gray}.configuration--view .panel--title .text .description{width:100%;font-weight:300;color:gray}.configuration--view .panel--title .text .description b{font-size:20px}.configuration--view .panel--title .btn--online{position:relative;align-items:center;padding:15px 40px;font-size:clamp(10px,3.2vw,16px);margin:auto 25px auto auto;cursor:pointer;border-radius:25px;border:none;background:linear-gradient(-90deg,#4e00ab,#dc0d94);background-size:200%;background-position:left;color:#fff;transition:background-position .3s ease-in}.configuration--view .panel--title .btn--online svg{margin-right:15px}.configuration--view .panel--title .btn--online:hover{background-position:right}.configuration--view .configuration--panel{align-items:flex-start;gap:25px;margin:10px auto 10px 0;transform-origin:center;transition:width 1s ease,height 1s ease;-webkit-transition:width 1s ease,height 1s ease;-moz-transition:width 1s ease,height 1s ease;-o-transition:width 1s ease,height 1s ease}.configuration--view .configuration--panel .application{position:relative;display:flex;flex-direction:column;border:1px solid lightgray;min-width:325px;min-height:fit-content;border-radius:20px;color:#1a1a1a;font-weight:300;padding:15px 5px}.configuration--view .configuration--panel .application .activate--application{position:absolute;right:10px;top:20px;display:flex;flex-direction:row;margin:20px auto 10px 15px;font-size:10px;align-items:center}.configuration--view .configuration--panel .application .activate--application p{font-weight:600}.configuration--view .configuration--panel .application .activate--application p:first-of-type{margin-right:10px}.configuration--view .configuration--panel .application .activate--application p:last-of-type{margin-left:10px}.configuration--view .configuration--panel .application .activate--application .switch--btn{display:flex;position:relative;width:60px!important;min-width:60px;height:30px;border-radius:15px;background-color:transparent;border:1px solid lightgray;cursor:pointer;outline:none;margin-left:10px}@media screen and (max-width:450px){.configuration--view .configuration--panel .application .activate--application .switch--btn{width:60px;min-width:60px;height:30px;border-radius:15px}}.configuration--view .configuration--panel .application .activate--application .switch--btn .active{left:34px!important;background-color:#1a1a1a!important}.configuration--view .configuration--panel .application .activate--application .switch--btn--cursor{position:absolute;min-width:20px;max-width:20px;min-height:20px;max-height:20px;background-color:gray;border-radius:15px;left:4px;top:4px;transition:left .3s ease;-webkit-transition:left .3s ease;-moz-transition:left .3s ease;-o-transition:left .3s ease}@media screen and (max-width:450px){.configuration--view .configuration--panel .application .activate--application .switch--btn--cursor{min-width:20px;max-width:20px;min-height:20px;max-height:20px;border-radius:10px}}@media screen and (min-width:800px){.configuration--view .configuration--panel .application .activate--application .switch--btn{width:75%}}.configuration--view .configuration--panel .application--title,.configuration--view .configuration--panel .application--id,.configuration--view .configuration--panel .application--step{font-weight:300}.configuration--view .configuration--panel .application--title{margin:5px auto 5px 5px}.configuration--view .configuration--panel .application--id{margin:5px auto 15px 5px;font-weight:600}.configuration--view .configuration--panel .application--title,.configuration--view .configuration--panel .application--id{color:gray}.configuration--view .configuration--panel .application--step{margin:10px auto 5px 5px;line-height:20Px;border-bottom:1px solid #1A1A1A;color:gray}.configuration--view .configuration--panel .application .inline{position:relative;z-index:110;display:flex;flex-direction:row;width:90%;margin:10px auto;align-items:center}.configuration--view .configuration--panel .application .inline .checkbox{position:relative;width:18px;min-width:18px;max-width:18px;min-height:18px;max-height:18px;border-radius:9px;background-color:transparent;border:1px solid lightgray;text-align:center;align-content:center;justify-content:center;color:#000;margin:auto 10px auto 25px;cursor:pointer}.configuration--view .configuration--panel .application .inline .checkbox .round{width:8px;height:8px;border-radius:50%;background-color:#1a1a1a;margin:auto}.configuration--view .configuration--panel .application .inline span{color:#1a1a1a;font-size:12px;line-height:14px;font-weight:600;margin-right:auto;margin-left:0;text-align:left;font-family:Montserrat Light,sans-serif;cursor:pointer}@media screen and (max-width:650px){.configuration--view .configuration--panel .application .inline span{font-size:12px;margin-top:-2px}}.configuration--view .configuration--panel .application .inline span u{cursor:pointer!important}.configuration--view .configuration--panel .application .select-model--configurator{position:relative;z-index:1120;display:flex;width:90%;margin:5px auto 0;transform:translate(0);justify-content:center}.configuration--view .configuration--panel .application .select-model--configurator .model-selector{position:relative;flex-shrink:0;width:100%}.configuration--view .configuration--panel .application .select-model--configurator .model-dropdown-trigger{background:transparent;border:1px solid lightgray;color:gray;padding:8px 12px;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:14px;transition:all .3s ease;width:100%;margin:10px auto}.configuration--view .configuration--panel .application .select-model--configurator .model-dropdown-trigger:hover,.configuration--view .configuration--panel .application .select-model--configurator .model-dropdown-trigger.dropdown-open{border:1px solid #1A1A1A}.configuration--view .configuration--panel .application .select-model--configurator .select-name{font-weight:600;flex:1;font-size:12px;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#1a1a1a}.configuration--view .configuration--panel .application .select-model--configurator .dropdown-arrow{display:flex;font-size:12px;transition:transform .3s ease;flex-shrink:0;align-items:center}.configuration--view .configuration--panel .application .select-model--configurator .dropdown-arrow.rotated{transform:rotate(180deg)}.configuration--view .configuration--panel .application .select-model--configurator .model-dropdown-menu{position:absolute;bottom:100%;left:0;right:0;background-color:#fff!important;border-radius:6px;box-shadow:0 4px 12px #000c;z-index:1000;margin-top:4px;max-height:300px;overflow-y:auto;animation:fadeInUp .2s ease}.configuration--view .configuration--panel .application .select-model--configurator .dropdown-header{padding:10px 12px;font-size:12px;font-weight:600;color:#ccc;border-bottom:1px solid #555;background-color:#fff!important}.configuration--view .configuration--panel .application .select-model--configurator .model-option{display:flex;flex-direction:row;width:100%;padding:0;border:none;height:50px;min-height:50px;align-content:center;background:#fff;color:#000;cursor:pointer;justify-content:space-between;transition:background .2s ease;border-bottom:1px solid rgba(255,255,255,.1)}.configuration--view .configuration--panel .application .select-model--configurator .model-option:last-child{border-bottom:none}.configuration--view .configuration--panel .application .select-model--configurator .model-option:hover{background:#5dade21a}.configuration--view .configuration--panel .application .select-model--configurator .model-option.active{color:#dc0d94}.configuration--view .configuration--panel .application .select-model--configurator .model-option-content{padding:12px 12px 12px 0;display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%}.configuration--view .configuration--panel .application .select-model--configurator .model-option-name{display:flex;flex-direction:row;font-weight:500;flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;align-items:center;justify-content:left}.configuration--view .configuration--panel .application .select-model--configurator .model-option-name span{margin-right:5px;transition:background-color .3s ease,color .3s ease;-webkit-transition:background-color .3s ease,color .3s ease;-moz-transition:background-color .3s ease,color .3s ease;-o-transition:background-color .3s ease,color .3s ease}.configuration--view .configuration--panel .application .select-model--configurator .model-option-name svg{margin:auto}.configuration--view .configuration--panel .application .select-model--configurator .model-option-index{font-size:12px;opacity:.7;flex-shrink:0}.configuration--view .configuration--panel .application .select-model--configurator select{width:100%;cursor:pointer;font-size:16px;outline:none;border:2px solid lightgrey;background-color:#fff;border-radius:10px;padding:5px;transition:border .3s ease;-webkit-transition:border .3s ease;-moz-transition:border .3s ease;-o-transition:border .3s ease;appearance:none;-webkit-appearance:none;-moz-appearance:none}.configuration--view .configuration--panel .application .select-model--configurator .chevron{position:absolute;top:50%;right:12px;pointer-events:none;transform:translateY(-50%);font-size:14px;color:#666}.configuration--view .configuration--panel .application .input{background-color:transparent;border:1px solid lightgray;width:90%;height:50px;margin:10px auto;color:#1a1a1a;outline:none;font-weight:600;border-radius:6px;transition:border .3s ease;-webkit-transition:border .3s ease;-moz-transition:border .3s ease;-o-transition:border .3s ease}.configuration--view .configuration--panel .application .input::placeholder{color:gray}.configuration--view .configuration--panel .application .input:focus{border:1px solid #1A1A1A}.configuration--view .configuration--panel .application .textarea{background-color:transparent;border:1px solid lightgray;width:90%;min-height:100px;margin:10px auto;color:#1a1a1a;outline:none;border-radius:6px;font-weight:600;transition:border .3s ease;-webkit-transition:border .3s ease;-moz-transition:border .3s ease;-o-transition:border .3s ease}.configuration--view .configuration--panel .application .textarea:focus{border:1px solid #1A1A1A}.configuration--view .configuration--panel .application .textarea::placeholder{color:gray}.configuration--view .saved{background-color:gray!important;color:#d3d3d3!important;cursor:not-allowed!important;border-color:#fff!important}.configuration--view .not-saved{background-color:transparent!important;animation:flashFont 2s ease-out infinite alternate}.configuration--view .not-saved:hover{color:#1a1a1a!important}.configuration--view .save--config{position:relative;align-items:center;outline:none;border:1px solid #1A1A1A;font-weight:600;color:#919191;padding:15px 40px;border-radius:25px;margin:auto auto auto 25px;font-size:clamp(10px,3.2vw,16px);cursor:pointer;transition:background-color .3s ease,color .3s ease;-webkit-transition:background-color .3s ease,color .3s ease;-moz-transition:background-color .3s ease,color .3s ease;-o-transition:background-color .3s ease,color .3s ease}@keyframes flashFont{0%{color:#d3d3d3}40%,60%{color:gray}to{color:#d3d3d3}}.close .feather-smartphone,.close .feather-tablet,.close .feather-tv,.close .toggle--ruban,.close .category-device{color:#d3d3d3}.close .ruban-container{opacity:0}.close:hover .feather-smartphone,.close:hover .feather-tablet,.close:hover .feather-tv,.close:hover .toggle--ruban,.close:hover .category-device,.open .feather-smartphone,.open .feather-tablet,.open .feather-tv,.open .toggle--ruban,.open .category-device{color:gray}.rubans-wrapper{position:relative;display:flex;flex-direction:column;width:100%;height:100%;margin:0;border:none!important}.rubans-wrapper-header{position:relative;z-index:100;width:100%;margin:0;align-items:center;display:flex;flex-direction:row;cursor:pointer}.rubans-wrapper-header .toggle--ruban{background-color:transparent;border:none;cursor:pointer;outline:none;transition:color .3s ease,transform .3s ease;-webkit-transition:color .3s ease,transform .3s ease;-moz-transition:color .3s ease,transform .3s ease;-o-transition:color .3s ease,transform .3s ease}.rubans-wrapper-header .toggle--ruban:hover{color:#1a1a1a}.rubans-wrapper-header .feather-smartphone,.rubans-wrapper-header .feather-tablet,.rubans-wrapper-header .feather-tv{transition:color .3s ease;-webkit-transition:color .3s ease;-moz-transition:color .3s ease;-o-transition:color .3s ease}.rubans-wrapper-header .category-device:first-letter{text-transform:uppercase}.rubans-wrapper-header .category-device{font-size:14px;font-weight:600;margin:auto auto auto 10px;transition:color .3s ease;-webkit-transition:color .3s ease;-moz-transition:color .3s ease;-o-transition:color .3s ease}.ruban-container{position:relative;z-index:10;width:100%;margin-bottom:0;background:transparent;margin-top:-20px}.ruban-container .flash{-webkit-animation-name:flash;animation-name:flash;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;animation-iteration-count:1;-webkit-animation-iteration-count:1}@-webkit-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.ruban-container .open-setting{position:absolute;z-index:100;left:-20px;top:50%;padding:10px;transform:translateY(-50%);text-align:left;border:none;border-radius:0 30px 30px 0;background-color:gray;cursor:pointer!important;outline:none;justify-content:center;align-items:center;align-content:center;color:#d3d3d3;box-shadow:0 0 5px 1px #0000001a;transition:color .3s ease,transform .3s ease;-webkit-transition:color .3s ease,transform .3s ease;-moz-transition:color .3s ease,transform .3s ease;-o-transition:color .3s ease,transform .3s ease}.ruban-container .open-setting:hover{color:#fff}.ruban-title{font-size:16px;font-weight:600;padding-bottom:8px;margin-bottom:15px;border-bottom:2px solid}.alternative--hidden{position:absolute;z-index:0!important;left:-5000px;top:-5000px;pointer-events:none}.selected--alternative::-webkit-scrollbar{height:8px}.selected--alternative::-webkit-scrollbar-track{box-shadow:inset 0 0 5px transparent;border-radius:4px}.selected--alternative::-webkit-scrollbar-thumb{background:linear-gradient(-90deg,#4e00ab,#dc0d94);border-radius:4px;cursor:grab;position:relative;z-index:9999!important}.selected--alternative::-webkit-scrollbar-thumb:hover{background:linear-gradient(-90deg,#4e00ab,#dc0d94)}.selected--alternative{position:relative;display:flex;width:90%;margin:15px auto 0;padding:0;overflow-x:auto;overflow-y:hidden}.selected--alternative .language-section-hidden{position:absolute;z-index:0!important;left:-5000px;top:-5000px;pointer-events:none}.selected--alternative .language-section{position:relative;width:80%!important;margin:0 auto;display:flex;flex-direction:row;justify-content:center;padding:20px;scroll-behavior:smooth}.selected--alternative .language-section .template-section{display:flex;flex-direction:column;justify-content:center;text-align:center!important;padding:0 5px;height:90%;border-radius:6px;margin:0;pointer-events:none}.selected--alternative .language-section .template-section:last-child{margin-bottom:0}.selected--alternative .language-section .template-section-hidden{opacity:0;pointer-events:none}.selected--alternative .language-section .template-section--hidden{position:absolute;z-index:0!important;left:-5000px;top:-5000px;pointer-events:none}.language-title{color:#4e00ab;margin-bottom:10px;font-size:13px;font-weight:500}.templates-container::-webkit-scrollbar{height:6px}.templates-container::-webkit-scrollbar-track{box-shadow:inset 0 0 5px transparent;border-radius:2px}.templates-container::-webkit-scrollbar-thumb{background:linear-gradient(-90deg,#4e00ab,#dc0d94);border-radius:3px}.templates-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(-90deg,#4e00ab,#dc0d94)}.templates-container{display:flex;flex-direction:row;overflow-x:auto;overflow-y:hidden;padding-top:20px;padding-bottom:20px;scroll-behavior:smooth}.device-frame{border:2px solid rgba(26,25,27,.9);box-shadow:0 4px 10px 2px #0000004d;border-radius:16px;overflow:hidden;background:#f8f9fa;position:relative;margin:0 auto;box-sizing:border-box}.template-iframe{border:none;display:block;width:100%;height:100%;object-fit:cover}.elements-container{margin-top:10px;padding-top:10px}.elements-container h5{color:#6c757d;margin-bottom:8px;font-size:12px}.element-item{margin-bottom:5px;padding:5px;background:#f8f9fa;border-radius:4px;font-size:10px}.element-info{display:flex;align-items:center;gap:5px}.element-type{background:#17a2b8;color:#fff;padding:1px 3px;border-radius:2px;font-size:8px}.element-order{background:#6c757d;color:#fff;padding:1px 3px;border-radius:2px;font-size:8px}.hidden-iframe-container{position:fixed;top:-20000px;left:-20000px;overflow:hidden;visibility:hidden;z-index:-1000}.capture-iframe{border:none!important;background:#fff;overflow:hidden;zoom:1;transform:scale(1);transform-origin:top left;width:1320px;height:2868px}.capture-iframe body{margin:0!important;padding:0!important;box-sizing:border-box!important;overflow:hidden!important}@media(max-width:768px){.rubans-wrapper{width:95%}.templates-container{flex-direction:column}.template-card{min-width:auto;width:100%}.devices-container{flex-direction:column;align-items:center}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0)!important;transform:translate3d(0,100%,0)!important}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}::-webkit-scrollbar{width:1px}::-webkit-scrollbar-track{box-shadow:inset 0 0 5px transparent;border-radius:2px}::-webkit-scrollbar-thumb{background:transparent;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#ffffff80}html,body,#app,.layout{position:absolute;width:100%;max-width:100vw;height:100%;top:0;right:0;bottom:0;left:0;margin:0;padding:0;overflow:hidden}.desktop{display:block}@media screen and (max-width:650px){.desktop{display:none}}.mobile{display:none}@media screen and (max-width:650px){.mobile{display:block}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}@theme inline{--animation-delay-0: 0s; --animation-delay-75: 75ms; --animation-delay-100: .1s; --animation-delay-150: .15s; --animation-delay-200: .2s; --animation-delay-300: .3s; --animation-delay-500: .5s; --animation-delay-700: .7s; --animation-delay-1000: 1s; --animation-repeat-0: 0; --animation-repeat-1: 1; --animation-repeat-infinite: infinite; --animation-direction-normal: normal; --animation-direction-reverse: reverse; --animation-direction-alternate: alternate; --animation-direction-alternate-reverse: alternate-reverse; --animation-fill-mode-none: none; --animation-fill-mode-forwards: forwards; --animation-fill-mode-backwards: backwards; --animation-fill-mode-both: both; --percentage-0: 0; --percentage-5: .05; --percentage-10: .1; --percentage-15: .15; --percentage-20: .2; --percentage-25: .25; --percentage-30: .3; --percentage-35: .35; --percentage-40: .4; --percentage-45: .45; --percentage-50: .5; --percentage-55: .55; --percentage-60: .6; --percentage-65: .65; --percentage-70: .7; --percentage-75: .75; --percentage-80: .8; --percentage-85: .85; --percentage-90: .9; --percentage-95: .95; --percentage-100: 1; --percentage-translate-full: 1; --animate-in: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); --animate-out: exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); @keyframes enter { from { opacity: var(--tw-enter-opacity,1); transform: translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0)); filter: blur(var(--tw-enter-blur,0)); }}@keyframes exit { to { opacity: var(--tw-exit-opacity,1); transform: translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0)); filter: blur(var(--tw-exit-blur,0)); }}--animate-accordion-down: accordion-down var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); --animate-accordion-up: accordion-up var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); --animate-collapsible-down: collapsible-down var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); --animate-collapsible-up: collapsible-up var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); @keyframes accordion-down { from { height: 0; }to { height: var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto))))); }}@keyframes accordion-up { from { height: var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto))))); }to { height: 0; }}@keyframes collapsible-down { from { height: 0; }to { height: var(--radix-collapsible-content-height,var(--bits-collapsible-content-height,var(--reka-collapsible-content-height,var(--kb-collapsible-content-height,auto)))); }}@keyframes collapsible-up { from { height: var(--radix-collapsible-content-height,var(--bits-collapsible-content-height,var(--reka-collapsible-content-height,var(--kb-collapsible-content-height,auto)))); }to { height: 0; }}--animate-caret-blink: caret-blink 1.25s ease-out infinite; @keyframes caret-blink { 0%,70%,100% { opacity: 1; }20%,50% { opacity: 0; }}}@utility animation-duration-*{--tw-animation-duration: calc(--value(number)*1ms) ; --tw-animation-duration: --value(--animation-duration-*,[duration],"initial",[*]); animation-duration: calc(--value(number)*1ms) ; animation-duration: --value(--animation-duration-*,[duration],"initial",[*]);}@utility delay-*{animation-delay: calc(--value(number)*1ms) ; animation-delay: --value(--animation-delay-*,[duration],"initial",[*]); --tw-animation-delay: calc(--value(number)*1ms) ; --tw-animation-delay: --value(--animation-delay-*,[duration],"initial",[*]);}@utility repeat-*{animation-iteration-count: --value(--animation-repeat-*,number,"initial",[*]); --tw-animation-iteration-count: --value(--animation-repeat-*,number,"initial",[*]);}@utility direction-*{animation-direction: --value(--animation-direction-*,"initial",[*]); --tw-animation-direction: --value(--animation-direction-*,"initial",[*]);}@utility fill-mode-*{animation-fill-mode: --value(--animation-fill-mode-*,"initial",[*]); --tw-animation-fill-mode: --value(--animation-fill-mode-*,"initial",[*]);}@utility running{animation-play-state: running;}@utility paused{animation-play-state: paused;}@utility play-state-*{animation-play-state: --value("initial",[*]);}@utility blur-in{--tw-enter-blur: 20px;}@utility blur-in-*{--tw-enter-blur: calc(--value(number)*1px) ; --tw-enter-blur: --value(--blur-*,[*]);}@utility blur-out{--tw-exit-blur: 20px;}@utility blur-out-*{--tw-exit-blur: calc(--value(number)*1px) ; --tw-exit-blur: --value(--blur-*,[*]);}@utility fade-in{--tw-enter-opacity: 0;}@utility fade-in-*{--tw-enter-opacity: calc(--value(number)*.01) ; --tw-enter-opacity: --value(--percentage-*,[*]);}@utility fade-out{--tw-exit-opacity: 0;}@utility fade-out-*{--tw-exit-opacity: calc(--value(number)*.01) ; --tw-exit-opacity: --value(--percentage-*,[*]);}@utility zoom-in{--tw-enter-scale: 0;}@utility zoom-in-*{--tw-enter-scale: calc(--value(number)*1%) ; --tw-enter-scale: --value(ratio) ; --tw-enter-scale: --value(--percentage-*,[*]);}@utility -zoom-in-*{--tw-enter-scale: calc(--value(number)*-1%) ; --tw-enter-scale: calc(--value(ratio)*-1) ; --tw-enter-scale: --value(--percentage-*,[*]);}@utility zoom-out{--tw-exit-scale: 0;}@utility zoom-out-*{--tw-exit-scale: calc(--value(number)*1%) ; --tw-exit-scale: --value(ratio) ; --tw-exit-scale: --value(--percentage-*,[*]);}@utility -zoom-out-*{--tw-exit-scale: calc(--value(number)*-1%) ; --tw-exit-scale: calc(--value(ratio)*-1) ; --tw-exit-scale: --value(--percentage-*,[*]);}@utility spin-in{--tw-enter-rotate: 30deg;}@utility spin-in-*{--tw-enter-rotate: calc(--value(number)*1deg) ; --tw-enter-rotate: calc(--value(ratio)*360deg) ; --tw-enter-rotate: --value(--rotate-*,[*]);}@utility -spin-in{--tw-enter-rotate: -30deg;}@utility -spin-in-*{--tw-enter-rotate: calc(--value(number)*-1deg) ; --tw-enter-rotate: calc(--value(ratio)*-360deg) ; --tw-enter-rotate: --value(--rotate-*,[*]);}@utility spin-out{--tw-exit-rotate: 30deg;}@utility spin-out-*{--tw-exit-rotate: calc(--value(number)*1deg) ; --tw-exit-rotate: calc(--value(ratio)*360deg) ; --tw-exit-rotate: --value(--rotate-*,[*]);}@utility -spin-out{--tw-exit-rotate: -30deg;}@utility -spin-out-*{--tw-exit-rotate: calc(--value(number)*-1deg) ; --tw-exit-rotate: calc(--value(ratio)*-360deg) ; --tw-exit-rotate: --value(--rotate-*,[*]);}@utility slide-in-from-top{--tw-enter-translate-y: -100%;}@utility slide-in-from-top-*{--tw-enter-translate-y: calc(--value(integer)*var(--spacing)*-1); --tw-enter-translate-y: calc(--value(--percentage-*,--percentage-translate-*)*-100%) ; --tw-enter-translate-y: calc(--value(ratio)*-100%) ; --tw-enter-translate-y: calc(--value(--translate-*,[percentage],[length])*-1) ;}@utility slide-in-from-bottom{--tw-enter-translate-y: 100%;}@utility slide-in-from-bottom-*{--tw-enter-translate-y: calc(--value(integer)*var(--spacing)); --tw-enter-translate-y: calc(--value(--percentage-*,--percentage-translate-*)*100%) ; --tw-enter-translate-y: calc(--value(ratio)*100%) ; --tw-enter-translate-y: --value(--translate-*,[percentage],[length]);}@utility slide-in-from-left{--tw-enter-translate-x: -100%;}@utility slide-in-from-left-*{--tw-enter-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%) ; --tw-enter-translate-x: calc(--value(ratio)*-100%) ; --tw-enter-translate-x: calc(--value(--translate-*,[percentage],[length])*-1) ;}@utility slide-in-from-right{--tw-enter-translate-x: 100%;}@utility slide-in-from-right-*{--tw-enter-translate-x: calc(--value(integer)*var(--spacing)); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%) ; --tw-enter-translate-x: calc(--value(ratio)*100%) ; --tw-enter-translate-x: --value(--translate-*,[percentage],[length]);}@utility slide-in-from-start{&:dir(ltr){ --tw-enter-translate-x: -100%; }&:dir(rtl){ --tw-enter-translate-x: 100%; }}@utility slide-in-from-start-*{&:where(:dir(ltr),[dir="ltr"],[dir="ltr"]*){ --tw-enter-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%) ; --tw-enter-translate-x: calc(--value(ratio)*-100%) ; --tw-enter-translate-x: calc(--value(--translate-*,[percentage],[length])*-1) ; }&:where(:dir(rtl),[dir="rtl"],[dir="rtl"]*){ --tw-enter-translate-x: calc(--value(integer)*var(--spacing)); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%) ; --tw-enter-translate-x: calc(--value(ratio)*100%) ; --tw-enter-translate-x: --value(--translate-*,[percentage],[length]); }}@utility slide-in-from-end{&:dir(ltr){ --tw-enter-translate-x: 100%; }&:dir(rtl){ --tw-enter-translate-x: -100%; }}@utility slide-in-from-end-*{&:where(:dir(ltr),[dir="ltr"],[dir="ltr"]*){ --tw-enter-translate-x: calc(--value(integer)*var(--spacing)); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%) ; --tw-enter-translate-x: calc(--value(ratio)*100%) ; --tw-enter-translate-x: --value(--translate-*,[percentage],[length]); }&:where(:dir(rtl),[dir="rtl"],[dir="rtl"]*){ --tw-enter-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%) ; --tw-enter-translate-x: calc(--value(ratio)*-100%) ; --tw-enter-translate-x: calc(--value(--translate-*,[percentage],[length])*-1) ; }}@utility slide-out-to-top{--tw-exit-translate-y: -100%;}@utility slide-out-to-top-*{--tw-exit-translate-y: calc(--value(integer)*var(--spacing)*-1); --tw-exit-translate-y: calc(--value(--percentage-*,--percentage-translate-*)*-100%) ; --tw-exit-translate-y: calc(--value(ratio)*-100%) ; --tw-exit-translate-y: calc(--value(--translate-*,[percentage],[length])*-1) ;}@utility slide-out-to-bottom{--tw-exit-translate-y: 100%;}@utility slide-out-to-bottom-*{--tw-exit-translate-y: calc(--value(integer)*var(--spacing)); --tw-exit-translate-y: calc(--value(--percentage-*,--percentage-translate-*)*100%) ; --tw-exit-translate-y: calc(--value(ratio)*100%) ; --tw-exit-translate-y: --value(--translate-*,[percentage],[length]);}@utility slide-out-to-left{--tw-exit-translate-x: -100%;}@utility slide-out-to-left-*{--tw-exit-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%) ; --tw-exit-translate-x: calc(--value(ratio)*-100%) ; --tw-exit-translate-x: calc(--value(--translate-*,[percentage],[length])*-1) ;}@utility slide-out-to-right{--tw-exit-translate-x: 100%;}@utility slide-out-to-right-*{--tw-exit-translate-x: calc(--value(integer)*var(--spacing)); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%) ; --tw-exit-translate-x: calc(--value(ratio)*100%) ; --tw-exit-translate-x: --value(--translate-*,[percentage],[length]);}@utility slide-out-to-start{&:dir(ltr){ --tw-exit-translate-x: -100%; }&:dir(rtl){ --tw-exit-translate-x: 100%; }}@utility slide-out-to-start-*{&:where(:dir(ltr),[dir="ltr"],[dir="ltr"]*){ --tw-exit-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%) ; --tw-exit-translate-x: calc(--value(ratio)*-100%) ; --tw-exit-translate-x: calc(--value(--translate-*,[percentage],[length])*-1) ; }&:where(:dir(rtl),[dir="rtl"],[dir="rtl"]*){ --tw-exit-translate-x: calc(--value(integer)*var(--spacing)); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%) ; --tw-exit-translate-x: calc(--value(ratio)*100%) ; --tw-exit-translate-x: --value(--translate-*,[percentage],[length]); }}@utility slide-out-to-end{&:dir(ltr){ --tw-exit-translate-x: 100%; }&:dir(rtl){ --tw-exit-translate-x: -100%; }}@utility slide-out-to-end-*{&:where(:dir(ltr),[dir="ltr"],[dir="ltr"]*){ --tw-exit-translate-x: calc(--value(integer)*var(--spacing)); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%) ; --tw-exit-translate-x: calc(--value(ratio)*100%) ; --tw-exit-translate-x: --value(--translate-*,[percentage],[length]); }&:where(:dir(rtl),[dir="rtl"],[dir="rtl"]*){ --tw-exit-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%) ; --tw-exit-translate-x: calc(--value(ratio)*-100%) ; --tw-exit-translate-x: calc(--value(--translate-*,[percentage],[length])*-1) ; }}@custom-variant dark (&:is(.dark *));@tailwind base;@tailwind components;@tailwind utilities;html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64);--background: oklch(1 0 0);--foreground: oklch(.141 .005 285.823);--card: oklch(1 0 0);--card-foreground: oklch(.141 .005 285.823);--popover: oklch(1 0 0);--popover-foreground: oklch(.141 .005 285.823);--primary: oklch(.21 .006 285.885);--primary-foreground: oklch(.985 0 0);--secondary: oklch(.967 .001 286.375);--secondary-foreground: oklch(.21 .006 285.885);--muted: oklch(.967 .001 286.375);--muted-foreground: oklch(.552 .016 285.938);--accent: oklch(.967 .001 286.375);--accent-foreground: oklch(.21 .006 285.885);--destructive: oklch(.577 .245 27.325);--destructive-foreground: oklch(.577 .245 27.325);--border: oklch(.92 .004 286.32);--input: oklch(.92 .004 286.32);--ring: oklch(.705 .015 286.067);--chart-1: oklch(.646 .222 41.116);--chart-2: oklch(.6 .118 184.704);--chart-3: oklch(.398 .07 227.392);--chart-4: oklch(.828 .189 84.429);--chart-5: oklch(.769 .188 70.08);--radius: .625rem;--sidebar: oklch(.985 0 0);--sidebar-foreground: oklch(.141 .005 285.823);--sidebar-primary: oklch(.21 .006 285.885);--sidebar-primary-foreground: oklch(.985 0 0);--sidebar-accent: oklch(.967 .001 286.375);--sidebar-accent-foreground: oklch(.21 .006 285.885);--sidebar-border: oklch(.92 .004 286.32);--sidebar-ring: oklch(.705 .015 286.067)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media(prefers-color-scheme:dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{transform:translateY(0);opacity:1}}@keyframes pulseIn{0%{box-shadow:0 0 #165a73b3}70%{box-shadow:0 0 0 20px #28a74500}to{box-shadow:0 0 #28a74500}}@theme inline{ --color-background: var(--background); --color-foreground: var(--foreground); --color-card: var(--card); --color-card-foreground: var(--card-foreground); --color-popover: var(--popover); --color-popover-foreground: var(--popover-foreground); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground); --color-muted: var(--muted); --color-muted-foreground: var(--muted-foreground); --color-accent: var(--accent); --color-accent-foreground: var(--accent-foreground); --color-destructive: var(--destructive); --color-destructive-foreground: var(--destructive-foreground); --color-border: var(--border); --color-input: var(--input); --color-ring: var(--ring); --color-chart-1: var(--chart-1); --color-chart-2: var(--chart-2); --color-chart-3: var(--chart-3); --color-chart-4: var(--chart-4); --color-chart-5: var(--chart-5); --radius-sm: calc(var(--radius) - 4px); --radius-md: calc(var(--radius) - 2px); --radius-lg: var(--radius); --radius-xl: calc(var(--radius) + 4px); --color-sidebar: var(--sidebar); --color-sidebar-foreground: var(--sidebar-foreground); --color-sidebar-primary: var(--sidebar-primary); --color-sidebar-primary-foreground: var(--sidebar-primary-foreground); --color-sidebar-accent: var(--sidebar-accent); --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); --color-sidebar-border: var(--sidebar-border); --color-sidebar-ring: var(--sidebar-ring); }.dark{--background: oklch(.141 .005 285.823);--foreground: oklch(.985 0 0);--card: oklch(.141 .005 285.823);--card-foreground: oklch(.985 0 0);--popover: oklch(.141 .005 285.823);--popover-foreground: oklch(.985 0 0);--primary: oklch(.985 0 0);--primary-foreground: oklch(.21 .006 285.885);--secondary: oklch(.274 .006 286.033);--secondary-foreground: oklch(.985 0 0);--muted: oklch(.274 .006 286.033);--muted-foreground: oklch(.705 .015 286.067);--accent: oklch(.274 .006 286.033);--accent-foreground: oklch(.985 0 0);--destructive: oklch(.396 .141 25.723);--destructive-foreground: oklch(.637 .237 25.331);--border: oklch(.274 .006 286.033);--input: oklch(.274 .006 286.033);--ring: oklch(.442 .017 285.786);--chart-1: oklch(.488 .243 264.376);--chart-2: oklch(.696 .17 162.48);--chart-3: oklch(.769 .188 70.08);--chart-4: oklch(.627 .265 303.9);--chart-5: oklch(.645 .246 16.439);--sidebar: oklch(.21 .006 285.885);--sidebar-foreground: oklch(.985 0 0);--sidebar-primary: oklch(.488 .243 264.376);--sidebar-primary-foreground: oklch(.985 0 0);--sidebar-accent: oklch(.274 .006 286.033);--sidebar-accent-foreground: oklch(.985 0 0);--sidebar-border: oklch(.274 .006 286.033);--sidebar-ring: oklch(.442 .017 285.786)}@layer base{*{@apply border-border outline-ring/50;}body{@apply bg-background text-foreground;}}.lang-switch[data-v-71aded8d]{position:relative;z-index:9999;display:flex;min-width:260px}.lang-switch .template-selector[data-v-71aded8d]{position:relative;flex-shrink:0}.lang-switch .lang-dropdown-trigger[data-v-71aded8d]{border:1px solid lightgrey!important;color:gray;background-color:transparent;padding:8px 12px;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:12px;transition:all .3s ease;min-width:260px;margin:10px auto;justify-content:space-between}.lang-switch .lang-dropdown-trigger[data-v-71aded8d]:hover,.lang-switch .lang-dropdown-trigger.dropdown-open[data-v-71aded8d]{border-color:gray!important}.lang-switch .template-count[data-v-71aded8d]{font-size:12px;opacity:.7;flex-shrink:0}.lang-switch .select-name[data-v-71aded8d]{font-weight:600;flex:1;font-size:12px;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#1a1a1a}.lang-switch .dropdown-arrow[data-v-71aded8d]{display:flex;font-size:12px;transition:transform .3s ease;flex-shrink:0;align-items:center}.lang-switch .dropdown-arrow.rotated[data-v-71aded8d]{transform:rotate(180deg)}.lang-switch .lang-dropdown-menu[data-v-71aded8d]::-webkit-scrollbar{width:2px}.lang-switch .lang-dropdown-menu[data-v-71aded8d]::-webkit-scrollbar-track{box-shadow:inset 0 0 5px transparent;border-radius:1px}.lang-switch .lang-dropdown-menu[data-v-71aded8d]::-webkit-scrollbar-thumb{background:linear-gradient(#4e00ab,#dc0d94)!important;background-size:250% 100%!important;background-position:var(--scroll-position) center;border-radius:5px!important;cursor:grab;transition:background-position .1s ease}.lang-switch .lang-dropdown-menu[data-v-71aded8d]::-webkit-scrollbar-thumb:hover{background:linear-gradient(#4e00ab,#dc0d94)!important;background-size:200% 100%;background-position:var(--scroll-position) center}.lang-switch .lang-dropdown-menu[data-v-71aded8d]{position:absolute;z-index:9999;top:110%;left:0;right:0;background-color:#fff;border-radius:6px;box-shadow:0 4px 12px #0000004d;margin-top:4px;max-height:200px;overflow-y:auto;animation:fadeInDown .2s ease}.lang-switch .dropdown-header[data-v-71aded8d]{padding:10px 12px;font-size:12px;font-weight:600;color:#ccc;border-bottom:1px solid #555;background-color:#fff!important}.lang-switch .template-option[data-v-71aded8d]{display:flex;flex-direction:row;align-content:center;width:100%;height:50px;min-height:50px;padding:0;border:none;background:transparent;color:#000;cursor:pointer;transition:background .2s ease;border-bottom:1px solid rgba(255,255,255,.1)}.lang-switch .template-option[data-v-71aded8d]:last-child{border-bottom:none}.lang-switch .template-option[data-v-71aded8d]:hover{background:#5dade233}.lang-switch .template-option.active[data-v-71aded8d]{color:#1a1a1a}.lang-switch .template-option-content[data-v-71aded8d]{padding:12px;display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%}.lang-switch .template-option-name[data-v-71aded8d]{display:flex;flex-direction:row;font-weight:500;flex:1;font-size:12px;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;align-items:center;justify-content:left}.lang-switch .template-option-name span[data-v-71aded8d]{margin-right:5px;transition:background-color .3s ease,color .3s ease;-webkit-transition:background-color .3s ease,color .3s ease;-moz-transition:background-color .3s ease,color .3s ease;-o-transition:background-color .3s ease,color .3s ease}.lang-switch .template-option-name svg[data-v-71aded8d]{min-width:18px;min-height:18px;max-width:18px;max-height:18px;margin:auto 0 auto auto}.lang-switch .template-option-index[data-v-71aded8d]{font-size:12px;opacity:.7;flex-shrink:0}.lang-switch select[data-v-71aded8d]{width:100%;cursor:pointer;font-size:16px;outline:none;border:2px solid lightgrey;background-color:#fff;border-radius:10px;padding:5px;transition:border .3s ease;-webkit-transition:border .3s ease;-moz-transition:border .3s ease;-o-transition:border .3s ease;appearance:none;-webkit-appearance:none;-moz-appearance:none}.lang-switch .chevron[data-v-71aded8d]{position:absolute;top:50%;right:12px;pointer-events:none;transform:translateY(-50%);font-size:14px;color:#666}.dimension-switch[data-v-e91230b5]{position:relative;z-index:9991!important;display:flex;margin:5px auto;justify-content:center;transform:translate(0);box-sizing:border-box}.dimension-switch .template-selector[data-v-e91230b5]{position:relative;flex-shrink:0}.dimension-switch .template-dropdown-trigger[data-v-e91230b5]{background:#ffffff1a;border:1px solid lightgrey;color:gray;padding:8px 12px;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:12px;transition:all .3s ease;min-width:260px;margin:10px auto;justify-content:space-between}.dimension-switch .template-dropdown-trigger[data-v-e91230b5]:hover,.dimension-switch .template-dropdown-trigger.dropdown-open[data-v-e91230b5]{border-color:gray}.dimension-switch .template-name[data-v-e91230b5]{font-weight:600;flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#000}.dimension-switch .template-count[data-v-e91230b5]{font-size:12px;opacity:.7;flex-shrink:0}.dimension-switch .select-name[data-v-e91230b5]{font-weight:600;flex:1;font-size:12px;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#1a1a1a}.dimension-switch .dropdown-arrow[data-v-e91230b5]{display:flex;font-size:12px;transition:transform .3s ease;flex-shrink:0;align-items:center}.dimension-switch .dropdown-arrow.rotated[data-v-e91230b5]{transform:rotate(180deg)}.dimension-switch .template-dropdown-menu[data-v-e91230b5]::-webkit-scrollbar{width:2px}.dimension-switch .template-dropdown-menu[data-v-e91230b5]::-webkit-scrollbar-track{box-shadow:inset 0 0 5px transparent;border-radius:1px}.dimension-switch .template-dropdown-menu[data-v-e91230b5]::-webkit-scrollbar-thumb{background:linear-gradient(#4e00ab,#dc0d94)!important;background-size:250% 100%!important;background-position:var(--scroll-position) center;border-radius:5px!important;cursor:grab;transition:background-position .1s ease}.dimension-switch .template-dropdown-menu[data-v-e91230b5]::-webkit-scrollbar-thumb:hover{background:linear-gradient(#4e00ab,#dc0d94)!important;background-size:200% 100%;background-position:var(--scroll-position) center}.dimension-switch .template-dropdown-menu[data-v-e91230b5]{position:absolute;top:100%;left:0;right:0;background:#fff;border-radius:6px;box-shadow:0 4px 12px #0000004d;z-index:9990;margin-top:4px;max-height:200px;overflow-y:auto;animation:fadeInDown .2s ease}.dimension-switch .dropdown-header[data-v-e91230b5]{padding:10px 12px;font-size:11px;font-weight:600;color:#ccc;border-bottom:1px solid #555;background:#ffffff0d}.dimension-switch .template-option[data-v-e91230b5]{width:100%;padding:0;border:none;height:50px;min-height:50px;align-content:center;background:transparent;color:gray;cursor:pointer;transition:background .2s ease;border-bottom:1px solid rgba(255,255,255,.1)}.dimension-switch .template-option[data-v-e91230b5]:last-child{border-bottom:none}.dimension-switch .template-option[data-v-e91230b5]:hover{background:#5dade233}.dimension-switch .template-option.active[data-v-e91230b5]{color:#1a1a1a}.dimension-switch .template-option-content[data-v-e91230b5]{padding:12px;display:flex;justify-content:space-between;align-items:center;gap:10px}.dimension-switch .template-option-name[data-v-e91230b5]{display:flex;flex-direction:row;font-weight:500;flex:1;font-size:12px;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;align-items:center;justify-content:left}.dimension-switch .template-option-name span[data-v-e91230b5]{margin-right:5px;transition:background-color .3s ease,color .3s ease;-webkit-transition:background-color .3s ease,color .3s ease;-moz-transition:background-color .3s ease,color .3s ease;-o-transition:background-color .3s ease,color .3s ease}.dimension-switch .template-option-name svg[data-v-e91230b5]{min-width:18px;min-height:18px;max-width:18px;max-height:18px;margin:auto}.dimension-switch .template-option-index[data-v-e91230b5]{font-size:12px;opacity:.7;flex-shrink:0}.dimension-switch select[data-v-e91230b5]{width:100%;cursor:pointer;font-size:16px;outline:none;border:2px solid lightgrey;background-color:#fff;border-radius:10px;padding:5px;transition:border .3s ease;-webkit-transition:border .3s ease;-moz-transition:border .3s ease;-o-transition:border .3s ease;appearance:none;-webkit-appearance:none;-moz-appearance:none}.dimension-switch .chevron[data-v-e91230b5]{position:absolute;top:50%;right:12px;pointer-events:none;transform:translateY(-50%);font-size:14px;color:#666}.layout[data-v-e6cf5d7f]{min-height:100vh;height:100%;display:flex;flex-direction:column}.main-content[data-v-e6cf5d7f]{position:absolute;width:100%;max-width:100vw;top:61px;right:0;bottom:0;left:0;margin:0;padding:0;min-height:100vh;height:100%;flex:1;transition:transform .3s ease-out}@media(min-width:768px){.main-content.menu-open[data-v-e6cf5d7f]{transform:translate(150px)}}@media(max-width:767px){.main-content.menu-open[data-v-e6cf5d7f]{transform:none}}.lang-selector[data-v-f0ba3483]{position:relative;z-index:9999!important;display:flex;margin:5px auto;justify-content:center;box-sizing:border-box}.lang-selector .template-dropdown-trigger[data-v-f0ba3483]{background:#ffffff1a;border:1px solid lightgrey;color:gray;padding:8px 12px;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:12px;transition:all .3s ease;margin:10px auto;justify-content:space-between;min-width:260px}.lang-selector .template-dropdown-trigger[data-v-f0ba3483]:hover,.lang-selector .template-dropdown-trigger.dropdown-open[data-v-f0ba3483]{border-color:gray}.lang-selector .select-name[data-v-f0ba3483]{font-weight:300;flex:1;font-size:12px;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#1a1a1a}.lang-selector .template-count[data-v-f0ba3483]{font-size:12px;opacity:.7;flex-shrink:0}.lang-selector .dropdown-arrow[data-v-f0ba3483]{display:flex;font-size:12px;transition:transform .3s ease;flex-shrink:0;align-items:center}.lang-selector .dropdown-arrow.rotated[data-v-f0ba3483]{transform:rotate(180deg)}.lang-selector .template-dropdown-menu[data-v-f0ba3483]::-webkit-scrollbar{width:2px}.lang-selector .template-dropdown-menu[data-v-f0ba3483]::-webkit-scrollbar-track{box-shadow:inset 0 0 5px transparent;border-radius:1px}.lang-selector .template-dropdown-menu[data-v-f0ba3483]::-webkit-scrollbar-thumb{background:linear-gradient(#4e00ab,#dc0d94)!important;background-size:250% 100%!important;background-position:var(--scroll-position) center;border-radius:5px!important;cursor:grab;transition:background-position .1s ease}.lang-selector .template-dropdown-menu[data-v-f0ba3483]::-webkit-scrollbar-thumb:hover{background:linear-gradient(#4e00ab,#dc0d94)!important;background-size:200% 100%;background-position:var(--scroll-position) center}.lang-selector .template-dropdown-menu[data-v-f0ba3483]{position:absolute;top:100%;left:0;right:0;background:#fff;border-radius:6px;box-shadow:0 4px 12px #0000004d;z-index:9999;margin:0 auto;max-height:200px;overflow-y:auto;animation:fadeInDown .2s ease;max-width:260px;box-sizing:border-box}.lang-selector .dropdown-header[data-v-f0ba3483]{padding:10px 12px;font-size:12px;font-weight:600;color:gray;border-bottom:1px solid #555;background:#ffffff0d}.lang-selector .template-option[data-v-f0ba3483]{position:relative;z-index:990!important;padding:0;height:50px;min-height:50px;border:none;background:transparent;color:gray;cursor:pointer;transition:background .2s ease;border-bottom:1px solid rgba(255,255,255,.1)}.lang-selector .template-option[data-v-f0ba3483]:last-child{border-bottom:none}.lang-selector .template-option[data-v-f0ba3483]:hover{background:#5dade21a}.lang-selector .template-option.active[data-v-f0ba3483]{color:#1a1a1a}.lang-selector .template-option-content[data-v-f0ba3483]{padding:12px;display:flex;justify-content:space-between;align-items:center;gap:10px;height:45px;box-sizing:border-box}.lang-selector .template-option-name[data-v-f0ba3483]{display:flex;flex-direction:row;font-weight:500;flex:1;font-size:12px;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;align-items:center}.lang-selector .template-option-name span[data-v-f0ba3483]{margin-right:5px;transition:background-color .3s ease,color .3s ease;-webkit-transition:background-color .3s ease,color .3s ease;-moz-transition:background-color .3s ease,color .3s ease;-o-transition:background-color .3s ease,color .3s ease}.lang-selector .template-option-name svg[data-v-f0ba3483]{min-width:18px;min-height:18px;max-width:18px;max-height:18px;margin:auto 5px auto auto}.lang-selector .template-option-index[data-v-f0ba3483]{font-size:12px;opacity:.7;flex-shrink:0}.lang-selector select[data-v-f0ba3483]{width:100%;cursor:pointer;font-size:16px;outline:none;border:2px solid lightgrey;background-color:#fff;border-radius:10px;padding:5px;transition:border .3s ease;-webkit-transition:border .3s ease;-moz-transition:border .3s ease;-o-transition:border .3s ease;appearance:none;-webkit-appearance:none;-moz-appearance:none}.lang-selector .chevron[data-v-f0ba3483]{position:absolute;top:50%;right:12px;pointer-events:none;transform:translateY(-50%);font-size:14px;color:#666}.tooltip[data-v-b3c1fea7]{position:absolute;z-index:9999;top:-40px;left:-50%;min-width:60px;max-width:200px;padding:5px;border-radius:3px;background-color:#000c;color:#fff;font-size:11px;pointer-events:none}.showNotification[data-v-a6f429ce]{right:1vw!important}.notification[data-v-a6f429ce]{position:fixed;z-index:9999!important;right:-225px;top:22vh;width:225px;max-width:225px;padding:20px 5px;background-color:#000000b3;color:#fff;font-weight:400;font-size:16px;text-align:center;border-radius:3px;transition:right .3s ease;-webkit-transition:right .3s ease;-moz-transition:right .3s ease;-o-transition:right .3s ease}.view__popin[data-v-62b7327b]{position:fixed;z-index:9999!important;max-height:100vh;height:100%;min-height:100vh;top:0;left:0;right:0;bottom:0;margin:0;justify-content:center;background-color:#000000e6}.view__popin__content[data-v-62b7327b]{background-color:#d3d3d3;color:gray;width:400px;border-radius:3px;position:absolute;top:50%;left:50%;transform:translate(-50%) translateY(-50%);text-align:center;align-content:center;box-sizing:border-box}.view__popin__content__close[data-v-62b7327b]{position:absolute;top:-40px;right:-40px;color:gray;cursor:pointer;will-change:color;transition:color .3s ease;-webkit-transition:color .3s ease;-moz-transition:color .3s ease;-o-transition:color .3s ease}.view__popin__content__close[data-v-62b7327b]:hover{color:#fff}.view__popin__content__close svg[data-v-62b7327b]{width:36px;height:36px}.view__popin__content__title[data-v-62b7327b]{position:relative;background-color:gray;color:#d3d3d3;text-align:left;font-size:20px;line-height:20px;margin:0 auto;padding:15px;font-weight:300;border-radius:3px 3px 0 0}.view__popin__content__subtitle[data-v-62b7327b]{position:relative;color:gray;text-align:left;font-weight:400;font-size:12px;padding-left:15px;margin-top:10px}.view__popin__content .dimensions--list[data-v-62b7327b]{display:flex;flex-direction:column;margin:10px auto}.view__popin__content .dimensions--list .dimension--item[data-v-62b7327b]{position:relative;display:flex;flex-direction:row;align-items:center;width:100%;height:50px;margin:0 auto;cursor:pointer;text-align:left;background-color:#d3d3d3;border-bottom:1px solid whitesmoke;color:gray;box-sizing:border-box;padding-left:15px;font-size:12px;transition:background-color .3s ease,color .3s ease;-webkit-transition:background-color .3s ease,color .3s ease;-moz-transition:background-color .3s ease,color .3s ease;-o-transition:background-color .3s ease,color .3s ease}.view__popin__content .dimensions--list .dimension--item svg[data-v-62b7327b]{margin-right:15px}.view__popin__content .dimensions--list .dimension--item[data-v-62b7327b]:hover{background-color:#80808033}.view__popin__content .submit[data-v-62b7327b]{position:relative;display:flex;flex-direction:row;align-items:center;height:60px;width:100%;font-size:20px;line-height:20px;font-weight:300;margin:10px auto 0;cursor:pointer;border:none;outline:none;color:#d3d3d3;text-align:center;justify-content:center;background-color:gray;transition:background-color .3s ease,color .3s ease;-webkit-transition:background-color .3s ease,color .3s ease;-moz-transition:background-color .3s ease,color .3s ease;-o-transition:background-color .3s ease,color .3s ease}.view__popin__content .submit[data-v-62b7327b]:hover{color:#fff}.view__popin__content .loading--progress[data-v-62b7327b]{position:relative;width:100%;background-color:#f5f5f5;height:4px}.view__popin__content .loading--progress .progression[data-v-62b7327b]{position:absolute;top:0;left:0;height:100%;border-radius:2px;background-color:#1a1a1a;transition:width .3s ease;-webkit-transition:width .3s ease,color .3s ease;-moz-transition:width .3s ease,color .3s ease;-o-transition:width .3s ease,color .3s ease}.alternative-switch[data-v-8466a1a2]{position:relative;z-index:9997;display:flex;min-width:260px}.alternative-switch .template-selector[data-v-8466a1a2]{position:relative;flex-shrink:0}.alternative-switch .template-dropdown-trigger[data-v-8466a1a2]{border:1px solid lightgrey;color:gray;padding:8px 12px;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:12px;transition:all .3s ease;min-width:260px;margin:10px auto;justify-content:space-between}.alternative-switch .template-dropdown-trigger[data-v-8466a1a2]:hover,.alternative-switch .template-dropdown-trigger.dropdown-open[data-v-8466a1a2]{border-color:gray}.alternative-switch .template-name[data-v-8466a1a2]{font-weight:600;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#000}.alternative-switch .template-count[data-v-8466a1a2]{font-size:12px;opacity:.7;flex-shrink:0}.alternative-switch .select-name[data-v-8466a1a2]{font-weight:600;flex:1;font-size:12px;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#1a1a1a}.alternative-switch .dropdown-arrow[data-v-8466a1a2]{display:flex;font-size:12px;transition:transform .3s ease;flex-shrink:0;align-items:center}.alternative-switch .dropdown-arrow.rotated[data-v-8466a1a2]{transform:rotate(180deg)}.alternative-switch .template-dropdown-menu[data-v-8466a1a2]::-webkit-scrollbar{width:2px}.alternative-switch .template-dropdown-menu[data-v-8466a1a2]::-webkit-scrollbar-track{box-shadow:inset 0 0 5px transparent;border-radius:1px}.alternative-switch .template-dropdown-menu[data-v-8466a1a2]::-webkit-scrollbar-thumb{background:linear-gradient(#4e00ab,#dc0d94)!important;background-size:250% 100%!important;background-position:var(--scroll-position) center;border-radius:5px!important;cursor:grab;transition:background-position .1s ease}.alternative-switch .template-dropdown-menu[data-v-8466a1a2]::-webkit-scrollbar-thumb:hover{background:linear-gradient(#4e00ab,#dc0d94)!important;background-size:200% 100%;background-position:var(--scroll-position) center}.alternative-switch .template-dropdown-menu[data-v-8466a1a2]{position:absolute;top:100%;left:0;right:0;background-color:#fff!important;border-radius:6px;box-shadow:0 4px 12px #000000e6;z-index:9997;margin-top:4px;max-height:200px;overflow-y:auto;animation:fadeInDown .2s ease}.alternative-switch .dropdown-header[data-v-8466a1a2]{padding:10px 12px;font-size:12px;font-weight:600;color:#ccc;border-bottom:1px solid #555;background-color:#fff!important}.alternative-switch .template-option[data-v-8466a1a2]{display:flex;flex-direction:row;width:100%;padding:0;border:none;height:50px;min-height:50px;align-content:center;background:transparent;color:gray;cursor:pointer;justify-content:space-between;transition:background .2s ease;border-bottom:1px solid rgba(255,255,255,.1)}.alternative-switch .template-option[data-v-8466a1a2]:last-child{border-bottom:none}.alternative-switch .template-option[data-v-8466a1a2]:hover{background:#5dade233}.alternative-switch .template-option.active[data-v-8466a1a2]{color:#1a1a1a}.alternative-switch .template-option-content[data-v-8466a1a2]{padding:12px 12px 12px 0;display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%}.alternative-switch .template-option-name[data-v-8466a1a2]{display:flex;flex-direction:row;font-weight:500;flex:1;font-size:12px;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;align-items:center;justify-content:left}.alternative-switch .template-option-name span[data-v-8466a1a2]{margin-right:5px;transition:background-color .3s ease,color .3s ease;-webkit-transition:background-color .3s ease,color .3s ease;-moz-transition:background-color .3s ease,color .3s ease;-o-transition:background-color .3s ease,color .3s ease}.alternative-switch .template-option-name svg[data-v-8466a1a2]{min-width:18px;min-height:18px;max-width:18px;max-height:18px;margin:auto}.alternative-switch .template-option-index[data-v-8466a1a2]{font-size:12px;opacity:.7;flex-shrink:0}.alternative-switch select[data-v-8466a1a2]{width:100%;cursor:pointer;font-size:16px;outline:none;border:2px solid lightgrey;background-color:#fff;border-radius:10px;padding:5px;transition:border .3s ease;-webkit-transition:border .3s ease;-moz-transition:border .3s ease;-o-transition:border .3s ease;appearance:none;-webkit-appearance:none;-moz-appearance:none}.alternative-switch .chevron[data-v-8466a1a2]{position:absolute;top:50%;right:12px;pointer-events:none;transform:translateY(-50%);font-size:14px;color:#666}