@font-face{font-family:font1;src:url(../media/SF-Pro-Display-Regular.e07c5798.otf)}@font-face{font-family:font2;src:url(../media/SF-Pro-Display-Medium.ad48c4f7.otf)}@font-face{font-family:font3;src:url(../media/SF-Pro-Display-Semibold.527244b0.otf)}@font-face{font-family:font4;src:url(../media/SF-Pro-Display-Bold.1ab36af2.otf)}:root{--primaryColor:#ff8143;--primaryFontColor:#fff;--secondaryFontColor:#fff9;--boxBgColor:#1a1f24;--pending:#fcbf26;--completed:#26a91f;--return:#c80000;--thirdColor:#538fff}html,body{background:#0b0d18;margin:0;padding:0;font-family:font1}*{box-sizing:border-box;margin:0;padding:0}::-webkit-scrollbar{width:0;height:0}::-webkit-scrollbar-track{background:#0000000c}::-webkit-scrollbar-thumb{background:#757575;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--primaryColor)}.container{width:calc(100% - 30px);margin:0 auto}a,article,button,div,span,i,b,h1,h2,h3,h4,h5,h6,p,input,ul,li,select,label,textarea{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;font-family:font1}input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;font-family:font1}input{-webkit-tap-highlight-color:transparent}::-webkit-datetime-edit-year-field:not([aria-valuenow]){color:#0000}::-webkit-datetime-edit-month-field:not([aria-valuenow]){color:#0000}::-webkit-datetime-edit-day-field:not([aria-valuenow]){color:#0000}video::-internal-media-controls-overlay-cast-button{display:none}textarea{resize:none;font-family:font1}::selection{color:#fff;background:#1d1d1d}p{font-family:font1}
.mobileWebApp{z-index:0;width:480px;margin:0 auto;padding-top:70px;padding-bottom:20px;position:relative}@media (max-width:500px){.mobileWebApp{width:100%}}.mobileWebApp:after{content:"";z-index:-1;background:linear-gradient(360deg,#0b0d18 0%,#343434 96.63%);width:100%;height:150px;position:absolute;top:0;left:0}.header{z-index:10;background:linear-gradient(#343434,#242529);width:480px;padding:10px 0;position:fixed;top:0;left:50%;transform:translate(-50%)}@media (max-width:500px){.header{width:100%}}.header .headerMain{flex-direction:column;gap:15px;width:100%;display:flex}.header .headerMain .headerMainTitleStrip{justify-content:space-between;align-items:center;gap:10px;width:100%;display:flex}.header .headerMain .headerMainTitleStrip .col1{width:40px;height:40px}.header .headerMain .headerMainTitleStrip .col1 .bacBtn{cursor:pointer;justify-content:flex-start;align-items:center;width:40px;height:40px;text-decoration:none;display:flex}.header .headerMain .headerMainTitleStrip .col1 .bacBtn svg{color:var(--primaryFontColor);font-size:24px}.header .headerMain .headerMainTitleStrip .col1 .fillBacBtn{background:var(--primaryFontColor);border-radius:50px;justify-content:center;align-items:center;display:flex}.header .headerMain .headerMainTitleStrip .col1 .fillBacBtn svg{color:var(--primaryColor)}.header .headerMain .headerMainTitleStrip .col1 .borderBacBtn{border:1px solid #5993ff82;border-radius:50px;justify-content:center;align-items:center;display:flex}.header .headerMain .headerMainTitleStrip .col1 .borderBacBtn svg{color:var(--thirdColor);font-size:20px}.header .headerMain .headerMainTitleStrip .v2Col1{width:70px}.header .headerMain .headerMainTitleStrip .col2{justify-content:center;align-items:center;width:calc(100% - 100px);display:flex}.header .headerMain .headerMainTitleStrip .col2 .headerTitle{justify-content:center;align-items:center;width:100%;display:flex}.header .headerMain .headerMainTitleStrip .col2 .headerTitle h2{color:var(--primaryFontColor);font-family:font2;font-size:20px}.header .headerMain .headerMainTitleStrip .col2 .headerTitle h3{color:var(--primaryFontColor);font-family:font2;font-size:26px}.header .headerMain .headerMainTitleStrip .v2Col2{width:calc(100% - 130px)}.header .headerMain .headerMainTitleStrip .col3{width:40px;height:40px}.header .headerMain .headerMainTitleStrip .col3 .headerSettingBtn{cursor:pointer;justify-content:flex-end;align-items:center;width:100%;height:100%;text-decoration:none;display:flex;position:relative}.header .headerMain .headerMainTitleStrip .col3 .headerSettingBtn svg{color:var(--primaryFontColor);font-size:24px}.header .headerMain .headerMainTitleStrip .col3 .version2{border:1px solid var(--primaryFontColor);background:#02050d;border-radius:6px;justify-content:center;align-items:center;display:flex;position:relative;box-shadow:-2px -2px 3px #ffffff2e}.header .headerMain .headerMainTitleStrip .col3 .version2:after{content:"";z-index:-1;border-radius:6px;width:100%;height:100%;position:absolute;box-shadow:3px 3px 2px #261b16}.header .headerMain .headerMainTitleStrip .col3 .version2 svg{font-size:18px}.header .headerMain .headerMainTitleStrip .col3 .settingPopup{-webkit-backdrop-filter:blur(29px);backdrop-filter:blur(29px);z-index:5;background:#52525299;border-radius:10px;min-width:200px;padding:15px;position:absolute;top:calc(100% + 10px);right:0}.header .headerMain .headerMainTitleStrip .col3 .settingPopup .menuDropDownToggleIcon{width:18px;height:18px;color:var(--primaryFontColor);position:absolute;top:5px;right:5px}.header .headerMain .headerMainTitleStrip .col3 .settingPopup .menuDropDownToggleIcon svg{width:100%;height:100%}.header .headerMain .headerMainTitleStrip .col3 .settingPopup .settingPopupMenu{flex-direction:column;gap:10px;width:100%;margin-top:10px;display:flex}.header .headerMain .headerMainTitleStrip .col3 .settingPopup .settingPopupMenu .settingPopupMenuBtn{cursor:pointer;background:#282d32;border-radius:6px;justify-content:space-between;align-items:center;gap:15px;padding:10px 15px;text-decoration:none;display:flex;box-shadow:0 1px 4px #00000040}.header .headerMain .headerMainTitleStrip .col3 .settingPopup .settingPopupMenu .settingPopupMenuBtn p{color:var(--primaryFontColor);font-family:font3;font-size:14px}.header .headerMain .headerMainTitleStrip .col3 .settingPopup .settingPopupMenu .settingPopupMenuBtn .icon{width:18px;height:18px}.header .headerMain .headerMainTitleStrip .col3 .settingPopup .settingPopupMenu .settingPopupMenuBtn .icon svg{width:100%;height:100%}.header .headerMain .headerMainTitleStrip .col3 .closeBtn{cursor:pointer;border:1px solid var(--primaryColor);width:100%;height:100%;color:var(--primaryFontColor);background:#171c21;border-radius:10px;justify-content:center;align-items:center;font-family:font3;font-size:14px;text-decoration:none;display:flex;position:relative}.header .headerMain .headerMainTitleStrip .col3 .closeDaybookPopup{right:10px}.header .headerMain .headerMainTitleStrip .col3 .closeDaybookPopup .closeDaybookPopupMain{flex-direction:column;justify-content:center;align-items:center;display:flex}.header .headerMain .headerMainTitleStrip .col3 .closeDaybookPopup .closeDaybookPopupMain p{color:var(--primaryFontColor);font-family:font2;font-size:16px}.header .headerMain .headerMainTitleStrip .col3 .closeDaybookPopup .closeDaybookPopupMain .closeDaybookPopupBtnArea{justify-content:center;align-items:center;gap:30px;margin-top:15px;display:flex}.header .headerMain .headerMainTitleStrip .col3 .closeDaybookPopup .closeDaybookPopupMain .closeDaybookPopupBtnArea .closeDaybookPopupBox{background:var(--primaryColor);color:#fff;cursor:pointer;border-radius:6px;padding:8px 20px;font-family:font2;font-size:16px}.header .headerMain .headerMainTitleStrip .v2Col3{width:70px}.infoTitle{color:var(--primaryColor);align-items:center;gap:15px;display:flex}.infoTitle .icon{width:18px;height:18px}.infoTitle .icon svg{width:100%;height:100%}.infoTitle h3{font-family:font3;font-size:14px}.infoTitle h2{font-family:font3;font-size:24px}.infoTitle .col1{align-items:center;gap:15px;width:100%;display:flex}.infoTitle .col2{justify-content:flex-end;align-items:center;gap:15px;width:100%;display:flex}.infoTitle .settingsBtn{position:relative}.infoTitle .settingsBtn .settingsBtnIcon{cursor:pointer;width:20px;height:20px}.infoTitle .settingsBtn .settingsBtnIcon svg{width:100%;height:100%;color:var(--primaryFontColor)}.infoTitle .settingsBtn .settingsMenuDropDown{-webkit-backdrop-filter:blur(29px);backdrop-filter:blur(29px);z-index:5;background:#52525299;border-radius:10px;min-width:150px;padding:15px;position:absolute;top:calc(100% + 10px);right:0}.infoTitle .settingsBtn .settingsMenuDropDown .menuDropDownToggleIcon{width:18px;height:18px;color:var(--primaryFontColor);position:absolute;top:5px;right:5px}.infoTitle .settingsBtn .settingsMenuDropDown .menuDropDownToggleIcon svg{width:100%;height:100%}.infoTitle .settingsBtn .settingsMenuDropDown .menuDropDownToggleIcon{width:14px;height:14px}.infoTitle .settingsBtn .settingsMenuDropDown .settingsMenuBtnList{flex-direction:column;gap:10px;width:100%;margin-top:10px;display:flex}.infoTitle .settingsBtn .settingsMenuDropDown .settingsMenuBtnList .settingsMenuBtn{cursor:pointer;color:var(--primaryFontColor);background:#282d32;border-radius:7px;justify-content:center;align-items:center;gap:7px;padding:10px;font-size:14px;text-decoration:none;display:flex;box-shadow:0 1px 4px #00000040}.infoTitle .settingsBtn .settingsMenuDropDown .settingsMenuBtnList .settingsMenuBtn .icon{width:18px;height:18px}.infoTitle .settingsBtn .settingsMenuDropDown .settingsMenuBtnList .settingsMenuBtn .icon svg{width:100%;height:100%}.infoTitle .settingsBtn .settingsMenuDropDown .settingsMenuBtnList .deleteBtn{color:#f85151}.settingBg{background:#0b1829;width:100%;min-height:100vh;margin-top:-80px;margin-bottom:-20px;padding-top:80px;padding-bottom:20px}.settingBg .header{background:#0b1829}.settingPageWraper{flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:calc(100vh - 80px);padding-bottom:80px;display:flex}.settingPageWraper .settingTitleBoard{width:100%;margin-bottom:20px}.settingPageWraper .settingTitleBoard .settingTitleBoardMain{flex-direction:column;justify-content:center;align-items:center;display:flex}.settingPageWraper .settingTitleBoard .settingTitleBoardMain .icon{width:35px;height:35px;color:var(--primaryColor)}.settingPageWraper .settingTitleBoard .settingTitleBoardMain .icon svg,.settingPageWraper .settingTitleBoard .settingTitleBoardMain .icon img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%}.settingPageWraper .settingTitleBoard .settingTitleBoardMain h3{text-align:center;color:var(--primaryFontColor);margin-top:15px;font-family:font4;font-size:20px}.settingPageWraper .settingTitleBoard .settingTitleBoardMain p{text-align:center;color:#fff6;margin-top:15px;font-family:font2;font-size:16px;line-height:1.5}.settingPageWraper .settingTitleBoard .settingTitleBoardMain h5{text-align:center;color:var(--primaryColor);margin-top:15px;font-family:font3;font-size:16px}.settingPageWraper .settingFooterLink{width:100%;margin-top:30px}.settingPageWraper .settingFooterLink .settingFooterLinkMain{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.settingPageWraper .settingFooterLink .settingFooterLinkMain h4{text-align:center;color:var(--thirdColor);opacity:.7;font-family:font3;font-size:16px}.settingPageWraper .settingFooterLink .settingFooterLinkMain .backLoginBtn{border:1px solid #5993ff82;border-radius:50px;justify-content:center;align-items:center;width:45px;height:45px;margin-top:15px;text-decoration:none;display:flex}.settingPageWraper .settingFooterLink .settingFooterLinkMain .backLoginBtn svg{width:22px;height:22px;color:var(--thirdColor)}.scrollBtn{z-index:10;-webkit-backdrop-filter:blur(29px);backdrop-filter:blur(29px);background:#5d5d5dcf;border-radius:17px;justify-content:center;align-items:center;width:45px;height:45px;display:flex;position:fixed;bottom:20px;right:20px}.scrollBtn svg{width:20px;height:20px;color:var(--primaryColor)}.errorMessage{color:red;margin-top:5px;font-size:14px}
