@import"https://fonts.googleapis.com/css2?family=Unbounded:wght@200;300;400;500;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Bai+Jamjuree:wght@400;600&display=swap";.cc-window{background-color:var(--cc-window-background, #fff);box-sizing:border-box;padding:var(--cc-window-padding, 24px);z-index:99999;border:var(--cc-window-border, 0);overflow:auto;filter:drop-shadow(0px 1px 3px rgba(60,64,67,.3))}.cc-window *,.cc-modal-window *{font-family:var(--cc-font-family, "Inter", sans-serif)}.cc-window.cc-content-right{text-align:right}.cc-window.cc-content-left{text-align:left}.cc-window.cc-content-center{text-align:center}.cc-window.cc-pos-top,.cc-window.cc-pos-top-left,.cc-window.cc-pos-top-right,.cc-window.cc-pos-bottom,.cc-window.cc-pos-bottom-left,.cc-window.cc-pos-bottom-right,.cc-window.cc-pos-bottom-center,.cc-window.cc-pos-top-center,#cc-btn-dismiss{position:fixed}.cc-window.cc-pos-top{--cc-window-margin-top: 0;top:var(--cc-window-margin-top);left:0;width:100%}.cc-window.cc-pos-top-center{top:var(--cc-window-margin-top, 24px);left:0;right:0;margin-left:auto;margin-right:auto}.cc-window.cc-pos-top-left,.cc-window.cc-pos-top-right,.cc-window.cc-pos-bottom-left,.cc-window.cc-pos-bottom-right,.cc-window.cc-pos-bottom-center,.cc-window.cc-pos-top-center{border-radius:var(--cc-window-radius, 24px);width:var(--cc-window-width, 500px)}.cc-window.cc-pos-top-left,.cc-window.cc-pos-top-right,#cc-btn-dismiss.cc-pos-top-right,#cc-btn-dismiss.cc-pos-top-left{top:var(--cc-window-margin-top, 24px)}.cc-window.cc-pos-top-left,#cc-btn-dismiss.cc-pos-top-left{left:var(--cc-window-margin-left, 48px)}.cc-window.cc-pos-top-right,#cc-btn-dismiss.cc-pos-top-right{right:var(--cc-window-margin-right, 48px)}.cc-window.cc-pos-bottom{--cc-window-margin-bottom: 0;bottom:var(--cc-window-margin-bottom);left:0;width:100%}.cc-window.cc-pos-bottom-center{bottom:var(--cc-window-margin-bottom, 24px);left:0;right:0;margin-left:auto;margin-right:auto}.cc-window.cc-pos-bottom-left,.cc-window.cc-pos-bottom-right,#cc-btn-dismiss.cc-pos-bottom-left,#cc-btn-dismiss.cc-pos-bottom-right{bottom:var(--cc-window-margin-bottom, 24px)}.cc-window.cc-pos-bottom-left,#cc-btn-dismiss.cc-pos-bottom-left{left:var(--cc-window-margin-left, 48px)}.cc-window.cc-pos-bottom-right,#cc-btn-dismiss.cc-pos-bottom-right{right:var(--cc-window-margin-right, 24px)}.cc-window .cc-window-title{font-size:var(--cc-title-font-size, 16px);font-weight:var(--cc-title-font-weight, 600);color:var(--cc-title-text-color, #001D35);padding:var(--cc-title-padding, 24px 24px 0 24px);margin-bottom:var(--cc-title-margin-bottom, 16px)}.cc-window .cc-window-message{padding:var(--cc-message-padding, 8px 24px 24px 24px);line-height:var(--cc-message-line-height, 1.2rem)}.cc-window .cc-window-message,.cc-window .cc-window-message a,.cc-window .cc-window-message p{font-size:var(--cc-message-font-size, 14px);font-weight:var(--cc-message-font-weight, 400);color:var(--cc-message-text-color, #000);line-height:var(--cc-message-line-height, 1.2rem)}.cc-window .cc-window-message p{padding:0 0 .5rem}.cc-window .cc-window-message a,.cc-window .cc-window-message a:hover,.cc-window .cc-window-message a:visited{color:var(--cc-message-link-color, #01579B);-webkit-text-decoration:var(--cc-message-link-decoration, underline);text-decoration:var(--cc-message-link-decoration, underline);font-weight:var(--cc-message-link-font-weight, 600)}#cc-window-settings .cc-window-settings-header{margin-bottom:var(--cc-settings-margin-bottom, 2rem)}#cc-window-settings .cc-window-settings-footer{margin-top:var(--cc-settings-margin-top, 2rem)}#cc-window-settings .cc-window-settings-cookie{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:2px solid var(--cc-settings-separator-color, #eee);gap:3rem;padding:16px 0}#cc-window-settings .cc-window-settings-cookie .cc-window-settings-cookie-content{width:100%}#cc-window-settings .cc-window-settings-cookie .cc-window-settings-cookie-title{font-size:var(--cc-settings-title-size, 14px);font-weight:var(--cc-settings-title-weight, 600);margin-bottom:.5rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}#cc-window-settings .cc-window-settings-cookie .cc-window-settings-cookie-title-dropdown{cursor:pointer;display:flex;gap:1rem}#cc-window-settings .cc-window-settings-cookie .cc-window-settings-cookie-desc{width:100%}#cc-window-settings .cc-window-settings-cookie .cc-window-settings-cookie-desc *{font-size:var(--cc-settings-font-size, 14px)}#cc-window-settings .cc-window-settings-cookie .cc-window-settings-cookie-desc p{margin-bottom:.5rem}.cc-window .cc-window-buttons,.cc-modal-window .cc-window-settings-buttons{text-align:var(--cc-buttons-align, right);padding:var(--cc-buttons-padding, 0 16px 16px 0)}.cc-window .cc-window-buttons button,.cc-modal-window .cc-window-settings-buttons button{display:initial!important;font-size:var(--cc-btn-font-size, 14px);font-weight:var(--cc-btn-font-weight, 600);margin:var(--cc-btn-margin, 24px 2px 0 2px);padding:var(--cc-btn-padding, 6px 12px);border-radius:var(--cc-btn-radius, 50px);cursor:pointer;outline:none;letter-spacing:.010714em}.cc-window .cc-window-buttons button.cc-btn-accept{background-color:var(--cc-btn-accept-background, #388E3C);color:var(--cc-btn-accept-text-color, #ffffff);border:var(--cc-btn-accept-border, 0)}.cc-window .cc-window-buttons button.cc-btn-accept:hover{background-color:var(--cc-btn-accept-background-hover, #1B5E20)}.cc-window .cc-window-buttons button.cc-btn-reject{background-color:var(--cc-btn-reject-background, transparent);color:var(--cc-btn-reject-text-color, #C62828);border:var(--cc-btn-reject-border, 0)}.cc-window .cc-window-buttons button.cc-btn-reject:hover{background-color:var(--cc-btn-reject-background-hover, #FFEBEE)}.cc-window .cc-window-buttons button.cc-btn-info{background-color:var(--cc-btn-info-background, transparent);color:var(--cc-btn-info-text-color, #424242);border:var(--cc-btn-info-border, 0)}.cc-window .cc-window-buttons button.cc-btn-info:hover{background-color:var(--cc-btn-info-background-hover, #E0E0E0)}.cc-window .cc-window-buttons button.cc-btn-settings{background-color:var(--cc-btn-settings-background, #9E9E9E);color:var(--cc-btn-settings-text-color, #ffffff);border:var(--cc-btn-settings-border, 0)}.cc-window .cc-window-buttons button.cc-btn-settings:hover{background-color:var(--cc-btn-settings-background-hover, #424242)}.cc-window-settings-buttons button.cc-btn-settings-select{background-color:var(--cc-btn-settings-select-background, transparent);color:var(--cc-btn-settings-select-text-color, #424242);border:var(--cc-btn-settings-select-border, 0)}.cc-window-settings-buttons button.cc-btn-settings-select:hover{background-color:var(--cc-btn-settings-select-background-hover, #E0E0E0)}.cc-window-settings-buttons button.cc-btn-settings-accept{background-color:var(--cc-btn-settings-accept-background, #388E3C);color:var(--cc-btn-settings-accept-text-color, #ffffff);border:var(--cc-btn-settings-accept-border, 0)}.cc-window-settings-buttons button.cc-btn-settings-accept:hover{background-color:var(--cc-btn-settings-accept-background-hover, #1B5E20)}#cc-btn-dismiss{font-family:var(--cc-font-family, "Open Sans",Arial,sans-serif);background-color:var(--cc-btn-dismiss-background, #ddd);color:var(--cc-btn-dismiss-text-color, #000);border:var(--cc-btn-dismiss-border, 0);font-size:var(--cc-btn-dismiss-font-size, 14px);font-weight:var(--cc-btn-dismiss-font-weight, 400);margin:2rem .3rem 0;padding:var(--cc-btn-dismiss-padding, 12px 16px);border-radius:var(--cc-btn-dismiss-radius, 24px);cursor:pointer;outline:none;z-index:99999;filter:drop-shadow(0px 1px 3px rgba(60,64,67,.3));opacity:.5}#cc-btn-dismiss:hover{opacity:1}.cc-modal{display:none;position:fixed;z-index:99999;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.4)}.cc-modal-window{background-color:var(--cc-popup-background, #fff);color:var(--cc-popup-text-color, #333);margin:10vh auto;border:var(--cc-window-border, 0);filter:drop-shadow(0px 1px 3px rgba(60,64,67,.3));width:var(--cc-popup-width, 600px);border-radius:var(--cc-popup-radius, 24px);padding:var(--cc-window-padding, 24px)}.cc-modal-content{color:var(--cc-popup-text-color, #001D35);padding:var(--cc-title-padding, 0 24px 24px 24px);font-size:var(--cc-message-font-size, 14px);font-weight:var(--cc-message-font-weight, 400);line-height:var(--cc-message-line-height, 1.2rem);margin-top:24px;margin-bottom:24px}.cc-modal-window .cc-modal-content h2{font-size:var(--cc-title-font-size, 16px);font-weight:var(--cc-title-font-weight, 600);color:var(--cc-title-text-color, #001D35);margin-bottom:1rem}.cc-modal-window .cc-modal-content p{padding:0 0 .5rem;font-size:var(--cc-message-font-size, 14px);line-height:var(--cc-message-line-height, 1.2rem)}.cc-modal-window .cc-modal-content .switch{position:relative;display:inline-block;width:44px;height:26px}.cc-modal-window .cc-modal-content .switch input{opacity:0;width:0;height:0}.cc-modal-window .cc-modal-content .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#c62828;transition:.4s}.cc-modal-window .cc-modal-content .slider:before{position:absolute;content:"";height:18px;width:18px;left:4px;bottom:4px;background-color:#fff;transition:.4s}.cc-modal-window .cc-modal-content input:checked+.slider{background-color:#1b5e20}.cc-modal-window .cc-modal-content input:disabled+.slider{background-color:#ccc}.cc-modal-window .cc-modal-content input:checked+.slider:before{transform:translate(18px)}.cc-modal-window .cc-modal-content .slider.round{border-radius:34px}.cc-modal-window .cc-modal-content .slider.round:before{border-radius:50%}.cc-modal-close{color:var(--cc-btn-close-color, #aaa);padding:0 12px 12px 0;text-align:right;font-size:22px;font-weight:700}.cc-modal-close:hover,.cc-modal-close:focus{color:var(--cc-btn-close-color-hover, #000);text-decoration:none;cursor:pointer}@media screen and (max-width: 768px){.cc-window.cc-pos-top-left,.cc-window.cc-pos-top-right,.cc-window.cc-pos-bottom-left,.cc-window.cc-pos-bottom-right,.cc-window.cc-pos-bottom-center,.cc-window.cc-pos-top-center{width:100%;min-width:100%;left:0;right:0;border-radius:0}.cc-window.cc-pos-top-left,.cc-window.cc-pos-top-right,.cc-window.cc-pos-top-center{top:0;--cc-window-margin-top: 0}.cc-window.cc-pos-bottom-left,.cc-window.cc-pos-bottom-right,.cc-window.cc-pos-bottom-center{bottom:0;--cc-window-margin-bottom: 0}.cc-modal-window{margin:0;padding:0;width:100%;border-radius:0}}@keyframes cc-window-animation-in-top{0%{top:-80vh;visibility:visible}to{top:var(--cc-window-margin-top, 24px);visibility:visible}}@keyframes cc-window-animation-out-top{0%{top:var(--cc-window-margin-top, 24px)}to{top:-120vh}}@keyframes cc-window-animation-in-bottom{0%{bottom:-80vh;visibility:visible}to{bottom:var(--cc-window-margin-bottom, 24px);visibility:visible}}@keyframes cc-window-animation-out-bottom{0%{bottom:var(--cc-window-margin-bottom, 24px)}to{bottom:-120vh}}.cc-window.cc-animation-in.cc-pos-top,.cc-window.cc-animation-in.cc-pos-top-left,.cc-window.cc-animation-in.cc-pos-top-right,.cc-window.cc-animation-in.cc-pos-top-center{animation-name:cc-window-animation-in-top;visibility:hidden;animation-duration:var(--cc-animation-duration, 1s);animation-delay:var(--cc-animation-delay, .1s);animation-timing-function:ease-out;animation-fill-mode:forwards}.cc-window.cc-animation-out.cc-pos-top,.cc-window.cc-animation-out.cc-pos-top-left,.cc-window.cc-animation-out.cc-pos-top-right,.cc-window.cc-animation-out.cc-pos-top-center{animation-name:cc-window-animation-out-top;animation-duration:var(--cc-animation-duration, 1s);animation-timing-function:ease-out;animation-fill-mode:forwards}.cc-window.cc-animation-in.cc-pos-bottom,.cc-window.cc-animation-in.cc-pos-bottom-left,.cc-window.cc-animation-in.cc-pos-bottom-right,.cc-window.cc-animation-in.cc-pos-bottom-center{animation-name:cc-window-animation-in-bottom;visibility:hidden;animation-duration:var(--cc-animation-duration, 1s);animation-delay:var(--cc-animation-delay, .1s);animation-timing-function:ease-out;animation-fill-mode:forwards}.cc-window.cc-animation-out.cc-pos-bottom,.cc-window.cc-animation-out.cc-pos-bottom-left,.cc-window.cc-animation-out.cc-pos-bottom-right,.cc-window.cc-animation-out.cc-pos-bottom-center{animation-name:cc-window-animation-out-bottom;animation-duration:var(--cc-animation-duration, 1s);animation-timing-function:ease-out;animation-fill-mode:forwards}*,:before,:after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / .5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / .5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Bai Jamjuree,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}.tw-relative{position:relative}.tw-z-10{z-index:10}.tw-mb-\[30px\]{margin-bottom:30px}.tw-mb-\[50px\]{margin-bottom:50px}.tw-mt-\[-80px\]{margin-top:-80px}.tw-mt-\[100px\]{margin-top:100px}.tw-mt-\[11px\]{margin-top:11px}.tw-mt-\[120px\]{margin-top:120px}.tw-mt-\[16px\]{margin-top:16px}.tw-mt-\[18px\]{margin-top:18px}.tw-mt-\[20px\]{margin-top:20px}.tw-mt-\[48px\]{margin-top:48px}.tw-mt-\[56px\]{margin-top:56px}.tw-mt-\[58px\]{margin-top:58px}.tw-flex{display:flex}.tw-grid{display:grid}.tw-h-\[144px\]{height:144px}.tw-h-\[154px\]{height:154px}.tw-h-\[278px\]{height:278px}.tw-h-\[301px\]{height:301px}.tw-h-\[36px\]{height:36px}.tw-h-\[40px\]{height:40px}.tw-h-\[422px\]{height:422px}.tw-h-\[423px\]{height:423px}.tw-h-\[431px\]{height:431px}.tw-h-\[504px\]{height:504px}.tw-h-\[50px\]{height:50px}.tw-h-\[560px\]{height:560px}.tw-h-\[56px\]{height:56px}.tw-h-\[680px\]{height:680px}.tw-h-\[745px\]{height:745px}.tw-w-\[1032px\]{width:1032px}.tw-w-\[1084px\]{width:1084px}.tw-w-\[1164px\]{width:1164px}.tw-w-\[1280px\]{width:1280px}.tw-w-\[150px\]{width:150px}.tw-w-\[202px\]{width:202px}.tw-w-\[420px\]{width:420px}.tw-w-\[494px\]{width:494px}.tw-w-\[50px\]{width:50px}.tw-w-\[518px\]{width:518px}.tw-w-\[563px\]{width:563px}.tw-w-\[570px\]{width:570px}.tw-w-\[624px\]{width:624px}.tw-w-\[637px\]{width:637px}.tw-w-\[692px\]{width:692px}.tw-w-\[765px\]{width:765px}.tw-w-\[800px\]{width:800px}.tw-w-\[813px\]{width:813px}.tw-w-\[87px\]{width:87px}.tw-w-\[921px\]{width:921px}.tw-w-full{width:100%}.tw-cursor-pointer{cursor:pointer}.tw-flex-row{flex-direction:row}.tw-flex-col{flex-direction:column}.tw-place-items-center{place-items:center}.tw-items-start{align-items:flex-start}.tw-items-end{align-items:flex-end}.tw-items-center{align-items:center}.tw-justify-start{justify-content:flex-start}.tw-justify-end{justify-content:flex-end}.tw-justify-center{justify-content:center}.tw-justify-between{justify-content:space-between}.tw-gap-\[142px\]{gap:142px}.tw-gap-\[15px\]{gap:15px}.tw-gap-\[16px\]{gap:16px}.tw-gap-\[24px\]{gap:24px}.tw-gap-\[42px\]{gap:42px}.tw-gap-\[7\.81px\]{gap:7.81px}.tw-rounded-\[100px\]{border-radius:100px}.tw-rounded-\[12px\]{border-radius:12px}.tw-rounded-\[16px\]{border-radius:16px}.tw-rounded-\[22px\]{border-radius:22px}.tw-rounded-lg{border-radius:.5rem}.tw-border{border-width:1px}.tw-border-none{border-style:none}.tw-border-white{--tw-border-opacity:1;border-color:rgb(255 255 255 / var(--tw-border-opacity))}.tw-bg-\[\#373738\]{--tw-bg-opacity:1;background-color:rgb(55 55 56 / var(--tw-bg-opacity))}.tw-bg-custom-blue{background-color:#4a72ff}.tw-bg-dark-gray{background-color:#11161a}.tw-bg-transparent{background-color:transparent}.tw-pl-\[26px\]{padding-left:26px}.tw-pr-\[26px\]{padding-right:26px}.tw-pt-\[100px\]{padding-top:100px}.tw-pt-\[36px\]{padding-top:36px}.tw-pt-\[50px\]{padding-top:50px}.tw-text-center{text-align:center}.tw-font-sans{font-family:Bai Jamjuree,sans-serif}.tw-text-\[18px\]{font-size:18px}.tw-text-\[24px\]{font-size:24px}.tw-text-\[30px\]{font-size:30px}.tw-text-\[32px\]{font-size:32px}.tw-text-\[36px\]{font-size:36px}.tw-text-\[40px\]{font-size:40px}.tw-text-\[44px\]{font-size:44px}.tw-text-\[50px\]{font-size:50px}.tw-font-bold{font-weight:700}.tw-font-medium{font-weight:500}.tw-font-normal{font-weight:400}.tw-font-semibold{font-weight:600}.tw-leading-\[20px\]{line-height:20px}.tw-leading-\[22\.5px\]{line-height:22.5px}.tw-leading-\[32px\]{line-height:32px}.tw-leading-\[36px\]{line-height:36px}.tw-leading-\[40px\]{line-height:40px}.tw-leading-\[46px\]{line-height:46px}.tw-leading-\[50px\]{line-height:50px}.tw-leading-\[55px\]{line-height:55px}.tw-leading-\[60px\]{line-height:60px}.tw-leading-\[86px\]{line-height:86px}.tw-text-custom-blue{color:#4a72ff}.tw-text-white{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}.auth-notify-wrapper{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center}.auth-notify-wrapper h2{text-align:center;margin:unset}.payment-modal-wrapper{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;padding:0 30px;gap:20px;color:#404040}.payment-modal-wrapper .payment-method-wrapper{width:300px}.payment-modal-wrapper .title{margin-bottom:30px}.payment-modal-wrapper .title p{margin:unset;font-weight:700}.payment-modal-wrapper input{font-size:18px}.payment-modal-wrapper .card-number{font-family:Space Mono,monospace;height:36px;box-sizing:border-box;width:100%;border-radius:6px;border:1px solid black}.payment-modal-wrapper .card-number:focus{outline:none}.payment-modal-wrapper .card-number::-moz-placeholder{color:#b5b5b5;font-family:Space Mono,monospace}.payment-modal-wrapper .card-number::placeholder{color:#b5b5b5;font-family:Space Mono,monospace}.payment-modal-wrapper .payment-method{width:100%;display:flex;flex-direction:column;flex-wrap:nowrap;gap:20px}.payment-modal-wrapper .cc-data-wrapper{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between}.payment-modal-wrapper .cc-data-wrapper div{margin-left:10px}.payment-modal-wrapper .cc-data-wrapper div:first-child{margin-left:0}.payment-modal-wrapper .cc-data-wrapper input{box-sizing:border-box;width:100%;font-family:Space Mono,monospace;height:36px;border-radius:6px;border:1px solid black}.payment-modal-wrapper .cc-data-wrapper input::-moz-placeholder{color:#b5b5b5}.payment-modal-wrapper .cc-data-wrapper input::placeholder{color:#b5b5b5}.payment-modal-wrapper .cc-data-wrapper input:focus{outline:none}.payment-modal-wrapper .payment-modal-wrapper section{flex-basis:100%;display:flex;flex-direction:column;flex-wrap:nowrap;padding:0 10px}.payment-modal-wrapper .payment-method input::-webkit-outer-spin-button,.payment-modal-wrapper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.payment-modal-wrapper .payment-method input[type=number]{-moz-appearance:textfield}.payment-modal-wrapper .payment-method input{padding-left:10px}.payment-modal-wrapper .summary{width:100%;display:flex;flex-direction:column;flex-wrap:nowrap;gap:20px;min-width:350px}.payment-modal-wrapper .plan-period-wrapper{display:flex;flex-direction:row;flex-wrap:nowrap;height:100%;align-items:center;background-color:#fff;border-radius:20px}.payment-modal-wrapper .plan-period-wrapper div{display:flex;height:100%;flex-direction:row;flex-wrap:nowrap;align-items:center;width:100px;justify-content:center;cursor:pointer}.payment-modal-wrapper .plan-period-selected{border-radius:20px;background-color:#0e5fdd;color:#fff}.payment-modal-wrapper .payment-title{display:flex;flex-direction:row;justify-content:center;height:36px;align-items:center}.payment-modal-wrapper .payment-title p{margin:unset}.payment-modal-wrapper .price-info-wrapper{display:flex;gap:10px;flex-direction:column;flex-wrap:nowrap}.payment-modal-wrapper .price-info-wrapper p{margin:0 0 15px}.payment-modal-wrapper .price-info-wrapper div{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between}.payment-modal-wrapper .monthly-price-wrapper,.payment-modal-wrapper .total-price-wrapper{border-bottom:1px solid black}.payment-modal-wrapper .order-button-wrapper{height:36px;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;background-color:#0e5fdd;border-radius:6px;cursor:pointer}.payment-modal-wrapper .order-button-wrapper:hover{background-color:#4d85de}.payment-modal-wrapper .order-button-wrapper p{margin:unset;color:#fff}.payment-modal-wrapper .summary-data{padding-left:16px;font-weight:700}.payment-modal-wrapper .summary-data p{font-size:1.3em}.payment-modal-wrapper .summary-data ul{margin-top:10px;padding-left:10px}.payment-modal-wrapper .summary-data ul li{list-style:square}.payment-modal-wrapper .savings p{text-align:right;color:#188218;font-weight:700}.payment-modal-wrapper .terms-conditions ul li{list-style:square;font-size:.8em}.account-wrapper{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;align-items:center}.account-wrapper .account-header-wrapper{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:center;gap:20px}.account-wrapper .account-data-wrapper p{color:#f0f0f0}.account-wrapper h2{font-size:18px}.account-wrapper h2,.account-wrapper .account-menu-button p,.account-wrapper input[type=text],.account-wrapper input[type=password]{color:#f0f0f0}.account-wrapper .account-menu-buttons{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center}.account-wrapper .account-menu-button{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;height:40px;align-items:center;cursor:pointer}.account-wrapper .account-menu-button p{text-align:center;width:130px}.account-wrapper .selected{color:var(--text-color-white);border-bottom:2px solid var(--text-color-white)}.account-wrapper .account-data-wrapper{margin:20px 50px;display:flex;flex-direction:column;flex-wrap:nowrap}.account-wrapper .account-data{display:flex;flex-direction:column;flex-wrap:nowrap}.account-wrapper .account-data form{margin-bottom:10px}.account-wrapper .account-label{width:30%}.account-wrapper .account-value{width:70%;display:flex;flex-wrap:nowrap;flex-direction:row;justify-content:flex-end}.account-wrapper .account-value input{width:300px;height:35px;font-size:.9em}.account-wrapper .password{flex-direction:column;align-items:end}.account-wrapper .password input{height:40px}.account-wrapper .account-value input{background-color:transparent;padding-left:10px;margin:5px;border:1px solid var(--input-border-color);border-radius:5px;outline:none}.account-wrapper .name-hidden{display:none}.account-wrapper .account-input{width:30%;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:flex-end}.account-wrapper .input-container{display:flex;flex-direction:row;flex-wrap:nowrap}.account-wrapper .boder-bottom{border-bottom:1px solid var(--text-color-black)}.account-wrapper .edit-button{width:auto;background-color:var(--text-color-white);display:flex;border-radius:4px;transition-duration:.4s}.account-wrapper .edit-button p{margin:0 10px;height:40px;width:auto;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center}.account-wrapper .cancel-update-buttons{flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center;width:100%;display:none}.account-wrapper .cancel-update-buttons .cancel,.account-wrapper .cancel-update-buttons .update{width:auto;background-color:var(--text-color-white);display:flex;border-radius:4px;transition-duration:.4s}.account-wrapper .cancel-update-buttons .cancel p,.account-wrapper .cancel-update-buttons .update p{margin:0 10px;height:40px;width:auto;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center}.account-wrapper .input-field-wrapper{display:none}.account-wrapper .input-field-wrapper-active{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:flex-start}.account-wrapper .input-field-wrapper input{height:40px}.account-wrapper .notify-wrapper{width:400px}.account-wrapper .notify-wrapper .success{margin-left:0;width:100%}.account-wrapper .submit-button-wrapper{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center}.account-wrapper .submit-button-wrapper input{padding:6px 20px;margin-bottom:10px;height:40px;border:unset;border-radius:4px;background-color:#3d3fb3;color:#fff;transition-duration:.4s}.account-wrapper .change-pass,.account-wrapper .change-pass:visited{margin:0 0 9px 20px;color:#61b0e0}.contact-us-modal{color:#202020}.contact-us-modal .contact-us-text{margin-bottom:10px}.contact-us-modal .user-input-box{gap:10px;flex-direction:column!important}.contact-us-modal .user-input-box p{margin:10px 0 0}.contact-us-modal .user-input-box input[type=text],.contact-us-modal .user-input-box input[type=email]{width:95%;color:#202020!important}.contact-us-modal .user-input-box textarea{width:95%;resize:none;height:150px;color:#202020;font-size:100%;background:transparent;border-radius:5px;outline:none;border:1px solid #696969;padding:10px}.contact-us-modal .contact-us-button{background-color:#4a72ff!important;width:95%!important;text-align:center!important;cursor:pointer;border:none!important;margin-top:15px}.contact-us-modal .contact-us-button input{color:#fafafa!important}.upgrade-section{display:flex;flex-direction:column;margin:0 auto;width:700px;min-height:550px;color:#a0a0a0;font-size:.9em}.upgrade-section>div{display:flex;border-top:1px solid #505050}.upgrade-section>div:not(:first-child){margin-top:30px}.upgrade-section>div>div:first-child{width:200px}.upgrade-section>div>div:first-child span{font-size:1.2em;color:#f0f0f0}.upgrade-section>div>div:last-child span{font-size:1.2em;color:#f0f0f0}.upgrade-section>div>div:last-child .billing-options{display:flex;flex-direction:column;color:#f0f0f0}.upgrade-section>div>div:last-child .billing-options>div{display:flex;justify-content:space-between;height:30px;align-items:center}.upgrade-section>div>div:last-child .billing-options>div input{margin-right:10px}.upgrade-section>div>div:last-child .billing-options>div .price{margin-right:10px}.upgrade-section>div>div:last-child .billing-options>div .extend-option{font-size:.8em;color:#a0a0a0}.upgrade-section>div>div:last-child .billing-options .radio{margin:.4rem .2rem 0 .1rem}.upgrade-section>div>div:last-child .billing-options .radio input{position:absolute;opacity:0}.upgrade-section>div>div:last-child .billing-options .radio input[type=radio]+.radio-label:before,.upgrade-section>div>div:last-child .billing-options .radio input[type=checkbox]+.radio-label:before{content:"";background:rgba(221,221,221,.08);background-color:rgba(221,221,221,.08);border-radius:100%;border:1px solid #b4b4b4;display:inline-block;width:1.4em;height:1.4em;position:relative;top:.1em;margin-right:1em;vertical-align:top;cursor:pointer;text-align:center;transition:all .25s ease}.upgrade-section>div>div:last-child .billing-options .radio input[type=radio]:checked+.radio-label:before,.upgrade-section>div>div:last-child .billing-options .radio input[type=checkbox]:checked+.radio-label:before{background-color:#2d74eb}.upgrade-section>div>div:last-child .billing-options .card-details{margin-top:30px;display:flex;flex-direction:column}.upgrade-section>div>div:last-child .billing-options .card-details input{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;border-radius:2px;border:1px solid grey;width:170px;background-color:rgba(255,255,255,.08);font-size:.9em;height:30px;padding-left:2px;outline:none}.upgrade-section>div>div:last-child .billing-options .card-details input::-moz-placeholder,.upgrade-section>div>div:last-child .billing-options .card-details textarea::-moz-placeholder{color:#686868}.upgrade-section>div>div:last-child .billing-options .card-details input::placeholder,.upgrade-section>div>div:last-child .billing-options .card-details textarea::placeholder{color:#686868}.upgrade-section>div>div:last-child .billing-options .card-details span{color:#a0a0a0;font-size:.95em}.upgrade-section>div>div:last-child .billing-options .card-details .card-more-data{display:flex;flex-direction:row;margin-top:15px}.upgrade-section .extend-subscription{min-height:90px}.upgrade-section .extend-subscription .billing-options>div{min-height:50px;height:50px}.upgrade-section .review{padding-top:17px}.upgrade-section .review-data span{color:#a0a0a0!important;font-size:1em!important}.upgrade-section .confirm-pay{border-top:none;margin-top:20px;justify-content:right}.upgrade-section .confirm-pay .agree-checkbox{width:auto;margin-right:20px;align-content:center}.upgrade-section .confirm-pay .agree-checkbox a{color:#fafafa;border-bottom:1px solid #909090}.upgrade-section .confirm-pay input[type=submit]{padding:4px 24px 5px 14px;border-radius:5px;background-color:#3d3fb3;position:relative;color:#fff;width:180px;cursor:pointer;margin-right:10px}.upgrade-section .payment-logos{border-top:none;align-items:center;justify-content:center}.upgrade-section .payment-logos>img{margin-left:30px}.upgrade-section .errors{color:#de8e1a}.upgrade-section .notify-wrapper{border-top:none}.upgrade-section .error-payment{color:#f38f24;font-size:1.1em}.upgrade-section .current-subscription{border:1px solid green;background-color:#0d310d;border-radius:10px;padding:20px 20px 0}.upgrade-section .current-subscription .pro-status{font-weight:700;font-size:1.5em;padding-left:30px;color:orange}.upgrade-section .current-subscription .subscription-info td{padding-bottom:20px}.messages-wrapper{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;align-items:center;color:#f0f0f0;font-size:.9em}.messages-wrapper .dataTables_filter{margin-bottom:10px}.messages-wrapper>div{text-align:center}.messages-wrapper .dataTables_wrapper .dataTables_filter input{border:1px solid #585858!important}.messages-wrapper select{background-color:#191919!important;border-color:#5e5e5e!important}.messages-wrapper .private-messages-wrapper{margin-top:10px;width:95%;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;border-bottom:1px solid black}.messages-wrapper .private-messages-wrapper,.messages-wrapper .support-messages-wrapper{width:95%}.messages-wrapper .title{font-size:1.7em;margin:10px 0 0;font-weight:700}.messages-wrapper .support-messages-buttons-wrapper{margin-top:20px;display:flex;flex-direction:row;flex-wrap:nowrap;gap:20px;height:40px}.messages-wrapper .support-messages-button{background-color:var(--bg-white);border-radius:10px;padding:0 10px;height:100%;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;transition-duration:.4s}.messages-wrapper .support-messages-button:hover,.messages-wrapper .button-selected{box-shadow:0 8px 16px rgba(0,0,0,.2),0 6px 20px rgba(0,0,0,.19)}.messages-wrapper .support-messages-button p{margin:unset;color:#000}.messages-wrapper .support-messages-buttons-wrapper a{text-decoration:unset}.messages-wrapper .dataTables_length{display:none}.messages-wrapper .description-column{width:28%!important}.messages-wrapper .delete-column{width:50px!important}.messages-wrapper .light-font th{font-weight:400!important;font-size:16px!important}.messages-table{margin-top:20px;width:100%;table-layout:fixed;border:none;border-spacing:unset;color:#eaeaea}.messages-table thead{height:40px}.messages-table thead th{color:#e0e0e0;text-align:center;border-bottom:1px solid #505050!important}.messages-table thead th:after,.messages-table thead th:before{content:none!important}.dataTables_info,.dataTables_filter label,.dataTables_length label{color:#eaeaea!important}.features{margin-top:30px;text-align:center}.features h1{font-size:2em}.features .feature-list{margin:30px auto;display:flex;justify-content:center;flex-wrap:wrap;max-width:1000px}.features .feature-list a{width:300px}.features .feature-list .feature{margin:20px}.features .feature-list .feature>span{font-weight:700;font-size:1.1em}.features .feature-list .feature p{padding-top:20px;font-size:.9em;min-height:170px}.features .feature-list .feature .sample-svg svg{width:200px;height:200px;margin:auto}.features .feature-list .feature .sample-svg.motion-path #sampleCircle{animation:sample-anim 5s infinite linear;offset-path:path("M-37.52,-18.047C-115.04,-44.67,-116.223,45.858,-39.3,18.64L44.72,-19.23C125,-48,118.7,50.6,43.54,18.64L-38.11,-18.05");offset-distance:0}@keyframes sample-anim{0%{offset-distance:0%}to{offset-distance:100%}}.subscription-table{border-radius:10px;border:1px solid #404040;min-height:50px;max-width:100vw;padding:20px;background-color:#1f1f1f}.subscription-table>div{display:flex;flex-direction:column;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #303030}.subscription-table>div:last-child{border-bottom:none}.subscription-table>div .data{display:flex;align-items:center}.subscription-table>div .data .duration{width:260px}.subscription-table>div .data .cells{margin:0 50px;width:85px}.subscription-table>div .data .cells span{font-size:.9em;color:silver}.subscription-table>div .data .button{border-radius:4px;border:1px solid #505050;padding:5px 20px}.subscription-table>div .data .button.cancel{cursor:pointer}.subscription-table>div .data .button.cancel:hover{background-color:#f55959}.subscription-table>div .data .cancelled{color:#f55959;font-weight:700}.subscription-table>div .data .failed{color:#f55959;border:1px solid #f55959;font-weight:700;padding:5px 20px;border-radius:4px}.subscription-table .title{font-weight:700}.subscription-info td{padding-bottom:30px}.subscription-info td .cells{margin:0 50px}.subscription-info td .cells span{font-size:.9em;color:silver}.subscription-info td.upgrade{text-align:right}.subscription-info td.upgrade a{float:right}.subscription-info td.upgrade a>div{width:100px;text-align:center;border-radius:4px;border:1px solid #505050;padding:5px 20px;background-color:#0e5fdd}.billing-table{color:#fff;min-width:500px}.payment-failed{text-align:center;line-height:2em;font-size:1.1em;max-width:600px;margin:50px auto;border:1px solid red;border-radius:5px;background-color:#412f32}.cancel-subscription{width:100%;height:100%;top:0;position:absolute;display:none}.cancel-subscription .remove-project-wrapper{background-color:#f0f0f0;border-radius:10px;padding-top:20px;width:400px;height:200px}.cancel-subscription .user-input-box{display:flex;justify-content:space-around}.cancel-subscription .button{border:unset;color:#fff;width:135px;height:40px;border-radius:12px;background-color:#606060}.cancel-subscription .button.delete{background-color:#ff1d43}.share-main{width:100%;min-width:200px}.share-main .share-header{width:100%;display:flex;justify-content:right;padding:30px}.share-main .share-content{display:flex}.share-main .share-content .content{margin-left:100px;flex:1;display:flex;justify-content:center;height:70vh}.share-main .share-content .content svg{border-radius:10px;width:100%;height:100%}.share-main .share-content .info{width:300px;margin:0 100px 0 50px;background-color:#242424;border-radius:10px;padding:20px;color:#909090}.share-main .share-content .info .head{color:#fafafa;font-weight:700;font-size:1.2em}.share-main .share-content .info .author{margin:10px 0;color:#fafafa;font-size:1.05em;font-weight:500}.share-main .share-content .info .descr{font-size:14px}@media screen and (max-width: 1000px){.share-main .share-content{flex-direction:column}.share-main .share-content .content{margin:0 20px}.share-main .share-content .info{flex:1;margin:20px;width:auto}}:root{--text-color-white: #FFFFFF;--text-color-black: #FFF;--input-border-color: #505050;--bg: black;--bg-white: #FFFFFF}*{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif}body{margin:unset}.container{justify-content:center;display:flex;flex-direction:column;align-items:center;background:#0c0f12}body,html{background:#0c0f12}.tw-bg-custom-gradient-sub{background:linear-gradient(104.76deg,rgba(16,224,249,.1) .82%,rgba(153,153,153,.1) 60.42%)}.tw-bg-custom-gradient-import{background:linear-gradient(104.76deg,rgba(236,101,90,.1) .82%,rgba(153,153,153,.1) 60.42%)}.tw-backdrop-custom-blur{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.header{width:100%;z-index:999;background-color:var(--bg-black);position:fixed;top:0;left:0;right:0;margin:40px auto;max-width:1280px}.header .header-content{display:flex;height:100px;padding:0 20px;background:rgba(255,255,255,.1);gap:0;border-radius:100px;justify-content:space-between;align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.header.logged-in{margin:0;max-width:initial}.header.logged-in .header-content{border-radius:0;background:rgba(255,255,255,.05)}.footer-logo .logo,.header-content .logo{display:flex;color:#cacaca;align-items:center;font-weight:700;font-size:2.5em}.footer-logo .logo p{padding-left:10px}.header-content .logo img{width:40px;height:40px;margin:30px 20px 30px 15px;gap:0}.footer-logo .logo img{width:40px}.header-buttons{display:flex;gap:15px}.header-buttons .link-wrapper{display:flex;align-items:center}.header-buttons .button-wrapper{display:flex;gap:20px}.button-wrapper.logged-in{display:flex;gap:20px;border-radius:5px;border:1px solid transparent;padding:6px 14px;cursor:pointer}.button-wrapper.logged-in:hover{border:1px solid #505050}.link-wrapper a{padding-right:20px;padding-left:20px;text-decoration:none;color:#fff;transition-duration:.4s}.link-wrapper a:hover{color:var(--text-color-white)}.header-buttons .auth-button{min-width:190px;font-size:1.4rem;height:60px;border-radius:40px;text-decoration:none;text-align:center;display:flex;flex-direction:row;justify-content:center;align-items:center}.editor-background{position:relative;z-index:12;margin-top:25px;background-image:url(/build/assets/editor_screenshot-CWsUNb4Z.png);background-color:#222;width:1000px;height:600px;background-repeat:no-repeat;background-size:contain}.editor-background>img{margin-left:auto;margin-right:auto;margin-top:5%;height:50%}.login-button{background-color:#4a72ff;color:var(--text-color-white);transition-duration:.4s}.sign-up-button{background-color:rgba(0,0,0,0);color:var(--text-color-white);transition-duration:.4s;border:1px solid white}.login-button:hover{box-shadow:0 8px 16px rgba(0,0,0,.2),0 6px 20px rgba(0,0,0,.19)}.main{width:100%;margin-top:150px;color:#f0f0f0}.footer{display:flex;flex-direction:column;justify-content:center;align-items:center;width:1280px;height:257px;margin:100px 80px 28px}.footer-link{display:flex;flex-direction:row;justify-content:space-between;text-align:center;align-items:center;width:1036px;height:20px;font-family:Bai Jamjuree,sans-serif;font-size:16px;font-weight:500;line-height:20px;text-align:left;color:#fff;margin-top:32px}.footer-link a{text-decoration:none;color:#fff}.footer-line{margin-top:32px;width:1280px;border:1px solid rgb(255,255,255)}.footer-social{display:flex;flex-direction:row;justify-content:space-between;text-align:center;align-items:center;width:1280px;height:42px;gap:16px;margin-top:32px;font-family:Bai Jamjuree,sans-serif;font-size:16px;font-weight:500;line-height:20px;color:#fff}.social-icon{display:flex;flex-direction:row;justify-content:space-between;text-align:center;align-items:center;gap:16px}.error{color:#bc2d2d;margin-top:10px;font-size:1rem;border-radius:5px;outline:none}.success{margin-left:10px;margin-right:10px;margin-top:10px;font-size:1rem;border-radius:5px;outline:none;width:calc(60% + 20px);color:#41e441}.success ul{list-style:none}.success ul li{position:relative;padding-left:25px}.success ul li:before{content:" ";position:absolute;width:20px;height:20px;border-radius:50%;border:2px solid #008009;left:0;top:3px}.success ul li:after{content:" ";position:absolute;width:7px;height:10px;left:6px;border-bottom:2px solid green;transform:rotate(45deg);border-right:2px solid green;top:7px}.notify-wrapper{width:100%;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;margin-bottom:10px}.notify ul{list-style-type:none!important;display:grid;gap:5px}.notify-list{padding:unset;margin:10px}.auth-notify-wrapper{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;padding-top:200px}.auth-notify-wrapper.forgot-password .main-user-info>.user-input-box,.auth-notify-wrapper.reset-password .main-user-info>.user-input-box{justify-content:center}.auth-notify-wrapper.forgot-password .main-user-info>.user-input-box .btn,.auth-notify-wrapper.reset-password .main-user-info>.user-input-box .btn{margin-top:30px}.auth-notify-wrapper.reset-password,.auth-notify-wrapper.resend-email{padding-top:100px}.auth-notify-wrapper.reset-password .main-user-info>.user-input-box,.auth-notify-wrapper.resend-email .main-user-info>.user-input-box{margin-top:10px;justify-content:center}.auth-notify-wrapper.register{padding:0;color:#fff}.auth-notify-wrapper.register .auth-notify{width:500px;padding:0 50px;color:#f2f2f2}.auth-notify-wrapper.register h2{font-size:2em}.auth-notify-wrapper.register .user-input-box{margin-top:10px;justify-content:center}.auth-notify-wrapper.register .user-input-box.register-button{margin-bottom:20px}.auth-notify-wrapper.register .user-input-box button{color:#fff;background-color:#4a72ff;border-radius:14px}.auth-notify-wrapper.register .user-input-box input{height:40px;border:1px solid #4f4f4f;color:#d5d5d5}.auth-notify-wrapper.register .agreement{margin:10px}.auth-notify-wrapper.register .social-login-buttons-wrapper{width:100%;margin-bottom:100px;justify-content:center}.auth-notify-wrapper.register .social-login-buttons-wrapper>a{background-color:transparent;border:1px solid #606060;color:#fff;width:100%;font-size:.9em}.auth-notify-wrapper.register .login-options{margin-top:10px;margin-bottom:10px;position:relative}.auth-notify-wrapper.register .login-options>div{position:absolute;width:100%;border-top:1px solid #909090;top:13px;z-index:1}.auth-notify-wrapper.register .login-options p{position:relative;z-index:2;background:#0c0f12;padding:0 5px}.auth-notify-wrapper h2{text-align:center;margin:unset;font-weight:700;font-size:1.5em;margin-bottom:20px}.auth-notify-wrapper ul{list-style:disc}.auth-notify-wrapper ul li{margin-top:10px}.auth-notify-wrapper a.login>div{text-align:center;width:120px;margin:20px auto auto;background-color:#4a72ff;border-radius:5px;height:33px;padding-top:4px}.auth-notify{width:650px}.modal-title div{cursor:pointer}.main-user-info{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:start}.main-user-info.register{width:400px}.main-user-info.register .user-input-box input{width:100%}.main-user-info .user-input-box{width:100%;display:flex;flex-direction:row;flex-wrap:nowrap}.main-user-info .user-input-box input{color:var(--text-color-black);font-size:100%;background:transparent;height:50px;width:60%;border-radius:5px;outline:none;border:1px solid #696969;padding:0 10px}.main-user-info .user-input-box select{font-size:100%;background:transparent;height:50px;width:100%;border-radius:5px;outline:none;border:1px solid #696969;padding:0 10px}.main-user-info .user-input-box select:hover{border-color:var(--text-color-black)}.main-user-info .btn{width:calc(60% + 20px);height:50px;border-radius:5px;border:none;background-color:#4a72ff;font-size:1.2rem;font-weight:500;cursor:pointer;transition-duration:.4s;box-shadow:0 8px 16px rgba(0,0,0,.2),0 6px 20px rgba(0,0,0,.19)}.main-user-info .btn:hover{box-shadow:unset}.user-info-wrapper{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;color:#fafafa;padding-top:5px}.modal-wrapper{position:fixed;top:0;left:0;background-color:rgba(0,0,0,.8);height:100vh;width:100vw;z-index:1000;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center}.modal{background-color:#fff;border-radius:10px;box-shadow:0 8px 16px rgba(0,0,0,.2),0 6px 20px rgba(0,0,0,.19);display:flex;flex-direction:column;flex-wrap:nowrap}.modal-title{display:none}.modal-content{display:flex;padding:30px 40px;height:100vh;overflow-y:auto}.modal-title p{margin:unset;width:100%;font-size:25px}.modal-title i{cursor:pointer}.social-login{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:center;text-decoration:none}.hover-on{transition-duration:.4s;cursor:pointer}.hover-on:hover{box-shadow:0 8px 16px rgba(0,0,0,.2),0 6px 20px rgba(0,0,0,.19)}.user-menu-container{cursor:pointer;color:#fafafa;border-radius:50%;border:1px solid #505050;width:35px;height:35px;background:#4151d0;font-size:.9em;text-align:center;padding-top:5px}.user-icon{font-size:24px}.profile-settings{position:fixed;top:80px;right:0;height:0;width:300px;background-color:#252627;opacity:0;transition:all .1s ease-in-out;border:1px solid #505050;border-top-left-radius:10px;border-bottom-left-radius:10px}.profile-settings .profile-settings-container{height:calc(100% - 20px);display:flex;flex-direction:column;flex-wrap:nowrap;align-items:flex-start;visibility:hidden}.profile-settings .profile-settings-container a{height:40px;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;text-decoration:none;color:var(--text-color-black);width:100%;padding:0 20px;font-size:14px}.profile-settings .profile-settings-container a:hover{background-color:#343434}.visible{height:260px;opacity:1}.profile-settings-container a .icon{width:40px}.profile-settings.visible>.profile-settings-container{visibility:visible}.social-login-buttons-wrapper{display:flex;flex-direction:row;gap:20px;width:calc(60% + 20px)}.social-login-buttons-wrapper .btn{height:45px}.contact-us-wrapper{position:fixed;padding:10px;margin:0!important;border:none;bottom:40px;right:40px;max-width:48px;max-height:48px;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;border-radius:10px;background-color:var(--bg-white);color:#000;transition-duration:.4s}.contact-us-wrapper:hover{box-shadow:0 8px 16px rgba(0,0,0,.2),0 6px 20px rgba(0,0,0,.19)}.pricing-wrapper{display:flex;flex-direction:column;justify-content:center;flex-wrap:wrap;align-content:center;align-items:center}.pricing-wrapper-home{display:flex;flex-direction:column;justify-content:center;flex-wrap:wrap;align-content:center;align-items:center;background-position:20px 0px}.bg-group{background-image:url(/build/assets/group-customer-BZLa1IZd.png)}.top-glow{position:absolute;top:-500px;width:800px;height:1000px;left:230px;background:radial-gradient(circle at center,rgba(0,255,243,.51),rgba(16,224,249,.2) 51.56%,rgba(16,224,249,0));opacity:.5;transform:rotate(90deg);filter:blur(530px)}.top-glow.pricing{top:1200px;opacity:.3}.first-gradient{position:absolute;width:50%;margin-left:50%;height:500px;top:500px;background:linear-gradient(transparent 0%,#16213a)}.glow-2{position:absolute;background:radial-gradient(rgba(255,212,0,.2),rgba(16,224,249,.2) 51.56%,rgba(16,224,249,0));width:100%;height:150px;opacity:.5;filter:blur(130px)}.features-table-wrapper{width:1280px;height:auto;margin-top:56px;border-radius:20px;color:#fff}.features-table-header{width:100%;display:grid;grid-template-columns:1.5fr repeat(2,1fr);grid-template-rows:1fr;grid-column-gap:0px;grid-row-gap:0px;justify-content:space-evenly}.features-table-header div{flex-basis:100%;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;align-items:center;gap:15px;font-family:Satoshi Variable,sans-serif;font-size:20px;font-weight:500;line-height:27px;text-align:left}.features-table-header .features{align-items:flex-start;justify-content:end;font-family:Inter,sans-serif;font-size:24px;font-weight:700;line-height:29.05px;text-align:left}.features-table-header p{margin:unset;font-family:Satoshi Variable,sans-serif}.features-table-line{width:1280px;margin-top:31px;border:1px solid rgb(255,255,255)}.features-table-content{width:100%;display:grid;grid-template-columns:1.5fr repeat(2,1fr);grid-template-rows:1fr;grid-column-gap:0;grid-row-gap:0;justify-content:space-evenly;margin-top:19px}.features-table-content div{flex-basis:100%;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;align-items:center;font-family:Inter,sans-serif;font-size:16px;font-weight:500;line-height:19.36px;text-align:center;color:#fff}.features-table-content .features-content{min-height:55px;align-items:flex-start;justify-content:center;font-family:Inter,sans-serif;font-size:18px;font-weight:500;line-height:19.36px;text-align:left}.upgrade-button{width:197px;height:53px;padding-left:10px;padding-right:10px;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:center;border-radius:28px;border:1px solid rgb(74,114,255);color:#4a72ff;cursor:pointer;font-family:Inter,sans-serif;font-size:16px;font-weight:700;line-height:19.36px;text-align:left}.upgrade-button:hover{background-color:#fff}.pricing-header{max-width:784px;max-height:208px;margin-top:20px;gap:0px;opacity:0px}.pricing-header-title{font-family:Bai Jamjuree;font-size:40px;font-weight:600;line-height:60px;max-width:747px;padding:5px,5px,0px,5px;color:#fff;text-align:center;margin:0}.pricing-header-content{font-family:Bai Jamjuree,sans-serif;font-size:18px;font-weight:500;line-height:36px;margin:16px,0px,0px,0px;color:#fff;text-align:center}.pricing-billing-method{display:flex;justify-content:space-between;flex-direction:row;flex-wrap:nowrap;align-items:center;margin:32px;width:321px;height:70px;gap:0px;border-radius:100px;opacity:0px;border:1px solid rgb(162,161,161);background:rgba(255,255,255,.1)}.pricing-billing-method-m,.pricing-billing-method-y{font-family:Inter,sans-serif;font-size:1rem;font-weight:500;padding:17px 34px;text-align:center;color:#fff;cursor:pointer;transition:background-color .3s ease;border-radius:50px}.pricing-billing-method-m:hover,.pricing-billing-method-y:hover,.pricing-billing-method-m.active,.pricing-billing-method-y.active{background-color:#4a72ff}.pricing-billing-method-m{margin-left:10px}.pricing-billing-method-y{margin-right:10px}.pricing-plan{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:1fr;grid-column-gap:20px;grid-row-gap:0;max-width:1280px;height:595px}.pricing-plan-basic{flex:1;flex-direction:column;flex-wrap:nowrap;align-items:flex-start;padding:22px 22px 0;border-radius:25px;border:1px solid rgb(255,255,255)}.pricing-plan-basic:hover{background:#4a72ff;box-shadow:0 4px 60px rgba(0,0,0,.06)}.pricing-plan-basic:hover .plan-price{color:#fff}.pricing-plan-basic:hover .plan-button{background-color:#fff}.plan-header{font-family:Inter,sans-serif;font-size:20px;font-weight:500;line-height:24.2px;text-align:left;color:#fff}.plan-perValue{display:flex;justify-content:flex-start;flex-direction:row;flex-wrap:nowrap;align-items:center;margin-top:15px}.plan-price{font-family:Inter,sans-serif;font-size:56px;font-weight:700;line-height:67.77px;text-align:left;color:#4a72ff}.plan-permonth{font-family:Inter,sans-serif;font-size:14px;font-weight:500;line-height:16.94px;margin:22px 0 0 8px;text-align:left;color:#fff}.plan-project-text{font-family:Inter,sans-serif;font-size:20px;font-weight:500;line-height:24.2px;text-align:left;color:#fff;margin-top:32px}.plan-line{width:369px;margin-top:34px;border:1px solid rgb(221,221,221)}.plan-include{font-family:Inter,sans-serif;font-size:16px;font-weight:500;line-height:19.36px;text-align:left;margin-top:24px;color:#fff}.plan-list{display:flex;justify-content:space-between;flex-direction:column;flex-wrap:nowrap;align-items:flex-start;margin-top:22px}.plan-list-desc{font-family:Inter,sans-serif;font-size:14px;font-weight:500;line-height:16.94px;text-align:left;color:#fff;margin-bottom:24px;display:flex;align-items:center;gap:5px}.plan-button{display:flex;text-align:center;justify-content:center;align-items:center;width:369px;height:56px;gap:0px;border-radius:28px;opacity:0px;cursor:pointer;border:1px solid rgb(74,114,255);margin-top:10px;font-family:Inter,sans-serif;font-size:16px;font-weight:600;line-height:19.36px;color:#4a72ff}.pricing-create{display:flex;justify-content:space-between;align-items:center;text-align:center;width:1440px;height:564px;margin-top:100px;background:#849aea;background:gradient(linear,0% -15%,100% 100%,color-stop(0,#055bef),color-stop(.2,rgb(132,154,234)),color-stop(.4,rgb(132,154,234)),color-stop(.7,#3bdeFe),color-stop(.8,#00fbFa),color-stop(1,#555def));background:-webkit-gradient(linear,0% -15%,100% 100%,color-stop(0,#055bef),color-stop(.2,rgb(132,154,234)),color-stop(.4,rgb(132,154,234)),color-stop(.7,#4bdeFe),color-stop(.8,#20fbFa),color-stop(1,#555def))}.description{display:flex;justify-content:space-between;text-align:center;flex-direction:column;width:651px;height:394px;margin-left:80px}.description-header{font-family:Bai Jamjuree,sans-serif;font-size:30px;font-weight:600;line-height:65px;text-align:left;color:#fff}.description-content{font-family:Bai Jamjuree,sans-serif;font-size:18px;font-weight:500;line-height:36px;text-align:left;color:#fff}.create-button{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:center;width:202px;height:56px;border-radius:100px;font-family:Bai Jamjuree,sans-serif;font-size:16px;font-weight:600;line-height:20px;background:#4a72ff;border:1px solid #4a72ff;color:#fff;cursor:pointer;transition:background .5s;position:relative}.create-button svg{position:absolute;display:none;opacity:0;transition:.2s}.create-button:hover{background:none}.create-button:hover svg{display:block;opacity:.5}.create-button:hover:after{width:260px;height:90px;opacity:0;border:1px solid #f4f5f5}.create-button:after{transition:.5s;position:absolute;border:1px solid transparent;width:202px;height:52px;content:" ";border-radius:100px}@media (min-width: 850px){.header-expand-button{display:none}}@media (max-width: 1200px){.pricing-wrapper-home{width:96%}.pricing-plan .pricing-plan-basic{padding:15px;max-width:46vw}.pricing-plan .pricing-plan-basic .plan-button{width:100%}.top-glow{width:60%;left:100px;height:100vw}.first-gradient{top:0;height:400px}.features-table-line{width:96vw}}@media (max-width: 800px){.pricing-wrapper-home{margin-top:30px;width:96%}.pricing-wrapper-home .pricing-header-title{font-size:26px;line-height:36px}.pricing-wrapper-home .pricing-header-content{width:90%;margin:20px auto 10px}.pricing-wrapper-home .pricing-plan{grid-template-columns:repeat(1,2fr);width:96%;height:auto}.pricing-wrapper-home .pricing-plan>div{padding-right:2px;padding-bottom:20px;margin:20px auto;max-width:80vw;width:50vw}.pricing-wrapper-home .pricing-plan .plan-button{width:80%}}@media (max-width: 850px){.header-buttons{display:none!important}.features-table-wrapper{width:100vw;padding-left:10px}.header-expand-button{display:initial!important;width:65px;height:50px;color:#bababa;padding:.25rem .75rem;font-size:1.25rem;line-height:1;background-color:transparent;border:1px solid transparent;border-radius:.25rem}.header-expand-button .navbar-toggler-icon{display:inline-block;width:1.6em;height:1.6em;vertical-align:middle;content:"";background-size:100% 100%;background:url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgb(250,250,250)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center center;background-size:auto}.header-content{height:60px;padding:0 5px}.header-content .logo{font-size:1.4em}.header-content .logo img{width:30px;height:30px}.header{position:initial;margin:30px 10px}.main{margin-top:0}.main>div{padding-top:30px}.main .title-text{font-size:20px;line-height:initial;max-width:96%;width:96%}.main .tw-text-\[18px\]{font-size:14px;line-height:26px;padding:0 20px}.main>div>.tw-items-center>div{width:100%!important;height:auto!important}.main .first-head-buttons>div{width:35%;height:40px}.main .home-icon{position:relative;display:flex;flex-direction:column}.main .home-icon .editor-background{background-position:center;background-color:transparent;height:50vw!important}.main .home-icon .editor-background img{width:50%;height:auto;margin-top:5vw}.main .home-section{margin-top:30px}.main .animation-samples{flex-direction:column;width:100%;align-items:center}.main .animation-samples svg{width:96%;height:auto;margin:10px 2%}.main .animation-samples>div{margin-top:20px}.main .animation-samples>img{width:90%;height:auto;margin-top:30px}.main .sample-sections{flex-direction:column}.main .big-option{flex-direction:column;width:90%;height:auto}.main .big-option>div{align-items:center}.main .big-option .title-text{padding-top:30px}.main .big-option img{width:100%;height:auto}.main .big-option .animation-options{width:90%;flex-wrap:wrap}.main .big-option .templates-container{max-width:100%!important;min-width:100%!important;justify-content:right;min-height:auto!important;padding-bottom:30px}.main .export-options{width:96%;flex-direction:column;height:auto;gap:20px}.main .export-options>div{height:auto}.main .export-options>div .tw-h-\[144px\]{height:auto}.main .export-options .title-text{width:100%;margin-top:30px}.main .export-options svg{width:96%;margin:0 2%;height:auto}.main .home-section-2-cols{flex-direction:column;width:96%;margin-left:2%}.main .home-section-2-cols>div{width:100%;flex-direction:column;padding:0;height:auto}.main .home-section-2-cols>div>div{width:100%;max-width:100%;min-width:100%}.main .home-section-2-cols>div>div .templates{margin-left:0}.main .home-section-2-cols>div>div .templates .templates-container{max-width:100%;width:100%;min-width:100%;min-height:560px}.main .home-section-2-cols>div>div .templates .templates-container .group{flex-wrap:wrap;overflow:visible}.main .home-section-2-cols>div>div .tw-text-\[32px\]{font-size:24px}.main .home-section-2-cols>div>div .tw-h-\[144px\]{height:auto}.main .home-section-2-cols img{width:90%;height:auto}.footer{width:100%;height:auto;margin-top:20px;justify-content:start}.footer>div{width:96%;height:auto}.footer .footer-link{margin-top:0;flex-direction:column}.footer .footer-link a{padding:4px 0}.footer .footer-line{margin-top:5px}.footer .footer-logo a{justify-content:center}.footer .footer-social{margin-top:15px;flex-direction:column}}@media (max-width: 500px){body{overflow-x:hidden}.auth-notify-wrapper .register{width:100%;max-width:100%}.top-glow{display:none}.container .header .header-content{height:70px;border-radius:0}.container .main{margin-top:30px}.container .main .home-icon{width:100%}.container .main .home-icon .editor-background{height:50vw!important}.container .main .home-top-animation{width:90%;height:auto}.container .pricing-wrapper-home .pricing-plan{width:100%}.container .pricing-wrapper-home .pricing-plan>div{min-width:96%;margin-left:2%}.cc-window{min-width:100vw;max-width:100vw}.pricing-header{width:100vw;max-height:initial!important}.pricing-plan{display:flex;flex-direction:column;width:100vw;height:auto}.pricing-plan .pricing-plan-basic{width:90vw;max-width:90vw;margin:auto auto 20px}.features-table-wrapper{width:100vw;margin-top:10px}.features-table-wrapper .features-table-header{grid-template-columns:1fr 1fr}.features-table-wrapper .features-table-header .features{grid-column:1/3}.features-table-wrapper .features-table-header p{margin:auto}.features-table-wrapper .features-table-header>div{margin-top:20px}.features-table-wrapper .features-table-header .upgrade-button{width:125px;height:35px;font-size:13px}.features-table-wrapper .features-table-content{width:100vw;grid-template-columns:1fr 1fr}.features-table-wrapper .features-table-content>div{font-size:12px;line-height:10px}.features-table-wrapper .features-table-content .features-content{color:gray;grid-column:1/3;padding-left:20px;font-weight:700;font-size:14px;min-height:30px;margin-top:20px}.upgrade-section{padding:0 10px;width:100vw}.upgrade-section>div{flex-direction:column}.upgrade-section>div>div:first-child{width:100%;margin-bottom:20px}.upgrade-section .agree-checkbox{margin-right:0!important}.upgrade-section .confirm-pay input[type=submit]{margin:auto}.upgrade-section .current-subscription table{display:block}.upgrade-section .current-subscription table tr{display:flex;flex-direction:row;flex-wrap:wrap}.upgrade-section .current-subscription table tr td{display:block;width:50%}.upgrade-section .current-subscription table tr td:last-child{width:100%}.upgrade-section .current-subscription table tr td:last-child .cells{margin:0;justify-content:space-between;display:flex}.upgrade-section .current-subscription table tr td.pro-status{text-align:right}.upgrade-section .extend-subscription .billing-options>div:first-child{height:80px;min-height:80px}.upgrade-section .extend-subscription .billing-options .radio{margin-bottom:20px!important}}@media (max-width: 1450px){.main .pricing-create{height:auto;width:96%;flex-direction:column}.main .pricing-create .description{width:100%;height:auto;margin-left:auto}.main .pricing-create .description .description-header{font-size:22px;line-height:30px;text-align:center}.main .pricing-create .description .description-content{padding:20px}.main .pricing-create .description .create-button{margin:10px auto}.main .pricing-create .desktop-21 img{width:90%;height:auto;margin:10px auto}}.dataTables_wrapper .dataTables_length select{background:#101010!important}.privacy-policy{color:#a0a0a0;width:100%;max-width:800px;margin-left:auto;margin-right:auto}.privacy-policy p{font-size:16px;margin-bottom:1.25em}.privacy-policy h1,.privacy-policy h2{color:#fafafa;font-size:1.5em;margin-bottom:10px}.privacy-policy h2{font-size:1.3em}.privacy-policy ul{font-size:14px;list-style:disc}.privacy-policy ul li{margin-bottom:10px}.privacy-policy a{color:#fafafa;border-bottom:1px solid #5c5c80}.privacy-policy b{color:#cacaca}.privacy-policy table tr td,.privacy-policy table tr th{border:1px solid #404040;color:#a0a0a0;padding:5px;font-size:14px}.docs{display:flex;flex-direction:column;text-align:left}.docs>a{margin-bottom:10px}.home-top-animation{position:absolute;opacity:.4;top:-25px}.templates-container{display:flex;min-width:500px;min-height:400px;flex-direction:column;overflow:hidden}.templates-container .group{display:flex;overflow:hidden}.templates-container .templates{overflow:hidden;flex:1;margin-left:20px;display:flex;flex-direction:column}.templates-container .templates .templates-container{overflow:auto}.templates-container .templates>div{margin:5px;width:60px;height:60px}.templates-container .templates>div .template{margin:10px 0 0 10px;border:1px solid #303030;border-radius:5px}.templates-container .templates>div svg{stroke:#4a7aba;color:#4a7aba;width:65px;height:65px}.templates-container .templates>div #slide-right-inel circle{--rightIn-animation: slide-right-in;--animation-duration: 2s;--animation-iteration-count: infinite}.templates-container .templates>div #slide-right-inel line,.templates-container .templates>div #slide-rebound-rightel line,.templates-container .templates>div #slide-right-outel line{--line-animation: slide-right-line;--animation-duration: 2s;--animation-iteration-count: infinite}.templates-container .templates>div #slide-right-outel line{--line-animation: slide-right-out-line}.templates-container .templates>div #slide-left-inel line,.templates-container .templates>div #slide-rebound-leftel line,.templates-container .templates>div #slide-left-outel line{--line-animation: slide-left-line;--animation-duration: 2s;--animation-iteration-count: infinite}.templates-container .templates>div #slide-left-outel line{--line-animation: slide-left-out-line}@keyframes slide-right-line{0%{translate:-40px}10%{translate:-40px}40%{translate:0}}@keyframes slide-right-out-line{0%,10%{translate:-40px}to{translate:60px}}@keyframes slide-left-line{0%,10%{translate:40px}40%{translate:0}}@keyframes slide-left-out-line{0%,10%{translate:40px}to{translate:-60px}}@keyframes slide-right-in{0%{translate:-100px}30%{translate:0}}.templates-container .templates>div #slide-rebound-rightel circle{--rightRe-animation: slide-rebound-right;--animation-duration: 2s;--animation-iteration-count: infinite}@keyframes slide-rebound-right{0%{translate:-100px}50%{translate:15px}to{translate:0}}.templates-container .templates>div #slide-right-outel circle{--rightOut-animation: slide-right-out;--animation-duration: 2s;--animation-iteration-count: infinite}@keyframes slide-right-out{0%{translate:0}to{translate:100%}}.templates-container .templates>div #slide-left-inel circle{--leftIn-animation: slide-left-in;--animation-duration: 2s;--animation-iteration-count: infinite}@keyframes slide-left-in{0%{translate:100%}30%{translate:0}}.templates-container .templates>div #slide-rebound-leftel circle{--leftRe-animation: slide-rebound-left;--animation-duration: 2s;--animation-iteration-count: infinite}@keyframes slide-rebound-left{0%{translate:100px}50%{translate:-15px}to{translate:0}}.templates-container .templates>div #slide-left-outel circle{--leftOut-animation: slide-left-out;--animation-duration: 2s;--animation-iteration-count: infinite}@keyframes slide-left-out{0%{translate:0}to{translate:-100px}}.templates-container .templates>div #slide-up-inel circle{--upIn-animation: slide-up-in;--animation-duration: 2s;--animation-iteration-count: infinite}@keyframes slide-up-in{0%{transform:translateY(-100px)}30%{transform:translateY(0)}}.templates-container .templates>div #slide-rebound-upel circle{--upRe-animation: slide-rebound-up;--animation-duration: 2s;--animation-iteration-count: infinite}@keyframes slide-rebound-up{0%{transform:translateY(-100px)}50%{transform:translateY(15px)}to{transform:translateY(0)}}.templates-container .templates>div #slide-up-outel circle{--upOut-animation: slide-up-out;--animation-duration: 2s;--animation-iteration-count: infinite}@keyframes slide-up-out{0%{transform:translateY(0)}to{transform:translateY(100px)}}.templates-container .templates>div #slide-down-inel circle{--downIn-animation: slide-down-in;--animation-duration: 2s;--animation-iteration-count: infinite}@keyframes slide-down-in{0%{transform:translateY(100px)}30%{transform:translateY(0)}}.templates-container .templates>div #slide-rebound-downel circle{--downRe-animation: slide-rebound-down;--animation-duration: 2s;--animation-iteration-count: infinite}@keyframes slide-rebound-down{0%{transform:translateY(100px)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}.templates-container .templates>div #slide-down-outel circle{--downOut-animation: slide-down-out;--animation-duration: 2s;--animation-iteration-count: infinite}@keyframes slide-down-out{0%{transform:translateY(0)}to{transform:translateY(-100px)}}.templates-container .templates>div #circular-roundel circle{--circular-animation: circular-round 2s linear infinite forwards;--offset-path: path("M70,50A20,20 0 1 1 70 49.99");--offset-distance: 0}@keyframes circular-round{0%{offset-distance:0}30%,to{offset-distance:100%}}.templates-container .templates>div #circular-round-revel circle{--circular-animation-rev: circular-round-rev 2s linear infinite forwards;--offset-path: path("M70,50A20,20 0 1 1 70 49.99");--offset-distance: 0}@keyframes circular-round-rev{0%{offset-distance:100%}30%,to{offset-distance:0}}.templates-container .templates>div #popel circle{--pop-animation: pop 2s linear infinite forwards}@keyframes pop{0%{transform:translate(50%,50%) scale(.000001)}20%{transform:translate(-15%,-15%) scale(1.3)}25%,to{transform:translate(0) scale(1)}}.templates-container .templates>div #shrinkel circle{--shrink-animation: shrink 2s linear infinite forwards}@keyframes shrink{0%{transform:translate(0) scale(1)}25%,to{transform:translate(50%,50%) scale(.01)}}.templates-container .templates>div #appearel circle{--appear-animation: appear 2s linear infinite forwards}@keyframes appear{0%{transform:translate(50%,50%) scale(.0001);opacity:.01}20%{transform:translate(10%,10%) scale(.8);opacity:1}25%,to{transform:translate(0) scale(1);opacity:1}}.templates-container .templates>div #growel circle{--grow-animation: grow 2s linear infinite forwards}@keyframes grow{0%{transform:translate(0) scale(1)}20%,to{transform:translate(-60%,-60%) scale(2.2)}}.templates-container .templates>div #stretchel circle{--stretch-animation: stretch 2s linear infinite forwards}@keyframes stretch{0%{transform:translate(0) scaleX(1)}20%,to{transform:translate(35%) scaleX(.25)}}.templates-container .templates>div #expandel circle{--expand-animation: expand 2s linear infinite forwards}@keyframes expand{0%{transform:translate(35%) scaleX(.25)}20%,to{transform:translate(0) scaleX(1)}}.templates-container .templates>div #pulseel circle{--pulse-animation: pulse 2s linear infinite forwards;transform-origin:center}@keyframes pulse{0%{transform:scale(.0000001)}10%{transform:scale(1.1)}20%{transform:scale(.7)}30%,to{transform:scale(1)}}.templates-container .templates>div #blur-appearel circle{--blurAppear-animation: blur-appear 2s linear infinite forwards}@keyframes blur-appear{0%{filter:blur(5px)}to{filter:blur(0px);-webkit-filter:blur(0px)}}.templates-container .templates>div #blur-disappearel circle{--blurDisappear-animation: blur-disappear 2s linear infinite forwards}@keyframes blur-disappear{0%{filter:blur(0px)}to{filter:blur(5px);-webkit-filter:blur(5px)}}.templates-container .templates>div #stroke-rightel circle{--strokeRight-animation: stroke-right 3s linear infinite forwards;--stroke: white;--stroke-width: 3px}@keyframes stroke-right{0%{stroke-dasharray:0,150}25%,to{stroke-dasharray:150,0}}.templates-container .templates>div #stroke-leftel circle{--strokeLeft-animation: stroke-left 3s linear infinite forwards;--stroke: white;--stroke-width: 3px}@keyframes stroke-left{0%{stroke-dasharray:150,0}25%,to{stroke-dasharray:0,150}}.templates-container .templates #motion .template svg{color:#21b04b}.templates-container .templates #scale .template svg{color:#258a88}.home-top-text{transform:translateY(50px);animation:translate-0 .5s linear 1 forwards}@keyframes translate-0{to{transform:translate(0)}}.bg-home .animation-samples{display:flex;overflow:auto;margin-top:30px}.bg-home .animation-samples>div{margin-left:20px;border-radius:10px;background-color:rgba(255,255,255,.082)}.bg-home .animation-samples>div img{border-radius:10px}.bg-home .sample-section{margin:20px;min-width:380px}.bg-home .sample-section .interactions-demo{background:linear-gradient(to right,#000,#202930);border:1px solid #404040;border-radius:10px;padding:20px}.bg-home .sample-section .interactions-demo>.title{text-align:center;font-size:28px}.bg-home .sample-section .interactions-demo .info{text-align:center;font-size:18px}.bg-home .sample-section .interactions-demo .sample{margin-top:20px}.bg-home .sample-section .interactions-demo .sample svg{margin:auto}