@charset "UTF-8";*{box-sizing:border-box}body,html{font-family:Poppins,serif}body{overflow:hidden!important}body::-webkit-scrollbar{width:2px;height:2px}fieldset{border:0 none;padding:0;margin:0}body::-webkit-scrollbar-track{box-shadow:inset 0 0 6px #0000004d}body::-webkit-scrollbar-thumb{background-color:#6b6b6b;outline:.069vw solid slategrey}:root,textarea{line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}a{font-weight:500;color:#184bfa;text-decoration:inherit}a:hover{color:#184bfa}body{margin:0;min-width:100%;min-height:100vh;background:#fff}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.mask{position:fixed!important;top:0;right:0;bottom:0;left:0;z-index:100;background:transparent}.mb-52{margin-bottom:52px!important}.w-100{width:100%!important}.relative{position:relative}.absolute{position:absolute}@media screen and (max-width: 420px){.mobile-relative{position:relative}}.card-h-100{height:calc(100% - 14px)}.item-h-100{min-height:calc(100% - 30px)}.card-footer-h{height:55px}.text-black{color:#333}.bg-grey-50{background-color:#f6f6f6}.inline-form{display:flex!important}.inline-form .w-100{width:30%!important}@media screen and (max-width: 768px){.inline-form{flex-direction:column}.inline-form .w-100{width:100%!important}}.inline-form .textbox-wrapper,.inline-form textarea{width:55%!important}@media screen and (max-width: 768px){.inline-form .textbox-wrapper,.inline-form textarea{width:100%!important}}.inline-form-small-label{display:flex!important}.inline-form-small-label label{width:20%!important}.inline-form-small-label .textbox-wrapper,.inline-form-small-label textarea{width:70%!important}.p-20{padding:20px}.more-action{position:absolute;top:10px;right:0;outline:none!important}.z-100{z-index:100}.action-mask{position:fixed;z-index:8;top:0;right:0;bottom:0;left:0}ul.action-popover{position:absolute;top:10px;right:0;background:#fff;border-radius:6px;box-shadow:0 3px 6px #1c5bd140;margin:0;padding:0;width:220px;z-index:9}ul.action-popover li{display:block;list-style:none;padding:0}ul.action-popover li button{align-items:center;background:#0000;border:none;color:#606060;cursor:pointer;display:flex;font-size:12px;font-weight:400;height:auto;line-height:36px;padding:0 12px;width:100%;justify-content:flex-start}ul.action-popover li button svg{width:16px;margin-right:10px}ul.action-popover li button:hover{background:#f9f9f9}.medium-dialog{width:420px}.move-question h4{font-size:18px;font-weight:600;margin:0 0 10px}span.required{color:#f10707}.d-none{display:none}.d-block{display:block!important}@media screen and (max-width: 420px){.mobile-d-block{display:block!important}}.d-flex,.flex{display:flex}.flex-wrap{flex-wrap:wrap}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.justify-center{justify-content:center!important}.justify-start{justify-content:flex-start!important}.justify-between{justify-content:space-between!important}.justify-around{justify-content:space-around!important}.justify-end{justify-content:flex-end!important}.bt-radius-0{border-top-left-radius:0!important;border-top-right-radius:0!important}.bb-radius-0{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.align-items-center{align-items:center}.mb-5{margin-bottom:5px!important}.mb-10{margin-bottom:10px!important}.m-10{margin:10px!important}.mb-0{margin-bottom:0!important}.mt-10{margin-top:10px}.mt-20{margin-top:20px!important}.mt-25{margin-top:25px!important}.ml--10{margin-left:-10px!important}.ml-0{margin-left:0!important}@media screen and (min-width: 769px){.desktop-ml-10{margin-left:10px!important}}@media screen and (min-width: 769px){.desktop-ml-20{margin-left:20px!important}}@media screen and (max-width: 768px){.mobile-ml-0{margin-left:0!important}}.ml-5{margin-left:5px!important}.ml-8{margin-left:8px!important}.ml-10{margin-left:10px!important}@media screen and (max-width: 768px){.ml-mobile-0{margin-left:0!important}}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.mb-20{margin-bottom:20px!important}@media screen and (max-width: 768px){.mobile-mb-10{margin-bottom:10px!important}}@media screen and (max-width: 768px){.mobile-mb-20{margin-bottom:20px!important}}.mb-30{margin-bottom:30px}.mt-20{margin-top:20px}.mx-10{margin-left:10px;margin-right:10px}.mx-15{margin-left:15px;margin-right:15px}.m-w-100{min-width:100px}.w-600{width:600px}.w-15{width:15%!important}.w-25{width:25%!important}.text-group-box{padding:16px;background:#ccc;border-radius:0 4px 4px 0}.text-group-box-text-box .textbox-wrapper input{border-top-right-radius:0;border-bottom-right-radius:0}.p-0{padding:0!important}.px-0{padding-left:0!important;padding-right:0!important}.px-10{padding-left:10px!important;padding-right:10px!important}.px-15{padding-left:15px!important;padding-right:15px!important}.px-20{padding-left:20px!important;padding-right:20px!important}.py-0{padding-top:0!important;padding-bottom:0!important}.py-10{padding-top:10px!important;padding-bottom:10px!important}.py-15{padding-top:15px!important;padding-bottom:15px!important}.py-20{padding-top:20px!important;padding-bottom:20px!important}.pr-0{padding-right:0!important}.pr-2{padding-right:2px!important}.pr-5{padding-right:5px!important}.pr-10{padding-right:10px!important}.pl-10{padding-left:10px!important}.pl-15{padding-left:15px}.pl-20{padding-left:20px}.pl-25{padding-left:25px!important}.pb-5{padding-bottom:5px!important}.pb-10{padding-bottom:10px}@media screen and (max-width: 768px){.px-mobile-40{padding-left:40px!important;padding-right:40px!important}}.fs-14{font-size:14px!important}.textbox-wrapper.textbox-with-icon{border-radius:10px;height:38px;border-style:solid;border-width:1px;border-color:#ccc;padding:10px 0;background:#fff;display:flex;align-items:center}.textbox-wrapper.textbox-with-icon.error{background-color:#ff5c29;background-color:#fff7f5}.textbox-wrapper.textbox-with-icon input{border:none;outline:none;background:transparent;color:#262641;padding:0}.form-row{display:flex;flex-wrap:wrap;justify-content:space-between}.form-row .form-column-half{width:calc(50% - 10px)}.form-row .form-column-three{width:calc(33.3333333333% - 10px)}.form-row.no-wrap,.no-wrap{flex-wrap:nowrap}.text-wrap{white-space:unset!important}.text-pre-wrap{white-space:pre-wrap!important}.w-auto{width:auto!important}.min-w-auto{min-width:auto!important}.align-start{align-items:flex-start}.align-end{align-items:flex-end}.align-center{align-items:center}.m-0{margin:0}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mr-2{margin-right:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.m-1{margin:.25rem}.m-2{margin:.5rem}.m-3{margin:.75rem}.m-4{margin:1rem}.m-20{margin:20px}.p-1{padding:.25rem!important}.p-2{padding:.5rem!important}.p-3{padding:.75rem}.p-5{padding:1.25rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.r-10{right:10px}.t-5{top:5px}.t-6{top:6px}.t-7{top:7px}.t-8{top:8px}.t-10{top:10px}.t-20{top:20px}.t-35{top:35px}@media screen and (max-width: 420px){.mobile-t-0{top:0}}@media screen and (max-width: 420px){.mobile-r-0{right:0}}.w-full{width:100%}.w-5{width:5%}.w-32{width:32px}.w-20{width:20px}.w-35{width:35%}.w-40{width:40%}.w-50{width:50%}.w-55{width:55%}.w-60{width:60%}.w-70{width:70%!important}.w-80{width:80%}.w-90{width:90%}.w-95{width:95%}.w-30{width:33.3333%!important}.w-30{width:30%!important}.w-60{width:66.6666%}@media screen and (max-width: 768px){.mobile-w-100{width:100%}}.w-25{width:25%}.h-fit{height:fit-content}.h-100{height:100vh!important}.h-40{height:40px}.w-40{width:40px}.h-20{height:20px!important}.h-30{height:30px!important}.h-full{height:100%}.h-200{height:200px}.h-38{height:38px!important}.w-fit{width:fit-content}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-xs{font-size:12px}.text-sm{font-size:14px}.text-base{font-size:16px}.text-lg{font-size:18px}.text-xl{font-size:20px}.text-2xl{font-size:24px}.text-3xl{font-size:28px}.text-4xl{font-size:32px}.border-grey{border:1px solid #ccc}.border-none{border:none!important}.round-1{border-radius:.25rem}.round-2{border-radius:.5rem}.round-3{border-radius:.75rem}.round-4{border-radius:1rem}.round-5{border-radius:1.25rem}.shadow-1{box-shadow:0 2px 4px #0000001a}.shadow-2{box-shadow:0 4px 6px #0000001a}.shadow-3{box-shadow:0 6px 8px #0000001a}.shadow-4{box-shadow:0 8px 10px #0000001a}.shadow-5{box-shadow:0 8px 10px 1px #0003}.radius-0{border-radius:0!important}.p-4{padding:4px!important}.p-10{padding:10px!important}.d-inline-block{display:inline-block!important}.my-1{margin-top:.25rem;margin-bottom:.25rem}.my-0{margin-top:0;margin-bottom:0}.h-1{height:.25rem}.h-32{height:32px}.opacity-0{opacity:0}.opacity-1{opacity:1}.bg-violet-400{background-color:#a78bfa}.bg-grey{background:#eee6}.h-0{height:0}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-clip{overflow:clip}.overflow-visible{overflow:visible}.overflow-scroll{overflow:scroll}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-x-clip{overflow-x:clip}.overflow-x-visible{overflow-x:visible}.overflow-x-scroll{overflow-x:scroll}.overflow-y-auto{overflow-y:auto}.overflow-y-hidden{overflow-y:hidden}.overflow-y-clip{overflow-y:clip}.overflow-y-visible{overflow-y:visible}.overflow-y-scroll{overflow-y:scroll}.pt-4{padding-top:4px}.pt-5{padding-top:5px}.pt-10{padding-top:10px}.pt-20{padding-top:20px}.pt-25{padding-top:25px}.pt-28{padding-top:28px}.mr-5{margin-right:5px!important}.mr-8{margin-right:8px!important}.mr-10{margin-right:10px!important}.mr-20{margin-right:20px!important}.grid{display:grid}.grid-cols-2{grid-template-columns:auto auto}.text-red-500{color:#ef4444}.url{display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;background:#f8f8f8!important;padding:6px 10px!important;font-size:12px!important}.main-container{display:flex}.main-container .menu-area{width:60px;position:relative;z-index:11}.main-container .content-area{width:calc(100% - 60px);height:100vh;overflow:auto}.main-container .content-area .header-area{position:sticky;top:0;z-index:10}.main-container .content-area .app-content-area{width:calc(100% - 200px)}@media screen and (max-width: 574px){.main-container .content-area .app-content-area{width:100%}}.bg-white{background-color:#fff}.box-shadow{box-shadow:0 4px 15px #616b8026}.szh-menu-container .szh-menu,.szh-menu-container .szh-menu .szh-menu__item{padding:0}.szh-menu-container .szh-menu .szh-menu__item button{font-size:12px!important;width:100%!important;justify-content:flex-start}.szh-menu-container .szh-menu .szh-menu__item button svg{margin-right:10px;height:12px;width:12px}.szh-menu-container .szh-menu .szh-menu__item button.active{background:linear-gradient(135deg,#1f005c33,#5b006033,#87016133,#ac255d33,#ca485b33,#e16b5c33)!important}.szh-menu-container .szh-menu .szh-menu__item button.active span.content{color:#00033e}.szh-menu-container .szh-menu .szh-menu__item:hover button{background:#eee6}.szh-menu-container .szh-menu .szh-menu__item.szh-menu__item{border-top:1px solid #fff}.visible{visibility:visible}.invisible{visibility:hidden}.hidden{display:none}.collapse{visibility:collapse}.p-absolute{position:absolute!important}.cursor-grab{cursor:grab!important}@media screen and (max-width: 420px){.mobile-absolute{position:absolute}}.search-table{display:flex;justify-content:flex-end}@media screen and (max-width: 768px){.search-table{padding-top:20px;flex-wrap:wrap;justify-content:space-between;position:sticky;top:58px;z-index:1;background:#fff}}.search-table .search-area{width:50%}@media screen and (max-width: 768px){.search-table .search-area{width:100%!important;margin-bottom:10px}}@media screen and (max-width: 768px){.search-table .search-area .text-wrapper{width:100%!important}}.search-table .search-area .text-wrapper .textbox-wrapper{position:relative}.search-table .search-area .text-wrapper .textbox-wrapper span.field-icon{position:absolute;top:0;bottom:0;left:0}.search-table .search-area .text-wrapper .textbox-wrapper input{border-radius:30px;padding-left:40px;outline:none}@media screen and (max-width: 768px){.search-table .response-table-button{width:calc(50% - 5px)}}.text-inherit{color:inherit}.text-current{color:currentColor}.text-transparent{color:transparent}.text-white{color:#fff}.table-search{border:1px solid #ccc;border-radius:20px;overflow:hidden;display:flex;position:relative}.table-search .text-wrapper{margin:0}.table-search .text-wrapper input{border:none;padding-left:10px;padding-right:20px}.table-search .text-wrapper .field-icon{padding-left:10px;min-width:30px;width:30px}.table-search .search-button{padding:6px 10px 6px 0;position:absolute;right:2px;top:6px}.table-search .search-button span.content svg{width:8px}.no-radius{border-radius:0!important}.create-template-container{width:560px;display:block;position:relative}.create-template-container .panel-body{height:calc(100vh - 108px);overflow:auto}.create-template-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000001a;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);z-index:10}.create-template-table tr td span.draggable{display:flex;width:14px}.panel-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000001a;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);z-index:10}.manage-container{display:flex;flex-wrap:wrap;padding:56px 70px;margin:-12px}.manage-item{width:33.3333333333%;padding:0 12px}.manage-item .option-area{width:100px;display:flex;justify-content:flex-end}.manage-item ul.option-container{padding:0;margin:0;display:flex}.manage-item ul.option-container li{list-style:none}.manage-item ul.option-container li button svg{width:20px;height:20px}.manage-item ul.option-container li+li{margin-left:10px}.manage-item .add-button-area{height:46px;width:46px;border-radius:50%;background:linear-gradient(135deg,#1f005c,#5b0060,#870160,#ac255e,#ca485c,#e16b5c,#f39060,#ffb56b);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;margin-bottom:20px}.manage-item .panel-title-area .panel-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-table-container{padding:20px 60px}.default-paragraph{color:#333;font-size:13px;margin:0}.manage-height{height:250px}.button-content-100 span.content{width:100%;display:flex;justify-content:space-between;align-items:center}.h-auto{height:auto!important}.h-100-102px{height:calc(100vh - 102px)}.pb-20{padding-bottom:20px}.pb-30{padding-bottom:30px}.pb-50{padding-bottom:50px}.app-menu-form-container{width:400px}.lh-20{line-height:20px!important}.lh-30{line-height:30px!important}@media screen and (max-width: 768px){.lh-m-20{line-height:20px!important}.lh-m-30{line-height:30px!important}.lh-m-40{line-height:40px!important}}.default-field-wrapper{border:1px solid #f1f1f1;padding:10px;background:#f8f8f8;border-radius:8px}.default-field-wrapper .form-area{width:calc(100% - 20px);padding-right:10px;display:flex;margin:0 -5px}.default-field-wrapper .form-area .column{padding:0 5px}.default-field-wrapper .action-area{width:40px;display:flex;align-items:center}.condition-box{padding-left:50px!important;position:relative}.condition-box:before{content:"";position:absolute;top:30px;bottom:30px;left:20px;border-top:1px solid #ddd;border-left:1px solid #ddd;border-bottom:1px solid #ddd;width:20px;pointer-events:none}.condition-box .or-and-option{position:absolute;top:calc(50% - 12px);left:5px;z-index:1}.condition-box .or-and-option button.action-mode{width:40px;cursor:pointer;padding:0 3px;line-height:20px;outline:none}.condition-box .or-and-option button.action-mode .arrow-down{display:none}.condition-box .or-and-option .select-container .button{padding:0 2px}.display-mobile{display:none!important}@media screen and (max-width: 480px){.display-mobile{display:block!important}}.display-desktop{display:none!important}@media screen and (min-width: 481px){.display-desktop{display:block!important}}.mx-h-200{max-height:200px;overflow:auto}.l-10{left:10px}.cursor-pointer{cursor:pointer}.pointer-none{pointer-events:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#787878}.primary-button{color:#fff!important;background:linear-gradient(135deg,#1f005ccc,#5b0060cc,#870161cc,#ac255dcc,#ca485bcc,#e16b5ccc)!important;position:relative}.primary-button:before{position:absolute;pointer-events:none;content:"";top:0;right:0;bottom:0;left:0;background:#00033e99}.primary-button span.content{position:relative;z-index:2}.default-button{color:#333;background-color:#fff}.default-bordered-button{color:#333!important;background-color:#fff!important;border:1px solid #cccccc!important}.success-button{color:#fff!important;background-color:#116a11!important;border-color:#116a11!important}.success-bordered-button{background:transparent;border:1px solid #116a11!important;color:#116a11}.danger-button{color:#fff!important;background-color:#d9534f!important;border-color:#d43f3a!important}.info-button{color:#fff!important;background-color:#5bc0de!important;border-color:#46b8da!important}.warning-button{color:#fff!important;background-color:#f0ad4e!important;border-color:#eea236!important}.close-button{background-color:transparent!important;color:#333!important;padding:0!important}.icon-button{background:transparent!important;height:20px;width:20px;border-radius:50%}.icon-button.primary-button{color:#fff!important;background:linear-gradient(135deg,#1f005ccc,#5b0060cc,#870161cc,#ac255dcc,#ca485bcc,#e16b5ccc)!important}.icon-button.large{width:32px;height:32px;padding:0}.icon-button.large span.content{display:flex;align-items:center;justify-content:center}.icon-button.x-large{width:56px;height:56px;padding:0}.icon-button.x-large span.content{display:flex;align-items:center;justify-content:center}.icon-button.x-large span.content svg{width:inherit}.icon-button.medium{width:36px;height:36px}.icon-button.circle{border-radius:50%}.transparent-button{background:transparent!important;outline:none!important}.button{display:inline-flex;justify-content:center;align-items:center;font-weight:400;white-space:nowrap;touch-action:manipulation;cursor:pointer;background-image:none;border:none;padding:6px 22px;font-size:14px;line-height:22px;border-radius:20px;-webkit-user-select:none;user-select:none;text-transform:none;font-family:inherit;overflow:visible;margin:0;outline:none;overflow:hidden;position:relative}.button:disabled{cursor:not-allowed;opacity:.6}.button:active,.button:focus{outline:none}.button+.button{margin-left:10px}.button.small{padding:0 16px;font-size:12px;line-height:22px}@media screen and (max-width: 768px){.button.mobile-small{padding:0 16px;font-size:12px;line-height:22px}}.button span.content{display:inline-flex;align-items:center}.button span.content svg{width:15px}.button.active{color:#fff!important;background:linear-gradient(135deg,#1f005c99,#5b006099,#87016199,#ac255d99,#ca485b99,#e16b5c99)!important}.toast{padding:10px 30px 10px 15px;background:#fff;border-bottom:2px;box-shadow:#0000001a 0 1px 3px;border:1px solid hsla(203,50%,30%,.15);transform:translate(calc(100% + 30px));transition:all .5s cubic-bezier(.68,-.55,.25,1.35);border-radius:4px}.toast.active{transform:translate(0)}.toast.active.remove{transform:translate(calc(100% + 30px))}.toast h3{font-size:14px;font-weight:600;color:#333;margin:0;line-height:22px;display:flex;white-space:nowrap;align-items:center}.toast h3 svg{height:13px;width:13px;margin-right:5px}.toast p{margin:0;font-size:13px;color:#666;line-height:18px;font-weight:400;padding-left:18px}.toast-item{margin-bottom:10px}.toast-close{position:absolute;top:12px;right:10px;padding:4px}.toast-close svg{width:8px;height:8px}.toasts-wrapper{position:fixed;top:10px;right:10px;z-index:9999999}header{display:flex;justify-content:space-between;width:100%;padding:2px 15px;background:#fff;border-bottom:1px solid #ccc;align-items:center}@media screen and (min-width: 768px){header{position:sticky;top:0}}header .flex{align-items:center}header h1.page-title{font-size:4.5vw;line-height:3.6vw;font-weight:500;margin:0 0 0 10px}@media screen and (min-width: 640px){header h1.page-title{font-size:1.3vw}}header .account-area{position:relative}header .logo{display:flex;justify-content:center;padding:8px 15px;background:#fff;width:70px;border-radius:50%}@media screen and (max-width: 640px){header .logo{width:37px;padding:8px 8px 8px 5px}}header .logo span.content svg{width:100%!important}header .toggle-button{background-color:#f0f2f5;border-radius:20px;height:35px;transition:background-color .3s ease}@media screen and (max-width: 640px){header .toggle-button{padding:6px 12px}}header .toggle-button:hover{background-color:#f0f0f0}.account-popover{position:absolute;top:100%;right:0;padding:40px 0 60px;border:1px solid #f2f2f2;background:#fff;box-shadow:0 4px 10px #89898926;width:301px;z-index:2;display:flex;flex-direction:column;align-items:center}.account-popover div{display:flex;flex-direction:column;justify-content:center;align-items:center}.account-popover div input{display:none}.account-popover p{margin:0;text-align:center}.account-popover p.name{margin-top:10px;color:#363636;font-size:20px;font-weight:500;display:flex;line-height:24px;margin-bottom:4px;align-items:center;justify-content:center}.account-popover p.name span{white-space:nowrap;max-width:calc(100% - 30px);display:block}.account-popover p.name .edit-space{margin-left:12px;padding:0}.account-popover p.email{color:#363636;font-size:16px;font-weight:400;line-height:20px}.account-popover ul{padding:0;margin:0}.account-popover ul.account-links{width:100%;padding:24px 0}.account-popover ul.account-links li{list-style:none}.account-popover ul.account-links li a,.account-popover ul.account-links li p{line-height:40px;text-decoration:none;color:#363636;font-size:16px;font-weight:500;padding:0 24px;display:flex}.account-popover ul.account-links li a svg,.account-popover ul.account-links li p svg{margin-right:15px}.account-popover ul.account-links li:hover a{background:#f2f2f2}.account-popover button.logout{border-radius:10px;background:#00033e;color:#fff;font-size:20px;font-weight:500;width:calc(100% - 30px);line-height:32px}.account-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;background:transparent;border:none;border-radius:0;outline:none;cursor:auto}.user{height:40px;width:40px;border-radius:50%;position:relative;border:1px solid #f1f1f1}.user span{border-radius:50%}.user span.short-name{background:#00033e;color:#f9f9f9;font-weight:600;display:flex;justify-content:center;align-items:center}.user span.short-name.a{background:#bdb76b}.user span.short-name.b{background:#7b68ee}.user span.short-name.c{background:#dc143c}.user span.short-name.d{background:#8b0000}.user span.short-name.e{background:#2e8b57}.user span.short-name.f{background:#b22222}.user span.short-name.g{background:#639}.user span.short-name.h{background:#556b2f}.user span.short-name.i{background:#cd5c5c}.user span.short-name.j{background:#66cdaa}.user span.short-name.k{background:#9400d3}.user span.short-name.l{background:teal}.user span.short-name.m{background:#5f9ea0}.user span.short-name.n{background:#b0c4de}.user span.short-name.o{background:#ff4500}.user span.short-name.p{background:#db7093}.user span.short-name.q{background:#87cefa}.user span.short-name.r{background:red}.user span.short-name.s{background:#7b68ee}.user span.short-name.t{background:tomato}.user span.short-name.u{background:#00008b}.user span.short-name.v{background:purple}.user span.short-name.w{background:#b8860b}.user span.short-name.x{background:coral}.user span.short-name.y{background:sienna}.user span.short-name.z{background:#2f4f4f}.user.x-small{width:31px;height:31px}.user.x-small .short-name{width:30px;height:30px;font-size:14px}.user.small{width:41px;height:41px}.user.small .short-name{width:40px;height:40px;font-size:18px}.user.medium{width:60px;height:60px}.user.medium .short-name{width:60px;height:60px;font-size:20px}.user.large{width:100px;height:100px}.user.large .short-name{width:100px;height:100px;font-size:30px}.user img{border-radius:50%}.user img.short-name{height:40px;width:40px;display:flex;justify-content:center;align-items:center}.user button{background-color:#aaa;position:absolute;top:5.7rem;left:0;right:0;margin:auto;width:1.3rem;height:1.3rem;text-align:center;padding:1.5px;border-radius:.1rem;display:flex;justify-content:center;align-items:center}.user button img{width:100%}.user button.edit-image{top:0;right:-5px;margin:0;left:inherit;background:transparent;height:20px;width:20px;border-radius:50%;background:#00033e;padding:5px}.user button.large,.user button.large .edit-image{right:4px;height:25px;width:25px}.skeleton-container{background:#eee;background:linear-gradient(110deg,#ececec 8%,#f5f5f5 18%,#ececec 33%);border-radius:5px;background-size:200% 100%;animation:1.5s shine linear infinite;display:block}@keyframes shine{to{background-position-x:-200%}}.modal-container{position:fixed;top:0;left:0;right:0;bottom:0;z-index:100;overflow:auto;background:#00000080}.modal-container .modal-wrapper{position:relative}.modal-container.center{display:flex;justify-content:center}.modal-container.center .modal-wrapper{margin:5% auto}.modal-container.right{display:flex;justify-content:flex-end}.modal-container.right .close{left:0;right:inherit}.modal-container.right .panel-header{border-top-right-radius:0}.modal-container.right .panel-footer{border-bottom-right-radius:0}.modal-container.middle{display:flex;justify-content:center;align-items:center}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#0002;z-index:99}.close{position:absolute;top:10px;right:0;z-index:1;background:transparent!important;padding:5px 6px;outline:none!important}.close svg{width:14px}.close.right{right:10px!important;left:inherit!important}.panel-container{border-radius:8px;border:1.058px solid #ccc;background:#fff;margin-bottom:16px;box-shadow:0 4px 15px #616b8026}@media screen and (max-width: 1024px){.panel-container{margin-bottom:10px}}.panel-container.no-border{border:none;box-shadow:none}.panel-container .panel-container{box-shadow:none}.panel-container.hover:hover{box-shadow:0 4px 15px #616b8080}.panel-container.hidden{overflow:hidden}.panel-body{padding:18px;border-radius:8px 8px 0 0}.panel-body.panel-bl{border-left:1px solid #fafafa}.panel-footer{display:flex;padding:10px 23px;background:#fff;border-top:1px solid #fafafa;border-radius:0 0 8px 8px}.panel-footer.right{justify-content:flex-end}.panel-footer.center{justify-content:center}.panel-footer.between{justify-content:space-between}.panel-footer.around{justify-content:space-around}.panel-footer.sticky{bottom:0;position:sticky;border-radius:0}.panel-footer.fixed{bottom:0;right:0;left:0;position:fixed;border-radius:0}.panel-footer.panel-bl{border-left:1px solid #fafafa}.panel-header{display:flex;justify-content:space-between;padding:10px 20px;background:#fafafa;border-bottom:1px solid #cccccc;border-radius:8px 8px 0 0}.panel-header.white{background-color:#fff;border-bottom-color:#e7e7e7}.panel-action-area{width:auto;display:flex;position:relative}.panel-action-area button{background:transparent;outline:none;padding:0;cursor:pointer;border:none;border-radius:4px;height:24px;width:24px}.panel-action-area button.close{top:0}.panel-action-area button:hover{border-color:#fff;background:#fff}.panel-action-area button+button{margin-left:32px}h3.panel-title{margin:0;font-weight:500}.panel-sub-title{color:gray;font-size:14px;font-weight:500;line-height:20px;margin:0}.panel-description{color:#363636;font-size:14px;font-weight:400;margin:8px 0}.panel-title-area{display:block;width:70%}.image-cropper{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem}.image-cropper p{text-align:center;color:red}.image-cropper .input{width:350px;height:350px;border:dashed 1px black;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer}.image-cropper .input p{color:#000}.image-cropper input{width:100%}.image-cropper .action{width:100%;display:flex;justify-content:flex-end;align-items:center;gap:1rem}.image-cropper .slider-input{background-color:#c6c6c6;width:100%;height:4px;position:relative}.avatar-container{position:relative;display:flex;flex-wrap:wrap;justify-content:center;width:400px}.avatar-container:hover .change-container{display:flex}.loader-container{background:#fff;display:flex;justify-content:center;align-items:center}.loader-container.full-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9}.loader-container.inline{height:100%;width:100%}.global-loader .path-1{stroke-dashoffset:100;animation:dash .5s linear alternate infinite;stroke:linear-gradient(135deg,rgb(31,0,92),rgb(91,0,96),rgb(135,1,97),rgb(172,37,93),rgb(202,72,91),rgb(225,107,92))}.global-loader .path-2{animation-delay:.5s;stroke-dashoffset:100;animation:dash .5s linear alternate infinite;stroke:linear-gradient(135deg,rgb(31,0,92),rgb(91,0,96),rgb(135,1,97),rgb(172,37,93),rgb(202,72,91),rgb(225,107,92))}@keyframes dash{0%{stroke-dashoffset:100}to{stroke-dashoffset:0}}.left-menu{width:60px;background:linear-gradient(135deg,#1f005c66,#5b006066,#87016166,#ac255d66,#ca485b66,#e16b5c66);height:100vh;position:sticky;z-index:1;top:0}.left-menu.large{width:180px}.left-menu.large .logo{justify-content:flex-start}.left-menu.large .logo svg{width:auto}.left-menu ul{padding:0;margin:0}.left-menu ul.menu-items{padding:20px 10px;position:relative;height:100%}.left-menu ul.menu-items li{list-style:none;padding:10px 0 0;width:100%}.left-menu ul.menu-items li:first-child{padding-top:0}.left-menu ul.menu-items li:last-child{position:absolute;right:10px;left:10px;bottom:10px}.left-menu ul.menu-items li a{display:flex;align-items:center;padding:10px;border-radius:4px;background:#fff3;width:40px;height:40px}.left-menu ul.menu-items li a.active{background:#00033e80}.left-menu ul.menu-items li a.active svg path,.left-menu ul.menu-items li a.active svg rect{stroke:#fff}.left-menu ul.menu-items li button.apps-short-name{font-size:14px;background:transparent;color:#fff;font-weight:600;width:100%;padding:10px 20px;text-transform:uppercase;display:block;line-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left;border-radius:0}.left-menu ul.menu-items li button.apps-short-name.active,.left-menu ul.menu-items li button.apps-short-name:hover{background:#fff;color:#00033e}.left-menu ul.menu-items li svg{width:20px;height:20px}.left-menu ul.menu-items li ul{padding:0;display:block}.left-menu ul.menu-items li ul li{list-style:none;display:block;padding-left:5px}.left-menu ul.menu-items li ul li a,.left-menu ul.menu-items li ul li button{font-size:12px;color:#fff;text-decoration:none;width:100%;display:flex;justify-content:space-between;align-items:center;position:relative;background:transparent}.left-menu ul.menu-items li ul li a svg,.left-menu ul.menu-items li ul li button svg{width:10px;height:10px}.left-menu ul.menu-items li ul li a:hover,.left-menu ul.menu-items li ul li button:hover{background:#3c3f79}.left-menu ul.menu-items.apps{height:calc(100vh - 145px);overflow:auto}.left-menu ul.menu-items.apps::-webkit-scrollbar{width:2px;height:2px}.left-menu ul.menu-items.apps::-webkit-scrollbar-track{box-shadow:inset 0 0 6px #0000004d}.left-menu ul.menu-items.apps::-webkit-scrollbar-thumb{background-color:#a7a7a7;outline:1px solid slategrey}.tooltip-wrapper{display:inline-flex;position:relative}.tooltip-wrapper *{pointer-events:none}.tooltip-tip{position:fixed;border-radius:4px;padding:6px;color:#fff;background:#000;font-size:12px;line-height:1;z-index:100;white-space:nowrap;opacity:0;pointer-events:none}.tooltip-tip.show{opacity:1;pointer-events:auto}.tooltip-tip:before{content:" ";left:50%;border:solid transparent;height:0;width:0;position:absolute;pointer-events:none;border-width:6px;margin-left:-6px}.tooltip-tip.top:before{top:100%;border-top-color:#000}.tooltip-tip.right{margin-left:6px}.tooltip-tip.right:before{left:-6px;top:50%;transform:translate(0) translateY(-50%);border-right-color:#000}.tooltip-tip.bottom:before{bottom:100%;border-bottom-color:#000}.tooltip-tip.left:before{left:auto;right:-12px;top:50%;transform:translate(0) translateY(-50%);border-left-color:#000}.top-menu-container{display:flex;justify-content:space-between;background:#fff;align-items:center;padding:0 0 0 20px;position:relative;z-index:2;box-shadow:8px 0 8px #616b8026}.top-menu-container .logo-area{width:40px}.top-menu-container .logo-area a{display:flex}.top-menu-container .logo-area svg{width:16px}.top-menu-container .title-description-area{width:calc(50% - 100px)}.top-menu-container .title-description-area h3{font-size:18px;margin:0;line-height:20px;color:transparent;background:linear-gradient(135deg,#1f005c,#5b0060,#870161,#ac255d,#ca485b,#e16b5c);-webkit-background-clip:text;background-clip:text}.top-menu-container .title-description-area p{font-size:12px;margin:0;line-height:16px;color:#333;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical}.top-menu-container ul.top-menu{display:flex;justify-content:flex-start;margin:0;padding:0;width:50%}.top-menu-container ul.top-menu li{padding:0 20px;list-style:none}.top-menu-container ul.top-menu li a,.top-menu-container ul.top-menu li button{line-height:32px;display:inline-flex;padding:8px 0;cursor:pointer;background:transparent;font-size:14px;border:none;border-bottom:2px solid transparent;border-radius:0;outline:none;color:#333;text-decoration:none}.top-menu-container ul.top-menu li a.active,.top-menu-container ul.top-menu li button.active{color:#333;border-bottom-color:#333;font-weight:700}.top-menu-container ul.top-menu.device-view{background:#f6f6f6}.top-menu-container ul.top-menu.device-view li{padding:0;display:flex;align-items:center}.top-menu-container ul.top-menu.device-view li.seperator{border-left:1px solid #cccccc}.top-menu-container ul.top-menu.device-view li button,.top-menu-container ul.top-menu.device-view li a{height:50px;min-width:50px;display:flex;align-items:center;text-decoration:none;justify-content:center;padding:8px 20px;border:none}.top-menu-container ul.top-menu.device-view li button.publish,.top-menu-container ul.top-menu.device-view li a.publish{padding:8px 20px;height:auto}.top-menu-container ul.top-menu.device-view li button *,.top-menu-container ul.top-menu.device-view li a *{display:flex}.top-menu-container ul.top-menu.device-view li button svg,.top-menu-container ul.top-menu.device-view li a svg{height:20px;width:20px}.radio-item{background:#f8f8f8;padding:5px 10px;margin-bottom:10px;border-radius:4px}.radio-item label{display:flex;align-items:center}.radio-item label span.value{padding-left:10px}.share-dialog{width:400px}.share-dialog .input{width:100%;margin:0 0 24px}.share-dialog .input .field-icon{min-width:40px;width:40px;padding:0 12px}.share-dialog .input .textbox-wrapper{border-radius:4px;height:38px;border-style:solid;border-width:1px;border-color:#ccc;padding:5px 0;background:#fff}.share-dialog .input .textbox-wrapper input{border:none;outline:none;background:transparent;color:#262641;font-size:14px;padding:0}.radio-group-container{position:relative;display:block}.radio-group-container .info-area{margin-left:10px;margin-bottom:10px}.radio-group-container .info-area svg{width:16px}.radio-container label{display:flex;align-items:center;margin:0;cursor:pointer}.radio-container label input{opacity:0;position:absolute}.radio-container label input+.radio{display:block;position:relative;height:16px;width:16px;min-width:16px;content:"";border-radius:50%;border:1px solid #00033e}.radio-container label input:checked+.radio{border:4px solid #00033e}.radio-container label input:checked+.radio:before{border:2px solid #ffffff;content:"";left:0;top:0;transform:rotate(45deg);position:absolute;width:3px;height:3px;border-radius:50%}.radio-container label span.label{border:1px solid #00033e;display:block;position:relative;padding:0 10px 0 30px;line-height:30px;border-radius:8px;width:100%}.radio-container label span.value{display:block;position:relative;padding:0 10px;line-height:30px;border-radius:8px;width:100%}.error-message{color:red;font-size:12px;margin:0;display:flex;align-items:center;padding-top:8px}.error-message svg{width:14px;min-width:14px;margin-right:8px}.textbox-wrapper{display:flex}.textbox-wrapper .info-area{margin-left:10px;margin-bottom:10px}.textbox-wrapper .info-area svg{width:16px}.textbox-wrapper .field-icon{display:flex;justify-content:center;align-items:center;min-width:50px;width:50px}.textbox-wrapper .field-icon svg{height:15px}.textbox-wrapper input,.textbox-wrapper button.textbox{border-radius:6px;border:1px solid #ccc;background:#fff;color:#363636;font-size:14px;line-height:36px;padding:0 16px;width:100%;height:38px;position:relative}.textbox-wrapper input:focus,.textbox-wrapper button.textbox:focus{outline:none;border-color:#363636}.textbox-wrapper input[type=color],.textbox-wrapper button.textbox[type=color]{cursor:pointer;padding:0}.textbox-wrapper input span.notification,.textbox-wrapper button.textbox span.notification{position:absolute;top:-5px;right:-5px;height:10px;width:10px;background:#a80f0f;color:#fff;font-size:10px;border-radius:50%}.textbox-wrapper button{min-width:50px;width:50px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;outline:none;padding:0}.textbox-wrapper button svg{height:10px}.text-wrapper label{color:#363636;font-size:14px;font-weight:500;line-height:20px;margin:0 0 6px;width:100%;display:block}.form-settings{overflow:auto;padding:0;width:600px}.form-settings .panel-body{height:calc(100vh - 106px);overflow:auto}.form-settings form{display:block}.form-settings form .form-row{display:flex;gap:20px}.form-settings form .form-column-half{flex:1}.form-settings form .cover-image{display:flex;flex-direction:column}.form-settings form .image-preview-container{display:flex;align-items:center;position:relative;justify-content:center;width:100%;margin-top:10px;border:1px solid #ccc;border-radius:10px;overflow:hidden}.form-settings form .image-preview-container img{width:100%;height:auto}.form-settings form .remove-image{background:#fff;padding:5px 10px;cursor:pointer;position:absolute;top:0;right:0}.form-settings form .remove-image svg{fill:#333}.text-wrapper{margin-bottom:10px}.text-wrapper .info-area{margin-left:10px;margin-bottom:10px}.text-wrapper .info-area svg{width:16px}.text-wrapper label{color:#363636;font-size:14px;font-weight:500;line-height:20px;margin:0 0 6px;display:block}.text-wrapper textarea{border-radius:6px;border:1px solid #ccc;background:#fff;color:#363636;font-size:16px;line-height:26px;padding:10px 22px;width:100%;resize:none;font-family:Poppins,serif}.switch{position:relative;height:1rem;width:2rem;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;border-radius:9999px;background-color:#64748b60;transition:all .3s ease}.switch label,.switch label.left{display:flex}.switch label.left span.checkbox-container{order:2}.switch label.left span.label{order:1;color:#333}.switch-box{padding:2px 0}.switch-box label span.label{order:1;font-size:14px;font-weight:500}.switch:checked{background-color:#363636}.switch:before{position:absolute;content:"";left:-.1rem;top:-.1rem;display:block;height:1.1rem;width:1.1rem;cursor:pointer;border:1px solid rgba(100,116,139,.527);border-radius:9999px;background-color:#fff;box-shadow:0 3px 10px #64748b53;transition:all .3s ease}.switch:hover:before{box-shadow:0 0 0 8px #00000026}.switch:checked:hover:before{box-shadow:0 0 0 8px #230b1726}.switch:checked:before{transform:translate(100%);border-color:#363636}.switch-box{display:flex;margin-bottom:10px;padding:8px 0}.switch-box label.left{display:flex;align-items:center}.switch-box label.left span.switch-container{display:flex;align-items:center;margin-left:10px;order:2}.switch-box label.left span.label{order:1;color:#333}.switch-box label.left span.value{color:#333;font-size:14px;font-weight:500}.check-box{margin-bottom:10px}.check-box label{margin:0;display:flex;align-items:center;cursor:pointer;color:#363636;font-size:14px;font-weight:500;line-height:20px}.check-box label .checkbox-content{margin-right:6px}@media screen and (max-width: 768px){.check-box label .checkbox-content{margin-right:0!important}}.check-box label .checkbox-content input{opacity:0;position:absolute}.check-box label .checkbox-content input+span.checkbox{display:block;position:relative}.check-box label .checkbox-content input+span.checkbox:before{display:block;height:14px;width:14px;content:"";border-radius:2px;border:1px solid #00033e}.check-box label .checkbox-content input:checked+.checkbox{border:8px solid #00033e;border-radius:2px}.check-box label .checkbox-content input:checked+.checkbox:before{border-bottom:2px solid #ffffff;border-right:2px solid #ffffff;content:"";left:-3px;top:-6px;transform:rotate(45deg);position:absolute;width:3px;height:6px;border-radius:2px}.check-box label .checkbox-content span.value{border:1px solid #00033e;display:block;position:relative;padding:0 10px 0 30px;line-height:30px;border-radius:8px;width:100%}.check-box.toggle label{position:relative;display:flex;border:1px solid #333}.check-box.toggle label span.checkbox-content{margin-right:0}.check-box.toggle label span.checkbox{padding:4px 10px;margin:0;border-radius:0!important}.check-box.toggle label span.checkbox:before{display:none!important}.check-box.toggle label input:checked+.checkbox{background:#00033e;border:none!important;color:#fff}.check-box.toggle+.check-box.toggle label{border-left:none}.check-box.toggle:first-child label{border-radius:6px 0 0 6px}.check-box.toggle:last-child label{border-radius:0 6px 6px 0}.checkbox-container{width:100%}.checkbox-container .info-area{margin-left:10px;margin-bottom:10px}.checkbox-container .info-area svg{width:16px}.checkbox-container label{color:#363636;font-size:14px;font-weight:500;line-height:20px;margin:0 0 6px;width:100%;display:block}.checkbox-item-container{display:flex;flex-wrap:wrap;width:100%}.checkbox-item-container label{margin:0}.cross{cursor:pointer}.multi-select-container{cursor:pointer;margin-top:5px;padding:0;border-radius:5px;position:relative;z-index:102;background:#fff}.multi-select-container .no-data-option p{margin:0;padding:10px 20px}.multi-select-container .button{border-radius:0}.multi-select-wrapper{display:block;margin-bottom:10px}.multi-select-wrapper .info-area{margin-left:10px;margin-bottom:10px}.multi-select-wrapper .info-area svg{width:16px}.multi-select-wrapper input[type=text]{border-radius:8px;border:1px solid #ccc;background:#fff;color:#363636;font-size:16px;line-height:46px;padding:0 22px;width:100%}.multi-select-wrapper input[type=text]:focus{outline:none;border-color:#363636}.multi-select-wrapper label{color:#363636;font-size:14px;font-weight:500;line-height:20px;margin:0 0 6px;width:100%;display:block}.multi-select-box-wrapper{position:relative;display:flex;width:100%;border-radius:6px;background:#fff;color:#363636;font-size:16px;padding:7px 16px 7px 0}.multi-select-box-wrapper input[type=text]{line-height:22px;padding:0;margin:0;border:none;width:100%;outline:none}.multi-select-box-wrapper button.arrow{position:absolute;top:0;padding:0;right:10px;bottom:0;display:flex;align-items:center}.multi-select-selected-group{display:flex}.multi-select-selected-group .selected-item{background:#f1f1f1;border-radius:8px;display:flex;padding-right:8px;align-items:center;position:relative}.multi-select-selected-group .selected-item span{display:block;font-size:11px;line-height:20px;max-width:80px;overflow:hidden;padding:0 4px 0 8px;text-overflow:ellipsis;text-transform:capitalize;white-space:nowrap}.multi-select-selected-group .selected-item button{background:transparent;border:none;padding:0;outline:none;display:flex;align-items:center}.multi-select-selected-group .selected-item button svg{width:6px;height:6px;position:static}.multi-select-selected-group .selected-item+.selected-item{margin-left:4px}.chip-label{overflow:hidden;text-overflow:ellipsis;padding:0 12px;white-space:nowrap;pointer-events:none;line-height:20px}.chip-label.text-limit-100{max-width:100px}.chip-label.text-limit-110{max-width:110px}.chip-label.text-limit-120{max-width:120px}.chip-label.text-limit-130{max-width:130px}.chip-label.text-limit-140{max-width:140px}.chip-label.text-limit-150{max-width:150px}.chip-container{max-width:100%;font-size:11px;display:inline-flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;white-space:nowrap;cursor:unset;outline:0px;text-decoration:none;margin:2px;border:0px;padding:0;vertical-align:middle;box-sizing:border-box;border:1px solid transparent;border-radius:10px;position:relative}.primary-chip{background:linear-gradient(135deg,#1f005c4d,#5b00604d,#8701614d,#ac255d4d,#ca485b4d,#e16b5c4d);border:none}.primary-chip span.chip-label{color:transparent;background:linear-gradient(135deg,#1f005c,#5b0060,#870161,#ac255d,#ca485b,#e16b5c);-webkit-background-clip:text;background-clip:text}.primary-chip:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid transparent;border-radius:10px;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:destination-out;mask-composite:exclude;background:linear-gradient(135deg,#1f005c,#5b0060,#870161,#ac255d,#ca485b,#e16b5c)}.secondary-chip{color:#46b8da;background-color:#5bc0de1a;border-color:#46b8da}.active-chip{color:green;background-color:#d1ffd11a;border-color:green}.inactive-chip{color:red;background-color:#fadddd1a;border-color:red}.draft-chip{color:#353535;background-color:#eaeaea1a;border-color:#353535}.szh-menu{margin:0;padding:0;list-style:none;box-sizing:border-box;width:max-content;z-index:100;border:1px solid rgba(0,0,0,.1);background-color:#fff}.szh-menu:focus{outline:none}.szh-menu__arrow{box-sizing:border-box;width:.75rem;height:.75rem;background-color:#fff;border:1px solid transparent;border-left-color:#0000001a;border-top-color:#0000001a;z-index:-1}.szh-menu__arrow--dir-left{right:-.375rem;transform:translateY(-50%) rotate(135deg)}.szh-menu__arrow--dir-right{left:-.375rem;transform:translateY(-50%) rotate(-45deg)}.szh-menu__arrow--dir-top{bottom:-.375rem;transform:translate(-50%) rotate(-135deg)}.szh-menu__arrow--dir-bottom{top:-.375rem;transform:translate(-50%) rotate(45deg)}.szh-menu__item{cursor:pointer}.szh-menu__item:focus{outline:none}.szh-menu__item--hover{background-color:#ebebeb}.szh-menu__item--focusable{cursor:default;background-color:inherit}.szh-menu__item--disabled{cursor:default;color:#aaa}.szh-menu__group{box-sizing:border-box}.szh-menu__radio-group{margin:0;padding:0;list-style:none}.szh-menu__divider{height:1px;margin:.5rem 0;background-color:#0000001f}.szh-menu-button{box-sizing:border-box}.szh-menu{-webkit-user-select:none;user-select:none;color:#212529;border:none;border-radius:.25rem;box-shadow:0 3px 7px #0002,0 .6px 2px #0000001a;min-width:10rem;padding:.5rem 0}.szh-menu__item{display:flex;align-items:center;position:relative;padding:.375rem 1.5rem}.szh-menu-container--itemTransition .szh-menu__item{transition-property:background-color,color;transition-duration:.15s;transition-timing-function:ease-in-out}.szh-menu__item--type-radio{padding-left:2.2rem}.szh-menu__item--type-radio:before{content:"○";position:absolute;left:.8rem;top:.55rem;font-size:.8rem}.szh-menu__item--type-radio.szh-menu__item--checked:before{content:"●"}.szh-menu__item--type-checkbox{padding-left:2.2rem}.szh-menu__item--type-checkbox:before{position:absolute;left:.8rem}.szh-menu__item--type-checkbox.szh-menu__item--checked:before{content:"✔"}.szh-menu__submenu>.szh-menu__item{padding-right:2.5rem}.szh-menu__submenu>.szh-menu__item:after{content:"❯";position:absolute;right:1rem}.szh-menu__header{color:#888;font-size:.8rem;padding:.2rem 1.5rem;text-transform:uppercase}@keyframes szh-menu-show-slide-left{0%{opacity:0;transform:translate(.75rem)}}@keyframes szh-menu-hide-slide-left{to{opacity:0;transform:translate(.75rem)}}@keyframes szh-menu-show-slide-right{0%{opacity:0;transform:translate(-.75rem)}}@keyframes szh-menu-hide-slide-right{to{opacity:0;transform:translate(-.75rem)}}@keyframes szh-menu-show-slide-top{0%{opacity:0;transform:translateY(.75rem)}}@keyframes szh-menu-hide-slide-top{to{opacity:0;transform:translateY(.75rem)}}@keyframes szh-menu-show-slide-bottom{0%{opacity:0;transform:translateY(-.75rem)}}@keyframes szh-menu-hide-slide-bottom{to{opacity:0;transform:translateY(-.75rem)}}.szh-menu--state-opening.szh-menu--dir-left{animation:szh-menu-show-slide-left .15s ease-out}.szh-menu--state-closing.szh-menu--dir-left{animation:szh-menu-hide-slide-left .15s ease-in forwards}.szh-menu--state-opening.szh-menu--dir-right{animation:szh-menu-show-slide-right .15s ease-out}.szh-menu--state-closing.szh-menu--dir-right{animation:szh-menu-hide-slide-right .15s ease-in forwards}.szh-menu--state-opening.szh-menu--dir-top{animation:szh-menu-show-slide-top .15s ease-out}.szh-menu--state-closing.szh-menu--dir-top{animation:szh-menu-hide-slide-top .15s ease-in forwards}.szh-menu--state-opening.szh-menu--dir-bottom{animation:szh-menu-show-slide-bottom .15s ease-out}.szh-menu--state-closing.szh-menu--dir-bottom{animation:szh-menu-hide-slide-bottom .15s ease-in forwards}ul.action-wrapper{background:#fff;border-radius:6px;box-shadow:0 3px 6px #1c5bd140;margin:0;padding:0;width:180px}ul.action-wrapper li{display:block;list-style:none;padding:0}ul.action-wrapper li button{align-items:center;background:#0000;border:none;color:#606060;cursor:pointer;display:flex;font-size:12px;font-weight:400;height:auto;line-height:36px;padding:0 12px;width:100%;justify-content:flex-start}.action-mode.select,.action-mode.date-picker,.action-mode.time-picker{border-radius:6px;border:1px solid #ccc;background:#fff;color:#363636;font-size:14px;line-height:36px;padding:0 36px 0 16px;width:100%;justify-content:flex-start;position:relative}.action-mode.select span.arrow-down,.action-mode.date-picker span.arrow-down,.action-mode.time-picker span.arrow-down{position:absolute;top:0;bottom:0;right:10px;pointer-events:none;display:flex;align-items:center;height:auto}.action-mode.select span.content,.action-mode.date-picker span.content,.action-mode.time-picker span.content{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-container{cursor:pointer;margin-top:5px;border:1px solid #f6f6f6;padding:0;border-radius:5px;position:fixed;z-index:102;box-shadow:0 0 20px #0000004d;background:#fff;max-height:300px;overflow:auto}.select-container .no-data-option{padding:10px 20px}.select-container .button{border-radius:0}.option:hover{background-color:#f5f3f2}.option{padding:8px}.select-wrapper{display:block;margin-bottom:10px;position:relative}.select-wrapper .remove-value{position:absolute;right:30px;top:calc(50% - 12px)}.select-wrapper .arrow-down{position:absolute;height:14px;right:10px;top:calc(50% - 8px);pointer-events:none;display:flex;align-items:center}.select-wrapper .info-area{margin-left:10px;margin-bottom:10px}.select-wrapper .info-area svg{width:16px}.select-wrapper label{color:#363636;font-size:14px;font-weight:500;line-height:20px;margin:0 0 6px;width:100%;display:block}.select-wrapper .selectbox-wrapper{position:relative}.select-wrapper input[type=text]{border-radius:6px;border:1px solid #ccc;background:#fff;color:#363636;font-size:14px;line-height:36px;padding:0 16px;width:100%}.action-mode.select{min-height:25px}.playground-body{padding:0;gap:2rem}.app-menu-contents{width:200px;background-color:#fff;padding-left:0;position:relative;box-shadow:0 4px 15px #616b8026;transition:all .3s ease-in-out}@media screen and (max-width: 344px){.app-menu-contents{top:0}}@media screen and (max-width: 640px){.app-menu-contents{position:fixed;top:0;z-index:99999;width:250px;transition:transform .3s ease-in;box-shadow:0 4px 15px #616b8026}}.app-menu-contents ul{padding:0;width:100%;margin:0}.app-menu-contents ul.top-menu{height:calc(100vh - 162px);overflow:auto;padding-top:10px;width:100%}@media screen and (max-width: 768px){.app-menu-contents ul.top-menu{height:calc(100vh - 105px);padding-top:0}}.app-menu-contents ul li{list-style:none;width:100%}.app-menu-contents ul li .menu-btn{background:transparent;padding:4px 15px;font-size:13px;text-align:left;width:100%;display:flex;align-items:center;justify-content:flex-start;border-radius:5px;gap:5px;transition:background-color .3s,padding .3s;margin:5px auto}.app-menu-contents ul li .menu-btn:hover,.app-menu-contents ul li .active-menu{background-color:#f3f3f3}.app-menu-contents ul li ul.top-menu{height:auto;padding-top:0}.app-menu-contents ul .menu-bottom-contents li{padding:5px}.app-menu-contents ul .menu-bottom-contents button{background-color:#f3f3f3;padding:7px;border-radius:5px;width:100%;display:flex;align-items:center;justify-content:flex-start;font-size:13px;transition:background-color .3s,padding .3s}.app-menu-contents ul .menu-bottom-contents button:hover{background-color:#e1e1e1}.app-menu-contents ul .menu-bottom-contents button svg{margin-right:10px}.app-menu-contents nav{position:sticky;top:58px;height:calc(100vh - 80px)}@media screen and (max-width: 768px){.app-menu-contents nav{margin-top:0}}.app-menu-contents .bottom-menu{border-top:1px solid transparent;padding-top:5px;padding-bottom:5px}.app-menu-contents button.manu-mask{display:none}@media screen and (max-width: 768px){.app-menu-contents button.manu-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:transparent;border:none;cursor:pointer;outline:none;display:block}}.toggle-btn{position:sticky;top:80px;height:30px;width:30px;padding:0;border-radius:50%;background:#fff!important;z-index:2;box-shadow:0 4px 15px #616b8033;margin-left:calc(100% - 15px)}@media screen and (max-width: 768px){.toggle-btn{top:70px}}.toggle-btn span{display:flex;justify-content:center;align-items:center}.toggle-btn span svg path{stroke:#333}.toggle-btn:hover{background:linear-gradient(135deg,#1f005c,#5b0060,#870161,#ac255d,#ca485b,#e16b5c)!important}.toggle-btn:hover span svg path{stroke:#fff}.toggle-btn.open{margin-left:calc(100% + 15px)}@media screen and (max-width: 768px){.toggle-btn.open{margin-left:300px!important;margin-right:20px;box-shadow:0 .125px .25px #1f005c80,0 .25px .5px #5b006080,0 .375px .75px #87016180,0 .5px 1px #ac255d80,0 .625px 1.25px #ca485b80,0 .75px 1.5px #e16b5c80}}.absolute{margin-left:-200px}@media screen and (max-width: 768px){.absolute{margin-left:-300px}}.parentMenu>button>span:before{content:none!important}.parentMenu>button:has(svg) .content{width:100%;display:flex;align-items:center;justify-content:space-between}.hideMenu .submenu{width:calc(100% - 15px);margin-left:8px;opacity:0;max-height:0;visibility:hidden;overflow:hidden;transition:opacity .3s ease,max-height .4s ease,visibility 0s .4s}.showMenu .submenu{opacity:1;width:calc(100% - 10px);margin-left:5px;max-height:500px;visibility:visible;overflow:visible;transition:opacity .3s ease,max-height .4s ease,visibility 0s}.seperator{height:"0.1px";border:"none";margin:0}.error-page-layout{padding:0;display:flex;justify-content:center;align-items:center}@media screen and (min-width: 769px){.error-page-layout{padding:100px 0}}.error-page-container{max-width:1170px;display:flex;flex-direction:column;align-items:center}.error-page-image{width:350px;margin-bottom:20px}@media screen and (min-width: 769px){.error-page-image{width:400px;margin-bottom:50px}}.error-page-image *{width:100%}.error-page-title{font-size:28px;color:#1f005ccc;font-weight:600;margin:0 0 20px}.error-page-description{font-size:14px;color:#333;font-weight:400;margin:0 0 20px}.login-container{display:flex;align-items:center;justify-content:center;height:100vh}@media screen and (max-width: 768px){.login-container{display:block;overflow:auto}}.login-wrapper{display:flex;width:1126px;margin:10vh auto;border-radius:15px;overflow:hidden;background:#fff;box-shadow:0 0 10px #2626411a}@media screen and (max-width: 1130px){.login-wrapper{width:100%;flex-wrap:wrap;margin:0}}@media screen and (max-width: 768px){.login-wrapper{box-shadow:none}}.login-wrapper .form-container{padding:45px;width:50%}@media screen and (max-width: 768px){.login-wrapper .form-container{width:100%}}.login-wrapper .form-container .logo{width:100%;display:flex;justify-content:center;margin-bottom:28px}@media screen and (max-width: 768px){.login-wrapper .form-container .logo{margin-bottom:20px}}.login-wrapper .form-container h3{font-size:28px;font-weight:500;line-height:34px;margin:0 0 50px;color:#363636;text-align:center}@media screen and (max-width: 768px){.login-wrapper .form-container h3{margin-bottom:20px;font-size:24px}}.login-wrapper .form-container .remember-forget{display:flex;justify-content:space-between;margin-bottom:40px;width:100%}.login-wrapper .form-container .remember-forget label.remember,.login-wrapper .form-container .remember-forget p.remember{display:flex;font-size:18px;font-weight:400;line-height:22px;color:#363636;margin:0}@media screen and (max-width: 768px){.login-wrapper .form-container .remember-forget label.remember,.login-wrapper .form-container .remember-forget p.remember{line-height:18px}}.login-wrapper .form-container .remember-forget label.remember a,.login-wrapper .form-container .remember-forget p.remember a{color:#3d5a98;text-decoration:underline}.login-wrapper .form-container .remember-forget label.remember.t-c,.login-wrapper .form-container .remember-forget p.remember.t-c{display:block;font-size:12px}.login-wrapper .form-container .remember-forget .forgot{color:#262641;text-decoration:underline}@media screen and (max-width: 768px){.login-wrapper .form-container .remember-forget{margin-bottom:20px}}.login-wrapper .form-container .input-container{display:flex;flex-wrap:wrap}.login-wrapper .form-container .input{width:100%;margin:0 0 24px}@media screen and (max-width: 768px){.login-wrapper .form-container .input{margin-bottom:16px}}.login-wrapper .form-container .input .textbox-wrapper{border-radius:10px;height:48px;border-style:solid;border-width:1px;border-color:#ccc;padding:10px 0;background:#fff}.login-wrapper .form-container .input .textbox-wrapper.error{background-color:#ff5c29;background-color:#fff7f5}.login-wrapper .form-container .input .textbox-wrapper input{border:none;outline:none;background:transparent;color:#262641;font-size:18px;padding:0;height:auto}.login-wrapper .form-container .signin-button{width:100%;line-height:56px;padding:0;font-size:20px;font-weight:600;border-radius:10px}@media screen and (max-width: 768px){.login-wrapper .form-container .signin-button{line-height:48px;font-size:16px}}.login-wrapper .form-container .with-social{display:flex;justify-content:center;position:relative}.login-wrapper .form-container .with-social:before{content:"";top:50%;right:0;left:0;position:absolute;height:1px;background:gray}.login-wrapper .form-container .with-social span{display:inline-block;padding:16px;font-size:20px;font-weight:400;line-height:24px;background:#fff;position:relative;z-index:1;color:#363636}.login-wrapper .form-container .social-login{display:flex;justify-content:space-between}.login-wrapper .form-container .social-login button{width:calc(50% - 24px);background-color:#fafafa;color:#363636;border-color:#ccc;line-height:56px;padding:0;font-size:18px;font-weight:400;border-radius:10px;display:flex;align-items:center}.login-wrapper .form-container .social-login button svg{margin-right:17px}.login-wrapper .form-container .social-login button:only-child{width:100%}.login-wrapper .form-container .singup-text{font-size:18px;font-weight:500;line-height:22px;color:#262641;text-align:center;margin:30px 0}@media screen and (max-width: 768px){.login-wrapper .form-container .singup-text{margin:20px 0;font-size:14px}}.login-wrapper .form-container .singup-text a,.login-wrapper .form-container .singup-text button span.content{text-decoration:underline;color:#262641;font-weight:500}.login-wrapper .form-container .explanatorytext{margin:20px;color:#fff}.login-wrapper .form-container p.singup-text{font-size:14px;margin:26px 0}.login-wrapper .content-container{background:linear-gradient(135deg,#1f005ccc,#5b0060cc,#870161cc,#ac255dcc,#ca485bcc,#e16b5ccc);width:50%;padding:0 68px;display:flex;align-items:center}@media screen and (max-width: 768px){.login-wrapper .content-container{display:none}}.login-wrapper .content-container .content-wrap h1{font-size:42px;font-weight:600;line-height:48px;text-align:left;margin:0 0 40px;color:#fff}.login-wrapper .content-container .content-wrap h2{font-size:20px;font-weight:500;line-height:29px;margin:0 0 20px;color:#fff}.login-wrapper .content-container .content-wrap p{font-size:16px;font-weight:400;line-height:22px;margin:0 0 24px;color:#fff}.version-popup{position:fixed;bottom:1rem;left:50%;transform:translate(-50%);background:linear-gradient(175deg,#1f005c66,#5b006066,#87016166,#ac255d66,#ca485b66,#e16b5c66);color:#fff;padding:.8rem 1.5rem;border-radius:.375rem;box-shadow:0 2px 8px #00000026;z-index:1000;text-align:center}
