:root {--white: #fff;--red: #900303;--green: #017501;--blue: rgb(63, 113, 224);--lightblue: #e3eff8;--darkblue: rgb(23, 43, 77);--color-border:#edeae9;--nav-header: 42px;--left-side: 200px;}*,*::before,*::after{box-sizing:border-box;}body, button, html, input, select, textarea {color: #172b4d;font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Droid Sans,Helvetica Neue,sans-serif;font-size: 1rem;font-weight: 400;line-height: 1.2;text-size-adjust: 100%;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}.button, button {-webkit-appearance: none;border: none;border-radius: 0.5rem;box-sizing: border-box;display: inline-block;line-height: 20px;padding: 6px 10px;position: relative;text-decoration: none;cursor: pointer;}input, textarea, select {-webkit-appearance: none;background-color: #fafbfc;border: none;border-radius: 0.5rem;box-shadow: inset 0 0 0 2px #edeef3;box-sizing: border-box;display: block;line-height: 20px;outline: none;padding: 8px 12px;transition-duration: 85ms;transition-property: background-color,border-color,box-shadow;transition-timing-function: ease;}select {appearance: none;background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat: no-repeat;background-position: right 0.5rem center;background-size: 1em;}select option {color:#000;}textarea {min-height: 100px;}svg:not(:root) {overflow: hidden;}ul {list-style-type: none;margin: 0;padding: 0;}li {list-style-type: none;}.backdrop {-webkit-backdrop-filter: blur(6px);backdrop-filter: blur(6px);}.error {color: var(--red) !important;border-radius: 0.5rem;box-shadow: inset 0 0 0 2px #ff00001f !important;background-color: #ff000033;padding: 5px;}.success {color: var(--green) !important;border-radius: 0.5rem;box-shadow: inset 0 0 0 2px #25ae8838 !important;background-color: #25ae8836;padding: 5px;}a {color: #172b4d;text-decoration: none;}.copy-notification {z-index: 99;color: #ffffff;background-color: rgba(0,0,0,0.8);padding: 20px;border-radius: 30px;position: fixed;top: 50%;left: 50%;width: 200px;margin-top: -30px;margin-left: -85px;display: none;text-align:center;}.cn {max-width:104.688rem;width:100%;margin:0px auto;}.container {max-width: 76.875rem;margin: 0px auto;width: 100%;}.main {padding: 1rem 0;}.df {display: flex;flex-wrap: wrap;}.dfnw {display: flex;flex-wrap: nowrap;}.jcsb {justify-content: space-between;}.jcsa {justify-content: space-around;}.jcse {justify-content: space-evenly;}.jcc {justify-content: center;}.fdc {flex-direction: column;}.aic {align-items: center;}.aib {align-items: baseline;}.aifs {align-items: flex-start;}.db {display: block;}.ttc {text-transform: capitalize;}.pa {position: absolute;}.pr {position: relative;}hr {opacity: 0.5;}.mu {margin: 0 auto;}.mt1 {margin-top: 10px}.mt2 {margin-top: 20px}.mb1 {margin-bottom: 10px}.mb2 {margin-bottom: 20px}.mt4 {margin-top: 40px}.mb4 {margin-bottom: 40px}.m0 {margin: 0px !important;}.m1 {margin: 10px}.ml1 {margin-left: 10px;}.ml15 {margin-left: 15px;}.mr5 {margin-right: 5px;}.mr10 {margin-right: 10px;}.m1lr {margin: 0px 10px;}.m1tb2 {margin: 20px 0;}.m1tb1 {margin: 10px 0;}.p1 {padding:10px;}.p2 {padding:20px;}.p4 {padding:40px;}.pt0 {padding-top:0px;}.pt75 {padding-top:75px;}.pb5 {padding-bottom: 50px;}.p50 {padding: 50px 0;}.p100 {padding: 100px 0;}.ptb1 {padding-top:10px;padding-bottom:10px;}.bcw {background-color:var(--white);}.bclb {background-color:var(--lightblue);}.cw {color: #fff;}.tl {text-align: left !important;}.tc {text-align: center;}.tr {text-align: right;}.wspw {white-space:pre-wrap;}.w1 {width: 100%}.w25 {width: 25%}.w35 {width: 35%}.w30 {width: 30%}.w5 {width: 50%}.w65 {width: 65%}.w75 {width: 75%}.wfc {width: fit-content;}.h1vh {min-height:100vh;height: 100%;}.mh39 {min-height: 390px;}.oh {overflow: hidden;}.dg {display: grid;}.cal-3 {display: grid;grid-template-columns: repeat(auto-fill,minmax(33%, 1fr));}.cal-4 {display: grid;grid-template-columns: repeat(auto-fill,minmax(25%, 1fr));}.sr {border-top: 1px solid var(--color-border);}.br {border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;}.br50 {border-radius: 50px;}.bs {box-shadow: 0 10px 10px 0 rgb(0 57 128 / 20%);}.br3 {border-radius: 3px;}.btn {padding: 10px 20px;border-radius: 50px;color: var(--white);background-color: var(--blue);text-decoration: none;box-shadow: rgb(0 0 0 / 16%) 0px 1px 4px;text-transform: uppercase;transition: box-shadow 0.3s ease-in-out;}.btn.shadow {background:linear-gradient(90deg, rgba(63,113,224,0.85) 30%, rgba(0,94,69,0.85) 70%);}.btn-line {padding: 10px 20px;border-radius: 50px;color: var(--blue);border:2px solid var(--blue);text-decoration: none;box-shadow: rgb(0 0 0 / 16%) 0px 1px 4px;text-transform: uppercase;transition: box-shadow 0.3s ease-in-out;}.btn:hover, .btn-line:hover {box-shadow: rgb(17 17 26 / 15%) 4px 9px 18px, rgb(17 17 26 / 10%) 9px 0px 18px, rgb(17 17 26 / 10%) -9px 0px 18px;}.bg-blue {background-color: var(--lightblue);}.bg-darkblue {background-color: var(--darkblue);}.u-alert{margin: 10px 0 5px 0;font-size: 14px;display: none;flex-wrap: initial;}.u-alert.error a {color: var(--red)!important;text-decoration: underline;text-underline-offset: 2px;}.loading-icon {display: none;position: absolute;right: 10px;top: 5px;}.tooltip {padding: 0px 6px 0px 6px;border-radius: 50px;border: 1.5px solid;font-size: 14px;line-height: 18px;font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Droid Sans,Helvetica Neue,sans-serif;font-weight: 400;}.tooltip {position: relative;}.tooltip:after, .tooltip:before {opacity: 0;pointer-events: none;position: absolute;z-index: 10;transform: translate(0%, -100%);transform-origin: top;transition: all 0.18s ease-out 0.18s;bottom: auto;left: 100%;top: 50%;}.tooltip:after {background-color: #f5f5f5;box-shadow: 0 0 3px #ddd;content: attr(data-tooltip);padding: 10px;margin-bottom: 11px;margin-left: 11px;width: 150px;}.tooltip:before {width: 0;height: 0;content: "";margin-bottom: 6px;border-top: 6px solid transparent;border-right: 6px solid #ebeced;border-bottom: 6px solid transparent;margin-left: 6px;}.tooltip:hover:before, .tooltip:hover:after {opacity: 1;pointer-events: auto;transform: translate(0, -50%);}[data-tooltip-pos="up"]:before {border-left: 6px solid transparent;border-right: 6px solid transparent;border-top: 6px solid #f5f5f5;margin-bottom: 6px;left: -15%;top: -50%;transform : translate(0, 0) !important;}[data-tooltip-pos="up"]:after {bottom: 100%;left: 50%;top: auto;margin-left: 0;transform : translate(-50%, 10px);}[data-tooltip-pos="up"]:hover:after{transform: translate(-50%, 0);}.window-overlay {align-items: flex-start;background-color: #000000a3;display: none;height: 100%;justify-content: center;left: 0;overflow-y: auto;position: fixed;top: 0;width: 100%;z-index: 99;}.window-up .window-overlay {display: flex;}.window {background-color: #f4f5f7;border-radius: 2px;display: none;margin: auto;overflow: hidden;position: relative;width: 768px;z-index: 25;}.window.board-invite-modal {width: 480px;}.window-wrapper {outline: none;}.dialog-close-button {border-radius: 50%;color: #42526e;height: 55px;margin: 4px;overflow: hidden;padding: 4px;position: absolute;right: 0;top: 0;transition: background-color 85ms,color 85ms;width: 32px;z-index: 2;margin-right: 15px;}.modal-close-button {background: transparent;margin-bottom: 0px;flex-shrink: 0;border: none;box-shadow: none;color: #42526e;padding: 0;cursor: pointer;text-decoration: none;}.card-detail-window hr, .board-share hr {border: 1px solid #e5e5e5;}.bold {font-weight: 700;}.font18 {font-size: 18px;}@font-face{font-family:'Charlie Display';font-style:normal;font-weight:500;src:url(/public/assets/css/fonts/Charlie_Display-Semibold.woff) format('woff'),url(/public/assets/css/fonts/Charlie_Display-Semibold.woff2) format('woff2');}@font-face{font-family:'Charlie Display';font-style:normal;font-weight:700;src:url(/public/assets/css/fonts/Charlie_Display-Bold.woff) format('woff'),url(/public/assets/css/fonts/Charlie_Display-Bold.woff2) format('woff2');}@font-face{font-family:'Charlie Text';font-style:normal;font-weight:100;src:url(/public/assets/css/fonts/Charlie_Text-Thin.woff) format('woff'),url(/public/assets/css/fonts/Charlie_Text-Thin.woff2) format('woff2');}@font-face{font-family:'Charlie Text';font-style:normal;font-weight:200;src:url(/public/assets/css/fonts/Charlie_Text-Light.woff) format('woff'),url(/public/assets/css/fonts/Charlie_Text-Light.woff2) format('woff2');}@font-face{font-family:'Charlie Text';font-style:normal;font-weight:400;src:url(/public/assets/css/fonts/Charlie_Text-Regular.woff) format('woff'),url(/public/assets/css/fonts/Charlie_Text-Regular.woff2) format('woff2');}@font-face{font-family:'Charlie Text';font-style:normal;font-weight:700;src:url(/public/assets/css/fonts/Charlie_Text-Bold.woff) format('woff'),url(/public/assets/css/fonts/Charlie_Text-Bold.woff2) format('woff2');}@font-face{font-family:'Monomaniac One';font-style:normal;font-weight:700;src:url(/public/assets/css/fonts/MonomaniacOne-Regular.woff) format('woff'),url(/public/assets/css/fonts/MonomaniacOne-Regular.woff2) format('woff2');}h1,.h1{font-family:'Charlie Display',sans-serif;font-weight:500;margin:1rem 0;font-size:2rem;line-height:1.25;}h2,.h2{font-family:'Charlie Display',sans-serif;font-weight:500;margin:1rem 0;font-size:1.5rem;line-height:1.33333333;}h3,.h3{font-family:'Charlie Display',sans-serif;font-weight:500;margin:0.5rem 0;font-size:1.25rem;line-height:1.2;}h4,.h4{font-family:'Charlie Display',sans-serif;font-weight:500;margin:0.5rem 0;font-size:1rem;line-height:1.25;}h5,.h5{font-family:'Charlie Display',sans-serif;font-weight:500;margin:0.5rem 0;font-size:1rem;line-height:1.25;}h6,.h6{font-size:1rem;font-weight:500;line-height:1.2;margin:0.5rem 0;}body {font-family:'Charlie Text',sans-serif;min-height:100vh;margin:0px;padding:0px;line-height:1.4;font-size: 1.05rem;}header {position: fixed;z-index: 99;}@media (max-width:1280px){.container {padding-left: 20px;padding-right: 20px;}}@media (max-width:1099px){.cal-4 {grid-template-columns: repeat(auto-fill,minmax(33%, 1fr));}}@media (max-width:768px){h2,.h2{font-size:1.2rem;line-height:1.2;}}@media (max-width:640px){.cal-4 {display: grid;grid-template-columns: repeat(auto-fill,minmax(50%, 1fr));}}@media (max-width:480px){.cal-4 {display: grid;grid-template-columns: repeat(auto-fill,minmax(100%, 1fr));}}