:root{--primary-color: #3c3c43;--primary-bg: #f6f6f7;--light-color: #888;--theme-header-color: #262626;--theme-color: #4f39f6;--theme-hover-color: #432dd7;--theme-light-color: #f6f3f4;--theme-light-hover-color: #ebe6e7;--alert-color: #c0392b;--success-color: #27ae60;--logo-color-purple: #b047ff;--logo-color-blue: #9499ff;--input-height: 40px;--input-width: 250px;--br-radius: 8px;--padding: 8px;--fs-small: .8em;--fs-normal: 1em;--fs-medium: 1.3em;--fs-large: 2.5em;--desktop-width: 1536px;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:var(--primary-color);background-color:var(--primary-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}a{font-weight:500;color:var(--theme-color);text-decoration:inherit;transition:all .25s}a:hover{color:var(--theme-hover-color)}body{margin:0;min-width:320px;min-height:100vh}h1{line-height:1.1}header{background:var(--theme-header-color);padding:var(--padding)}header>h1{background-image:linear-gradient(120deg,var(--logo-color-purple) 16%,var(--logo-color-blue),var(--logo-color-blue));-webkit-background-clip:text;background-clip:text;color:transparent}button{border-radius:var(--br-radius);border:1px solid transparent;background-color:var(--theme-color);color:#f9f9f9;cursor:pointer;padding:.5em 1em;font-weight:500;font-family:inherit;transition:all .25s}button:hover{background-color:var(--theme-hover-color)}button[disabled]{opacity:.5}button.outline{background:transparent;border:1px solid var(--theme-color);color:1px solid var(--primary-color)}button.alert{background:var(--theme-light-color);border-color:var(--light-color);color:var(--primary-color)}button.alert:hover{background:var(--theme-light-hover-color)}input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border:1px solid var(--light-color);border-radius:var(--br-radius);background-color:var(--theme-light-color);cursor:pointer;position:relative}input[type=checkbox]:checked{background-color:var(--theme-color);border-color:var(--theme-color)}input[type=checkbox]:checked:before{content:"";display:block;position:absolute;left:5px;top:1px;width:5px;height:10px;border:solid white;border-width:0 3px 3px 0;transform:rotate(45deg)}.d-flex{display:flex}.d-column{flex-direction:column}.d-wrap{flex-wrap:wrap}.d-x-center{justify-content:center}.d-x-between{justify-content:space-between}.d-y-start{align-items:start}.d-y-center{align-items:center}.col-gap-x{column-gap:1.5em}.row-gap-4x{row-gap:4em}.mb-10{margin-bottom:10px}.mb-20{margin-bottom:20px}.mb-50{margin-bottom:50px}.ml-5{margin-left:5px}.ml-10{margin-left:10px}.mr-5{margin-right:5px}.mr-10{margin-right:10px}.mr-20{margin-right:20px}.mt-0{margin-top:0}.mt-10{margin-top:10px}.mt-20{margin-top:20px}.mt-50{margin-top:50px}.p-5{padding:5px}.pl-5{padding-left:5px}.pr-5{padding-right:5px}.p-10{padding:10px}.pl-10{padding-left:10px}.pr-10{padding-right:10px}.c-light{color:var(--light-color)}.c-alert{color:var(--alert-color)}.c-success{color:var(--success-color)}.bg-primary{background:var(--primary-bg)}.d-none{display:none}.c-pointer{cursor:pointer}.p-absolute{position:absolute}.t-strike{text-decoration:line-through}.t-center{text-align:center}.fs-normal{font-size:var(--fs-normal)}.fs-small{font-size:var(--fs-small)}.fs-medium{font-size:var(--fs-medium)}.fs-large{font-size:var(--fs-large)}.f-bold{font-weight:700}#root{min-height:inherit}.component-wrapper{max-width:var(--desktop-width);margin-left:auto;margin-right:auto}.btn{padding:var(--padding)}.card{border:1px solid var(--primary-color);border-radius:.35em;background:#fff;padding:1em}.highlight{color:var(--theme-color);text-decoration:3px underline var(--logo-color-purple)}.input-group>input{border:1px solid var(--light-color);border-right:0;padding:5px;height:var(--input-height);width:var(--input-width)}.input-group>button{height:var(--input-height);border-top-left-radius:0;border-bottom-left-radius:0}.progress-container,.progress-bar{background:var(--theme-light-color);border-radius:10px;height:10px;position:relative;transition:width .25s}.progress-bar{background:var(--theme-color);width:0px}.dropdown{border:1px solid var(--light-color);border-radius:var(--br-radius);padding:var(--padding);color:var(--primary-color);font-weight:700}.carousel-container{background:var(--primary-color);height:500px;overflow:hidden;padding:var(--padding);position:relative;width:500px}.carousel-container>.carousel{height:484px;position:absolute;transform:translate(0);transition:transform .25s;width:2500px}.carousel img{height:100%;object-fit:contain;width:480px}.carousel-icon{bottom:5px;right:10px}.overlay{background:#000000d9;inset:0;position:fixed;z-index:1000}.overlay-close{right:10px;top:10px}.nav-btn{height:150px;left:10%;position:fixed;top:45%}.nav-btn-next{left:80%}.carousel-container.carousel-container--overlay{background:transparent;height:800px;width:800px}.carousel-container.carousel-container--overlay>.carousel{height:784px;width:4000px}.carousel-container.carousel-container--overlay>.carousel>img{width:780px}@media (max-width: 992px){.nav-btn-prev{left:5%}.nav-btn-next{left:85%}.carousel-container.carousel-container--overlay{height:600px;width:600px}.carousel-container.carousel-container--overlay>.carousel{height:584px;width:3000px}.carousel-container.carousel-container--overlay>.carousel>img{width:580px}}@media (max-width: 768px){.carousel-container{height:300px;width:300px}.carousel-container>.carousel{height:284px;width:1500px}.carousel img{width:280px}.carousel-container.carousel-container--overlay{height:400px;width:400px}.carousel-container.carousel-container--overlay>.carousel{height:384px;width:2000px}.carousel-container.carousel-container--overlay>.carousel>img{width:380px}.nav-btn-prev,.nav-btn-next{padding:.5em}.nav-btn-prev{left:1%}.nav-btn-next{left:86%}.sm\:d-inline{display:inline}}@media (max-width: 576px){.sm.fs-large{font-size:calc(var(--fs-large) - .5em)}.sm.fs-medium{font-size:calc(var(--fs-medium) - .2em)}.sm.fs-normal{font-size:var(--fs-small)}}.todo-item-desc{font-size:.85em;font-weight:700;width:200px}@media (max-width: 576px){.todo-item-desc{width:160px}}.tip{display:inline-flex;position:relative}.tip:before{background:var(--theme-header-color);border-radius:var(--br-radius);color:#fff;content:attr(data-text);font-size:1rem!important;left:0;opacity:0;position:absolute;padding:var(--padding);pointer-events:none;top:0;transform:translateY(0);transition:opacity .25s ease-in-out,transform .25s ease-in-out;text-wrap-mode:nowrap;will-change:transform,opacity}.tip:after{border-top:calc(var(--br-radius) * 2) solid var(--theme-header-color);border-left:var(--br-radius) solid transparent;border-right:var(--br-radius) solid transparent;content:"";height:0;left:5px;opacity:0;pointer-events:none;position:absolute;transform:translateY(0);transition:opacity .25s ease-in-out,transform .25s ease-in-out;top:35px;width:0;will-change:transform,opacity}.tip:hover:before{opacity:1;transform:translateY(-50px)}.tip:hover:after{opacity:1;transform:translateY(-50px)}.tip[data-placement=bottom]:hover:before{transform:translateY(50px)}.tip[data-placement=bottom]:after{border-top:0;border-bottom:calc(var(--br-radius) * 2) solid var(--theme-header-color);top:-12px}.tip[data-placement=bottom]:hover:after{transform:translateY(50px)}.tabs-header{border-bottom:1px solid var(--light-color);position:relative}.tabs-title{padding:.5em 0;width:80px}.tabs-marker{bottom:0;border:1px solid var(--theme-color);position:absolute;transform:translate(0);transition:transform .25s ease-in-out;width:80px;will-change:transform}.label-container{height:200px;width:350px}.label{background:var(--theme-light-color);border:1.5px solid var(--theme-color);border-radius:var(--br-radius);display:inline-block;font-size:.85em;padding:.3em}