:root{--bg-main: #FBFBFB;--neutral-10: #FFFFFF;--neutral-100: #0A0A0A;--neutral-20: #F5F5F5;--neutral-30: #EDEDED;--neutral-40: #E0E0E0;--neutral-50: #C2C2C2;--neutral-60: #9E9E9E;--neutral-70: #757575;--neutral-80: #616161;--neutral-90: #404040;--primary-border: #F8BAC8;--primary-focused: #EB2F5920;--primary-hover: #F7456D;--primary: #EB2F59;--primary-pressed: #75172C;--primary-surface: #FBD5DE;--secondary-border: #FBF0C3;--secondary-focused: #F4D24C20;--secondary-hover: #CBAF3F;--secondary: #F4D24C;--secondary-pressed: #7A6926;--secondary-surface: #FDF6DB;--success-border: #B8DBCA;--success-focused: #43936C20;--success-hover: #367A59;--success: #43936C;--success-pressed: #20573D;--success-surface: #D9E9E2;--kuning: #EEE1AC;--pink: #F2D1D8;--purple: #D5D1F2;--hijau-tua: #005759;--hijau-muda: #D7F5D9;--soft: #F3F1E4;--hijau-paste: #E4F3F0;--info-border: #B1C5F6;--info-focused: #3267E320;--info-hover: #2A56BD;--info: #3267E3;--info-pressed: #193472;--info-surface: #D6E1F9;--warning-border: #EECEB0;--warning-focused: #cd7b2e20;--warning-hover: #BF6919;--warning: #CD7B2E;--warning-pressed: #734011;--warning-surface: #FFF9F2;--danger-border: #EEB4B0;--danger-focused: #f9394c20;--danger-hover: #BD251C;--danger: #CB3A31;--danger-pressed: #731912;--danger-surface: #F5D8D6;--bg-main-rgb: 251, 251, 251;--neutral-10-rgb: 255, 255, 255;--neutral-100-rgb: 10, 10, 10;--neutral-20-rgb: 245, 245, 245;--neutral-30-rgb: 237, 237, 237;--neutral-40-rgb: 224, 224, 224;--neutral-50-rgb: 194, 194, 194;--neutral-60-rgb: 158, 158, 158;--neutral-70-rgb: 117, 117, 117;--neutral-80-rgb: 97, 97, 97;--neutral-90-rgb: 64, 64, 64;--primary-border-rgb: 248, 186, 200;--primary-hover-rgb: 247, 69, 109;--primary-rgb: 235, 47, 89;--primary-pressed-rgb: 117, 23, 44;--primary-surface-rgb: 251, 213, 222;--secondary-border-rgb: 251, 240, 195;--secondary-hover-rgb: 203, 175, 63;--secondary-rgb: 244, 210, 76;--secondary-pressed-rgb: 122, 105, 38;--secondary-surface-rgb: 253, 246, 219;--success-border-rgb: 184, 219, 202;--success-hover-rgb: 54, 122, 89;--success-rgb: 67, 147, 108;--success-pressed-rgb: 32, 87, 61;--success-surface-rgb: 217, 233, 226;--kuning-rgb: 238, 225, 172;--pink-rgb: 242, 209, 216;--purple-rgb: 213, 209, 242;--hijau-tua-rgb: 0, 87, 89;--hijau-muda-rgb: 215, 245, 217;--soft-rgb: 243, 241, 228;--hijau-paste-rgb: 228, 243, 240;--info-border-rgb: 177, 197, 246;--info-hover-rgb: 42, 86, 189;--info-rgb: 50, 103, 227;--info-pressed-rgb: 25, 52, 114;--info-surface-rgb: 214, 225, 249;--warning-border-rgb: 238, 206, 176;--warning-hover-rgb: 191, 105, 25;--warning-rgb: 205, 123, 46;--warning-pressed-rgb: 115, 64, 17;--warning-surface-rgb: 255, 249, 242;--danger-border-rgb: 238, 180, 176;--danger-hover-rgb: 189, 37, 28;--danger-rgb: 203, 58, 49;--danger-pressed-rgb: 115, 25, 18;--danger-surface-rgb: 245, 216, 214;--shadow-1: 0px 1px 2px 0px rgba(0, 0, 0, 0.12);--shadow-2: 0px 4px 8px 0px rgba(0, 0, 0, 0.10);--shadow-3: 1px 2px 2px 0px rgba(0, 0, 0, 0.08) inset;--body-font-size: 10px;--fs-text-sm: 12px;--lh-text-sm: 16px;--fs-text-md: 14px;--lh-text-md: 20px;--fs-text-lg: 16px;--lh-text-lg: 24px;--fs-text-xl: 18px;--lh-text-xl: 28px;--fs-title-sm: 14px;--lh-title-sm: 20px;--fs-title-md: 16px;--lh-title-md: 24px;--fs-title-lg: 22px;--lh-title-lg: 28px;--fs-headline-sm: 24px;--lh-headline-sm: 32px;--fs-headline-md: 28px;--lh-headline-md: 36px;--fs-headline-lg: 32px;--lh-headline-lg: 40px;--fs-display-sm: 36px;--lh-display-sm: 44px;--fs-display-md: 45px;--lh-display-md: 52px;--fs-display-lg: 57px;--lh-display-lg: 64px;--fw-thin: 100;--fw-extra-light: 200;--fw-light: 300;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--fw-extra-bold: 800;--fw-black: 900;--roboto: 'Roboto', sans-serif;--montserrat: 'Montserrat', sans-serif;--inter: 'Inter', sans-serif;--red-hat-display: 'Red Hat Display', sans-serif}@media(max-width:768px){:root{--fs-text-sm: 10px;--lh-text-sm: 12px;--fs-text-md: 12px;--lh-text-md: 16px;--fs-text-lg: 14px;--lh-text-lg: 20px;--fs-text-xl: 16px;--lh-text-xl: 24px;--fs-title-sm: 12px;--lh-title-sm: 16px;--fs-title-md: 14px;--lh-title-md: 20px;--fs-title-lg: 16px;--lh-title-lg: 24px;--fs-headline-sm: 22px;--lh-headline-sm: 28px;--fs-headline-md: 24px;--lh-headline-md: 32px;--fs-headline-lg: 28px;--lh-headline-lg: 36px;--fs-display-sm: 32px;--lh-display-sm: 40px;--fs-display-md: 36px;--lh-display-md: 44px;--fs-display-lg: 45px;--lh-display-lg: 52px}}@media(max-width:360px){:root{--fs-text-sm: 8px;--lh-text-sm: 8px;--fs-text-md: 10px;--lh-text-md: 12px;--fs-text-lg: 12px;--lh-text-lg: 16px;--fs-text-xl: 14px;--lh-text-xl: 20px;--fs-title-sm: 10px;--lh-title-sm: 12px;--fs-title-md: 12px;--lh-title-md: 16px;--fs-title-lg: 14px;--lh-title-lg: 20px;--fs-headline-sm: 16px;--lh-headline-sm: 24px;--fs-headline-md: 22px;--lh-headline-md: 28px;--fs-headline-lg: 24px;--lh-headline-lg: 32px;--fs-display-sm: 28px;--lh-display-sm: 36px;--fs-display-md: 32px;--lh-display-md: 40px;--fs-display-lg: 36px;--lh-display-lg: 44px}}html{height:100%}body{background:var(--bg-main);display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto;min-height:100%}body.w-sidebar{height:100%}*{box-sizing:border-box;margin:0;padding:0;font-family:var(--montserrat)}*::-webkit-scrollbar{width:6px;height:6px;background:#fff}*::-webkit-scrollbar-thumb{background-color:var(--primary);border-width:1px}body::-webkit-scrollbar{width:10px;height:10px;background:var(--bg-main)}body::-webkit-scrollbar-thumb{background-color:var(--primary);border:1px solid var(--bg-main);border-radius:10px}h1,h2,h3,h4,h5,h6,p{margin:0}ul,ol{padding:0;margin:0}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,textarea:-webkit-autofill,textarea:-webkit-autofill:hover,textarea:-webkit-autofill:focus,select:-webkit-autofill,select:-webkit-autofill:hover,select:-webkit-autofill:focus{-webkit-text-fill-color:var(--neutral-100);-webkit-box-shadow:0 0 0 40rem var(--bg-main) inset}input[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}.relative{position:relative!important}#nprogress .bar{background:var(--primary-border);z-index:999999999999}#nprogress .peg{box-shadow:0 0 10px var(--primary-border),0 0 5px var(--primary-border)}#nprogress .spinner-icon{border-top-color:var(--primary-border);border-left-color:var(--primary-border)}.navbar-dashboard{background:var(--neutral-10);position:fixed;top:0;left:0;right:0}.navbar-dashboard .navbar-inner{padding:15px 30px}.navbar-inner .nv-logo>div{margin-right:25px}.navbar-inner .nv-logo>div .logo.logo-svg *{fill:var(--neutral-100)}.navbar-inner .nv-logo>div .guide{color:var(--neutral-100);font-size:var(--fs-text-lg);line-height:var(--lh-text-lg);font-family:var(--montserrat);letter-spacing:0;font-weight:600;padding:8px 18px;margin-left:0;border:none;background:0 0}.navbar-inner .nv-logo>div .guide:hover{background:var(--primary-hover);color:var(--neutral-10)}.navbar-dashboard .nv-right .nv-user:hover{color:var(--primary-hover)}.navbar-dashboard .nv-right .nv-user p{font-size:var(--fs-text-lg)}.navbar-dashboard .nv-right .nv-user .fas{font-size:var(--fs-text-lg)}@media(max-width:1440px){.navbar-dashboard .navbar-inner{padding:10px 30px}}@media(max-width:768px){.navbar-dashboard .navbar-inner{padding:10px 24px}.navbar-inner .nv-logo>div{margin-right:16px}}.dropdown-content{box-shadow:-2px 2px 10px var(--primary-border);border:.5px solid var(--primary-border)}.dropdown-content .dropdown-head{background:var(--primary);border-bottom:1px solid var(--primary-border)}.dropdown-content .dropdown-head::before{background:var(--primary)}.dropdown-head h4{color:var(--neutral-10)}.dropdown-head small{color:var(--neutral-10)}.dropdown-body .dropdown-item:hover{background:var(--primary-surface);color:var(--primary)}.dropdown-body .dropdown-item:focus{background:var(--primary-hover);color:var(--neutral-10)}.fs-text-sm{font-size:var(--fs-text-sm)!important}.fs-text-md{font-size:var(--fs-text-md)!important}.fs-text-lg{font-size:var(--fs-text-lg)!important}.fs-text-xl{font-size:var(--fs-text-xl)!important}.fw-thin{font-weight:var(--fw-thin)!important}.fw-extra-light{font-weight:var(--fw-extra-light)!important}.fw-light{font-weight:var(--fw-light)!important}.fw-regular{font-weight:var(--fw-regular)!important}.fw-medium{font-weight:var(--fw-medium)!important}.fw-semibold{font-weight:var(--fw-semibold)!important}.fw-bold{font-weight:var(--fw-bold)!important}.fw-extra-bold{font-weight:var(--fw-extra-bold)!important}.fw-black{font-weight:var(--fw-black)!important}.text-primary{color:var(--primary)!important}.text-secondary{color:var(--secondary)!important}.text-dark{color:var(--neutral-100)!important}.text-success{color:var(--success)!important}.text-info{color:var(--info)!important}.text-warning{color:var(--warning)!important}.text-danger{color:var(--danger)!important}.kat__modal-content{max-width:720px;display:flex;flex-direction:column;border-radius:25px;padding:40px;gap:16px}.kat__modal-content hr{border-color:var(--neutral-30);margin:0;opacity:1}.kat__modal-header{display:flex;align-items:center;gap:8px}.kat__modal-header.vertical{flex-direction:column}.kat__modal-close{display:flex;align-items:center;justify-content:center;outline:none;border:none;background:0 0;width:24px;height:24px;font-size:24px;color:var(--neutral-60);transition:color .25s ease-in-out}.kat__modal-close:hover{color:var(--neutral-100)}.kat__modal-header:not(.vertical) .kat__modal-title{color:var(--primary);font-size:var(--fs-headline-md);line-height:var(--lh-headline-md)}.kat__modal-title{color:var(--neutral-100);font-size:var(--fs-display-sm);line-height:var(--lh-display-sm);font-weight:var(--fw-semibold)}.kat__modal-title>span{color:var(--primary);font-size:inherit;line-height:inherit;font-weight:inherit;font-family:inherit}.kat__modal-caption{font-size:var(--fs-text-xl);font-weight:var(--fw-regular);line-height:var(--lh-text-xl)}.kat__modal-body{}.kat__modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:16px}.kat__modal-footer.vertical{justify-content:flex-start;flex-direction:column}.kat__modal-notif{display:flex;flex-direction:column;text-align:left;gap:28px;font-family:var(--montserrat)}.kat__modal-notif.centered{align-items:center;justify-content:center;text-align:center}.kat__modal-notif .kat__modal-banner{display:block;margin:0 auto;width:60%}@media(max-width:768px){.kat__modal-content{padding:24px}}.kat__navbar{position:relative;z-index:4;background:var(--neutral-10)}.kat__navbar.fixed{position:fixed;top:0;left:0;right:0}.kat__navbar .kat--navbar{display:flex;align-items:center;padding:15px 30px}.kat__navbar-brand{display:block;width:auto;height:40px}.kat__navbar-brand path{fill:var(--neutral-100)}.kat__navbar-nav{display:flex;align-items:center;gap:30px;margin:0;padding:0;list-style:none}.kat__nav-item{display:inline-block;vertical-align:middle}.kat__nav-item.panduan-sm{display:none}.kat__nav-link{display:flex;align-items:center;color:var(--neutral-100);font-size:var(--fs-text-lg);line-height:var(--lh-text-lg);font-family:var(--montserrat);font-weight:500;border:none;text-decoration:none;transition:color .25s ease-in-out,background .25s ease-in-out}.kat__nav-link:hover{color:var(--primary)}.kat__nav-link-img{display:block;width:40px;height:40px;border-radius:50%;margin-right:16px}.kat__nav-link.invitation-btn>.kat__nav-link-img{display:none}.kat__nav-link>p{margin:0}.kat__nav-start{margin-right:auto}.kat__nav-end{margin-left:auto}.kat__nav-center{margin-right:auto;margin-left:auto}@media(max-width:1440px){.kat__navbar .kat--navbar{padding:10px 30px}}@media(max-width:768px){.kat__navbar .kat--navbar{padding:16px}.kat__navbar-nav{gap:8px}.kat__navbar-brand{height:30px}.kat__nav-item.panduan-lg{display:none}.kat__nav-item.panduan-sm{display:block}.kat__nav-link.invitation-btn>p{display:none}.kat__nav-link.invitation-btn>.kat__dropdown-arrow{display:none}.kat__nav-link.invitation-btn>.kat__nav-link-img{display:block}.kat__nav-link.user-btn>p{display:none}.kat__nav-link:not(.user-btn){border-radius:8px}.kat__nav-link.active,.kat__nav-link:not(.user-btn):hover{background:var(--bg-main)}.kat__nav-link>.kat__nav-link-img{width:32px;height:32px;margin-right:0}.kat__nav-link>.kat__nav-link-img.ic-md{object-fit:contain;object-position:center;width:24px;height:24px;border-radius:0}.kat__nav-link>.kat__nav-link-img.ic-md.ic-ring{width:28px;height:28px}}.dash--nav{display:flex;background-color:var(--neutral-10);border-bottom:1px solid var(--neutral-30)}.dash__nav{display:flex;align-items:center;margin:0 auto;padding:16px;overflow-x:auto;list-style:none;-ms-overflow-style:none;scrollbar-width:none}.dash__nav::-webkit-scrollbar{display:none}.dash__nav-item{margin-right:16px;flex-shrink:0}.dash__nav-item:last-of-type{margin-right:0}.dash__nav-item.active{}.dash__nav-link{text-decoration:none;display:flex;align-items:center;padding:8px;border-radius:100px;border:1px solid transparent;font-size:var(--fs-text-lg);line-height:var(--lh-text-lg);font-weight:var(--fw-medium);color:var(--neutral-90);transition:.25s ease-in-out}.dash__nav-link span{font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit}.dash__nav-icon{position:relative;width:32px;height:32px;margin-right:4px;border-radius:50%;border:1px solid transparent;overflow:hidden;transition:.25s ease-in-out}.ic-dash-nav{position:absolute;left:50%;top:50%;width:20px;height:20px;display:block;opacity:0;transform:translate(-100%,-50%);transition:.25s ease-in-out}.ic-dash-nav.blank{opacity:1;transform:translate(-50%,-50%)}.dash__nav-item:hover .dash__nav-link,.dash__nav-item.active .dash__nav-link{border:1px solid var(--neutral-100);background-color:var(--primary);box-shadow:var(--shadow-1);color:var(--neutral-10)}.dash__nav-item:hover .dash__nav-icon,.dash__nav-item.active .dash__nav-icon{border:1px solid var(--neutral-100);background-color:var(--secondary-surface)}.dash__nav-item:hover .ic-dash-nav,.dash__nav-item.active .ic-dash-nav{opacity:1;transform:translate(-50%,-50%)}.dash__nav-item:hover .ic-dash-nav.blank,.dash__nav-item.active .ic-dash-nav.blank{opacity:0;transform:translate(100%,-50%)}.kat__dropdown{position:relative}.kat__dropdown .kat__dropdown-btn{display:flex;align-items:center;color:var(--neutral-100);font-size:var(--fs-text-lg);line-height:var(--lh-text-lg);font-family:var(--montserrat);font-weight:500;border:none;text-decoration:none}.kat__dropdown-btn .kat__dropdown-arrow{display:block;margin-left:5px;width:20px;height:20px;transition:transform .4s}.kat__dropdown-btn.active .kat__dropdown-arrow{transform:rotate(-180deg)}.kat__dropdown-menu{position:absolute;z-index:999;top:100%;opacity:0;display:none;transform:translateY(-6px);max-height:0;pointer-events:none;transition-duration:.4s;transition-property:opacity,transform,max-height}.kat__dropdown-btn.active+.kat__dropdown-menu{opacity:1;transform:translateY(12px);max-height:none;overflow:visible;pointer-events:visible}.kat__dropdown-content{background:#fff;min-width:280px;border-radius:12px;overflow:hidden;border:.5px solid var(--primary-border)}.kat__dropdown-header{display:flex;flex-direction:column;background:var(--primary);padding:12px;gap:5px;border-bottom:1px solid var(--primary-border)}.kat__dropdown-content.align-right .kat__dropdown-header{text-align:right}.kat__dropdown-content.align-center .kat__dropdown-header{text-align:center}.kat__dropdown-header .kat__dropdown-title{margin:0;font-size:var(--fs-text-lg);line-height:var(--lh-text-lg);font-weight:700;color:var(--neutral-10)}.kat__dropdown-header .kat__dropdown-info{margin:0;font-size:var(--fs-text-lg);line-height:var(--lh-text-lg);font-weight:400;color:var(--neutral-10)}.kat__dropdown-body{overflow-x:hidden;overflow-y:auto;max-height:450px;border-bottom:1px solid var(--primary-border)}.kat__dropdown-nav{margin:0;padding:0;list-style:none}.kat__dropdown-nav .kat__dropdown-link{display:block;padding:12px;font-size:var(--fs-text-lg);line-height:var(--lh-text-lg);font-weight:400;text-decoration:none;color:var(--neutral-100);transition-duration:.2s;transition-property:color,background}.kat__dropdown-link:hover{color:var(--primary);background:var(--primary-surface)}.kat__dropdown-link:focus{color:var(--neutral-10);background:var(--primary-hover)}.kat__dropdown-content.align-right .kat__dropdown-link{text-align:right}.kat__dropdown-content.align-center .kat__dropdown-link{text-align:center}.kat__dropdown-footer{display:flex;align-items:center}.kat__dropdown__invitation-nav{list-style:none;padding:0;margin:0}.kat__dropdown__invitation-item{}.kat__dropdown__invitation-nav .kat__dropdown__invitation-link{display:flex;align-items:center;gap:16px;padding:8px 16px;text-decoration:none;transition:background .25s}.kat__dropdown__invitation-nav .kat__dropdown__invitation-link:hover{background:var(--primary-surface)}.kat__dropdown__invitation-heart{flex-shrink:0;display:block;width:25px;height:25px}.kat__dropdown__invitation-heart path{fill:var(--neutral-50);transition:fill .25s}.kat__dropdown__invitation-link:hover .kat__dropdown__invitation-heart path{fill:var(--primary-pressed)}.kat__dropdown__invitation-item.active .kat__dropdown__invitation-heart path{fill:var(--primary)}.kat__dropdown__invitation-title{font-size:var(--fs-text-md);line-height:var(--lh-text-md);font-weight:500;color:var(--neutral-70);margin:0;transition:color .25s}.kat__dropdown__invitation-link:hover .kat__dropdown__invitation-title{color:var(--neutral-90)}.kat__dropdown__invitation-item.active .kat__dropdown__invitation-title{color:var(--primary)}.kat__dropdown__invitation-info{}.kat__dropdown__invitation-info>span{display:inline-block;vertical-align:top;margin-top:5px;margin-right:5px;font-size:var(--fs-text-sm);color:var(--neutral-100)}.kat__dropdown__invitation-info>span>i{display:inline-block;font-size:1em;margin-right:2px}.kat__dropdown__invitation-info>.status{background:var(--neutral-50);border-radius:12px;padding:1px 8px}.kat__dropdown__invitation-info>.status.pending{background:var(--warning-border);color:var(--warning-hover)}.kat__dropdown__invitation-info>.status.suspend{background:var(--danger-border);color:var(--danger-hover)}.kat__dropdown__invitation-info>.date{color:var(--neutral-90);font-size:var(--fs-text-sm)}.kat__dropdown .kat__dropdown__new-invitation{font-size:var(--fs-text-md);line-height:var(--lh-text-md);color:var(--neutral-100);font-weight:400;text-decoration:none;text-align:center;display:flex;align-items:center;justify-content:center;flex-grow:1;padding:12px;transition-duration:.2s;transition-property:color,background}.kat__dropdown__new-invitation>svg{display:block;width:16px;height:16px}.kat__dropdown__new-invitation>svg path{stroke:var(--neutral-100);transition-duration:.2s;transition-property:stroke}.kat__dropdown .kat__dropdown__new-invitation:hover{color:var(--primary);background:var(--primary-surface)}.kat__dropdown__new-invitation:hover>svg path{stroke:var(--primary)}.kat__dropdown .kat__dropdown__new-invitation:focus{color:var(--neutral-10);background:var(--primary-hover)}.kat__dropdown__new-invitation:focus>svg path{stroke:var(--neutral-10)}.kat__breadcumb{list-style:none;background:var(--neutral-10);padding:15px 30px;border-bottom:1px solid var(--neutral-30)}.kat__breadcumb.fixed{position:fixed;z-index:3;top:70px;left:0;right:0}.kat__breadcumb li{position:relative;display:inline-block;vertical-align:middle;margin-right:30px}.kat__breadcumb li:last-of-type{margin-right:0}.kat__breadcumb li::after{content:'/';position:absolute;top:50%;right:-20px;transform:translateY(-50%);color:var(--primary);font-size:var(--fs-text-lg);font-weight:var(--fw-semibold);line-height:var(--lh-text-lg)}.kat__breadcumb li:last-of-type::after{content:none}.kat__breadcumb .kat__breadcumb-icon{display:block;width:auto;height:40px;margin:0 auto}.kat__breadcumb li a{text-decoration:none}.kat__breadcumb li span{display:block;font-size:var(--fs-text-lg);font-weight:var(--fw-semibold);line-height:var(--lh-text-lg);font-family:var(--montserrat);color:var(--primary);transition:color .2s}.kat__breadcumb li a span{font-weight:500}.kat__breadcumb li a span:hover{color:var(--primary-pressed)}@media(max-width:1440px){.kat__breadcumb{padding:10px 30px}.kat__breadcumb.fixed{top:60px}}@media(max-width:768px){.kat__breadcumb{padding:10px 24px}.kat__breadcumb.fixed{top:52px}}.kat__sidebar{background:var(--neutral-10);border-right:1px solid var(--neutral-30);display:flex;flex-direction:column;flex:1 0 auto;gap:24px;overflow-y:auto;overflow-x:hidden;width:600px;padding:0;transition:width .5s,left .5s,opacity .4s}.kat__sidebar-content{display:flex;flex-direction:column;gap:24px;padding:0 30px;flex-grow:1}.kat__sidebar>.kat__toolbar-wrap .kat__toolbar{}@media(max-width:1400px){.kat__sidebar{width:450px}}@media(max-width:920px){.kat__sidebar{width:100%}.kat__sidebar>.kat__toolbar-wrap{background:0 0}}.kat__page{display:flex;flex-grow:1;flex-direction:column;gap:24px;align-items:flex-start;justify-content:flex-start;width:100%}.kat__page-content{display:flex;flex-direction:column;flex-grow:1;padding:24px 30px 80px;width:100%;overflow-y:auto;overflow-x:hidden}.kat__toolbar-wrap{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:100%;border-bottom:1px solid var(--neutral-30);background:var(--neutral-10)}.kat__toolbar-wrap.center{justify-content:center}.kat__toolbar{list-style:none;padding:12px 0;display:flex;align-items:center;justify-content:flex-start;overflow-x:auto;overflow-y:hidden;-ms-overflow-style:none;scrollbar-width:none}.kat__toolbar::-webkit-scrollbar{display:none}.kat__toolbar li{position:relative;display:inline-block;vertical-align:middle;margin-right:10px}.kat__toolbar li:last-of-type{margin-right:0}.kat__toolbar li a{text-decoration:none}.kat__toolbar li span{display:block;font-size:var(--fs-text-md);line-height:var(--lh-text-md);font-family:var(--montserrat);color:var(--primary);font-weight:600;transition:color .2s;padding:8px 20px;border-radius:25px;background:0 0;border:1px solid transparent;color:var(--neutral-70);white-space:nowrap;transition:.35s}.kat__toolbar li a.active span,.kat__toolbar li span:hover{background:var(--secondary);border:1px solid var(--neutral-100);color:var(--neutral-100)}@media(max-width:768px){.kat__toolbar{padding:10px 24px}}.kat__toolbar-underline-wrap{display:flex;align-items:center;justify-content:flex-start;flex-shrink:0;width:100%;border-bottom:1px solid var(--neutral-30);background:var(--neutral-10);position:relative;overflow:hidden}.kat__toolbar-underline-wrap.center{justify-content:center}.kat__toolbar-underline-thumb{position:absolute;left:0;top:calc(100% - 1px);width:0;height:1px;background:var(--primary);pointer-events:none;transition:left .25s ease,width .25s ease}.kat__toolbar-underline{list-style:none;padding:0;display:flex;align-items:center;justify-content:flex-start;overflow-x:auto;overflow-y:hidden;-ms-overflow-style:none;scrollbar-width:none}.kat__toolbar-underline::-webkit-scrollbar{display:none}.kat__toolbar-underline li{position:relative;display:inline-block;vertical-align:middle}.kat__toolbar-underline li a{text-decoration:none}.kat__toolbar-underline li span{display:block;font-family:var(--montserrat);font-size:var(--fs-text-md);font-weight:var(--fw-semibold);line-height:var(--lh-text-md);color:var(--neutral-70);transition:color .2s;padding:12px 20px;background:0 0;border:1px solid transparent;color:var(--neutral-70);white-space:nowrap;transition:color .25s ease}.kat__toolbar-underline li span:hover,.kat__toolbar-underline li a.active span{color:var(--primary)}.kat__collapse:not(.show){display:none}.kat__collapsing{height:0;overflow:hidden;transition:height .35s ease}.kat__accordion{display:flex;flex-direction:column;gap:32px}.kat__accordion-item{display:flex;flex-direction:column}.kat__accordion-header{display:flex;align-items:center;gap:20px;padding:4px 0;cursor:pointer}.kat__accordion-label{font-size:var(--fs-text-xl);font-weight:var(--fw-medium);line-height:var(--lh-text-xl);color:var(--primary);transition:color .35s ease}.kat__accordion-header.collapsed .kat__accordion-label{color:var(--neutral-100)}.kat__accordion-header [class*=caret]{position:relative;font-size:var(--fs-headline-sm);color:var(--neutral-100);padding:4px;margin-left:auto;transition:transform .35s ease}.kat__accordion-header:not(.collapsed) [class*=caret]{transform:rotate(-180deg)}.kat__accordion-collapse{transition:margin .35s ease,height .35s ease}.kat__accordion-collapse.show{margin:24px 0 0}.kat__accordion-body{display:flex;flex-direction:column;gap:24px}.ui-tooltip{--left-arrow-pos: 15px}.ui-tooltip[role=tooltip]{position:absolute;max-width:360px}.ui-helper-hidden-accessible{display:none}.kat__tooltip{width:100%;border-radius:12px;background:#2c2c2c;color:var(--neutral-10);padding:12px 16px;display:flex;align-items:flex-start;gap:8px;flex:1 0 0;position:relative}.kat__tooltip::before{content:'';position:absolute;left:0;bottom:0;transform:translateX(var(--left-arrow-pos)) translateY(12px);width:15px;height:15px;background:inherit;clip-path:polygon(100% 0,0 0,50% 100%)}.kat__tooltip .kat__tooltip-content{display:flex;flex-direction:column;align-items:flex-start;gap:4px;flex:1 0 0}.kat__tooltip .kat__tooltip-title{font-size:16px;line-height:20px;margin:0}.kat__tooltip .kat__tooltip-caption{font-size:12px;line-height:16px;margin:0 -24px 0 0}.kat__tooltip .kat__tooltip-close{outline:none;border:none;background:0 0;display:flex;align-items:center;justify-content:center;width:16px;height:16px;font-size:16px;line-height:16px;color:var(--neutral-10);cursor:pointer;transition:opacity .25s ease-in-out}.kat__tooltip .kat__tooltip-close:hover{opacity:.5}.kat__sticky-step-bar{position:-webkit-sticky;position:sticky;z-index:10;top:0;z-index:1;background:var(--bg-main)}.kat__sticky-step-bar.hide{display:none}.kat__navbar.fixed+.kat__app .kat__sticky-step-bar{top:70px}.kat__step{font-size:14px;line-height:20px;font-family:var(--montserrat);padding:16px 24px 36px;display:flex;align-items:center;gap:20px;position:relative}.kat__step a{text-decoration:none;color:var(--neutral-90)}.kat__step a label{cursor:pointer}.kat__step-back-btn{display:none;align-items:center;gap:8px;flex-shrink:0}.kat__step-back-btn.show{display:flex}.kat__step-list{width:100%;counter-reset:step-counter;list-style:none;padding:0;margin:0 auto;display:flex;align-items:center;gap:8px;flex-grow:1}.kat__step-list li{counter-increment:step-counter;display:flex;align-items:center;flex-grow:1;flex-shrink:0;gap:8px}.kat__step-list li::after{content:'';display:block;flex-grow:1;height:1px;background:var(--neutral-60)}.kat__step-list li.finished::after{background:var(--neutral-100)}.kat__step-list li:last-of-type{flex-grow:0}.kat__step-list li:last-of-type::after{content:none}.kat__step-btn{display:flex;align-items:center;gap:8px;position:relative}.kat__step-bullet{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--neutral-30);border:1px solid var(--neutral-30);color:var(--neutral-60);position:relative}.kat__step-bullet::before{display:block;content:counter(step-counter);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.kat__step-bullet>i{display:none}.kat__step-list li.finished .kat__step-bullet{background:var(--neutral-10);border-color:var(--primary);color:var(--primary)}.kat__step-list li.finished .kat__step-bullet::before{content:none}.kat__step-list li.finished .kat__step-bullet>i{display:block}.kat__step-list li.current .kat__step-bullet{background:var(--primary);border-color:var(--primary);color:var(--neutral-10)}.kat__step-label{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(4px);white-space:nowrap}.kat__step-list li.current .kat__step-label{color:var(--neutral-100);font-weight:600}@media(max-width:1440px){.kat__navbar.fixed+.kat__app .kat__sticky-step-bar{top:60px}}@media(max-width:1024px){.kat__step{padding:24px 24px 36px}}@media(max-width:920px){.kat__step-back-btn>label{display:none}.kat__step-label{display:none}}@media(max-width:768px){.kat__step{padding:16px 24px}.kat__navbar.fixed+.kat__app .kat__sticky-step-bar{top:52px}}.kat__app{display:flex;flex-direction:column;flex-grow:1;font-family:var(--montserrat);background:var(--bg-main)}.kat__app.horizontal{flex-direction:initial}.kat__app.no-overflow{overflow:hidden}.kat__navbar.fixed+.kat__app{padding-top:70px}@media(max-width:1440px){.kat__navbar.fixed+.kat__app{padding-top:60px}}@media(max-width:920px){.kat__app.horizontal{flex-direction:column}.kat__app.no-overflow{overflow:auto}}@media(max-width:768px){.kat__navbar.fixed+.kat__app{padding-top:52px}}.kat__tab-content{position:relative}.kat__tab-content .kat__tab-pane{position:absolute;top:0;left:0;bottom:0;right:0;transform:translateX(-20px) scaleX(.9);transform-origin:top left;opacity:0;visibility:hidden;overflow:hidden;pointer-events:none;transition:.3s}.kat__tab-content .kat__tab-pane.show{position:relative;transform:translateX(0px) scaleX(1);opacity:1;overflow:visible;visibility:visible;pointer-events:visible}.kat__table-wrap{width:100%;overflow-x:auto}.kat__table{width:100%;table-layout:auto;border-collapse:collapse}.kat__table th{background:var(--neutral-20);color:var(--neutral-90);padding:14px 16px;font-size:var(--fs-text-lg);line-height:var(--lh-text-lg);font-weight:500;text-align:left}.kat__table th:first-of-type{border-top-left-radius:20px}.kat__table th:last-of-type{border-top-right-radius:20px}.kat__table td{background:var(--neutral-10);color:var(--neutral-100);padding:14px 16px;font-size:var(--fs-text-lg);line-height:var(--lh-text-lg);font-weight:400;text-align:left;border-top:1px solid var(--neutral-40)}.kat__table td:first-of-type{border-bottom-left-radius:20px}.kat__table td:last-of-type{border-bottom-right-radius:20px}.kat__table td.null{text-align:center;color:var(--neutral-60);font-size:var(--fs-text-md);line-height:var(--lh-text-md)}table.dataTable thead .sorting{background-image:url(../media/icon/sort-three.png);background-size:12px;background-position:right 2px center;background-repeat:no-repeat}table.dataTable thead .sorting_asc{background-size:10px;background-image:url(../media/icon/arrow-down.png)!important}table.dataTable thead .sorting_desc{background-size:10px;background-image:url(../media/icon/arrow-up.png)!important}.kat__form-wrapper{display:flex;flex-direction:column;gap:16px;position:relative}.kat__form-wrapper .kat__form-group{margin-bottom:0}.kat__form-group{display:flex;flex-direction:column;gap:12px;margin-bottom:24px;position:relative}.kat__form-group.horizontal{flex-direction:row}.kat__form-label{display:block;font-family:var(--montserrat);font-weight:var(--fw-medium);font-size:var(--fs-text-lg);line-height:var(--lh-text-lg)}.kat__form-label.lg{font-size:var(--fs-text-xl);line-height:var(--lh-text-xl)}.kat__form-group.required .kat__form-label::after{content:'*';display:inline-block;vertical-align:top;color:var(--danger);margin-left:3px}.kat__form-text{color:var(--neutral-80);font-size:var(--fs-text-sm);line-height:var(--lh-text-sm);font-weight:var(--fw-regular)}.kat__form-control{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;box-shadow:none;background:0 0;--color: var(--neutral-60);font-size:var(--fs-text-lg);line-height:var(--lh-text-lg);font-family:var(--montserrat);font-weight:400;color:var(--color);padding:12px 0;border-radius:0;border-bottom:1px solid var(--color);transition:all .3s ease-in-out}.kat__form-control:focus,.kat__form-control:not(:placeholder-shown){--color: var(--neutral-100)}.kat__form-control:required:invalid:not(:placeholder-shown){--color: var(--danger)}.kat__form-control.invalid{color:var(--danger);border-color:var(--danger)}.kat__form-control.valid{color:var(--success);border-color:var(--success)}.kat__form-control+.ic-indicator{position:absolute;top:50%;right:5px;transform:translateY(-50%)}.kat__form-control.invalid+.ic-indicator{color:var(--danger)}.kat__form-control.valid+.ic-indicator{color:var(--success)}.kat__form-control>input{border:none;outline:none;box-shadow:none;background:0 0}.kat__form-rounded{padding:12px 16px;border-radius:25px;border:1px solid var(--neutral-50,#C2C2C2);background:var(--neutral-10,#FFF)}.kat__form-icon{display:flex;align-items:center;gap:4px}.kat__form-icon>i{width:20px;height:20px;font-size:20px;flex-shrink:0}.kat__form-control+.show-password{border:none;outline:none;width:20px;height:20px;font-size:20px;cursor:pointer;position:absolute;top:50%;right:0;transform:translateY(-50%);background:0 0;color:var(--neutral-100)}.kat__form-rounded .kat__form-control+.show-password{right:16px}.kat__form-select{display:none}.kat__form-select.selectize-control{all:unset}.kat__form-select.selectize-control *{all:unset}.kat__form-select.selectize-control{position:relative;display:flex}.kat__form-select.selectize-control .selectize-input{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:5px;width:100%;padding:12px 16px;border-radius:25px;border:1px solid var(--neutral-50);box-shadow:none;background:#fff;position:relative;z-index:5}.selectize-control.multi .selectize-input.has-items{padding:12px 16px}.kat__form-select.selectize-control .selectize-input.dropdown-active::before{content:none}.kat__form-select.selectize-control .selectize-input.input-active{display:flex;border:1px solid var(--primary);box-shadow:0 0 0 3px var(--primary-border);cursor:pointer}.kat__form-select.selectize-control .selectize-input::after{border-color:var(--neutral-100) transparent transparent transparent}.kat__form-select.selectize-control .selectize-input.dropdown-active::after{border-color:transparent transparent var(--neutral-100) transparent}.kat__form-select.selectize-control .selectize-input .item,.kat__form-select.selectize-control .selectize-input input{font-size:var(--fs-text-lg);line-height:var(--lh-text-lg);font-weight:400;font-family:var(--montserrat);color:var(--neutral-100)}.kat__form-select.selectize-control .selectize-input .item:hover{background:0 0;color:var(--neutral-100)}.kat__form-select.selectize-control.multi .selectize-input .item{display:inline-block;vertical-align:top;line-height:2;margin:0;padding:0 36px 0 12px;border-radius:25px;background:0 0;border:1px solid var(--neutral-60);position:relative}.kat__form-select.selectize-control.multi .selectize-input .item.active{color:var(--neutral-100)}.kat__form-select.selectize-control.multi .selectize-input .item .remove{color:var(--neutral-90);display:inline-block;vertical-align:middle;font-size:var(--fs-headline-sm);font-weight:400;margin-left:0;margin-top:-3px;line-height:.8;padding:0 10px;border:none;border-radius:0}.kat__form-select.selectize-control.multi .selectize-input .item .remove:hover{color:var(--danger);background:0 0}.kat__form-select.selectize-control .selectize-input .item .name{display:inline-block;white-space:nowrap;vertical-align:top;max-width:120px;text-overflow:ellipsis;overflow:hidden}.kat__form-select.selectize-control .selectize-input.dropdown-active+.selectize-dropdown{margin:12px 0;pointer-events:visible;opacity:1;max-height:none}.kat__form-select.selectize-control .selectize-dropdown{position:absolute;top:100%;left:0;z-index:8;border:none;border-radius:25px;overflow:hidden;isolation:isolate;box-shadow:0 4px 8px rgba(0,0,0,.1);display:block!important;pointer-events:none;opacity:0;max-height:0;transition-duration:.25s;transition-property:width,top,bottom,left,margin,pointer-events,opacity,max-height}.kat__form-select.selectize-control .selectize-dropdown .selectize-dropdown-content{overflow-y:auto;overflow-x:hidden;max-height:300px;overflow-scrolling:touch;display:block}.kat__form-select.selectize-control .selectize-dropdown [data-selectable].option{display:block;padding:12px 16px;font-size:var(--fs-text-lg);line-height:var(--lh-text-lg);font-weight:500;color:var(--neutral-90);background:var(--neutral-10);position:relative;cursor:pointer}.kat__form-select.selectize-control .selectize-dropdown [data-selectable].option:hover{background:var(--primary-border)}.kat__form-select.selectize-control .selectize-dropdown [data-selectable].option.selected{color:var(--primary)}.kat__form-select.selectize-control .selectize-dropdown [data-selectable].option.selected::after{content:"\2713";position:absolute;top:50%;right:16px;transform:translateY(-50%);color:inherit;font-size:inherit;font-weight:600}.kat__form-select.selectize-control .selectize-dropdown [data-selectable].option .highlight{background:var(--primary-border)}.kat__contenteditable{display:flex;align-items:center;overflow:hidden;position:relative;padding-right:24px}.kat__contenteditable [contenteditable]{outline:none;border:none;box-shadow:none;background:0 0;min-width:50px;overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none}.kat__contenteditable [contenteditable]::-webkit-scrollbar{display:none}.kat__contenteditable [contenteditable].single{display:flex;align-items:center}.kat__contenteditable [contenteditable]::before{content:attr(data-prefix);color:var(--primary)}.kat__contenteditable [contenteditable]::after{content:attr(data-suffix);color:var(--primary)}.kat__contenteditable.invalid [contenteditable]::before,.kat__contenteditable.valid [contenteditable]::after{color:inherit}.kat__contenteditable .ic-indicator{position:absolute;top:50%;right:5px;transform:translateY(-50%)}.kat__contenteditable.invalid .ic-indicator{color:var(--danger)}.kat__contenteditable.valid .ic-indicator{color:var(--success)}.radiobox{display:inline-block;vertical-align:top;cursor:pointer;font-family:var(--montserrat);font-size:var(--fs-text-md);line-height:var(--lh-text-md);font-weight:var(--fw-regular)}.radiobox input[type=radio],.radiobox input[type=checkbox]{display:none}.radiobox .mark{display:inline-block;vertical-align:middle;width:20px;height:20px;border-radius:50px;margin-right:12px;background:var(--neutral-10);border:1px solid var(--neutral-50);position:relative;transition:.2s}.radiobox .mark::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;border-radius:50%;background:var(--neutral-10);transition:.2s}.radiobox input[type=radio]:checked+.mark,.radiobox input[type=checkbox]:checked+.mark{border:1px solid var(--primary)}.radiobox input[type=radio]:checked+.mark::after,.radiobox input[type=checkbox]:checked+.mark::after{background:var(--primary)}.kat__switch-labelled{display:flex;align-items:flex-start;gap:12px}.kat__switch{display:inline-block}.kat__switch>input{display:none}.kat__switch-slider{display:flex;align-items:center;justify-content:flex-start;position:relative;height:24px;border-radius:20px;padding:4px 8px 4px 24px;background:var(--neutral-30);cursor:pointer;transition:background .3s ease-in-out,padding .3s ease-in-out}.kat__switch-slider::before{content:'';position:absolute;top:50%;left:0%;transform:translate(4px,-50%);display:inline-block;width:16px;height:16px;border-radius:50%;background:var(--neutral-10);transition:left .3s ease-in-out,transform .3s ease-in-out}.kat__switch-slider__text{font-family:var(--montserrat);font-size:var(--fs-text-sm);font-weight:var(--fw-regular);line-height:var(--lh-text-sm);color:var(--neutral-10)}.kat__switch>input:checked+.kat__switch-slider{background-color:var(--primary);padding:4px 24px 4px 8px}.kat__switch>input:checked+.kat__switch-slider::before{left:100%;transform:translate(-20px,-50%)}.kat__quantity{display:flex;align-items:center;justify-content:flex-start;gap:8px;opacity:.5;transition:opacity .3s ease-in-out}.kat__quantity [data-quantity=minus],.kat__quantity [data-quantity=plus]{outline:none;box-shadow:none;width:28px;height:28px;display:flex;align-items:center;justify-content:center;padding:8px;border-radius:50%;color:var(--neutral-90);background:var(--neutral-10);border:1px solid var(--neutral-30);transition:color .3s ease-in-out,border .3s ease-in-out,background .3s ease-in-out}.kat__quantity [data-quantity=minus]:hover,.kat__quantity [data-quantity=plus]:hover{border:1px solid var(--neutral-90);background:var(--secondary);color:var(--neutral-100)}.kat__quantity [data-quantity=control]{outline:none;width:100px;border-radius:50px;padding:8px;color:var(--neutral-90);background:var(--neutral-10);border:1px solid var(--neutral-30);font-size:var(--fs-text-md);line-height:var(--lh-text-md);font-weight:var(--fw-semibold);text-align:center}.kat__quantity.active{opacity:1}.kat__quantity [data-quantity=control]:focus,.kat__quantity.active [data-quantity=control]{color:var(--primary);border:1px solid var(--primary)}.kat__button{outline:none;box-shadow:none;display:flex;align-items:center;justify-content:center;text-align:center;gap:12px;padding:12px 16px;border-radius:25px;background:0 0;border:1px solid transparent;color:var(--neutral-100);font-size:var(--fs-text-lg);line-height:var(--lh-text-lg);font-weight:500;font-family:var(--montserrat);text-decoration:none;cursor:pointer;transition:.3s}.kat__button.lg{padding:16px 24px;border-radius:50px;font-size:var(--fs-text-xl);line-height:var(--lh-text-xl)}.kat__button.sm{padding:8px;gap:8px;font-size:var(--fs-text-sm);line-height:var(--lh-text-sm)}.kat__button.primary{color:var(--neutral-10);border:1px solid var(--neutral-100);background:var(--primary)}.kat__button.primary:hover{background:var(--primary-hover)}.kat__button.primary:focus{border:1px solid var(--primary-pressed);background:var(--primary-pressed)}.kat__button.secondary{color:var(--neutral-100);border:1px solid var(--neutral-100);background:var(--secondary)}.kat__button.secondary:hover{background:var(--secondary-border)}.kat__button.secondary:focus{border:1px solid var(--secondary)}.kat__button.dark{color:var(--neutral-10);border:1px solid var(--neutral-100);background:var(--neutral-100)}.kat__button.dark:hover{background:var(--neutral-90);border-color:var(--neutral-90)}.kat__button.dark:focus{background:var(--neutral-90);border-color:var(--neutral-90)}.kat__button.outline-primary{color:var(--primary);border:1px solid var(--primary-surface);background:var(--neutral-10)}.kat__button.outline-primary:hover{border:1px solid var(--primary)}.kat__button.outline-primary:focus{color:var(--neutral-10);border:1px solid var(--neutral-100);background:var(--primary)}.kat__button.chat{border:none;padding:12px 0;border-radius:0;color:var(--primary);border-bottom:1px solid var(--primary)}.kat__button.chat:hover{color:var(--primary-hover);border-color:var(--primary-hover)}.kat__button.chat:focus{color:var(--primary-pressed);border-color:var(--primary-pressed)}.kat__button.link{color:var(--info);text-decoration:none}.kat__button.link:hover{color:var(--info-hover)}.kat__button.link:focus{color:var(--info-focused)}.kat__button.close{color:var(--neutral-90);text-decoration:none}.kat__button.close:hover{color:var(--neutral-100)}.kat__button.close:focus{color:var(--neutral-100)}.kat__button:disabled,.kat__button:disabled:hover{cursor:not-allowed;color:var(--neutral-60);border:1px solid var(--neutral-40);background:var(--neutral-30)}@media(max-width:768px){.kat__button{gap:8px}.kat__button.lg{padding:12px 16px;border-radius:25px}}.kat__swatches{display:grid;grid-template-columns:repeat(var(--col),1fr);grid-template-rows:repeat(var(--row),auto);gap:8px 8px}.kat__swatches>div:not(.kat__swatch){}.kat__swatch{outline:none;box-shadow:none;display:block;width:20px;height:20px;margin:0 auto;border-radius:20px;background:var(--neutral-20);border:1px solid transparent}.kat__color-picker{display:flex;flex-direction:column;gap:12px}.kat__color-picker--drawer{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.kat__color-picker--canvas{background-color:var(--bg-main)}.kat__color-picker--canvas-marker{position:absolute;top:0;left:0;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:12px;border:1px solid #fff;background:currentColor;pointer-events:none}.kat__color-picker--range{display:flex;flex-direction:column;gap:8px}.kat__color-picker--hue-range{appearance:none;border-radius:12px;background-color:rgba(0,0,0,.1);height:12px;width:100%;display:block;outline:none;transition:color .05 linear;background:linear-gradient(to right,rgb(255,0,0),rgb(255,255,0),rgb(0,255,0),rgb(0,255,255),rgb(0,0,255),rgb(255,0,255),rgb(255,0,0))}.kat__color-picker--hue-range:focus{outline:none}.kat__color-picker--hue-range:active,.kat__color-picker--hue-range:hover:active{cursor:grabbing;cursor:-webkit-grabbing}.kat__color-picker--hue-range::-moz-range-track{appearance:none;opacity:0;outline:none!important}.kat__color-picker--hue-range::-ms-track{appearance:none;opacity:0;outline:none!important}.kat__color-picker--hue-range::-webkit-slider-thumb{appearance:none;width:12px;height:12px;border-radius:12px;color:red;background:currentColor;cursor:pointer;cursor:move;cursor:grab;cursor:-webkit-grab;border:2px solid #fff;transition:background .1s ease-in-out,box-shadow .2s ease-in-out,transform .1s ease-in-out;box-shadow:0 2px 4px rgba(0,0,0,.15)}.kat__color-picker--hue-range::-webkit-slider-thumb:active,.kat__color-picker--hue-range::-webkit-slider-thumb:hover:active{cursor:grabbing;cursor:-webkit-grabbing;transform:scale(.975);box-shadow:0 0 1px rgba(0,0,0,.1)}.kat__color-picker--hue-range::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 5px 15px rgba(0,0,0,.15)}.kat__color-picker--hue-range::-moz-range-thumb{appearance:none;width:8px;height:8px;border-radius:8px;background:currentColor;cursor:pointer;cursor:move;cursor:grab;cursor:-webkit-grab;border:2px solid #fff;transition:background .1s ease-in-out,box-shadow .2s ease-in-out,transform .1s ease-in-out;box-shadow:0 2px 4px transparent}.kat__color-picker--hue-range::-moz-range-thumb:active,.kat__color-picker--hue-range::-moz-range-thumb:hover:active{cursor:grabbing;cursor:-webkit-grabbing;transform:scale(.975);box-shadow:0 0 1px rgba(0,0,0,.1)}.kat__color-picker--hue-range::-moz-range-thumb:hover{transform:scale(1.1);box-shadow:0 5px 15px rgba(0,0,0,.15)}.kat__color-picker--selected-result{display:flex;align-items:center;gap:8px}.kat__color-picker--selected-color{outline:none;box-shadow:none;border:none;display:block;width:24px;height:24px;border-radius:24px;border:1px solid var(--neutral-30);background-color:var(--neutral-20)}.kat__color-picker--selected-input{outline:none;box-shadow:none;text-align:right;border-radius:4px;padding:4px 6px;border:1px solid var(--neutral-30);background:var(--neutral-10)}.kat__color-picker--selected-input:focus{outline:none;box-shadow:none}.kat__cropper-modal{width:100%;max-width:720px;padding:32px;margin:auto;background:var(--neutral-10);border-radius:16px}.kat__cropper-header{margin-bottom:16px;text-align:center}.kat__cropper__header-title{font-size:var(--fs-headline-sm);line-height:var(--lh-headline-sm);font-weight:500;color:var(--neutral-100);font-family:var(--montserrat)}.kat__cropper-content{margin-bottom:16px}.kat__cropper-preview{display:block;width:100%;height:480px;margin-bottom:16px}.kat__cropper-img{display:block;max-width:100%}.kat__cropper-toolbar{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:24px}.kat__cropper__toolbar-nav{display:inline-block;vertical-align:top}.kat__cropper__toolbar-btn{outline:none;border:none;box-shadow:none;display:flex;align-items:center;justify-content:center;padding:8px;border-radius:50%;background:0 0;cursor:pointer;transition:.3s}.kat__cropper__toolbar-btn:hover{background:var(--bg-main)}.kat__cropper__toolbar-btn:disabled{background:var(--neutral-50)}.kat__cropper__toolbar-btn svg{display:block;width:24px;height:24px}.kat__cropper-footer{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:16px}.kat__cropper-footer.w-line{border-top:1px solid var(--neutral-30);padding-top:16px}@media(max-width:768px){.kat__cropper-modal{padding:16px}.kat__cropper-preview{height:360px}.kat__cropper-toolbar{gap:12px}.kat__cropper__toolbar-btn svg{width:18px;height:18px}}.mini-popup{position:fixed;z-index:10;opacity:0;pointer-events:none;transition:opacity .5s ease}.mini-popup.show{opacity:1;pointer-events:visible}.mini-popup__dialog{}.mini-popup.show .mini-popup__dialog{animation-duration:500ms;animation-name:pulse-open}.mini-popup.hide .mini-popup__dialog{animation-duration:500ms;animation-name:pulse-close}.mini-popup__box{min-width:240px;display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:8px;background:var(--neutral-10);box-shadow:var(--shadow-2)}.mini-popup__header{display:flex;align-items:center;gap:8px}.mini-popup__content{display:flex;flex-direction:column;gap:12px}.mini-popup__footer{display:flex;justify-content:flex-end;gap:8px;padding:10px 16px}.mini-popup__section{display:flex;flex-direction:column;gap:8px}.mini-popup__title{font-size:var(--fs-text-lg);font-weight:var(--fw-semibold);line-height:var(--lh-text-lg);color:var(--primary)}.mini-popup__subtitle{font-size:var(--fs-text-md);font-weight:var(--fw-semibold);line-height:var(--lh-text-md);color:var(--neutral-100)}.mini-popup__box>hr{opacity:1;margin:0;border-color:var(--neutral-70)}.mini-popup__content>hr{opacity:1;margin:0;border-color:var(--neutral-30)}.mini-popup__header .kat__button.close{padding:4px;font-size:var(--fs-text-md);line-height:var(--lh-text-md);border-radius:6px;margin-left:auto;width:auto}.mini-popup__header .kat__button.close:hover{background:var(--neutral-30)}.mini-popup__footer .kat__button{padding:0;font-size:var(--fs-text-md);line-height:var(--lh-text-md);border-radius:6px}.einvitation__form input[type=file]{display:none}.einvitation__form__btn-wrap{width:100%;display:flex;justify-content:end;margin-top:32px;padding:0 0 12px}.kat__form-delete-cover{position:absolute;bottom:0;right:0;display:block;text-decoration:none;font-family:var(--montserrat);font-size:var(--fs-text-md);line-height:var(--lh-text-md);font-weight:400;color:var(--danger)}.kat__form-delete-cover:hover{color:var(--danger-pressed)}.kat__form-delete-cover.hide{display:none}.einvitation__form-cover{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;padding:32px 12px;border-radius:16px;background:var(--bg-main)}.einvitation__form-cover.hide{display:none}.einvitation__form-cover img{display:block;margin:0 auto;width:40px;height:40px}.einvitation__form-cover p{font-size:var(--fs-text-lg);line-height:var(--lh-text-lg);font-weight:400;color:var(--neutral-100)}.einvitation__form-cover p span{color:var(--primary)}.einvitation__form-cover small{font-size:var(--fs-text-md);line-height:var(--lh-text-md);font-weight:400;color:var(--neutral-80)}.einvitation__form-img{display:none;border-radius:16px;isolation:isolate;overflow:hidden;cursor:pointer}.einvitation__form-img img{display:block;width:100%;height:auto}.einvitation__form-cover.hide+.einvitation__form-img{display:block}.einvitation__wrap{}.einvitation__preview{}.einvitation__preview-title{}.einvitation__preview .einvitation__preview-shadow{margin:30px auto 0;width:420px;height:585px;box-shadow:0 5px 10px rgba(0,0,21,.15);overflow:hidden}.einvitation__preview #einvitationPreview{transform:scale(.75);transform-origin:0 0}.einvitation__download-form{}.einvitation__download__form-title{font-family:var(--montserrat);font-size:var(--fs-text-xl);line-height:var(--lh-text-xl);font-weight:600}.einvitation__download-option{display:flex;flex-direction:column;align-items:flex-start;margin-top:24px}.einvitation__download__option-content{width:100%;margin-top:12px;display:none}.einvitation__download__form__btn-wrap{margin-top:32px;display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:16px}.einvitation__download__form__btn-wrap .preparing-status{font-size:var(--fs-text-lg);line-height:var(--lh-text-lg);font-weight:500;color:var(--neutral-80);display:none}.einvitation__download-wrap{}.einvitation__download-table{}.einvitation__download-table .kat__table-wrap{}.einvitation__download-table .kat__table-wrap td{vertical-align:top}.einvitation__download-table .kat__table-wrap td span.label{}.einvitation__download-table .kat__table-wrap td span.small{display:none}.einvitation__download-table .kat__table-wrap td span.people-label{}.einvitation__download-table table .redownload{position:relative;left:0%;font-size:var(--fs-text-lg);line-height:var(--lh-text-lg);font-weight:400;color:var(--primary);text-decoration:none;display:inline-block;vertical-align:top;white-space:nowrap;transition:.25s}.einvitation__download-table table .redownload:hover{}.einvitation__download-table table .redownload svg{display:inline-block;vertical-align:top;width:auto;height:17px}@media(max-width:920px){.einvitation__preview .einvitation__preview-shadow{width:336px;height:468px}.einvitation__preview #einvitationPreview{transform:scale(.6)}}@media(max-width:920px){.einvitation__preview .einvitation__preview-shadow{width:476px;height:663px}.einvitation__form-cover{background:var(--neutral-20)}.einvitation__preview #einvitationPreview{transform:scale(.85)}.einvitation__form__btn-wrap{display:flex;justify-content:flex-end}.einvitation__download-table{}.einvitation__download__form__btn-wrap{justify-content:center}}@media(max-width:768px){.einvitation__preview .einvitation__preview-shadow{width:336px;height:468px}.einvitation__preview #einvitationPreview{transform:scale(.6)}.einvitation__download-table .kat__table-wrap th:nth-child(2),.einvitation__download-table .kat__table-wrap td:nth-child(2){text-align:center}.einvitation__download-table .kat__table-wrap th:nth-child(3),.einvitation__download-table .kat__table-wrap td:nth-child(3){display:none}.einvitation__download-table .kat__table-wrap td span.label{font-weight:600}.einvitation__download-table .kat__table-wrap td span.small{display:block;margin-top:6px;font-size:var(--fs-text-lg);line-height:var(--lh-text-lg);color:var(--neutral-80)}.einvitation__download-table .kat__table-wrap td span.people-label{display:none}}@media(max-width:425px){.einvitation__download__form__btn-wrap{flex-direction:column}}@media(max-width:375px){.einvitation__preview #einvitationPreview{transform:scale(.5);transform-origin:0% 0%}.einvitation__preview .einvitation__preview-shadow{width:280px;height:390px}}.kat__range{display:flex;align-items:center;gap:8px}.kat__range .range-min-label{font-size:var(--fs-text-lg);font-weight:var(--fw-regular);line-height:var(--lh-text-lg);cursor:pointer}.kat__range .range-max-label{font-size:var(--fs-headline-sm);font-weight:var(--fw-semibold);line-height:var(--lh-headline-sm);cursor:pointer}.kat__range .range-slider{-webkit-appearance:none;appearance:none;flex-grow:1;width:100%;--range: calc(var(--max) - var(--min));--ratio: calc((var(--value) - var(--min)) / var(--range));--sx: calc(0.5 * 2em + var(--ratio) * (100% - 2em))}.kat__range .range-slider::-webkit-slider-runnable-track{-webkit-appearance:none;appearance:none;height:8px;border-radius:8px;border:none;outline:none;cursor:pointer;background:linear-gradient(var(--primary),var(--primary)) 0/var(--sx) 100% no-repeat,var(--neutral-50)}.kat__range .range-slider::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:20px;margin-top:-6px;background:var(--primary);cursor:ew-resize}.kat__range .range-slider::-moz-range-thumb{width:20px;height:20px;border-radius:20px;margin-top:-6px;background:var(--primary);cursor:pointer}.kat__range .range-slider::-moz-range-progress{background-color:var(--primary)}.kat__range .range-slider::-moz-range-track{background-color:var(--neutral-50)}.kat__range .range-slider::-ms-fill-lower{background-color:var(--primary)}.kat__range .range-slider::-ms-fill-upper{background-color:var(--neutral-50)}.customize-design--page .breadcumb-wrapper{display:flex;align-items:center;gap:24px;padding-right:30px;background:var(--neutral-10);border-bottom:1px solid var(--neutral-30)}.customize-design--page .breadcumb-wrapper>.kat__breadcumb{width:100%;padding-right:0}.customize-design--page .breadcumb-wrapper>.preview-monitor{display:none;margin-left:auto}.customize-design--page .breadcumb-wrapper>.close-monitor{position:fixed;z-index:99999;top:20px;right:-100px;opacity:0;transition:top .3s ease-in-out,right .3s ease-in-out,opacity .3s ease-in-out}.customize-design--page .breadcumb-wrapper>.close-monitor.show{right:20px;opacity:1}.customize-design--page .split-form{display:grid;gap:12px}.customize-design--page .split-form.split-2{grid-template-columns:1fr 1fr}.customize-design--page .split-form>*{width:100%}.customize-design--page .presets-body{display:flex;flex-direction:column}.customize-design--page .preset-items{display:flex;gap:8px;margin:-4px -30px;padding:4px 30px;align-items:center;overflow-y:hidden;overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none}.customize-design--page .modal-content .preset-items{flex-wrap:wrap;margin:-4px;padding:4px;align-items:flex-start}.customize-design--page .preset-items::-webkit-scrollbar{display:none}.customize-design--page .preset-item{position:relative;z-index:1}.customize-design--page .preset-item>input{display:none}.customize-design--page .preset-card{position:relative;border-radius:16px;cursor:pointer;background-color:var(--neutral-10);box-shadow:var(--shadow-1);border:1px solid transparent;transition:box-shadow .25s ease-in-out,border .25s ease-in-out}.customize-design--page .preset-preview{display:flex;align-items:center;gap:12px;padding:16px 12px;background-color:var(--neutral-30);border-top-right-radius:16px;border-top-left-radius:16px}.customize-design--page .preset-preview>div{display:flex;flex-direction:column;gap:8px}.customize-design--page .preset-preview h5{font-size:var(--fs-headline-sm);line-height:var(--lh-headline-sm);font-weight:var(--fw-medium);color:var(--neutral-100)}.customize-design--page .preset-preview p{font-size:var(--fs-text-md);line-height:var(--lh-text-md);font-weight:var(--fw-regular);color:var(--neutral-100)}.customize-design--page .preset-preview button{outline:none;box-shadow:none;border:none;display:flex;align-items:center;gap:8px;padding:8px 16px;background-color:var(--neutral-50);color:var(--neutral-100);--hover-background: var(--neutral-50);--hover-color: var(--neutral-100);border-radius:6px;pointer-events:none;transition:background-color .25s ease-in-out,color .25s ease-in-out}.customize-design--page .preset-preview button:hover{background-color:var(--hover-background);color:var(--hover-color)}.customize-design--page .preset-colors{display:flex;align-items:center;justify-content:center;padding:8px;background-color:var(--neutral-10);border-bottom-right-radius:16px;border-bottom-left-radius:16px}.customize-design--page .preset-colors>ul{display:flex;align-items:center;justify-content:flex-start}.customize-design--page .preset-colors>ul>li{display:block;width:24px;height:24px;margin:0 -4px;border-radius:50%;background-color:var(--neutral-30);transition:box-shadow .25s ease-in-out}.customize-design--page .preset-colors>ul>li:hover{box-shadow:var(--shadow-1)}.customize-design--page .preset-item>input:hover+.preset-card{box-shadow:0 0 0 3px var(--primary-border)}.customize-design--page .preset-item>input:checked+.preset-card{border:1px solid var(--primary);box-shadow:0 0 0 3px var(--primary-border)}.customize-design--page .kat__accordion-label+button[class*=btn--]{outline:none;box-shadow:none;border:none;display:flex;align-items:center;justify-content:center;gap:8px;height:32px;font-size:16px;padding:8px;border-radius:32px;margin-left:auto;cursor:pointer;color:var(--neutral-100);transition:background-color .25s ease-in-out}.customize-design--page .kat__accordion-label+button[class*=btn--]:hover{background-color:var(--neutral-30)}.customize-design--page .btn--all-styles{background-color:transparent}.customize-design--page .btn--search-template{background-color:var(--bg-main)}.customize-design--page .template-body{display:flex;flex-direction:column;gap:16px}.customize-design--page .template-search-box{display:none}.customize-design--page .template-search-box>input{width:100%}.customize-design--page .template-items{display:grid;grid-template-columns:repeat(3,1fr);gap:16px 10px}.customize-design--page .template-item{position:relative;z-index:1}.customize-design--page .template-item>input{display:none}.customize-design--page .template-card{position:relative;border-radius:12px;cursor:pointer;background-color:var(--neutral-10);box-shadow:var(--shadow-1);border:1px solid transparent;transition:box-shadow .25s ease-in-out,border .25s ease-in-out}.customize-design--page .template-preview{display:block;width:216px;height:240px;width:100%;border-top-left-radius:12px;border-top-right-radius:12px;object-fit:cover;object-position:top}.customize-design--page .template-details{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px;background-color:var(--neutral-10);border-bottom-left-radius:12px;border-bottom-right-radius:12px}.customize-design--page .template-name{font-size:var(--fs-text-md);line-height:var(--lh-text-md);font-weight:var(--fw-semibold)}.customize-design--page .template-card-status{position:absolute;top:8px;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:4px;padding:6px 8px;font-size:8px;line-height:10px;border-radius:25px;width:max-content;max-width:90%;border:1px solid var(--neutral-40);background:var(--neutral-20)}.customize-design--page .template-card.editable .template-card-status{border:1px solid var(--success-border);color:var(--success)}.customize-design--page .template-card.uneditable .template-card-status{border:1px solid var(--danger-border);color:var(--danger)}.customize-design--page .template-item>input:hover+.template-card{box-shadow:0 0 0 3px var(--primary-border)}.customize-design--page .template-item>input:checked+.template-card{border:1px solid var(--primary);box-shadow:0 0 0 3px var(--primary-border)}.customize-alert--wrapper{position:absolute;z-index:10;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:rgba(var(--neutral-10-rgb),.8);padding:16px;opacity:0;pointer-events:none;transition:opacity .35s ease-in-out}.customize-alert--wrapper.show{opacity:1;pointer-events:visible}.customize-alert{background-color:var(--neutral-100);padding:16px;display:flex;align-items:center;flex-direction:column;gap:12px;border-radius:16px;color:var(--neutral-10)}.customize-alert--icon{font-size:32px}.customize-alert--caption{font-size:var(--fs-text-md);font-weight:var(--fw-regular);line-height:var(--lh-text-md);text-align:center}.customize-alert--label{display:flex;align-items:center;justify-content:center;gap:4px;padding:6px 8px;font-size:8px;line-height:10px;text-decoration:none;border-radius:25px;border:1px solid var(--success-border);background:var(--neutral-20);color:var(--success)}.customize-design--page .select-colors__wrap{display:flex;flex-direction:column;gap:8px}.customize-design--page .select-color__item{display:flex;align-items:center;gap:8px}.customize-design--page .select-color__box{outline:none;display:flex;align-items:center;gap:8px;flex-grow:1;padding:8px 16px;border-radius:6px;font-size:var(--fs-text-lg);font-weight:var(--fw-regular);line-height:var(--lh-text-lg);color:var(--neutral-100);border:1px solid var(--primary-border);background-color:var(--neutral-10);transition:color .3s ease,background-color .3s ease,opacity .3s ease}.customize-design--page .select-color__box:disabled{opacity:.5;border:1px solid rgba(var(--primary-border-rgb),.5)}.customize-design--page .select-color__box:not(:disabled):hover{color:var(--primary);background-color:var(--bg-main)}.customize-design--page .select-color__box:not(:disabled):focus{border:1px solid var(--primary-border)}.customize-design--page .select-color__box:disabled:hover{color:inherit;background-color:inherit}.customize-design--page .select-color__bullet{display:inline-block;width:24px;height:24px;border-radius:24px;background-color:var(--neutral-30);border:1px solid var(--neutral-30)}.customize-design--page .select-color__preview-button-box{background:var(--bg-main);display:flex;flex-direction:column;gap:4px;padding:16px;border-radius:6px}.customize-design--page .select-color__preview-button{width:100%;max-width:128px;margin:0 auto;border-radius:6px;background-color:var(--neutral-30);color:var(--neutral-100)}.customize-design--page .reset--font-setup{outline:none;box-shadow:none;border:none;background:0 0;align-self:flex-end;font-size:var(--fs-text-md);line-height:var(--lh-text-md);font-weight:var(--fw-regular);color:var(--primary);position:relative;transition:color .25s ease-in-out}.customize-design--page .reset--font-setup:hover{color:var(--primary-pressed)}.customize-design--page .reset--font-setup::before{content:'';position:absolute;left:0;bottom:0;width:0%;height:1px;background:currentColor;transition:width .15s ease-in}.customize-design--page .reset--font-setup:hover::before{width:100%}.customize-design--page input.font--family{cursor:pointer}.customize-design--page .preview-text__wrap{display:flex;flex-direction:column;gap:12px;text-align:center;padding:32px 16px;border-radius:6px;background:var(--bg-main)}.customize-design--page .preview-text.heading{font-size:var(--fs-headline-lg);color:var(--neutral-100)}.customize-design--page .preview-text.body-text{font-size:var(--fs-text-xl);color:var(--neutral-100)}.customize-design--page .fontsize-wrap{display:flex;align-items:center;gap:16px}.customize-design--page .fontsize-wrap .kat__range{width:100%}.customize-design--page .fontsize-wrap .kat__button{width:50px;height:50px;border-radius:50px;flex-shrink:0;background:var(--bg-main)}.customize-design--page .fontsize-wrap .kat__button:hover{background:var(--primary);color:var(--neutral-10)}.customize-design--page .lettercase-wrap{display:flex;align-items:center;gap:8px}.customize-design--page .lettercase-item{flex-grow:1}.customize-design--page .lettercase-item>input[type=radio]{display:none}.customize-design--page .lettercase-option{text-align:center;font-size:var(--fs-text-lg);font-weight:var(--fw-regular);line-height:var(--lh-text-lg);cursor:pointer;transition:border .35s ease,color .35s ease,font-weight .35s ease}.customize-design--page .lettercase-item>input[type=radio]:checked+.lettercase-option{font-weight:var(--fw-semibold);color:var(--primary);border:1px solid var(--primary-border)}.customize-design--page .lettercase-item>input[type=radio]:checked+.lettercase-option:hover,.customize-design--page .lettercase-option:hover{font-weight:var(--fw-semibold);border:1px solid var(--primary);color:var(--primary)}.customize-design--page .lettercase-wrap .kat__button{width:50px;height:50px;border-radius:50px;flex-shrink:0;background:var(--bg-main)}.customize-design--page .lettercase-wrap .kat__button:hover{background:var(--primary);color:var(--neutral-10)}.customize-design--page .customize-design--sticky-wrapper{display:flex;align-items:center;justify-content:flex-end;padding:12px 30px;position:sticky;position:-webkit-sticky;left:0;right:0;bottom:-24px;transform:translateX(-30px);width:calc(100% + 60px);margin:0 0 -24px;background-color:var(--neutral-10);border-top:1px solid var(--neutral-30)}#selectFontsModal .modal-body{display:flex;flex-direction:column;gap:24px;padding:24px 0;height:100%}#selectFontsModal .modal-title{font-size:var(--fs-headline-sm);font-weight:var(--fw-semibold);line-height:var(--lh-headline-sm)}#selectFontsModal .kat__form-wrapper{gap:12px;padding:0 24px}#selectFontsModal .fontitems__wrapper{display:flex;flex-direction:column;gap:24px;padding:0 24px;overflow:hidden}#selectFontsModal .fontitems__box{display:flex;flex-direction:column;padding:0 24px;margin:0 -24px;overflow-y:auto}#selectFontsModal .fontitems{border-radius:16px;border:1px solid var(--neutral-50);overflow:hidden}#selectFontsModal .fontitem{display:flex;flex-direction:column;gap:12px;padding:12px;background:var(--neutral-10);border-bottom:1px solid var(--neutral-50);cursor:pointer;transition:background .35s ease;position:relative}#selectFontsModal .fontitem:last-of-type{border-bottom:none}#selectFontsModal .fontitem.selected{background:var(--bg-main)}#selectFontsModal .fontitem.selected::before{content:'\2713';position:absolute;bottom:5px;right:10px;font-size:24px;color:var(--neutral-100)}#selectFontsModal .fontitem:hover,#selectFontsModal .fontitem:focus{background:var(--bg-main)}#selectFontsModal .fontitem-family{font-family:var(--montserrat);font-size:var(--fs-text-lg);font-weight:var(--fw-regular);line-height:var(--lh-text-lg);color:var(--neutral-90)}#selectFontsModal .fontitem-example{font-size:var(--fs-headline-sm)!important;color:var(--neutral-100)}.live-preview__wrapper{display:flex;flex-direction:column;gap:38px}.live-preview__header{display:flex;align-items:center;gap:12px}.live-preview__title{font-size:var(--fs-text-lg);font-weight:var(--fw-semibold);line-height:var(--lh-text-lg);color:var(--neutral-100);white-space:nowrap}.live-preview__toolbar{display:flex;align-items:center;flex-grow:1;background-color:transparent;width:100%;position:relative}.live-preview__toolbar::before{content:'';position:absolute;inset:0;background-color:var(--neutral-10);border-radius:50px;border:1px solid var(--neutral-30)}.live-preview__toolbar input[name=live_preview_url]{position:relative;background-color:transparent;outline:none;border:none;background-color:transparent;padding:8px;flex-grow:1;flex-shrink:0;font-size:var(--fs-text-md);font-weight:var(--fw-regular);line-height:var(--lh-text-md)}.live-preview__toolbar .kat__dropdown{flex-shrink:0}.live-preview__toolbar .kat__dropdown-btn{background-color:var(--bg-main);border-radius:50px;border:1px solid var(--neutral-30);padding:8px;gap:8px;font-size:var(--fs-text-md);font-weight:var(--fw-regular);line-height:var(--lh-text-md)}.live-preview__toolbar .kat__dropdown-content{min-width:150px}.live-preview__toolbar .kat__dropdown-nav .kat__dropdown-link{display:flex;align-items:center;gap:6px;white-space:nowrap}.live-preview__toolbar .kat__dropdown-nav .kat__dropdown-link.active{color:var(--primary);background:var(--primary-surface)}.live-preview__content{display:flex;align-items:center;flex-direction:column;gap:24px}.live-preview__content .device--items{display:flex;align-items:center;justify-content:flex-start}.live-preview__content .device--item{display:block}.live-preview__content .device--item>input{display:none}.live-preview__content .device--box{display:flex;align-items:center;justify-content:center;gap:6px;padding:4px;font-size:20px;width:28px;height:28px;border:1px solid transparent;border-radius:4px;background-color:transparent;opacity:.75;cursor:pointer;transition:border .25s ease-in-out,background-color .25s ease-in-out,opacity .25 ease-in-out}.live-preview__content .device--box.rotate-90>i.ph{transform:rotate(90deg)}.live-preview__content .device--item>input:hover+.device--box{background-color:var(--secondary-border)}.live-preview__content .device--item>input:checked+.device--box{border:1px solid var(--neutral-100);background-color:var(--secondary);opacity:1}.live-preview__monitor{background-color:var(--neutral-100);overflow:hidden;position:relative;transition:width .3s ease-in-out,height .3s ease-in-out,padding .3s ease-in-out,border-radius .3s ease-in-out,top .3s ease-in-out,left .3s ease-in-out,right .3s ease-in-out,bottom .3s ease-in-out,opacity .3s ease-in-out}.live-preview__monitor-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--neutral-10);font-size:16px;text-align:center;pointer-events:none;transition:opacity .3s ease-in-out}.live-preview__monitor-loader>i{font-size:26px}.live-preview__monitor-loader.hide{opacity:0}.live-preview__monitor.desktop{width:776px;height:377.5px;border-radius:8px;padding:4px}.live-preview__monitor.tablet.potrait{width:437px;height:528.49px;border-radius:16px;padding:20px 16px}.live-preview__monitor.tablet.landscape{width:580px;height:385.49px;border-radius:16px;padding:16px 20px}.live-preview__monitor.mobile{width:324.5px;height:638.75px;border-radius:24px;padding:40px 16px}.live-preview__monitor>iframe{opacity:0;border-radius:8px;background-color:var(--neutral-100);overflow:hidden;transform-origin:top left;transition:width .3s ease-in-out,height .3s ease-in-out,transform .3s ease-in-out,opacity .3s ease-in-out}.live-preview__monitor>iframe.show{opacity:1}.live-preview__monitor.desktop>iframe{width:1536px;height:739px;transform:scale(.5)}.live-preview__monitor.tablet.potrait>iframe{width:810px;height:977px;transform:scale(.5)}.live-preview__monitor.tablet.landscape>iframe{width:1080px;height:707px;transform:scale(.5)}.live-preview__monitor.mobile>iframe{width:390px;height:745px;transform:scale(.75)}@media(max-width:1600px){.live-preview__monitor.desktop{width:622.4px;height:303.6px}.live-preview__monitor.tablet.potrait{width:356px;height:430.8px}.live-preview__monitor.tablet.landscape{width:472px;height:314.8px}.live-preview__monitor.mobile{width:227px;height:452.5px}.live-preview__monitor.desktop>iframe{transform:scale(.4)}.live-preview__monitor.tablet.potrait>iframe{transform:scale(.4)}.live-preview__monitor.tablet.landscape>iframe{transform:scale(.4)}.live-preview__monitor.mobile>iframe{transform:scale(.5)}}@media(max-width:1200px){.live-preview__header{align-items:flex-start;flex-direction:column}}@media(max-width:920px){.customize-design--page .preview-text__wrap{background:var(--neutral-10)}.customize-design--page .breadcumb-wrapper>.preview-monitor{display:block}.customize-design--page .kat__page{position:fixed;top:0;left:100%;bottom:0;right:0;background:var(--neutral-10)}.customize-design--page .kat__toolbar-underline li span{padding:12px}.kat__toolbar-wrap{padding-top:14px}}@media(max-width:768px){.customize-design--page .breadcumb-wrapper{padding-right:24px}}@media(max-width:560px){.customize-design--page .template-items{grid-template-columns:repeat(2,1fr)}}@media(max-width:500px){.customize-design--page .split-form.split-2{grid-template-columns:1fr}}@media(max-width:360px){.customize-design--page .template-items{grid-template-columns:repeat(1,1fr)}}.live-preview__monitor.fullscreen{position:fixed;z-index:99998;top:0;left:100%;bottom:0;right:0;opacity:0;width:100%!important;height:100%!important;border-radius:0!important;padding:0!important}.live-preview__monitor.fullscreen.show{left:0;opacity:1}.live-preview__monitor.fullscreen>iframe{border-radius:0;width:100%!important;height:100%!important;transform:scale(1)!important}.kat__alert{position:fixed;z-index:999;top:20px;left:50%;transform:translateX(-50%);opacity:0;transition:opacity .35s ease-in-out}.kat__alert.show{opacity:1}.kat__alert-dialog{max-width:720px;min-width:360px;border-radius:8px;box-shadow:var(--shadow-1);border:none;background-color:var(--neutral-10);overflow:hidden}.kat__alert.show .kat__alert-dialog{animation-duration:800ms;animation-name:tada-open}.kat__alert-content{display:flex;align-items:flex-start;gap:8px;padding:8px 12px;background-color:rgba(var(--neutral-30-rgb),.40)}.kat__alert.info .kat__alert-content{background-color:var(--info-surface)}.kat__alert.success .kat__alert-content{background-color:var(--success-surface)}.kat__alert.warning .kat__alert-content{background-color:var(--warning-surface)}.kat__alert.danger .kat__alert-content{background-color:var(--danger-surface)}.kat__alert-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:8px;border-radius:50%;background-color:var(--neutral-10);font-size:16px;color:var(--neutral-50)}.kat__alert.info .kat__alert-icon{color:var(--info)}.kat__alert.success .kat__alert-icon{color:var(--success)}.kat__alert.warning .kat__alert-icon{color:var(--warning)}.kat__alert.danger .kat__alert-icon{color:var(--danger)}.kat__alert-caption{display:flex;flex-direction:column;align-self:center;flex-grow:1;gap:4px}.kat__alert-label{font-size:var(--fs-text-sm);font-weight:var(--fw-semibold);line-height:var(--lh-text-sm);color:var(--neutral-100)}.kat__alert-description{font-size:var(--fs-text-sm);font-weight:var(--fw-regular);line-height:var(--lh-text-sm);color:var(--neutral-100)}.kat__alert-close{flex-shrink:0;outline:none;box-shadow:none;border:none;background-color:transparent;font-size:var(--fs-text-md);color:var(--neutral-80);cursor:pointer;transition:color .25s ease-in-out}.kat__alert-close:hover{color:var(--neutral-100)}@media(max-width:450px){.kat__alert-box{min-width:0}}.table--check{}.table--check>input{display:none}.table--check .table--check-box{position:relative;width:16px;height:16px;border-radius:4px;border:1px solid var(--neutral-70);background-color:transparent;font-size:9px;color:var(--neutral-10);cursor:pointer;transition:border .2s ease-in-out}.table--check .table--check-box::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.95);opacity:0;width:12px;height:12px;border-radius:2px;background-color:var(--primary);pointer-events:none;transition:transform .2s ease-in-out,opacity .2s ease-in-out}.table--check .table--check-tick{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.95);opacity:0;pointer-events:none;transition:transform .2s ease-in-out,opacity .2s ease-in-out;transition-delay:.1s}.table--check>input:checked+.table--check-box{border:1px solid var(--primary)}.table--check>input:checked+.table--check-box::before{transform:translate(-50%,-50%) scale(1);opacity:1}.table--check>input:checked+.table--check-box .table--check-tick{transform:translate(-50%,-50%) scale(1);opacity:1}.skeleton{display:block;width:100%;height:16px;border-radius:3px;background-color:var(--neutral-30);animation:skeleton 1s linear infinite alternate}.skeleton.xs{width:25%}.skeleton.sm{width:50%}.skeleton.md{width:75%}@keyframes skeleton{0%{background-color:#d1dbe0}100%{background-color:#f0f3f5}}@-webkit-keyframes skeleton{0%{background-color:#d1dbe0}100%{background-color:#f0f3f5}}.schedule__page button.submit>i{vertical-align:middle}.schedule__page .mb-0{margin-bottom:0!important}.schedule__page .modal-dialog{position:relative;width:auto;margin:auto;flex-grow:1}.schedule__page .modal-dialog.modal-sm{max-width:300px}.schedule__page .modal-dialog.modal-md{max-width:500px}.schedule__page .modal-dialog.modal-lg{max-width:800px}.schedule__page .modal-dialog.modal-xl{max-width:1140px}.schedule__page .modal-content{width:100%}.schedule__page .modal-content .time-zone{position:absolute;top:50%;right:10px;transform:translateY(-50%);font-size:var(--fs-text-md);line-height:var(--lh-text-md);font-weight:var(--fw-regular);pointer-events:none}.schedule__page .modal-content .mea1{gap:12px}.schedule__page .modal-content .mea1>div{flex:initial;margin-bottom:0}.schedule__page .modal-content .mea1>div:first-child{width:80%;margin-right:0}.schedule__page .modal-content .mea1>div:last-child{margin-left:0}@media(max-width:425px){.schedule__page .modal-content .mea1>div:first-child{width:100%}}.schedule__page .graphic-preview .graphic-round{width:75px;height:75px}.schedule__page .graphic-guest-body .graphic-detail{display:flex;flex-direction:column}.schedule__page .graphic-detail table{margin:auto}.schedule__page .form-control[readonly]{cursor:initial;opacity:initial}.schedule__page .plus-minus-group{display:flex;width:100%;margin-bottom:0;border:none;position:relative}.schedule__page .plus-minus-group::before{content:'';position:absolute;inset:0;background-color:transparent;border:1px solid rgba(0,0,0,.2);pointer-events:none}.schedule__page .plus-minus-toggle{width:43px;height:43px;flex-shrink:0;position:relative}.schedule__page .plus-minus-control{width:100%;font-size:15px;line-height:1.5;padding:10px;position:relative}.schedule__content{display:flex;flex-direction:column;gap:24px;margin:24px 0 0}.schedule__toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.schedule__toolbar.flex-end{justify-content:flex-end}.schedule__toolbar .btn{white-space:nowrap}.schedule__toolbar .btn>i{margin:0 5px 0 0}.schedule__toolbar p{font-size:var(--fs-text-md);line-height:var(--lh-text-md);font-weight:var(--fw-regular)}.schedule__toolbar .search-form{width:auto}.schedule__toolbar .schedule--toolbar-caption{display:flex;align-items:center;justify-content:flex-start;gap:12px}.schedule__toolbar .schedule--toolbar-caption>.ph-note-pencil{font-size:32px;vertical-align:middle}.schedule__toolbar .selected--records{font-size:var(--fs-text-md);line-height:var(--lh-text-md);font-weight:var(--fw-regular);align-self:flex-end;margin-right:auto}.schedule__toolbar .selected--records.desktop{display:block}.schedule__toolbar .selected--records.mobile{display:none}.schedule__content .guest-table thead tr{border:none}.schedule__content .guest-table thead tr th{padding:8px;border-top:2px solid var(--tertiary-clr);border-bottom:2px solid var(--tertiary-clr)}.schedule__content .guest-table thead tr th:not(.sorting_disabled){padding-right:20px}.schedule__content .guest-table tr th,.schedule__content .guest-table tr td{white-space:nowrap}.schedule__content .guest-table tbody tr td input[type=checkbox]{display:none}.schedule__content .guest-table .record-num{width:1%}.schedule__content .guest-table .record-center{text-align:center}.schedule__content .guest-table .record-nowrap{white-space:nowrap}.schedule__content .guest-table tbody tr.is-skeleton:hover{background-color:initial}.schedule__content .guest-table .schedule--status{background-color:var(--neutral-20);border:1px solid var(--neutral-70);color:var(--neutral-70);padding:2px 8px;border-radius:8px;white-space:nowrap;display:inline-block;font-size:var(--fs-text-sm);line-height:var(--lh-text-sm);font-weight:var(--fw-regular)}.schedule__content .guest-table .schedule--status.reminded{background-color:var(--success-border);border:1px solid var(--success);color:var(--success)}.schedule__content .guest-table .schedule--status.failed{background-color:var(--danger-border);border:1px solid var(--danger);color:var(--danger)}.schedule__content .guest-table .schedule--status.warning{background-color:var(--warning-border);border:1px solid var(--warning);color:var(--warning)}.template--viewer{padding:20px;max-height:400px;min-height:120px;overflow-y:auto;font-size:var(--fs-text-md);line-height:var(--lh-text-md);font-weight:var(--fw-regular);background-color:var(--neutral-20)}.template--receiver{background-color:#f6eed7;display:flex;padding:10px 20px;gap:12px;max-height:150px;overflow:hidden;transition:max-height .35s ease-in-out,padding .35s ease-in-out}.template--receiver.hide{padding:0;max-height:0}.template--receiver>label{flex-shrink:0;font-size:var(--fs-text-sm);line-height:var(--lh-text-sm);font-weight:var(--fw-regular)}.template--receiver-items{flex-grow:1;overflow-y:auto;font-size:var(--fs-text-sm);line-height:var(--lh-text-sm);font-weight:var(--fw-regular)}.template--receiver-items>strong{font-weight:var(--fw-bold)}.schedule__page .modal .template--viewer{margin:0 -20px -10px}.schedule__page .modal .template--receiver{margin:-10px -20px 10px}.schedule__page .modal .switch-group{padding:0}@media(max-width:425px){.schedule__toolbar{padding:0 20px}.schedule__toolbar .btn{width:100%}.schedule__toolbar .search-form{width:100%}.schedule__toolbar .selected--records.desktop{display:none}.schedule__toolbar .selected--records.mobile{display:block}}.kat__progress{display:none;opacity:0;flex-direction:column;gap:8px;padding:10px 20px;transition-property:opacity;transition-duration:.3s;transition-timing-function:ease-in-out}.kat__progress.show{display:flex}.kat__progress>progress{border:0;height:12px;border-radius:99px;width:100%;background:var(--secondary-clr);transition:width .3s ease-in-out}.kat__progress>progress::-webkit-progress-bar{border:0;height:12px;border-radius:99px;background:var(--secondary-clr);transition:width .3s ease-in-out}.kat__progress>progress::-webkit-progress-value{border:0;height:12px;border-radius:99px;background:var(--wood-clr);transition:width .3s ease-in-out}.kat__progress>progress::-moz-progress-bar{border:0;height:12px;border-radius:99px;background:var(--secondary-clr);transition:width .3s ease-in-out}.kat__progress .kat__progress-process{font-family:var(--montserrat);font-size:14px;color:var(--wood-clr);font-weight:600;margin-left:auto}.kat__progress .kat__progress-status{font-family:var(--montserrat);font-size:14px;color:#616161;font-weight:600}.kat__progress .kat__progress-status>span{font-family:inherit;font-size:inherit;color:var(--wood-clr);font-weight:inherit}.kat__progress .kat__progress-status.show{}@media only screen and (max-width:425px){.kat__progress{padding:.25em .25em .5em}}#notif-page{height:auto;background-color:#fafafa}#notif-page .btn-primary-main{background-color:var(--primary);padding:16px 24px;color:var(--neutral-10);font-weight:600;font-size:15px;border:1px solid var(--neutral-100);border-radius:50px;box-shadow:0 1px 2px 0 rgba(0,0,0,.12);transition:.5s}#notif-page .btn-primary-main:hover{background-color:var(--primary-pressed)}#notif-page .btn-primary-main:focus{background-color:var(--primary-focused);color:var(--neutral-90)}#notif-page .input-group-flex{display:flex;gap:10px}#notif-page .card{width:fit-content;margin:0 auto;padding:40px 48px 48px;box-shadow:rgba(0,0,0,.17) 0 1px 2px 0;border-radius:40px;background:0 0;border:none}#notif-page .card .card-header{padding:0;border-bottom:2px solid var(--neutral-30);background:0 0}#notif-page .card .card-header .card-title .title-head{font-size:24px;font-weight:600}#notif-page .card .card-header .card-title .title-description{font-size:16px;font-weight:400;margin:10px 0 32px}#notif-page .card .card-body{padding:0}.toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:55px;height:25px;display:inline-block;position:relative;border-radius:50px;overflow:hidden;outline:none;border:none;cursor:pointer;background-color:var(--neutral-30);transition:background-color ease .3s}.toggle::before{content:"On Off";display:flex;align-items:center;position:absolute;z-index:2;width:20px;height:20px;background-color:var(--neutral-10);left:2px;top:2px;border-radius:50%;font:12px/28px var(--inter);font-weight:700;text-indent:-22px;word-spacing:31px;color:var(--neutral-10);white-space:nowrap;transition:all cubic-bezier(.3,1.5,.7,1) .3s}.toggle:checked{background-color:var(--primary)}.toggle:checked::before{left:32px}.notification-content{width:auto;font-family:var(--montserrat);margin:50px auto}.notification-content .notification-item-title{font-size:18px;font-weight:500;color:var(--neutral-100);margin-bottom:8px}.notification-content .notification-item-description{font-size:16px;font-weight:400;color:var(--neutral-100)}.notification-content .input-group-flex{margin-top:32px}.notification-content .btn-primary-main{margin-top:32px;margin-left:auto}.mail-content{margin-top:40px}.mail-content .card{width:70vw;margin:0 auto;margin-top:25px}.mail-content .mail-head{display:flex;justify-content:center}.mail-content .mail-head .mail-head-image{height:40px}.feedback-content{margin:0;padding:0;background-color:#fbfbfb;margin-top:80px;font-family:var(--roboto)}.feedback-content .card{width:auto;max-width:650px;margin:0 auto;padding:40px;background-color:var(--neutral-10);margin-bottom:80px}.feedback-content .feedback-header{width:230px;margin:0 auto}.feedback-content .feedback-header .feedback-icon{background-color:var(--primary-surface);text-align:center;padding:0 40px;border-radius:16px 16px 0 0}.feedback-content .feedback-header .feedback-star{display:flex;justify-content:center;padding:24px 32px;background-color:#fbfbfb;border-radius:0 0 16px 16px}.feedback-content .feedback-header .feedback-star .feedback-star-item{width:40px;display:block}.feedback-content .feedback-header .feedback-star .check-star-box input[name=star]{display:none}.feedback-content .feedback-header .feedback-star .check-star{width:40px;height:40px;position:relative}.feedback-content .feedback-header .feedback-star .check-star .ic-star{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;object-fit:contain;transition:opacity .25s ease-in-out}.feedback-content .feedback-header .feedback-star .check-star .ic-star.outline{opacity:1}.feedback-content .feedback-header .feedback-star .check-star .ic-star.filled{opacity:0}.feedback-content .feedback-header .feedback-star .check-star-box input[name=star]:checked+.check-star .ic-star.outline{opacity:0}.feedback-content .feedback-header .feedback-star .check-star-box input[name=star]:checked+.check-star .ic-star.filled{opacity:1}.feedback-content .feedback-body .feedback-body-head{text-align:center}.feedback-content .feedback-body .feedback-body-head .feedback-title{font-size:20px;font-weight:500;margin:16px 0;color:var(--neutral-90)}.feedback-content .feedback-body .feedback-body-head .feedback-description{font-size:15px;font-weight:400;margin:16px 0;color:var(--neutral-90)}.feedback-content .feedback-form .feedback-input{outline:none;height:100px;border:2px solid var(--neutral-50);border-radius:16px;background-color:var(--neutral-10);width:100%;padding:16px}.feedback-content .feedback-form .feedback-input:focus{border-color:var(--danger-surface)}.feedback-content .feedback-form .feedback-input::-webkit-input-placeholder{color:var(--neutral-50)}.feedback-content .feedback-form .feedback-input:ms-input-placeholder{color:var(--neutral-50)}.feedback-content .feedback-form .feedback-input::placeholder{color:var(--neutral-50)}.feedback-content .feedback-body .feedback-recommend{margin-top:30px}.feedback-recommend-title{text-align:center;font-size:16px;font-weight:600;color:var(--neutral-90)}.hidden{display:none}.feedback-content .feedback-body .recommend-item{margin:20px 0 32px;text-align:center}.recommend-item .recommend-btn{display:inline-block;text-align:center;cursor:pointer;width:50px;color:var(--primary);border:2px solid var(--primary-border);padding:8px;font-size:24px;font-weight:700;border-radius:12px;transition:.3s ease;margin:5px 1px}.recommend-item .recommend-btn *{cursor:pointer}.recommend-item .active{background:var(--primary-border);color:var(--neutral-10)}.recommend-item .recommend-btn:hover{background:var(--primary-hover);color:var(--neutral-10)}.recommend-item .recommend-description{display:flex;justify-content:space-between;font-size:14px;color:var(--neutral-70);margin:8px}.mt-16{margin-top:16px}@media(max-width:960px){#notif-page .main{padding:0}#notif-page .card{box-shadow:none}#notif-page .card .card-header .card-title .title-head{font-size:20px;margin-bottom:0}.notification-content{width:100%}.notification-content .notification-item-title{font-size:16px;font-weight:500}.notification-content .notification-item-description{font-size:12px;font-weight:400}#notif-page .btn-primary-main{font-size:12px}}.btn-rounded-dark{background-color:var(--neutral-100);padding:10px 20px;border:none;border-radius:50px;box-shadow:0 1px 2px 0 rgba(0,0,0,.12);text-align:center;font-size:16px;font-weight:600;color:var(--neutral-10);display:inline-block}.btn-rounded-dark:hover{background-color:var(--neutral-80);transition:.2s ease-in-out}.feedback-content .feedback-footer{padding-top:32px;margin-top:32px;border-top:2px solid #ededed}.text-right{text-align:right}@media(min-width:600px){.notification-content .notification-item-title{font-size:18px;font-weight:500}.notification-content .notification-item-description{font-size:12px;font-weight:400}#notif-page .btn-primary-main{font-size:16px}}@media(max-width:560px){.notification-content{margin:24px auto 50px}#notif-page .card{padding:24px 24px 48px}}.alert-notif{display:flex;justify-content:flex-start;border-radius:16px;overflow:hidden;width:100%;max-width:none;border-radius:16px;position:relative;background:var(--bg-main)}.alert-notif.max-width{max-width:360px}.alert-notif .notif{display:flex;flex-direction:row;justify-content:center;align-items:center;width:52px}.alert-notif .notif.success{background:var(--success-surface);color:var(--success)}.alert-notif .notif.info{background:var(--info-surface);color:var(--info)}.alert-notif .notif.danger{background:var(--danger-surface);color:var(--danger)}.alert-notif .notif svg{width:20px;height:20px;stroke-width:3}.alert-notif .info-notif{padding:12px 17px;width:100%}.alert-notif .info-notif .alert-title{font-family:var(--montserrat);font-size:var(--fs-text-lg);font-weight:var(--fw-semibold);line-height:var(--lh-text-lg);color:var(--neutral-100);margin:0}.alert-notif .info-notif .alert-desc{margin-top:4px;font-family:var(--montserrat);font-size:var(--fs-text-md);font-weight:var(--fw-regular);line-height:var(--lh-text-md);color:var(--neutral-100);margin:0}.alert-notif .button-notif{width:32px;outline:none;border:none;background:0 0;display:flex;align-items:center;justify-content:center;padding:8px 0}.alert-notif .button-notif svg{width:20px;height:20px;color:var(--neutral-90);stroke-width:3;transition:.3s}.alert-notif .button-notif:hover svg{color:var(--danger)}.planning-opt-popup__backdrop{position:fixed;z-index:98;inset:0;background:rgba(0,0,0,.2)}.planning-opt-popup__wrapper{position:fixed;left:0;top:0;right:0;bottom:0;z-index:99;display:none}.planning-opt-popup{position:absolute;width:100%;max-width:290px}.planning-opt-popup.top{top:20px}.planning-opt-popup.left{left:20px}.planning-opt-popup.right{right:20px}.planning-opt-popup.bottom{bottom:20px}.planning-opt-popup.center{top:50%;left:50%;transform:translate(-50%,-50%)}.planning-opt-popup__content{position:relative;display:flex;flex-direction:column;gap:8px;padding:24px;font-family:var(--montserrat);text-align:center;border-radius:20px;background:var(--neutral-10);box-shadow:var(--shadow-1)}.planning-opt-popup.show .planning-opt-popup__content{animation-duration:800ms;animation-name:tada-open}.planning-opt-popup__close-btn{outline:none;border:none;display:block;margin-left:auto;padding:8px;background:0 0;cursor:pointer;color:var(--neutral-100);transition:color .25s ease-in-out}.planning-opt-popup__close-btn>i{display:block;width:20px;height:20px;font-size:20px}.planning-opt-popup__close-btn:hover{color:var(--primary)}.planning-opt-popup__animation{display:block;width:100%;height:auto;object-fit:cover}.planning-opt-popup__title{color:var(--neutral-100);font-size:var(--fs-text-xl);line-height:var(--lh-text-xl);font-weight:var(--fw-semibold)}.planning-opt-popup__caption{color:var(--neutral-100);font-size:var(--fs-text-lg);line-height:var(--lh-text-lg);font-weight:var(--fw-regular)}@media(max-width:1024px){.planning-opt-popup{top:50%;left:50%;bottom:initial;right:initial;transform:translate(-50%,-50%)}.planning-opt-popup__backdrop{display:block}}.otp__code-box{display:flex;align-items:stretch;justify-content:center;gap:24px}.otp__code-box .code__input{outline:none;width:58px;height:72px;text-align:center;font-family:var(--montserrat);font-size:var(--fs-title-lg);line-height:var(--lh-title-lg);font-weight:var(--fw-medium);background:var(--neutral-10);border-radius:8px;border:1px solid var(--neutral-60);box-shadow:var(--shadow-3)}.otp__code-box .code__input:focus{border-color:var(--primary)}@media(max-width:600px){.otp__code-box{gap:12px}}@media(max-width:425px){.otp__code-box{gap:8px}.otp__code-box .code__input{width:45px;height:58px}}.text-horizontal-line{overflow:hidden;text-align:center;color:var(--neutral-60);font-size:var(--fs-text-md);line-height:var(--lh-text-md);font-weight:var(--fw-regular)}.text-horizontal-line:before,.text-horizontal-line:after{background-color:var(--neutral-30);content:"";display:inline-block;height:1px;position:relative;vertical-align:middle;width:50%}.text-horizontal-line:before{right:.5em;margin-left:-50%}.text-horizontal-line:after{left:.5em;margin-right:-50%}.trial-alert__wrapper{width:100%;max-width:1150px;padding:12px 20px;margin:0 auto}.trial-alert__card{display:flex;align-items:center;gap:8px;padding:16px;border-radius:8px;background-color:var(--neutral-10)}.trial-alert__details{display:flex;align-items:center;gap:8px}.trial-alert__icon{display:block;width:24px;height:24px;margin:8px}.trial-alert__captions{display:flex;flex-direction:column;gap:4px;flex-grow:1}.trial-alert__caption-title{font-size:var(--fs-text-md);font-weight:var(--fw-semibold);line-height:var(--lh-text-md);color:#452812}.trial-alert__caption-text{font-size:var(--fs-text-sm);font-weight:var(--fw-regular);line-height:var(--lh-text-sm);color:#452812}.trial-alert__upgrade{display:flex;align-items:center;gap:8px;margin-left:auto;border-radius:100px;padding:12px 24px;color:var(--neutral-10);font-size:var(--fs-text-md);font-weight:var(--fw-semibold);line-height:var(--lh-text-md);background-color:#d9b680;transition:background-color .25s ease-in-out}.trial-alert__upgrade:hover{background-color:#452812}@media(max-width:640px){.trial-alert__card{align-items:center;flex-direction:column}.trial-alert__details{flex-direction:column;width:100%}.trial-alert__icon{margin:0}.trial-alert__captions{text-align:center}.trial-alert__upgrade{margin-left:initial}}@keyframes tada-open{0%{transform:scale(1)}10%,20%{transform:scale(.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale(1.1) rotate(3deg)}40%,60%,80%{transform:scale(1.1) rotate(-3deg)}100%{transform:scale(1) rotate(0)}}@-webkit-keyframes tada-open{0%{transform:scale(1)}10%,20%{transform:scale(.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale(1.1) rotate(3deg)}40%,60%,80%{transform:scale(1.1) rotate(-3deg)}100%{transform:scale(1) rotate(0)}}@keyframes pulse-open{0%{transform:scale(1)}40%{transform:scale(.9)}80%{transform:scale(1.1)}100%{transform:scale(1)}}@-webkit-keyframes pulse-open{0%{transform:scale(1)}40%{transform:scale(.9)}80%{transform:scale(1.1)}100%{transform:scale(1)}}@keyframes pulse-close{0%{transform:scale(1)}40%{transform:scale(1.1)}80%{transform:scale(.9)}100%{transform:scale(1)}}@-webkit-keyframes pulse-close{0%{transform:scale(1)}40%{transform:scale(1.1)}80%{transform:scale(.9)}100%{transform:scale(1)}}.einvSubmitMob{padding:12px 30px;background-color:var(--neutral-10);border-top:1px solid var(--neutral-30)}