body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@font-face{font-family:Pretendard;font-style:normal;src:url(/static/media/PretendardVariable.2bc582461caf4e05b51d.woff2) format("woff2")}:root{--chattonPrimaryTransparentColor:#98ccff00;--chattonPrimaryTransparentHoverColor:#98ccff33;--chattonWhiteTransparentColor:#fff0;--chattonWhiteTransparentHoverColor:#fff3;--chattonWhiteColor:#fff;--chattonBlackColor:#333;--chattonLightgrayColor:#efefef;--chattonGrayColor:#ccc;--chattonDarkGrayColor:#838383;--chattonLeftMenuBackgroundColor:#0f2041;--chattonPrimaryColor:#a2c3ff;--chattonPrimaryHoverColor:#84b0ff;--chattonPrimaryEffectColor:#4876cb;--chattonSubColor:#ffa2e9;--chattonSubHoverColor:#ff89ea;--chattonSubEffectColor:#b6549e;--chattonPointColor:#f1f1f1;--chattonPointHoverColor:#fff97e;--chattonPointEffectColor:#cbc656;--chattonDangerColor:#ffa2a2;--chattonDangerHoverColor:#ff8989;--chattonDangerEffectColor:#e17777;--cardShadow:0 0 6px #0003;--chzzkColor:#04d087;--youtubeColor:#ff7373;--twitchColor:#a970ff;--chzzkHoverColor:#05be7f;--youtubeHoverColor:#ef5f5f;--twitchHoverColor:#8e52e8;--chzzkEffectColor:#00a66c;--youtubeEffectColor:#dc4949;--twitchEffectColor:#7c41d5;--chattonLogoutBgColor:#ff4d4d;--chattonLogoutHoverBgColor:#dd3636}*{box-sizing:border-box;color:var(--chattonBlackColor);font-family:Pretendard,sans-serif;font-size:18px;font-weight:500;transition:background-color .25s,border .25s}.login{height:100vh;position:relative;width:100vw}.page{height:100%;padding-left:230px;width:100%}.leftMenu{background-color:var(--chattonLeftMenuBackgroundColor);bottom:0;display:flex;flex-direction:column;left:0;position:fixed;top:0;width:230px}.leftMenuLogo{height:55px;margin:20px 5px 20px 0}.leftMenuList *{color:var(--chattonWhiteColor)}.leftMenuList{display:flex;flex-direction:column;gap:10px;padding:20px}.leftMenuItem{align-items:center;background-color:var(--chattonWhiteTransparentColor);border-radius:10px;cursor:pointer;display:flex;height:55px;justify-content:left;padding:0 20px}.leftMenuItem:hover{background-color:var(--chattonWhiteTransparentHoverColor)}.leftMenuItem>svg{margin-right:10px}.leftMenuItem.active{animation:leftMenuItemBackground .25s linear forwards}.leftMenuItem.logout{background-color:var(--chattonLogoutBgColor)}.leftMenuItem.logout:hover{background-color:var(--chattonLogoutHoverBgColor)}@keyframes leftMenuItemBackground{0%{background-color:var(--chattonWhiteTransparentHoverColor)}to{background-color:var(--chattonSubColor)}}.loginBackground{animation:loginBackgroundAnim 59s ease infinite;background:linear-gradient(226deg,var(--chattonPrimaryColor),var(--chattonSubColor),var(--chattonPointColor));background-size:600% 600%;height:100%;width:100%}.btn,.loginBackground{align-items:center;display:flex;justify-content:center}.btn{background-color:var(--chattonLightgrayColor);border:1px solid var(--chattonLightgrayColor);border-radius:5px;cursor:pointer;font-weight:700;height:40px;min-width:100px;padding:10px 20px}.btn:hover{background-color:var(--chattonGrayColor);border-color:var(--chattonGrayColor)}.btn.primary,.btn.primary *{background-color:var(--chattonPrimaryColor);border-color:var(--chattonPrimaryColor);color:var(--chattonPrimaryEffectColor)}.btn.primary:hover,.btn.primary:hover *{background-color:var(--chattonPrimaryHoverColor);border:1px solid var(--chattonPrimaryHoverColor)}.btn.pink,.btn.pink *{background-color:var(--chattonSubColor);border-color:var(--chattonSubColor);color:var(--chattonSubEffectColor)}.btn.pink:hover,.btn.pink:hover *{background-color:var(--chattonSubHoverColor);border:1px solid var(--chattonSubHoverColor)}.btn.red,.btn.red *{background-color:var(--chattonDangerColor);border-color:var(--chattonDangerColor);color:var(--chattonDangerEffectColor)}.btn.red:hover,.btn.red:hover *{background-color:var(--chattonDangerHoverColor);border:1px solid var(--chattonDangerHoverColor)}.btn.clear,.btn.clear *{background-color:var(--chattonPrimaryTransparentColor);border-color:var(--chattonPrimaryEffectColor);color:var(--chattonPrimaryEffectColor)}.btn.clear:hover,.btn.clear:hover *{background-color:var(--chattonPrimaryTransparentHoverColor);border-color:var(--chattonPrimaryEffectColor)}.loginBox{background-color:var(--chattonWhiteColor);border-radius:5px;gap:10px;padding:40px;width:450px}.inputWrapper,.loginBox{display:flex;flex-direction:column}.inputLabel{font-size:.85em;font-weight:700;margin-bottom:3px;padding-left:5px}.inputWrapper>input{height:40px}.inputWrapper>input,.inputWrapper>textarea{align-items:center;border:1px solid var(--chattonGrayColor);border-radius:5px;display:flex;padding:0 10px}.inputWrapper>input:focus,.inputWrapper>textarea:focus{background-color:var(--chattonLightgrayColor);border:1px solid var(--chattonGrayColor);box-shadow:none;outline:none}.loginBtnWrapper{gap:10px;margin-top:20px}.loginBoxWrapper,.loginBtnWrapper{display:flex;flex-direction:column}.loginBoxWrapper{align-items:center;gap:20px;justify-content:center}.loginLogoImage{margin-right:10px;width:250px}.logoBox{position:relative}.loginHr,.logoBox{align-items:center;display:flex;justify-content:center}.loginHr{gap:5px;margin-bottom:10px;margin-top:10px}.loginHr:after,.loginHr:before{background-color:var(--chattonGrayColor);content:"";height:1px;width:75px}.loginHrLabel{color:var(--chattonGrayColor)}.chatItemBtnWrapper{align-items:center;display:flex;gap:10px}.chatItemBtn{background-position:50%;background-repeat:no-repeat;height:40px;min-width:0;min-width:auto;padding:0;width:40px}.chatCardList{gap:20px}.chatCardList,.chatItem{display:flex;flex-direction:column;padding:20px}.chatItem{gap:10px;width:100%}.chatThemeCardList{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr 1fr}.chatThemeCardList,.chatThemeItem{flex-direction:column;padding:20px}.chatThemeItem{display:flex;gap:10px;width:100%}.chatThemeItem .chatName{text-overflow:ellipsis;white-space:nowrap;width:100%}.chatItemContentsWrapper{display:flex;flex:1 1;gap:10px}.chatUrl{flex:1 1}.chatUrl input{align-items:center;border:1px solid var(--chattonGrayColor);border-radius:5px;display:flex;height:40px;padding:0 10px;width:100%}.chatUrl input:focus{background-color:var(--chattonLightgrayColor);border:1px solid var(--chattonGrayColor);box-shadow:none;outline:none}.row{display:flex;gap:20px}.row>.card{flex:1 1;min-width:0}.card{background:var(--chattonWhiteColor);border-radius:10px;box-shadow:var(--cardShadow);padding:20px;position:relative}.cardTitle{font-weight:700;margin-bottom:10px}.chatEdit{flex-direction:column;gap:20px}.bottomBtnArea,.chatEdit{display:flex;padding:20px}.bottomBtnArea{background:var(--chattonWhiteColor);border-radius:10px;box-shadow:var(--cardShadow);gap:10px;justify-content:right}.codeEditor{border-radius:10px;inset:0 0 0 0;overflow:hidden;position:absolute}.codeEditor *{font-size:1em}.displayNone{display:none!important}.flex-1{flex:1 1}.alphaLabel{background-color:var(--chattonSubColor);color:var(--chattonWhiteColor);display:flex;font-size:.8em;padding:3px 10px;position:absolute;right:13px;top:16px;transform:rotate(15deg)}.select{width:200px}.select .selectBox{color:#504e4e;font-size:14px;position:relative}.select .selectBox,.select .selectBoxValue{align-items:center;display:flex;height:35px;width:100%}.select .selectBoxValue{background-color:#fff;border:1px solid #d2d6da;border-radius:10px;cursor:pointer;padding:0 16px;transition:background-color .25s}.select .selectBoxValue:hover{background-color:var(--chattonGrayColor)}.select .selectBoxList{background-color:var(--chattonWhiteColor);border:1px solid var(--chattonLightgrayColor);border-radius:5px;display:flex;flex-direction:column;max-height:300px;opacity:0;overflow:hidden;overflow-y:scroll;padding:5px 0;pointer-events:none;position:absolute;top:40px;transition:opacity .25s,border .25s;width:100%;z-index:9}.select .selectBox.active .selectBoxList{opacity:1;pointer-events:auto}.select .selectBox.active .selectBoxValue{border:1px solid var(--chattonPrimaryEffectColor)}.select .selectBoxListItem{align-items:center;cursor:pointer;display:flex;height:30px;padding:5px 15px;transition:background-color .25s;width:100%}.select .selectBoxListItem:hover{background-color:var(--chattonGrayColor)}.cardRightWrapper{display:flex;justify-content:right;position:absolute;right:20px;top:10px;width:50%}.chatEditGeneralInfoWrapper{display:flex;flex-direction:column;gap:10px}.chatEditChannelInfoWrapper{display:flex;gap:10px}.chatEditChannelInfoWrapper>div{flex:1 1}.chatEditChannelInfoWrapper>.chzzk *{color:var(--chzzkColor)}.chatEditChannelInfoWrapper>.youtube *{color:var(--youtubeColor)}.chatEditChannelInfoWrapper>.twitch *{color:var(--twitchColor)}.chatEditChannelInfoWrapper>.chzzk input{background-color:var(--chzzkColor);border-color:var(--chzzkColor);color:#fff}.chatEditChannelInfoWrapper>.youtube input{background-color:var(--youtubeColor);border-color:var(--youtubeColor);color:#fff}.chatEditChannelInfoWrapper>.twitch input{background-color:var(--twitchColor);border-color:var(--twitchColor);color:#fff}.chatEditChannelInfoWrapper>.chzzk input:hover{background-color:var(--chzzkHoverColor);border-color:var(--chzzkHoverColor);color:#fff}.chatEditChannelInfoWrapper>.youtube input:hover{background-color:var(--youtubeHoverColor);border-color:var(--youtubeHoverColor);color:#fff}.chatEditChannelInfoWrapper>.twitch input:hover{background-color:var(--twitchHoverColor);border-color:var(--twitchHoverColor);color:#fff}.chatEditChannelInfoWrapper>.chzzk input:focus{background-color:var(--chzzkEffectColor);border-color:var(--chzzkEffectColor);color:#fff}.chatEditChannelInfoWrapper>.youtube input:focus{background-color:var(--youtubeEffectColor);border-color:var(--youtubeEffectColor);color:#fff}.chatEditChannelInfoWrapper>.twitch input:focus{background-color:var(--twitchEffectColor);border-color:var(--twitchEffectColor);color:#fff}.filter{display:flex;gap:10px;justify-content:right;padding:20px 20px 0}.prep{align-items:center;display:flex;flex-direction:column;height:700px;justify-content:center;width:100%}.prep>img{height:400px}.display-none{display:none!important}.prepTextWrapper{display:flex;gap:14px}@font-face{font-family:TTTogether;font-style:normal;font-weight:400;src:url(https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/TTTogetherA.woff) format("woff")}.prepTextWrapper>div{animation:prepTextAnim 3s ease-in-out infinite;color:#fff;font-family:TTTogether;font-size:3em;text-shadow:var(--chattonPrimaryColor) 5px 0 0,var(--chattonPrimaryColor) 4.90033px .993347px 0,var(--chattonPrimaryColor) 4.60531px 1.94709px 0,var(--chattonPrimaryColor) 4.12668px 2.82321px 0,var(--chattonPrimaryColor) 3.48353px 3.58678px 0,var(--chattonPrimaryColor) 2.70151px 4.20736px 0,var(--chattonPrimaryColor) 1.81179px 4.6602px 0,var(--chattonPrimaryColor) .849836px 4.92725px 0,var(--chattonPrimaryColor) -.145998px 4.99787px 0,var(--chattonPrimaryColor) -1.13601px 4.86924px 0,var(--chattonPrimaryColor) -2.08073px 4.54649px 0,var(--chattonPrimaryColor) -2.94251px 4.04248px 0,var(--chattonPrimaryColor) -3.68697px 3.37732px 0,var(--chattonPrimaryColor) -4.28444px 2.57751px 0,var(--chattonPrimaryColor) -4.71111px 1.67494px 0,var(--chattonPrimaryColor) -4.94996px .7056px 0,var(--chattonPrimaryColor) -4.99147px -.291871px 0,var(--chattonPrimaryColor) -4.83399px -1.27771px 0,var(--chattonPrimaryColor) -4.48379px -2.2126px 0,var(--chattonPrimaryColor) -3.95484px -3.05929px 0,var(--chattonPrimaryColor) -3.26822px -3.78401px 0,var(--chattonPrimaryColor) -2.4513px -4.35788px 0,var(--chattonPrimaryColor) -1.53666px -4.75801px 0,var(--chattonPrimaryColor) -.560763px -4.96845px 0,var(--chattonPrimaryColor) .437495px -4.98082px 0,var(--chattonPrimaryColor) 1.41831px -4.79462px 0,var(--chattonPrimaryColor) 2.34258px -4.41727px 0,var(--chattonPrimaryColor) 3.17346px -3.86382px 0,var(--chattonPrimaryColor) 3.87783px -3.15633px 0,var(--chattonPrimaryColor) 4.4276px -2.32301px 0,var(--chattonPrimaryColor) 4.80085px -1.39708px 0,var(--chattonPrimaryColor) 4.98271px -.415447px 0,var(--chattonSubColor) 9px 0 0,var(--chattonSubColor) 8.9445px .997944px 0,var(--chattonSubColor) 8.77869px 1.98358px 0,var(--chattonSubColor) 8.50461px 2.94475px 0,var(--chattonSubColor) 8.12565px 3.86961px 0,var(--chattonSubColor) 7.64647px 4.74674px 0,var(--chattonSubColor) 7.07299px 5.56533px 0,var(--chattonSubColor) 6.41227px 6.31528px 0,var(--chattonSubColor) 5.67248px 6.98735px 0,var(--chattonSubColor) 4.86272px 7.57324px 0,var(--chattonSubColor) 3.99299px 8.06573px 0,var(--chattonSubColor) 3.07402px 8.45875px 0,var(--chattonSubColor) 2.11714px 8.74744px 0,var(--chattonSubColor) 1.13414px 8.92825px 0,var(--chattonSubColor) .137162px 8.99895px 0,var(--chattonSubColor) -.861512px 8.95867px 0,var(--chattonSubColor) -1.84956px 8.8079px 0,var(--chattonSubColor) -2.8148px 8.5485px 0,var(--chattonSubColor) -3.74532px 8.18368px 0,var(--chattonSubColor) -4.62965px 7.71792px 0,var(--chattonSubColor) -5.45689px 7.15698px 0,var(--chattonSubColor) -6.21682px 6.50777px 0,var(--chattonSubColor) -6.90009px 5.77831px 0,var(--chattonSubColor) -7.49825px 4.97757px 0,var(--chattonSubColor) -8.00394px 4.11545px 0,var(--chattonSubColor) -8.41092px 3.20258px 0,var(--chattonSubColor) -8.71416px 2.2502px 0,var(--chattonSubColor) -8.90993px 1.27008px 0,var(--chattonSubColor) -8.99582px .274291px 0,var(--chattonSubColor) -8.97076px -.72488px 0,var(--chattonSubColor) -8.83507px -1.71511px 0,var(--chattonSubColor) -8.59041px -2.68419px 0,var(--chattonSubColor) -8.23981px -3.62017px 0,var(--chattonSubColor) -7.78758px -4.51149px 0,var(--chattonSubColor) -7.23931px -5.34718px 0,var(--chattonSubColor) -6.60176px -6.11692px 0,var(--chattonSubColor) -5.88279px -6.81122px 0,var(--chattonSubColor) -5.09127px -7.42152px 0,var(--chattonSubColor) -4.23696px -7.94029px 0,var(--chattonSubColor) -3.33039px -8.36113px 0,var(--chattonSubColor) -2.38275px -8.67885px 0,var(--chattonSubColor) -1.40572px -8.88954px 0,var(--chattonSubColor) -.411357px -8.99059px 0,var(--chattonSubColor) .58808px -8.98077px 0,var(--chattonSubColor) 1.58026px -8.86018px 0,var(--chattonSubColor) 2.55296px -8.63032px 0,var(--chattonSubColor) 3.49417px -8.29402px 0,var(--chattonSubColor) 4.39229px -7.85543px 0,var(--chattonSubColor) 5.23623px -7.31996px 0,var(--chattonSubColor) 6.0156px -6.69422px 0,var(--chattonSubColor) 6.72078px -5.98591px 0,var(--chattonSubColor) 7.34307px -5.20378px 0,var(--chattonSubColor) 7.87479px -4.35748px 0,var(--chattonSubColor) 8.3094px -3.45743px 0,var(--chattonSubColor) 8.64153px -2.51474px 0,var(--chattonSubColor) 8.86709px -1.54104px 0,var(--chattonSubColor) 8.98328px -.548328px 0}.prepTextWrapper>.prepText1{animation-delay:0s}.prepTextWrapper>.prepText2{animation-delay:.66s}.prepTextWrapper>.prepText3{animation-delay:1.32s}.settingCardList{gap:20px;height:100%}.settingCard,.settingCardList{display:flex;flex-direction:column;padding:20px;width:100%}.settingCard{background-color:var(--chattonWhiteColor);border-radius:10px;box-shadow:var(--cardShadow);gap:10px}.settingCardHeader{align-items:center;display:flex;justify-content:space-between;width:100%}.settingCardTitle{font-weight:700;margin-bottom:10px}.settingCardBody{display:flex;flex-direction:column;gap:10px}.settingCardContent{align-items:center;display:flex;justify-content:space-between;width:100%}.settingCardContentName{font-weight:700}.settingCardContentButton{align-items:center;background-position:50%;background-repeat:no-repeat;border-radius:10px;cursor:pointer;display:flex;height:50px;justify-content:center;min-width:0;min-width:auto;padding:0 20px}.settingCardContentButton.chzzk{background-color:#fff;border:2px solid #00ffa2;color:#216d51}.settingCardContentButton.chzzk:hover{background-color:#e1fff4;border:2px solid #00ffa2}.settingCardContentButton.chzzk.done{background-color:#fff;border:2px solid #00ffa2}.settingCardContentButton.chzzk.done:hover{background-color:#ffdfdf;border:2px solid #00ffa2}.settingCardContentValue{align-items:center;display:flex;gap:10px}.settingCardContentText{cursor:pointer;font-weight:500}.cardInnerContentWrapper{display:flex;width:100%}.visual-editor-container{background-color:#1e1e1e;border:1px solid #444;border-radius:4px;box-sizing:border-box;height:400px;min-width:0;overflow-x:auto;padding:20px;width:100%}#preview-canvas{min-width:100%;width:-webkit-fit-content;width:fit-content}.mode-switch{display:flex;margin-bottom:10px}.structure-editor-container{height:500px}.structure-editor-container::-webkit-scrollbar-thumb{background-color:#131313}.structure-editor-container::-webkit-scrollbar{background-color:#444;width:4px}@keyframes loginBackgroundAnim{0%{background-position:0 53%}50%{background-position:100% 48%}to{background-position:0 53%}}@keyframes prepTextAnim{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@media screen and (max-width:1200px){.chatThemeCardList{grid-template-columns:1fr 1fr}}
/*# sourceMappingURL=main.270f91cd.css.map*/