.templates-cards-container{display:grid;grid-template-columns:repeat(3, 1fr);gap:10px}.templates-cards-container:has(>p) p{grid-column:1/-1;text-align:center;justify-self:center}.template-card{background:#fff;padding:12px !important;border-radius:16px;position:relative;display:flex;flex-direction:column;overflow:hidden}.template-card .multiple{position:relative;height:320px;overflow:hidden}.template-card figure{margin:0px;margin-bottom:10px}.template-card:has(.multiple) figure{position:absolute;inset:0}.template-card img{width:100%;border-radius:10px;object-fit:cover}.template-card p{font-size:18px;font-weight:500;padding-left:24px;margin:0px;margin-bottom:15px;color:#2b3674;display:flex;align-items:center;gap:8px}.template-card p span,.template-card p svg{width:22px;height:22px}.template-card div{padding-left:24px;padding-right:24px;margin-bottom:10px;display:flex;justify-content:center;align-items:center;justify-content:start;gap:20px}.template-card div span{line-height:0;margin-left:auto}.template-card button{padding:10px 15px;border-radius:4px;border:none;font-size:16px;font-weight:500;cursor:pointer;font-size:14px;font-weight:500;line-height:24px;color:#2b3674;border-radius:6px;transition:all 300ms ease-in;padding:6px 18px;position:relative;border:1px solid rgba(0,0,0,0);border-radius:8px}.template-card button:nth-child(1){background:linear-gradient(#fff, #fff) padding-box,rgba(67,24,255,.3019607843) border-box}.template-card button:nth-child(2){background:#f4f7fe;border:1px solid #e9edf7}.template-card button:nth-child(2) a{text-decoration:none;color:rgba(0,0,0,.6705882353)}.ucs-notification{--color: #3ee64a;position:fixed;right:20px;display:grid;grid-template-columns:max-content 1fr 30px;align-items:center;gap:20px;background:#626262;padding:10px 20px;max-width:600px;border-radius:4px;bottom:100px;border:1px solid;background-color:color-mix(in oklab, white 80%, var(--color));border-color:var(--color);animation:300ms ease-in ucs_slide_right_in}.ucs-notification[data-type=success]{--color: #3ee64a}.ucs-notification[data-type=warning]{--color: green}.ucs-notification[data-type=error]{--color: red}.ucs-notification>span{display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0);height:30px;border-radius:4px;cursor:pointer;transition:background 200ms ease-in}.ucs-notification>span svg{fill:#635b5b;transition:fill 200ms ease-in}.ucs-notification>span:hover{background:#fff}.ucs-notification>span:hover svg{fill:#000}.ucs-notification p{margin:0;font-size:20px;color:#282828}.ucs-notification svg{width:20px;height:20px}.ucs-notification div:first-child{width:40px;height:40px;display:flex;justify-content:center;align-items:center;background:var(--color);border-radius:50%}.ucs-notification div:first-child span{width:20px;height:20px}.ucs-notification div:first-child svg{fill:#fff}.ucs-notification--hide{transition:transform 300ms ease-out;transform:translateX(110%)}#root .template-import--container,.template-import--container{width:1200px;height:90vh;background:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);border-radius:5px;box-shadow:5px 5px 5px rgba(0,0,0,.1);overflow:hidden;padding-bottom:40px}#root .template-import--container>*,.template-import--container>*{padding-left:40px;padding-right:40px}#root .template-import--header,.template-import--header{background:linear-gradient(90deg, #a6eaff 0%, #49e7fe 31.85%, #00c7ff 57.79%, #afcffe 100%);display:flex;justify-content:center;align-items:center;justify-content:space-between;padding:15px 40px;overflow:hidden;position:sticky;top:0;z-index:99}#root .template-import--header--logo,.template-import--header--logo{display:flex;justify-content:center;align-items:center;gap:10px}#root .template-import--header--logo svg,.template-import--header--logo svg{width:30px;height:30px}#root .template-import--header--logo span,.template-import--header--logo span{text-transform:capitalize;font-weight:400;font-size:18px;color:#000}#root .template-import--header--close div,.template-import--header--close div{display:flex;justify-content:center;align-items:center;background:#fff;cursor:pointer;padding:5px;border-radius:5px}#root .template-import--header--close svg,#root .template-import--header--close span,.template-import--header--close svg,.template-import--header--close span{width:20px;height:20px;fill:#000}#root .template-import--header--content,.template-import--header--content{flex-grow:1}#root .template-import--header--filter,.template-import--header--filter{background:#f0f4fd;display:grid;grid-template-columns:max-content 200px 200px 1fr;gap:20px;align-items:center;padding:15px 40px}#root .template-import--header--filter>p,.template-import--header--filter>p{font-size:16px;font-weight:400;color:#000}#root .template-import--header--filter *,.template-import--header--filter *{margin:0px !important;border:none !important}#root .template-import--header--filter .components-input-control__container,.template-import--header--filter .components-input-control__container{border-radius:8px}#root .template-import--header--filter .components-input-control__container svg,.template-import--header--filter .components-input-control__container svg{width:24px;height:24px}#root .template-import--header--filter input,#root .template-import--header--filter select,.template-import--header--filter input,.template-import--header--filter select{height:44px !important;min-height:44px !important;padding-left:16px !important;padding-right:16px !important;font-size:16px !important;color:#545454 !important}#root .template-import--dependency-list,.template-import--dependency-list{background:#fff;padding:30px 0px;border-radius:16px;border-bottom:1px solid #ddd;margin:30px}#root .template-import--dependency-list>*,.template-import--dependency-list>*{padding-left:40px;padding-right:40px}#root .template-import--dependency-list__header,.template-import--dependency-list__header{border-bottom:1px solid #ddd;padding-bottom:20px}#root .template-import--dependency-list__header h2,.template-import--dependency-list__header h2{font-size:22px;margin:0px;margin-bottom:10px;line-height:26px;font-weight:normal;color:#1d2327}#root .template-import--dependency-list__header p,.template-import--dependency-list__header p{font-size:16px;line-height:22px;font-weight:300;color:#444;margin:0}#root .template-import--dependency-list__plugins p,.template-import--dependency-list__plugins p{font-size:18px;color:#444;margin:0}#root .template-import--dependency-list__plugins>div,.template-import--dependency-list__plugins>div{padding:25px 0px;border-bottom:1px solid #ddd}#root .template-import--dependency-list__warning,.template-import--dependency-list__warning{display:flex;align-items:center;gap:20px;padding-top:12px;padding-bottom:6px;background:rgba(241,208,0,.2509803922);margin:10px 40px;border-radius:4px}#root .template-import--dependency-list__warning p,.template-import--dependency-list__warning p{font-size:14px;color:#000;margin:0}#root .template-import--dependency-list__actions,.template-import--dependency-list__actions{margin-top:30px;display:flex;justify-content:space-between}#root .template-import--dependency-list__actions button,.template-import--dependency-list__actions button{padding:10px 20px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer}#root .template-import--dependency-list__actions button:nth-child(2),.template-import--dependency-list__actions button:nth-child(2){background-color:#2271b1;color:#fff}#root .template-import--dependency-list__actions button:nth-child(1),.template-import--dependency-list__actions button:nth-child(1){color:#2271b1;border:1px solid #2271b1;background:#fff}#root .template-import--importing,#root .template-import--done,.template-import--importing,.template-import--done{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;background:#fff;margin:30px;padding:40px;border-radius:16px}#root .template-import--importing h3,#root .template-import--done h3,.template-import--importing h3,.template-import--done h3{font-size:24px;font-weight:400;color:#1d2327;text-align:center;margin:0}#root .template-import--importing p,#root .template-import--done p,.template-import--importing p,.template-import--done p{font-size:16px;font-weight:400;margin-bottom:10px;color:#444;text-align:center;margin:0}#root .template-import--importing a,#root .template-import--done a,.template-import--importing a,.template-import--done a{font-size:15px;text-decoration:none;padding:10px 50px;color:#fff;background:#2271b1;border-radius:4px;line-height:24px;margin-top:20px}#root .template-import--cards-container-wrapper,.template-import--cards-container-wrapper{margin:0px auto;margin-top:20px;padding-right:30px;padding-left:30px}.root-template-import{margin:30px}.dashborad-demos .template-import--header--close{display:none}.dashborad-demos{margin:30px}@keyframes ucs_slide_right_in{0%{opacity:0;transform:translateX(110%)}50%{opacity:.5;transform:translateX(50%)}80%{opacity:.8;transform:translateX(20%)}100%{opacity:1;transform:translateY(0)}}@keyframes ucs_fadein{0%{opacity:0;transform:translateY(100px)}100%{opacity:1;transform:translateY(0)}}@keyframes ucs_jump_up_down{0%{transform:translateY(0)}20%{transform:translateY(-5px)}40%{transform:translateY(0)}100%{transform:translateY(0)}}
