:root{--mobile-top-bar-height:52px;--mobile-bottom-bar-height:calc(52px + env(safe-area-inset-bottom,0px));--nar-primary:252 94% 63%;--nar-primary-foreground:0 0% 100%;--nar-secondary:240 5% 96%;--nar-secondary-foreground:240 5.9% 10%;--setting-title:240 6% 10%;--setting-description:240 5% 34%;--setting-accent:240 5% 26%;--nar-card-background:0 0% 98%;--menu-icon-color:#000;--sidebar-background:#fff;--danger-background:0 86% 97%;--danger-foreground:0 84% 60%;--nar-danger-background:0 93% 94%;--nar-danger-foreground:0 84% 60%;--feedback-tag-background:269, 100%, 95%;--feedback-tag-foreground:271, 81%, 56%;--approved-tag-background:134, 42%, 94%;--approved-tag-foreground:142, 71%, 45%;--nar-zinc:240 5.2% 45.9%;--nar-skeleton:0 0% 98%}.dark{--nar-primary:168 99% 46%;--nar-primary-foreground:240, 10%, 4%;--nar-secondary:240 4% 16%;--nar-secondary-foreground:0 0% 98%;--setting-title:0 0% 98%;--setting-description:240 5% 84%;--setting-accent:0 0% 98.4%;--nar-card-background:240 6% 10%;--menu-icon-color:#fff;--sidebar-background:#000;--danger-background:0 75% 15%;--danger-foreground:0 84% 60%;--feedback-tag-background:269, 100%, 95%;--feedback-tag-foreground:271, 81%, 56%;--approved-tag-background:134, 42%, 94%;--approved-tag-foreground:142, 71%, 45%;--nar-zinc:240 4.8% 83.9%;--nar-skeleton:240 6% 10%}@media (min-width:640px){:root{--mobile-top-bar-height:56px}}.menuClickWrapper{cursor:pointer;width:24px;height:24px;position:relative}.menu,.close{background-color:var(--menu-icon-color);border-radius:100px;width:24px;height:2px;position:absolute}.menu{margin-top:8px}.menu:before,.menu:after,.close:before,.close:after{content:"";background-color:var(--menu-icon-color);border-radius:100px;width:24px;height:2px;position:absolute}.menu:after{margin-top:-8px}.menu:before{margin-top:8px}.close{height:0;margin-top:10px}.close:after{transform:rotate(45deg)}.close:before{transform:rotate(-45deg)}.animate.menu{animation:.3s menu-main}.animate.menu:after{animation:.3s menu-after}.animate.menu:before{animation:.3s menu-before}.animate.close{animation:.3s close-main}.animate.close:after{animation:.3s close-after}.animate.close:before{animation:.3s close-before}@keyframes menu-main{0%{width:0;height:0}50%{width:0;height:0}51%{width:24px;height:2px}}@keyframes menu-after{0%{margin-top:0;transform:rotate(-45deg)}50%{margin-top:0;transform:rotate(0)}to{margin-top:-8px;transform:rotate(0)}}@keyframes menu-before{0%{margin-top:0;transform:rotate(45deg)}50%{margin-top:0;transform:rotate(0)}to{margin-top:8px;transform:rotate(0)}}@keyframes close-main{0%{width:0;height:0}50%{width:0;height:0;display:none}to{width:0;height:0}}@keyframes close-after{0%{margin-top:8px;transform:rotate(0)}50%{margin-top:0;transform:rotate(0)}to{transform:rotate(45deg)}}@keyframes close-before{0%{margin-top:-8px;transform:rotate(0)}50%{margin-top:0;transform:rotate(0)}to{transform:rotate(-45deg)}}.font-size-3xl{font-size:1.125rem;line-height:1.75rem}@media (min-width:1024px){.font-size-3xl{font-size:1.875rem;line-height:2.25rem}}.font-size-2xl{font-size:1.125rem;line-height:1.75rem}@media (min-width:640px){.font-size-2xl{font-size:1.25rem;line-height:1.75rem}}@media (min-width:1024px){.font-size-2xl{font-size:1.5rem;line-height:2rem}}.font-size-xl{font-size:1rem;line-height:1.5rem}@media (min-width:640px){.font-size-xl{font-size:1.125rem;line-height:1.75rem}}@media (min-width:1024px){.font-size-xl{font-size:1.25rem;line-height:1.75rem}}.font-size-lg{font-size:1rem;line-height:1.5rem}@media (min-width:640px){.font-size-lg{font-size:1.125rem;line-height:1.75rem}}.font-size-base{font-size:.875rem;line-height:1.25rem}@media (min-width:640px){.font-size-base{font-size:1rem;line-height:1.5rem}}.font-size-sm{font-size:.75rem;line-height:1rem}@media (min-width:640px){.font-size-sm{font-size:.875rem;line-height:1.25rem}}.font-size-xs{font-size:10px}@media (min-width:640px){.font-size-xs{font-size:.75rem;line-height:1rem}}.font-size-xxs{font-size:8px}@media (min-width:640px){.font-size-xxs{font-size:10px}}.nar-primary-alert{border-radius:var(--radius);color:hsl(var(--nar-dark-purple));flex-direction:column;justify-content:space-between;align-items:flex-start;padding:.75rem;font-size:.875rem;font-weight:500;line-height:1.25rem;display:flex;background-color:hsl(var(--nar-light-purple))!important}@media (min-width:640px){.nar-primary-alert{flex-direction:row;align-items:center}}.nar-warning-alert{border-radius:var(--radius);color:hsl(var(--nar-dark-purple));flex-direction:column;justify-content:space-between;align-items:flex-start;padding:.75rem;font-size:.875rem;font-weight:500;line-height:1.25rem;display:flex;background-color:hsl(var(--nar-light-purple))!important}@media (min-width:640px){.nar-warning-alert{flex-direction:row;align-items:center}}.dangerzone-card{border-radius:calc(var(--radius) - 2px);--tw-border-opacity:1;border-color:rgb(220 38 38/var(--tw-border-opacity));background-color:hsl(var(--danger-background));flex-direction:column;justify-content:space-between;gap:1rem;width:100%;margin-top:.75rem;padding:1rem 1.25rem;display:flex}.dangerzone-card:is(.dark *){--tw-border-opacity:1;border-color:rgb(248 113 113/var(--tw-border-opacity))}@media (min-width:640px){.dangerzone-card{flex-direction:row;align-items:center;gap:1.25rem;padding:31px 2.5rem}}.warningzone-card{border-radius:calc(var(--radius) - 2px);--tw-border-opacity:1;border-color:rgb(202 138 4/var(--tw-border-opacity));background-color:#ffd70066;flex-direction:column;justify-content:space-between;gap:1rem;width:100%;margin-top:.75rem;padding:1rem 1.25rem;display:flex}.warningzone-card:is(.dark *){--tw-border-opacity:1;border-color:rgb(250 204 21/var(--tw-border-opacity))}@media (min-width:640px){.warningzone-card{flex-direction:row;align-items:center;gap:1.25rem;padding:31px 2.5rem}}.settingHeroBanner{background-image:url(/settingHeaderLBG.svg);background-repeat:no-repeat;background-size:cover;border-radius:12px;justify-content:space-between;padding:2.5rem 50px;display:flex}.settingHeroBanner:is(.dark *){background-image:url(/settingHeaderDBG.svg)}@media not all and (min-width:768px){.settingHeroBanner{flex-direction:column;justify-content:center;gap:.5rem}}@media (min-width:640px){.settingHeroBanner{height:260px;padding:2rem 70px}}@media (min-width:768px){.settingHeroBanner{align-items:center}}@media (min-width:1024px){.settingHeroBanner{height:295px;padding:2.5rem 100px}}.settingHeroTitle{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity));font-size:1.25rem;font-weight:700;line-height:1.75rem}.settingHeroTitle:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}@media (min-width:640px){.settingHeroTitle{font-size:32px}}.settingHeroDescription{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity));font-size:.75rem;line-height:1rem}@media (min-width:640px){.settingHeroDescription{font-size:.875rem;line-height:1.25rem}}.settingHeroDescription:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.settingTitle{color:hsl(var(--setting-title));font-size:.875rem;font-weight:600;line-height:1.25rem}@media (min-width:1024px){.settingTitle{font-size:1rem;line-height:1.5rem}}.settingSubTitle{color:hsl(var(--setting-title));font-size:.875rem;font-weight:600;line-height:1.25rem}@media (min-width:640px){.settingSubTitle{font-size:1rem;line-height:1.5rem}}.settingDescription{color:hsl(var(--setting-description));font-size:.75rem;font-weight:500;line-height:1rem}@media (min-width:640px){.settingDescription{font-size:.875rem;line-height:1.25rem}}.settingGroup{flex-direction:column;justify-content:space-between;gap:.5rem;display:flex}@media (min-width:768px){.settingGroup{flex-direction:row;align-items:center}}.settingTextAccentSm{color:hsl(var(--setting-accent));font-size:.75rem;line-height:1rem}@media (min-width:640px){.settingTextAccentSm{font-size:.875rem;line-height:1.25rem}}.settingProfileInputGroup{flex-direction:column;justify-content:space-between;gap:.5rem;display:flex}@media (min-width:768px){.settingProfileInputGroup{flex-direction:row;align-items:center}}.settingProfileInputGroup:has(>[role=switch]){flex-direction:row;align-items:center;gap:1rem}@media (min-width:640px){.settingProfileInput{max-width:250px}}@media (min-width:1024px){.settingProfileInput{max-width:430px}}.settingTag{text-overflow:ellipsis;white-space:nowrap;--tw-text-opacity:1;width:100%;max-width:150px;color:rgb(255 255 255/var(--tw-text-opacity));border-radius:6px;align-self:center;padding:.5rem;font-size:.75rem;font-weight:500;line-height:1rem;overflow:hidden}.schedulePostListDivider{background-color:hsl(var(--border));width:1px;height:55px}
.react-tagsinput{border:1px solid #e4e4e7;border-radius:8px}.react-tagsinput-tag{background-color:hsl(var(--nar-purple));color:hsl(var(--nar-white));border:unset}.react-tagsinput--focused{border:1px solid #ccc}.react-tagsinput-input{width:100%;color:hsl(var(--foreground));margin-bottom:1px;margin-right:25px;font-size:.875rem}.react-tagsinput-input::placeholder{color:hsl(var(--muted-foreground));white-space:nowrap;width:600px}.custom-tag-class span{word-wrap:break-word;width:100%;max-width:100%;max-height:calc(100vh - 500px);overflow:auto}.custom-tag-class span::-webkit-scrollbar{display:none}.custom-tag-class span{-ms-overflow-style:none;scrollbar-width:thin;overflow-x:hidden}span.react-tagsinput-tag{width:unset}
.react-tagsinput{background-color:#fff;border:1px solid #ccc;padding-top:5px;padding-left:5px;overflow:hidden}.react-tagsinput--focused{border-color:#a5d24a}.react-tagsinput-tag{color:#638421;background-color:#cde69c;border:1px solid #a5d24a;border-radius:2px;margin-bottom:5px;margin-right:5px;padding:5px;font-family:sans-serif;font-size:13px;font-weight:400;display:inline-block}.react-tagsinput-remove{cursor:pointer;font-weight:700}.react-tagsinput-tag a:before{content:" ×"}.react-tagsinput-input{color:#777;background:0 0;border:0;outline:none;width:80px;margin-top:1px;margin-bottom:6px;padding:5px;font-family:sans-serif;font-size:13px;font-weight:400}