@import"https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap";.spinner{width:3.75rem;height:3.75rem;border:6px solid var(--color-pair-secondary-dark);border-top-color:var(--color-pair-secondary-lightest);border-radius:50%;animation:spin 2s linear infinite}.spinner-overlay{position:absolute;left:0;top:0;width:100%;height:100%;background-color:var(--color-pair-primary);display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:.5rem;gap:1rem;animation:fade-in .8s linear forwards}.spinner-overlay>label{font-weight:600;color:var(--color-pair-secondary);font-size:1.2rem}.spinner-inline{display:inline-flex;align-items:center;gap:.5rem}.spinner-inline .spinner{width:1rem;height:1rem;border-radius:50%;border-width:4px!important}.spinner-inline>label{font-weight:500;color:var(--color-pair-secondary)}.empty-state{display:flex;flex-direction:column;align-items:center;height:calc(var(--w-xl) * var(--ratio-video));margin:auto;gap:.5rem}.empty-state .title{font-size:1.5rem;font-weight:600;color:var(--color-contrast)}.empty-state .description{font-weight:500;color:var(--color-contrast)}.empty-state img{display:flex}.empty-state .empty-content.create{display:flex;flex-direction:column;gap:.5rem}.icon-st{height:1.25rem;color:var(--color-pair-secondary)}.icon-st.medium{height:1rem}.icon-st.small{height:.875rem}.icon-st.big{height:1.5rem}.button-action{display:flex;justify-content:center;align-items:center;height:2.5rem;width:2.5rem;background-color:var(--color-pair-secondary-light);transition:all .2s linear;cursor:pointer;-webkit-user-select:none;user-select:none}.button-action *{transition:all .2s linear;color:#fff}.button-action.circle{border-radius:1.5rem}.button-action.circle.medium{height:2rem;width:2rem}.button-action.circle.medium .icon-st{height:1.2rem}.button-action.circle.small{height:1.8rem;width:1.8rem}.button-action.circle.small .icon-st{height:1rem}.button-action.circle.close{height:1.8rem;width:1.8rem}.button-action.plan{border-radius:.5rem;width:10rem;padding:0rem 1rem;justify-content:start;gap:.5rem;font-weight:600}.button-action.plan-round{border-radius:2rem;padding:0rem 1rem;justify-content:center;gap:.5rem;font-weight:600}.button-action.text{height:1rem;width:auto}.button-action.text-icon{height:1rem;width:auto;gap:.25rem}.button-action.chart{gap:0rem}.button-action.pending{pointer-events:none;opacity:.8}.button-action.disable{pointer-events:none;opacity:.6}.button-action.create,.button-action.add,.button-action.save{background-color:var(--color-accent)}.button-action.create:hover,.button-action.create.active,.button-action.add:hover,.button-action.add.active,.button-action.save:hover,.button-action.save.active{background-color:var(--color-accent-lightest)}.button-action.create:active,.button-action.add:active,.button-action.save:active{background-color:var(--color-accent-light)}.button-action.create .spinner-inline .spinner,.button-action.add .spinner-inline .spinner,.button-action.save .spinner-inline .spinner{border:6px solid var(--color-accent-dark);border-top-color:#fff}.button-action:hover,.button-action.active{background-color:var(--color-pair-secondary)}.button-action:hover.home,.button-action.active.home{background-color:var(--color-pair-primary-darkest)}.button-action:hover.home img,.button-action.active.home img{width:2.15rem}.button-action.plan-round.small,.button-action.plan.small,.button-action.add.small{height:1.8rem;width:5.75rem}.button-action.plan-round.medium,.button-action.plan.medium,.button-action.add.medium{width:12rem}.button-action.plan-round.max-width,.button-action.plan.max-width,.button-action.add.max-width{width:max-content}.button-action.plan-round.medium,.button-action.plan-round.small,.button-action.plan.medium,.button-action.plan.small,.button-action.add.medium,.button-action.add.small{justify-content:center}.button-action:active{background-color:var(--color-pair-secondary-dark)}.button-checkbox{display:flex;align-items:center;justify-content:space-between;gap:.5rem;transition:all .2s linear;cursor:pointer}.button-checkbox *{transition:all .2s linear;cursor:pointer}.button-checkbox .checkbox-container{display:flex;justify-content:center;align-items:center;border:.125em solid var(--color-pair-secondary-dark);width:.975rem;height:.975rem;border-radius:.25em;padding:.035em}.button-checkbox .checkbox-container .icon-st{display:inline-flex;justify-content:center;font-size:1em;width:1em;margin:0;color:var(--color-pair-secondary)}.button-checkbox .title{font-weight:600;font-size:.9rem;color:var(--color-pair-secondary);-webkit-user-select:none;user-select:none}.button-checkbox.small .checkbox-container{width:.805rem;height:.805rem}.button-checkbox.checkbox-main{animation:fade-in .2s linear forwards}.button-checkbox:hover .checkbox-container,.button-checkbox.checked .checkbox-container{background-color:var(--color-pair-secondary)}.button-checkbox:hover .title,.button-checkbox.checked .title{color:var(--color-pair-secondary)}.button-checkbox:hover .icon-st,.button-checkbox.checked .icon-st{color:#fff}.button-checkbox:active .checkbox-container{background-color:var(--color-pair-secondary-dark)}.button-checkbox:active .title{color:var(--color-pair-secondary-dark)}.tags-popover{position:relative}.tags-popover .popover{position:absolute;right:2rem;top:0;display:flex;align-items:flex-start;flex-wrap:wrap;gap:.5rem;padding:.5rem;border-radius:.5rem;box-shadow:.01rem .01rem .45rem .01rem var(--color-contrast-o-30);background-color:var(--color-secondary);width:max-content;max-width:var(--w-md);max-height:var(--h-md);overflow-y:auto;z-index:1}.tags-popover .popover>label{display:flex;align-items:center;gap:.25rem;font-size:.85rem;font-weight:500;padding:.25rem;border-radius:.25rem;color:#fff}.tags-popover .icon{position:relative}.tags-popover .icon .counter{position:absolute;display:flex;align-items:center;justify-content:center;right:-.25rem;top:-.75rem;width:1.15rem;height:1.15rem;border-radius:50%;background-color:var(--color-accent);color:var(--color-secondary);font-weight:500;font-size:.85rem}.tooltip{position:relative;display:inline-flex}.tooltip .tooltip-content{position:absolute;white-space:nowrap;padding:.25rem .75rem;border-radius:.5rem;font-size:.85rem;pointer-events:none;background-color:var(--color-contrast-o-70);animation:fade-in .1s linear forwards;color:var(--color-secondary);font-weight:500;z-index:2}.card{display:flex;flex-direction:column;justify-content:space-between;gap:.75rem;padding:1rem;border:3.25px solid transparent;border-radius:.5rem;background-color:var(--color-secondary);cursor:pointer;transition:all .2s linear}.card .head{display:flex;align-items:center;justify-content:space-between;text-decoration:none;color:var(--color-pair-secondary)}.card .head *{cursor:pointer}.card .head .title{display:flex;align-items:center;gap:.5rem}.card .head .title .button-checkbox{display:none}.card .head .title>label{display:flex;align-items:center;gap:.5rem;font-weight:600}.card .head .title>label>label{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2;overflow:hidden;flex:1}.card .body{display:flex;flex-direction:column;justify-content:end;gap:.5rem;color:var(--color-pair-secondary-darkest);max-height:8rem}.card .body .info.date{flex:2;display:flex;font-size:.85rem;font-weight:600}.card .body .info.date *{color:var(--color-pair-primary-light)}.card .body .details{display:flex;gap:.5rem}.card .body .details .description{font-weight:500;gap:.5rem;text-overflow:ellipsis;overflow:hidden;flex:1;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;line-clamp:5;color:var(--color-pair-secondary)}.card .body .details .right-content{align-self:end;display:flex;align-items:end;justify-content:start;gap:.5rem}.card .body .details .right-content .button-action{opacity:0}.card .body .details .right-content .status{display:flex;align-items:center;justify-content:center;border-radius:50%;height:1.8rem;width:1.8rem}.card .body .details .right-content .status .icon-st{color:#fff}.card .body .details .right-content .status.conclude{background-color:var(--color-success)}.card .body .details .right-content .status.cancel{background-color:var(--color-neutral)}.card:hover{border-color:var(--color-accent-lightest)}.card:hover .body .details .right-content .button-action{opacity:1}.card.pending{pointer-events:none;opacity:.8}.card.pending .body .details .right-content .button-action{opacity:1}.card.selected{background-color:var(--color-contrast-o-15)}.card:hover .head .button-checkbox,.card.selected .head .button-checkbox{display:flex}.card-mini{display:flex;align-items:center;justify-content:space-between;background-color:var(--color-secondary);border-radius:.5rem;padding:.5rem 1rem;border:2px solid transparent;font-weight:600;color:var(--color-pair-secondary);transition:all .2s linear}.card-mini .body{display:flex;align-items:center;justify-content:space-between;flex:1}.card-mini .body .title{display:flex;align-items:center;gap:.5rem;overflow:hidden}.card-mini .body .title>label{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2;overflow:hidden;flex:1}.card-mini .body .title .status{display:flex;align-items:center;justify-content:center;border-radius:50%;height:1.26rem;width:1.26rem}.card-mini .body .title .status .icon-st{color:#fff}.card-mini .body .title .status.conclude{background-color:var(--color-success)}.card-mini .body .title .status.cancel{background-color:var(--color-neutral)}.card-mini .body .title .button-checkbox{display:none}.card-mini .body .right-content{display:flex;align-items:center;gap:.5rem}.card-mini .body .right-content .button-action{opacity:0}.card-mini .body .right-content .tags-popover .button-action{opacity:1}.card-mini.selected{background-color:var(--color-contrast-o-15)}.card-mini.selected .body .title .button-checkbox{display:flex}.card-mini.pending{pointer-events:none;opacity:.8}.card-mini:hover{border-color:var(--color-accent-lightest)}.card-mini:hover .body .title .button-checkbox{display:flex}.card-mini:hover .right-content .button-action{opacity:1}.card-relation{display:flex;flex-direction:column;padding:.25rem;border-radius:.5rem;background-color:var(--color-pair-secondary-light)}.card-relation>.head{padding:.25rem;display:flex;align-items:center;gap:.25rem}.card-relation>.head *{color:#fff}.card-relation>.head>label{font-weight:600}.card-relation>.body{display:flex;background-color:var(--color-pair-primary);border-radius:.5rem}.card-relation>.body .card-mini,.card-relation>.body .card{flex:1}.container-popup{display:flex;align-items:center;gap:.5rem;padding:.5rem;border-radius:2rem;background-color:var(--color-secondary);box-shadow:.005rem .005rem .225rem .005rem var(--color-contrast-o-30);width:max-content;animation:fade-in .2s linear forwards;transition:all .2s linear;z-index:2}.container-popup .button-action{width:7.5rem}.container-popup .button-action.conclude{background-color:var(--color-success)}.container-popup .button-action.conclude:hover{background-color:var(--color-success-light)}.container-popup .button-action.conclude:active{background-color:var(--color-success-dark)}.container-popup .button-action.cancel{background-color:var(--color-neutral)}.container-popup .button-action.cancel:hover{background-color:var(--color-neutral-dark)}.container-popup .button-action.cancel:active{background-color:var(--color-neutral-darkest)}.container-popup .button-action.delete{background-color:var(--color-error)}.container-popup .button-action.delete:hover{background-color:var(--color-error-light)}.container-popup .button-action.delete:active{background-color:var(--color-error-dark)}.container-popup.minimize{z-index:1}.container-popup.minimize .button-action.popup-minimize{transform:rotate(180deg)}.empty-state-model{display:flex;flex-direction:column;align-items:center;height:calc(var(--w-xl) * var(--ratio-video));margin:auto;gap:.5rem}.empty-state-model .title{font-size:1.5rem;font-weight:600;color:var(--color-contrast)}.empty-state-model .description{font-weight:500;color:var(--color-contrast)}.empty-state-model img{display:flex}.container-chart-cards-modal{display:flex;flex-direction:column;gap:.5rem;width:var(--w-md);height:auto;max-height:calc(var(--w-xl) * var(--ratio-video));background-color:var(--color-secondary);box-shadow:.01rem .01rem .45rem .01rem var(--color-contrast-o-30);padding:.75rem;border-radius:.5rem;overflow:hidden;z-index:1}.container-chart-cards-modal>.head{display:flex;align-items:center;justify-content:space-between;border-bottom:solid 1px var(--color-pair-primary);padding-bottom:.5rem}.container-chart-cards-modal>.head .title{display:flex;align-items:center;gap:.5rem}.container-chart-cards-modal>.head .title *{color:var(--color-pair-secondary)}.container-chart-cards-modal>.head .title>span{font-size:1.2rem;font-weight:800}.container-chart-cards-modal>.body{display:flex;flex-direction:column;overflow-y:auto;gap:.5rem;background-color:var(--color-pair-primary);padding:.5rem;border-radius:.5rem}.container-chart-cards-modal>.body .card-mini *{cursor:pointer}.chart-bar{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:.5rem}.chart-bar>.head{padding:.5rem;border-radius:.5rem;background-color:var(--color-pair-primary-darkest)}.chart-bar>.head .label-activity{font-weight:600;color:#fff}.chart-bar>.body{display:flex;flex:1;gap:.75rem}.chart-bar>.body .bar{position:relative;display:flex;flex-direction:column;justify-content:end;border-radius:.5rem;padding:.25rem;transition:all .2s linear;flex:2}.chart-bar>.body .bar .bar-progress{border-radius:.5rem;display:flex;align-items:center;justify-content:center;padding:0rem .75rem;transition:all .2s linear}.chart-bar>.body .bar .bar-progress *{color:var(--color-secondary);font-weight:500}.chart-bar>.body .bar .bar-progress .bar-title{display:flex;align-items:center;align-self:self-end;gap:.25rem;padding:1rem}.chart-bar>.body .bar .bar-progress .bar-title .label-percent{font-size:.9rem}.chart-bar>.body .bar .bar-progress .bar-title .label-message{font-weight:500}.chart-bar>.body .bar .bar-progress .label-percent{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--color-pair-secondary);font-size:1.5rem;font-weight:800}.chart-bar>.body .bar .bar-actions{position:absolute;right:1rem;height:max-content;top:10%;left:50%;transform:translate(-50%,-50%);justify-self:flex-start}.chart-bar>.body .bar.goal{background-color:var(--color-pair-primary-darkest)}.chart-bar>.body .bar.goal .bar-progress{background-color:var(--color-pair-secondary)}.chart-bar>.body .bar.goal .bar-progress *{color:#fff}.chart-bar>.body .bar.goal .bar-actions .button-action{background-color:#fff}.chart-bar>.body .bar.goal .bar-actions .button-action *{color:var(--color-pair-secondary-darkest)}.chart-bar>.body .bar.goal .bar-actions .button-action:hover{background-color:#ffffffb3}.chart-bar>.body .bar.goal .bar-actions .button-action:active{background-color:#ffffff80}.chart-bar>.body .bar.assignment{background-color:var(--color-accent-lightest)}.chart-bar>.body .bar.assignment .bar-progress{background-color:var(--color-accent)}.chart-bar>.body .bar.assignment .bar-progress *{color:#fff}.chart-bar>.body .bar.assignment .bar-actions .button-action{background-color:#fff}.chart-bar>.body .bar.assignment .bar-actions .button-action *{color:var(--color-primary)}.chart-bar>.body .bar.assignment .bar-actions .button-action:hover{background-color:#ffffffb3}.chart-bar>.body .bar.assignment .bar-actions .button-action:active{background-color:#ffffff80}.chart-bar>.body .bar.assignment.empty *{color:var(--color-primary)}.chart-bar>.body .label-activity{display:inline-flex;padding:.75rem;color:var(--color-pair-secondary);font-weight:700}.chart-cards{position:relative;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:.5rem}.chart-cards .card-chart{display:grid;border-radius:.5rem;padding:1rem;transition:all .2s linear}.chart-cards .card-chart .head{display:flex;flex-direction:column}.chart-cards .card-chart .head div:first-child{display:flex;justify-content:space-between}.chart-cards .card-chart .head div:first-child>div{display:flex;align-items:center;gap:.25rem;font-weight:800}.chart-cards .card-chart .head .label-activity{font-weight:500}.chart-cards .card-chart .head .label-percent{font-weight:800;font-size:1.5rem}.chart-cards .card-chart .body{display:flex;align-items:center;justify-content:center}.chart-cards .card-chart.progress{background-color:var(--color-pair-secondary-lightest)}.chart-cards .card-chart.progress .head>div *{color:var(--color-pair-secondary-darkest)}.chart-cards .card-chart.progress .body .button-action{background-color:var(--color-pair-secondary-darkest)}.chart-cards .card-chart.progress .body .button-action:hover{background-color:var(--color-pair-secondary-dark)}.chart-cards .card-chart.progress .body .button-action:active{background-color:var(--color-pair-secondary-light)}.chart-cards .card-chart.progress .body .card-chart-empty{background-color:#ffffff4d}.chart-cards .card-chart.progress .body .card-chart-empty .message,.chart-cards .card-chart.progress .body .card-chart-empty .icon-st{color:var(--color-pair-secondary-dark)}.chart-cards .card-chart.conclude{background-color:var(--color-success-lightest)}.chart-cards .card-chart.conclude .head>div *{color:var(--color-success-darkest)}.chart-cards .card-chart.conclude .body .button-action{background-color:var(--color-success-darkest)}.chart-cards .card-chart.conclude .body .button-action:hover{background-color:var(--color-success-dark)}.chart-cards .card-chart.conclude .body .button-action:active{background-color:var(--color-success-light)}.chart-cards .card-chart.conclude .body .card-chart-empty{background-color:#ffffff4d}.chart-cards .card-chart.conclude .body .card-chart-empty .message,.chart-cards .card-chart.conclude .body .card-chart-empty .icon-st{color:var(--color-success-dark)}.chart-cards .card-chart.cancel{background-color:var(--color-neutral-lightest)}.chart-cards .card-chart.cancel .head>div *{color:var(--color-secondary-darkest)}.chart-cards .card-chart.cancel .body .button-action{background-color:var(--color-neutral-darkest)}.chart-cards .card-chart.cancel .body .button-action:hover{background-color:var(--color-neutral-dark)}.chart-cards .card-chart.cancel .body .button-action:active{background-color:var(--color-secondary-light)}.chart-cards .card-chart.cancel .body .card-chart-empty{background-color:var(--color-neutral-darkest)}.chart-cards .card-chart.cancel .body .card-chart-empty .message,.chart-cards .card-chart.cancel .body .card-chart-empty .icon-st{color:#ffffffb3}.chart-cards .card-chart.tag{border:solid 3.25px var(--color-pair-secondary)}.chart-cards .card-chart.tag .head>div *{color:var(--color-pair-secondary)}.chart-cards .card-chart.tag .body .button-action{background-color:var(--color-pair-secondary-darkest)}.chart-cards .card-chart.tag .body .button-action:hover{background-color:var(--color-pair-secondary-dark)}.chart-cards .card-chart.tag .body .button-action:active{background-color:var(--color-pair-secondary-light)}.chart-cards .card-chart.tag .body .card-chart-empty{background-color:var(--color-pair-primary)}.chart-cards .card-chart.tag .body .card-chart-empty .message{color:var(--color-pair-secondary)}.chart-cards .card-chart .card-chart-empty{display:flex;flex-direction:column;gap:.5rem;padding:.5rem;border-radius:.5rem}.chart-cards .card-chart .card-chart-empty .icon-st{height:40px}.chart-cards .card-chart .card-chart-empty .message{display:inline-flex;text-align:center;font-size:.9rem;font-weight:500}.column{position:relative}.column.home{display:flex;flex-direction:column;align-items:center;flex-grow:1;min-height:0}.column.home .list-container{display:flex;justify-content:space-between;width:100%;flex:2;gap:1rem;overflow:hidden}.column.home .list-container .column{display:flex;flex-direction:column;background-color:var(--color-pair-primary);flex:1;border-radius:.35em;border:3px solid transparent;overflow:hidden;gap:.5rem}.column.home .list-container .column.progress>.head{background-color:var(--color-pair-secondary-dark)}.column.home .list-container .column.progress>.head *{color:#fff}.column.home .list-container .column.conclude>.head{background-color:var(--color-success)}.column.home .list-container .column.conclude>.head *{color:#fff}.column.home .list-container .column.cancel>.head{background-color:var(--color-neutral)}.column.home .list-container .column.cancel>.head *{color:#fff}.column.home .list-container .column>.head{padding:1.15rem;display:flex;align-items:center;justify-content:center;gap:.5rem;border-radius:.35em}.column.home .list-container .column>.head label{font-weight:600}.column.home .list-container .column>.body{padding:0rem .5em;overflow-y:auto;flex-grow:1;min-height:0}.column.home .list-container .column>.body .list{display:flex;flex-direction:column;gap:.5rem;min-height:55dvh}.column.home .list-container .column>.body .list .card-mini{min-height:2rem}.chart{position:relative}.chart.home{display:flex;flex-direction:column;align-items:stretch;height:100%}.chart.home>.body{display:flex;flex:10;width:100%;gap:1rem}.chart.home>.body>div{flex:1;animation:fade-in .2s linear forwards}.chart.home>.body .chart-bar,.chart.home>.body .chart-pie{width:100%}@media screen and (min-width:1920px){.chart.home,.column.home{height:45rem;width:90rem;align-self:center}}@media screen and (min-width:2560px){.chart.home,.column.home{height:60rem;width:110rem;align-self:center}}.input-date{height:2.4rem;box-sizing:border-box;padding:0rem .66rem;border-radius:.5rem;border:3px solid transparent;background-color:var(--color-pair-primary);outline-color:var(--color-accent);font-weight:600;caret-color:var(--color-pair-secondary);color:var(--color-pair-secondary)}.input-date:hover{border-color:var(--color-accent-light)}.input-date::placeholder{font-weight:600;color:var(--color-pair-primary-light)}.react-datepicker{background-color:var(--color-secondary);box-shadow:.01rem .01rem .45rem .01rem var(--color-contrast-o-30);padding:.5rem;border-radius:.5em}.react-datepicker .react-datepicker__aria-live{display:none}.react-datepicker .react-datepicker__navigation{height:2.4rem;border-radius:.5em;background-color:var(--color-pair-primary);transition:all .2s linear;cursor:pointer;border:none}.react-datepicker .react-datepicker__navigation span{color:var(--color-pair-secondary);font-weight:600}.react-datepicker .react-datepicker__navigation.react-datepicker__navigation--previous{margin-right:.5rem}.react-datepicker .react-datepicker__navigation:hover{background-color:var(--color-pair-secondary-dark)}.react-datepicker .react-datepicker__navigation:hover span{color:#fff}.react-datepicker .react-datepicker__navigation:active{background-color:var(--color-pair-secondary)}.react-datepicker .react-datepicker__month-container .react-datepicker__header h2{color:var(--color-pair-secondary);padding:.85rem 0rem}.react-datepicker .react-datepicker__month-container div[role=table]{display:flex;flex-direction:column}.react-datepicker .react-datepicker__month-container div[role=table] .react-datepicker__day-names{display:flex;gap:.5rem;padding:.5rem 0rem;font-size:.95rem;font-weight:600;color:var(--color-pair-secondary);justify-content:space-between}.react-datepicker .react-datepicker__month-container div[role=table] .react-datepicker__day-names .react-datepicker__day-name{display:flex;justify-content:center;width:2.15rem}.react-datepicker .react-datepicker__month-container div[role=table] .react-datepicker__day-names .react-datepicker__day-name .react-datepicker__sr-only{display:none}.react-datepicker .react-datepicker__month-container div[role=table] .react-datepicker__month{display:flex;flex-direction:column;gap:.5rem}.react-datepicker .react-datepicker__month-container div[role=table] .react-datepicker__month .react-datepicker__week{display:grid;grid-template-columns:repeat(7,1fr);gap:.5rem}.react-datepicker .react-datepicker__month-container div[role=table] .react-datepicker__month .react-datepicker__week .react-datepicker__day{display:flex;align-items:center;justify-content:center;padding:.5rem;border-radius:.25rem;background-color:var(--color-pair-primary);cursor:pointer;color:var(--color-pair-secondary);font-weight:500;transition:all .2s linear}.react-datepicker .react-datepicker__month-container div[role=table] .react-datepicker__month .react-datepicker__week .react-datepicker__day.react-datepicker__day--outside-month{opacity:.5}.react-datepicker .react-datepicker__month-container div[role=table] .react-datepicker__month .react-datepicker__week .react-datepicker__day.react-datepicker__day--today{background-color:var(--color-pair-secondary);color:var(--color-secondary)}.react-datepicker .react-datepicker__month-container div[role=table] .react-datepicker__month .react-datepicker__week .react-datepicker__day.react-datepicker__day--selected{background-color:var(--color-primary-light);color:var(--color-secondary)}.react-datepicker .react-datepicker__month-container div[role=table] .react-datepicker__month .react-datepicker__week .react-datepicker__day:hover{background-color:var(--color-pair-secondary-dark);color:#fff}.react-datepicker .react-datepicker__month-container div[role=table] .react-datepicker__month .react-datepicker__week .react-datepicker__day:active{background-color:var(--color-pair-secondary)}.react-datepicker__triangle{color:var(--color-secondary)}.react-datepicker-popper{z-index:2}.input-text-container{display:flex;flex-direction:column;gap:.5rem}.input-text-container .input-text{height:2.4rem;box-sizing:border-box;padding:0rem .66rem;border-radius:.5rem;border:3px solid transparent;background-color:var(--color-pair-primary);outline-color:var(--color-accent);font-weight:600;caret-color:var(--color-pair-secondary);color:var(--color-pair-secondary)}.input-text-container .input-text:hover{border-color:var(--color-accent-light)}.input-text-container .input-text::placeholder{font-weight:600;color:var(--color-pair-primary-light)}.input-text-container .input-text.error{border-color:var(--color-error);outline-color:var(--color-error-dark)}.input-text-container .input-text.error::placeholder{font-weight:600;color:var(--color-pair-primary-light)}.input-text-container .input-text-error{font-size:.85rem;font-weight:600;color:var(--color-error);padding:0rem .5rem}.line{display:inline-flex;background-color:var(--color-pair-secondary-lightest)}.line.horizontal{width:100%;height:2px}.line.vertical{height:auto;width:2px}.dots{display:flex;align-items:center;justify-content:center;gap:.25rem;cursor:pointer}.dots .dot-item{padding:.25rem;border-radius:50%;background-color:var(--color-pair-primary)}.dots .dot-item:nth-child(2n){background-color:var(--color-pair-secondary)}.dots:hover{opacity:.8}.dots:active{opacity:.6}.calendar-container{display:flex;flex-direction:column;flex-grow:1;background-color:var(--color-pair-primary);border-radius:.5rem;padding:.5rem;min-height:0}.calendar-container>.head{display:flex;height:1.5rem;padding-bottom:.5rem;font-weight:600}.calendar-container>.head .day-name{flex:1;text-align:center;color:var(--color-pair-secondary)}.calendar-container>.body{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-template-rows:repeat(6,1fr);gap:.25rem;min-height:0;overflow:hidden;flex:1}.calendar-container>.body .day{position:relative;display:flex;flex-direction:column;gap:.25rem;color:var(--color-pair-secondary);background-color:var(--color-secondary);padding:.5rem;border-radius:.5rem;min-height:0}.calendar-container>.body .day>.title{position:relative;display:inline-flex;justify-content:center;font-weight:600}.calendar-container>.body .day>.title>label{display:inline-flex;justify-content:center;padding:.05rem .5rem;border-radius:1rem;width:2rem;transition:all .2s linear;color:var(--color-pair-secondary)}.calendar-container>.body .day>.title .title-box .month-form{display:flex;flex-direction:column;gap:.5rem;padding:.5rem;border-radius:.5rem;background-color:var(--color-secondary);box-shadow:.005rem .005rem .225rem .005rem var(--color-contrast-o-30);z-index:1}.calendar-container>.body .day>.title .title-box .month-form>.head{display:flex;justify-content:space-between;gap:.5rem}.calendar-container>.body .day>.title .title-box .month-form>.head .button-action{width:6rem;justify-content:center}.calendar-container>.body .day>.title .title-box .month-form>.body{display:flex;flex-direction:column;gap:.5rem}.calendar-container>.body .day>.title .title-box .month-form>.body .input-date{width:100%}.calendar-container>.body .day>.title .title-box .month-form .tooltip{justify-content:end}.calendar-container>.body .day>.title .title-box>.tooltip{position:absolute;right:.25rem;opacity:0;transition:all .2s linear}.calendar-container>.body .day>.title .tooltip-dots{position:absolute;left:.25rem;transition:all .2s linear}.calendar-container>.body .day>.body{display:flex;flex-direction:column;gap:.25rem;min-height:0;overflow:hidden}.calendar-container>.body .day>.body .card-mini{background-color:var(--color-pair-primary)}.calendar-container>.body .day>.body .card-mini *{cursor:pointer}.calendar-container>.body .day>.body .card-mini .body .title .status{height:1rem;width:1rem}.calendar-container>.body .day>.body .card-mini .body .title .icon-st{height:1rem}.calendar-container>.body .day>.body .card-mini .body .title>label{font-size:.85rem;-webkit-line-clamp:1;line-clamp:1}.calendar-container>.body .day>.body .card-mini.has-overflow{display:none}.calendar-container>.body .day>.body .card-relation .head .icon-st{height:1rem}.calendar-container>.body .day>.body .card-relation .head>label{font-size:.85rem;-webkit-line-clamp:1;line-clamp:1}.calendar-container>.body .day>.body .card-mini,.calendar-container>.body .day>.body .card-relation{padding:.05rem .25rem}.calendar-container>.body .day.today>.title>label{background-color:var(--color-pair-secondary);color:var(--color-secondary);padding:.15rem .5rem;border-radius:1rem}.calendar-container>.body .day.approximate{background-color:var(--color-contrast-o-05)}.calendar-container>.body .day:hover .title .title-box>.tooltip{opacity:1}.calendar-container>.body .day:hover .title .title-box>.tooltip .button-action{background-color:var(--color-pair-secondary-lightest)}.calendar-container>.body .day:hover .title .title-box>.tooltip .button-action:hover{background-color:var(--color-pair-secondary)}.calendar-container>.body .day:hover .title .title-box>.tooltip .button-action:active{background-color:var(--color-pair-secondary-light)}@media screen and (min-width:1920px){.calendar-container{height:45rem;width:90rem;align-self:center}}@media screen and (min-width:2560px){.calendar-container{height:60rem;width:110rem;align-self:center}}.model-tabs{display:flex;flex-direction:column;gap:.5rem;flex-grow:1;min-height:0}.model-tabs>.head{display:flex;justify-content:space-between;padding:.5rem;gap:.5rem;border-bottom:.1em solid var(--color-pair-secondary-lightest)}.model-tabs>.head .options-sections{display:flex;gap:.5rem}.model-tabs>.body{position:relative;display:flex;flex-direction:column;background-color:var(--color-pair-primary);gap:.5rem;padding:.5rem;border-radius:.5rem;overflow-y:auto;flex-grow:1;min-height:0}.model-tabs.default .head{padding:0}.model-tabs.column-3x3>.body{display:grid;grid-template-columns:repeat(3,1fr)}.model-tabs.column-2x2>.body{display:grid;grid-template-columns:repeat(2,1fr)}.model-tabs.empty>.body{display:flex;background-color:transparent}.model-tabs.column-3x3>.body,.model-tabs.column-2x2>.body{grid-auto-rows:max-content}.model-tabs.assignment>.head,.model-tabs.goal>.head{height:5dvh}.model-tabs.objectives.all-activities>.head{border-bottom:none;padding:0}.model-tabs.objectives.no-model>.body{display:flex;align-items:center;justify-content:center;background-color:transparent}.model-tabs.objectives .card-mini{cursor:pointer;min-height:2rem}.model-tabs.objectives .card-mini .card-mini-tag>label{width:5rem}.model-tabs.objectives .card-mini .card-mini-tag .count{width:2.5rem}.model-tabs.objectives .card-mini *{cursor:pointer}.objectives-status{display:flex;align-items:stretch;gap:.5rem;height:2rem;padding:0rem .5rem}.objectives-status .label-status{display:flex;align-items:center;gap:.25rem;font-weight:500}.objectives-status .label-status.progress,.objectives-status .label-status.progress *{color:var(--color-pair-secondary)}.objectives-status .label-status.conclude,.objectives-status .label-status.conclude *{color:var(--color-success)}.objectives-status .label-status.cancel,.objectives-status .label-status.cancel *{color:var(--color-neutral)}@media screen and (min-width:1920px){.model-tabs.objectives{height:45rem;width:90rem;align-self:center}}@media screen and (min-width:2560px){.model-tabs.objectives{height:60rem;width:110rem;align-self:center}}.button-link{display:flex;justify-content:center;align-items:center;height:2.4rem;width:2.4rem;background-color:var(--color-pair-secondary-light);transition:all .2s linear;cursor:pointer}.button-link *{color:#fff}.button-link .button-title{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;animation:fade-in .25s linear forwards}.button-link .button-title .icon-st{width:1.25rem}.button-link.circle{border-radius:1.5rem}.button-link.plan-round{border-radius:2rem;padding:.25rem 1rem;justify-content:start;gap:.5rem;font-weight:600}.button-link.logo{padding:.25rem}.button-link.logo *{color:var(--color-contrast)}.button-link.home{background-color:var(--color-accent)}.button-link:hover,.button-link.active{background-color:var(--color-pair-secondary)}.button-link:hover.home,.button-link.active.home{background-color:var(--color-accent-lightest)}.button-link:active{background-color:var(--color-pair-secondary-dark)}.button-link:active.home{background-color:var(--color-accent-light)}.container-navigate{display:flex;flex-direction:column;background-color:var(--color-pair-primary);height:100dvh}.container-navigate .nav{position:relative;display:flex;flex-direction:column;gap:1rem;padding:0rem .25rem;flex-grow:1;width:5rem;transition:all .2s linear}.container-navigate .nav .item-nav{display:flex;justify-content:center;align-items:center}.container-navigate .nav .item-nav:first-child{height:3.1rem;margin-top:.5rem}.container-navigate .nav .item-nav:first-child img{width:1.85rem}.container-navigate .nav .item-nav .button-link{justify-content:start;padding:.25rem 1rem}.container-navigate .nav .item-nav .button-link .icon-st{flex-shrink:0;margin:.575rem}.container-navigate .nav .item-nav .button-link img{margin:.25rem}.container-navigate .nav .item-nav .button-link.logo{background:transparent}.container-navigate .nav .button-navigate-bar{position:absolute;top:50%;left:50%;transform:translate(100%,-50%);z-index:1}.container-navigate .nav.expanded{width:var(--w-xmd)}.container-navigate .nav.expanded .item-nav .button-link{width:calc(var(--w-md) * var(--ratio-golden))}.container-navigate .nav.expanded .item-nav .button-link.logo{padding:0rem 1rem}.container-navigate .nav.expanded .button-navigate-bar{left:82.5%}.container-navigate .nav.expanded .button-navigate-bar .icon-st{transform:scaleX(-1)}.button-toggle{display:flex;align-items:center;justify-content:end;gap:1rem;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s linear}.button-toggle>label{font-size:14px;cursor:pointer;font-weight:600;color:var(--color-pair-secondary)}.button-toggle .button-toggle-bg{width:3rem;height:1.75rem;border:solid .15rem var(--color-pair-secondary-dark);background-color:var(--color-pair-secondary-light);border-radius:2rem;position:relative;box-sizing:border-box;transition:background-color .2s linear}.button-toggle .toggle{width:1.05rem;height:1.05rem;background-color:#fff;border-radius:50%;position:absolute;top:.2rem;left:.2rem;transition:left .2s linear,top .2s linear,width .2s linear,height .2s linear}.button-toggle.active .toggle{width:1.25rem;height:1.25rem;top:.1rem;left:1.35rem}.button-toggle:hover .button-toggle-bg,.button-toggle.active .button-toggle-bg{background-color:var(--color-pair-secondary)}.button-toggle:active .button-toggle-bg{background-color:var(--color-pair-secondary-dark)}.button-dropdown-container{position:relative;-webkit-user-select:none;user-select:none;z-index:1;transition:all .2s linear}.button-dropdown-container .visibility-count{position:absolute;display:flex;align-items:center;justify-content:center;top:-1.1rem;right:0rem;min-width:2rem;padding:.25rem;border-radius:.5rem;background-color:var(--color-pair-secondary-lightest);font-weight:600;font-size:.85rem;color:var(--color-contrast);z-index:1}.button-dropdown-container .dropdown-title{display:flex;align-items:center;justify-content:space-between;flex:1;gap:.35rem;font-weight:600;padding:0rem .5rem;color:var(--color-pair-secondary);cursor:pointer}.button-dropdown-container .dropdown-title label{display:flex;height:100%;align-items:center;cursor:inherit}.button-dropdown-container .dropdown-title label:nth-child(1){display:flex;align-items:center;gap:.35rem}.button-dropdown-container .dropdown-menu{position:absolute;display:flex;flex-direction:column;align-items:stretch;gap:.5rem;top:2.95rem;min-width:10rem;background-color:var(--color-pair-primary);box-shadow:.01rem .01rem .45rem .01rem var(--color-contrast-o-30);padding:.5em;border-radius:.2em;max-height:20em;right:0;animation:fade-in .2s linear forwards}.button-dropdown-container .dropdown-menu.show{display:flex;flex-direction:column}.button-dropdown-container .dropdown-menu.left{right:initial;left:0}.button-dropdown-container .dropdown-menu>span{color:var(--color-pair-secondary);text-align:center;font-weight:600;cursor:initial}.button-dropdown-container .dropdown-menu .item-option{display:flex;align-items:center}.button-dropdown-container .dropdown-menu .item-option .tooltip{flex:1}.button-dropdown-container .dropdown-menu .item-option .button-action{width:-webkit-fill-available;width:stretch;justify-content:space-between;white-space:nowrap}.button-dropdown-container .dropdown-menu .item-option.switch-cards{width:max-content;padding:.25rem .5rem;border-radius:2rem;align-self:self-end}.button-dropdown-container .dropdown-menu .item-option.group .groups{display:flex;flex-direction:column;gap:.5rem;background-color:var(--color-secondary);padding:.25rem;border-radius:1rem}.button-dropdown-container.create .dropdown-menu .button-action{background-color:var(--color-accent)}.button-dropdown-container.create .dropdown-menu .button-action:hover,.button-dropdown-container.create .dropdown-menu .button-action.active{background-color:var(--color-accent-lightest)}.button-dropdown-container.create .dropdown-menu .button-action:active{background-color:var(--color-accent-dark)}.button-dropdown-container.create .dropdown-menu .button-action *{color:#fff}.button-dropdown-container.button-dropdown-form{height:2.4rem;box-sizing:border-box;padding:0rem .66rem;justify-content:center}.button-dropdown-container.button-dropdown-form .dropdown-menu{top:3rem}.search-container{position:relative;display:flex;flex-direction:column;width:2.5rem;z-index:2;transition:all .2s linear}.search-container .search-bar{display:inline-flex;align-items:center;justify-content:center;background-color:var(--color-pair-secondary-light);padding:0rem .25rem;border-radius:2rem;height:2.4rem;cursor:pointer;transition:all .2s linear}.search-container .search-bar .tooltip{display:flex;align-items:center;justify-content:center;width:2.5rem}.search-container .search-bar .tooltip .icon-st{color:#fff}.search-container .search-bar .input-text-container{flex:0;overflow:hidden}.search-container .search-bar .input-text-container .search-content{border:none;background-color:transparent;font-weight:600;margin:0;padding:0;width:auto;font-size:1rem;transition:all .2s linear;color:#fff;caret-color:var(--color-pair-secondary)}.search-container .search-bar .input-text-container .search-content:focus{outline:none}.search-container .search-bar .input-text-container .search-content::placeholder{color:#ffffffb3}.search-container .search-bar:hover{background-color:var(--color-pair-secondary)}.search-container .search-bar:active{background-color:var(--color-pair-secondary-light)}.search-container .search-box{position:absolute;display:flex;flex-direction:column;max-height:70dvh;overflow-y:auto;overflow-x:hidden;background-color:var(--color-secondary);box-shadow:.01rem .01rem .45rem .01rem var(--color-contrast-o-30);padding:.5rem;border-radius:.5rem;gap:.5rem;top:2.95rem;left:0;right:0;animation:fade-in .2s linear forwards}.search-container .search-box .item{display:flex;flex-direction:column;flex-shrink:0;padding:.25rem .5rem;border-radius:.5rem;gap:.25rem}.search-container .search-box .item>.head{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.search-container .search-box .item>.head .item-info{overflow:hidden;transition:.3s linear;padding:0rem .5rem;border-radius:.5rem;height:1.8rem;flex:10;cursor:pointer}.search-container .search-box .item>.head .item-info>label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.search-container .search-box .item>.head .item-info>label.message{display:inline-flex;height:1.8rem;justify-content:center;align-items:center;overflow:visible;width:100%}.search-container .search-box .item>.head .item-info:hover{background-color:#ffffff26}.search-container .search-box .item>.head .item-info:active{background-color:#ffffff4d}.search-container .search-box .item>.head .item-info *{cursor:pointer;color:#fff}.search-container .search-box .item>.head .item-action{flex:1}.search-container .search-box .item>.head .item-info,.search-container .search-box .item>.head .item-action{display:flex;align-items:center;gap:.5rem}.search-container .search-box .item>.item-info{white-space:nowrap;text-overflow:ellipsis}.search-container .search-box .item>.item-info .message{font-weight:500;color:var(--color-pair-secondary)}.search-container .search-box .item.tag{overflow:hidden;max-height:1.75rem;transition:max-height .3s linear}.search-container .search-box .item.tag>.body .item-content{display:flex;flex-wrap:wrap;gap:.25rem}.search-container .search-box .item.tag>.body .item-content .item-tag{display:flex;align-items:center;gap:.25rem;font-size:.875rem;font-weight:500;background-color:#ffffff4d;padding:.25rem .5rem;border-radius:.5rem;transition:.3s linear;cursor:pointer}.search-container .search-box .item.tag>.body .item-content .item-tag:hover{background-color:#ffffff26}.search-container .search-box .item.tag>.body .item-content .item-tag:active{background-color:#ffffff4d}.search-container .search-box .item.tag>.body .item-content .item-tag *{cursor:pointer;color:#fff;text-shadow:0rem .05rem .05rem var(--color-contrast-o-30)}.search-container .search-box .item.tag.open{max-height:20rem}.search-container .search-box .item.tag.open>.head .item-action .button-action.expand .icon-st{transform:rotate(180deg)}.search-container .search-box .item.tag.open>.head .item-action .button-action.expand:active{background-color:var(--color-pair-secondary-light)}.search-container .search-box .item.goal,.search-container .search-box .item.assignment{background-color:var(--color-pair-primary-light)}.search-container.active{overflow:visible;width:20rem}.search-container.active .search-bar{gap:.25rem;cursor:default}.search-container.active .search-bar .input-text-container{flex:1}.search-container.active .search-bar .input-text-container:focus{outline:none}.container-modal-user{position:relative;display:flex;flex-direction:column;gap:.25rem}.container-modal-user .tooltip{position:relative}.container-modal-user .tooltip .dots{position:absolute;padding:.25rem;border-radius:50%;background-color:var(--color-secondary);pointer-events:none;left:-.5rem}.container-modal-user .tooltip .dots .dot-item{padding:.35rem;background-color:#e19926}.container-modal-user .button-action.user{background-color:var(--color-accent)}.container-modal-user .button-action.user:hover,.container-modal-user .button-action.user.active{background-color:var(--color-accent-lightest)}.container-modal-user .button-action.user:active{background-color:var(--color-accent-light)}.container-modal-user .modal-user-content{display:flex;flex-direction:column;gap:.5rem;padding:.5rem;border-radius:.25rem;box-shadow:.005rem .005rem .225rem .005rem var(--color-contrast-o-30);width:var(--w-xmd);z-index:1;background-color:var(--color-secondary);overflow:hidden}.container-modal-user .modal-user-content>.head{display:flex;flex-direction:column;gap:.25rem}.container-modal-user .modal-user-content>.head *{font-weight:500;color:var(--color-contrast-o-70)}.container-modal-user .modal-user-content>.head>div{display:flex;align-items:center;gap:.25rem}.container-modal-user .modal-user-content>.head>label{font-size:.9rem}.container-modal-user .modal-user-content>.body{display:flex;flex-direction:column;gap:.5rem}.container-modal-user .modal-user-content>.body .timer{display:flex;flex-direction:column;background-color:var(--color-pair-secondary-light);gap:.25rem;padding:.5rem;border-radius:.5rem;color:#fff}.container-modal-user .modal-user-content>.body .timer>span{font-weight:500}.container-modal-user .modal-user-content>.body .timer>label{font-weight:700;font-size:1.2rem;color:#fff}.container-modal-user .modal-user-content>.body .button-action.sign-out{align-self:flex-end}.container-modal-user .quota-card{display:flex;flex-direction:column;gap:.25rem;background-color:var(--color-contrast-o-05);padding:.5rem;border-radius:.5rem}.container-modal-user .quota-card>.item{display:flex;justify-content:space-between;align-items:center}.container-modal-user .quota-card>.item *{color:var(--color-contrast-o-70)}.container-modal-user .quota-card>.item .title{display:inline-flex;align-items:center;gap:.25rem;font-size:.9rem;font-weight:500}.container-modal-user .quota-card>.item .quota-label{font-weight:500;font-size:.9rem}.container-modal-user .quota-message{display:flex;align-items:center}.container-modal-user .quota-message>label{font-weight:500;font-size:.85rem;text-align:center;color:var(--color-contrast-o-70)}.container-header{display:flex;align-items:center;justify-content:space-between;margin:0rem 1.5rem;z-index:2}.container-header>h1{color:var(--color-pair-secondary)}.container-header .nav{display:flex}.container-header .nav .item-nav{display:flex;justify-content:center;padding:.25rem .5rem;margin:.25rem}.container-header .nav .item-nav a{color:inherit}.container-main{position:relative;display:flex;flex-direction:column;gap:.5rem;padding:1.5rem;justify-content:center}.container-main>.head{display:flex;flex-direction:column}.container-main>.head .sub-head{display:flex;justify-content:space-between;align-items:center;height:3.5em;border-bottom:solid 2px var(--color-pair-primary)}.container-main>.head .sub-head>div{display:flex;align-items:center;gap:.75rem}.container-main>.head .sub-head>div:first-child .month-picker{display:flex;align-items:center;gap:.5rem}.container-main>.head .sub-head>div:first-child .month-picker>label{display:inline-flex;justify-content:center;width:var(--w-sm);color:var(--color-pair-secondary);font-weight:600;font-size:1.2rem}.container-main>.body{position:relative;display:flex;flex-direction:column;flex-grow:1;min-height:0}.container-main>.body .section{position:relative;display:flex;flex-direction:column;flex-grow:1;min-height:0}.container-main .container-popup{position:absolute;bottom:0%;left:50%;transform:translate(-50%,-50%)}.container-main .container-popup.minimize{bottom:-5%}@media screen and (min-width:1920px){.container-main>.head{width:90rem;align-self:center;justify-content:center}.container-main>.body{flex-grow:0}.container-main .container-popup{bottom:-10%}.container-main .container-popup.minimize{bottom:-15%}}@media screen and (min-width:2560px){.container-main>.head{width:110rem}}.input-code-container{display:flex;flex-direction:column;gap:.5rem}.input-code-container .title{color:var(--color-contrast);margin:.5rem;font-weight:500}.input-code-container>.input{display:flex;align-items:center;justify-content:center;gap:.5rem}.input-code-container>.input .input-code{background-color:var(--color-pair-primary);border-radius:.5rem;border:3px solid transparent;box-sizing:border-box;outline-color:var(--color-accent);height:2.5rem;width:2.5rem;cursor:pointer;font-weight:600;font-size:1.5rem;text-align:center}.input-code-container>.input .input-code:hover{border-color:var(--color-accent-light);caret-color:var(--color-accent-light)}.input-code-container>.input .input-code.error{border-color:var(--color-error);outline-color:var(--color-error-dark)}.input-code-container .input-code-error{font-size:.85rem;font-weight:600;color:var(--color-error);padding:0rem .5rem}.container-demo-session{display:flex;flex-direction:column;position:absolute;border-radius:2rem;background-color:var(--color-contrast-o-05);top:50%;left:50%;transform:translate(-50%,-50%);height:25.5rem;width:var(--w-xl);padding:1.5rem;z-index:2;gap:1rem}.container-demo-session>.head{display:flex;flex-direction:column;gap:2.5rem}.container-demo-session>.head .logo{height:var(--h-sm)}.container-demo-session>.head .title{flex:1;text-align:center;color:var(--color-contrast-o-70);font-size:1.2rem;font-weight:500}.container-demo-session>.head .sub-title{color:var(--color-contrast-o-70);font-weight:500;text-align:center;font-size:.9rem}.container-demo-session>.body .demo-session-form{display:flex;flex-direction:column;gap:1rem}.container-demo-session>.body .demo-session-form .content{display:flex;flex-direction:column;gap:.5rem;align-items:center}.container-demo-session>.body .demo-session-form .content .input-text-container{width:var(--w-md)}.container-demo-session>.body .demo-session-form .content .input-code-container .input>input{color:var(--color-contrast)}.container-demo-session>.body .demo-session-form .content .button-action{align-self:center;background-color:transparent;margin:.5rem 0rem}.container-demo-session>.body .demo-session-form .content .button-action *{color:var(--color-contrast);font-weight:500}.container-demo-session>.body .demo-session-form .content .button-action:hover *{color:var(--color-contrast-o-70)}.container-demo-session>.body .demo-session-form .actions{display:flex;align-items:center;justify-content:center}.container-demo-session>.body .demo-session-form .actions .button-action{justify-content:center}.message-toast{position:absolute;bottom:0;left:50%;transform:translate(-50%,-200%);display:flex;align-items:center;gap:.5rem;border-radius:.5rem;padding:.5rem;background-color:var(--color-pair-primary);box-shadow:.01em .01em .45em .01em var(--color-pair-secondary-light);color:var(--color-pair-secondary);font-weight:600;z-index:1000}.message-toast .title{border-right:solid 2px var(--color-pair-secondary-darkest);padding-right:.75rem}.input-timer{height:2.4rem;box-sizing:border-box;padding:0rem .66rem;border-radius:.5rem;border:3px solid transparent;background-color:var(--color-pair-primary);outline-color:var(--color-accent);font-weight:600;caret-color:var(--color-pair-secondary);color:var(--color-pair-secondary)}.input-timer:hover{border-color:var(--color-accent-light)}.input-timer::placeholder{font-weight:600;color:var(--color-pair-primary-light)}.container-list-modal{display:flex;flex-direction:column;gap:1rem;padding:.5rem;border-radius:.5rem;width:var(--w-lg);transform:translate(-50%,-50%);background-color:var(--color-secondary);box-shadow:.01rem .01rem .45rem .01rem var(--color-contrast-o-30);overflow:hidden;height:26rem}.container-list-modal>.head{display:flex;justify-content:space-between;align-items:center;gap:1rem;border-bottom:solid 1px var(--color-pair-primary)}.container-list-modal>.head h2{font-size:1.2rem;color:var(--color-pair-secondary)}.container-list-modal>.body{display:flex;flex-direction:column;overflow-y:auto;gap:.5rem;background-color:var(--color-pair-primary);padding:.5rem;border-radius:.5rem;flex:1}.container-list-modal.empty>.body{background-color:transparent;align-items:center}.container-list-modal.empty>.body .empty-state-model{height:max-content}.container-list-modal.empty>.body .empty-state-model .title{font-size:1.2rem}.container-list-modal.empty>.body .empty-state-model .description{font-size:1rem}.container-list-modal.empty>.body .empty-state-model img{height:var(--h-lg)}.input-color-container{display:flex;flex-direction:column;gap:.5rem}.input-color-container>.input{display:flex;align-items:center;gap:.5rem;border-radius:.5rem;border:3px solid transparent;height:2.1rem;padding:0rem .66rem;background-color:var(--color-pair-primary)}.input-color-container>.input .input-color{background-color:transparent;border-radius:100%;width:1.75rem;border:3px solid;cursor:pointer}.input-color-container>.input>span{color:var(--color-pair-secondary);font-weight:600;font-size:.9rem}.input-color-container>.input:hover,.input-color-container>.input:focus-within{border-color:var(--color-accent-light)}.input-color-container>.input:focus-within{outline:auto;outline-color:#fff}.input-color-container>.input::placeholder{font-weight:600}.input-color-container>.input.error{border-color:var(--color-error);outline-color:var(--color-error-dark)}.input-color-container>.input.error::placeholder{font-weight:600;color:var(--color-pair-primary-light)}.input-color-container .input-color-error{font-size:.85rem;font-weight:600;color:var(--color-error);padding:0rem .5rem}.container-form-modal>.body{display:flex;flex-direction:column;gap:1rem}.container-form-modal>.body h2{position:sticky;top:0rem;background-color:var(--color-secondary);font-size:1.05rem;z-index:2;margin:0rem;padding:.85rem .5rem}.container-form-modal>.body form{position:relative;display:flex;flex-direction:column;gap:1rem;overflow-y:auto;height:100%}.container-form-modal>.body form>.fields{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;padding:0rem .5rem}.container-form-modal>.body form>.fields .field-forms{display:flex;flex-direction:column;align-items:center;gap:.7rem}.container-form-modal>.body form>.fields .field-forms>label{display:inline-flex;align-self:self-start;font-weight:600;gap:.5rem;color:var(--color-pair-secondary)}.container-form-modal>.body form>.fields .field-forms .button-dropdown-container.form .dropdown-menu{min-width:11rem;left:0}.container-form-modal>.body form>.fields .field-forms .button-dropdown-container.form .dropdown-menu .item-option .button-action{width:9rem}.container-form-modal>.body form>.fields .field-forms .button-dropdown-container.form label:nth-child(1){font-size:.95rem}.container-form-modal>.body form>.fields .field-forms>label,.container-form-modal>.body form>.fields .field-forms>div{width:100%}.container-form-modal>.body form>.fields .field-forms .input-form,.container-form-modal>.body form>.fields .field-forms .button-dropdown-container.form{width:100%}.container-form-modal>.body form>.item-forms.goal.selected{background-color:var(--color-pair-secondary-darkest);border-radius:.5rem}.container-form-modal>.body form>.item-forms.goal.selected .head .item:first-child{border-bottom:none}.container-form-modal>.body form>.item-forms.goal.selected .head .item:first-child *{color:#fff}.container-form-modal>.body form>.item-forms.goal.selected .head .item:first-child>label .line{padding:.05rem;background-color:#fff;border-radius:.5rem}.container-form-modal>.body form>.item-forms.goal.selected .head .item:first-child .unlink-goal{background-color:var(--color-neutral)}.container-form-modal>.body form>.item-forms.goal.selected .head .item:first-child .unlink-goal:hover{background-color:var(--color-neutral-darkest)}.container-form-modal>.body form>.item-forms.goal.selected .head .item:first-child .unlink-goal:active{background-color:var(--color-neutral-light)}.container-form-modal>.body form>.item-forms.goal.selected .head .item:last-child{padding-bottom:.5rem}.container-form-modal>.body form>.item-forms.goal.selected .head .item:last-child .schedule{padding:0rem 1rem;font-weight:500}.container-form-modal>.body form>.item-forms.goal.selected .head .item:last-child *{color:#fff}.container-form-modal>.body form>.item-forms.assignment .body .card-mini{border-color:var(--color-pair-secondary)}.container-form-modal>.body form>.item-forms.assignment .head,.container-form-modal>.body form>.item-forms.tag .head,.container-form-modal>.body form>.item-forms.goal .head,.container-form-modal>.body form>.item-forms.details .head{display:flex;flex-direction:column}.container-form-modal>.body form>.item-forms.assignment .head .item:first-child,.container-form-modal>.body form>.item-forms.tag .head .item:first-child,.container-form-modal>.body form>.item-forms.goal .head .item:first-child,.container-form-modal>.body form>.item-forms.details .head .item:first-child{display:flex;align-items:center;justify-content:space-between;border-bottom:solid 1px var(--color-pair-primary);padding:.5rem}.container-form-modal>.body form>.item-forms.assignment .head .item:first-child>label,.container-form-modal>.body form>.item-forms.tag .head .item:first-child>label,.container-form-modal>.body form>.item-forms.goal .head .item:first-child>label,.container-form-modal>.body form>.item-forms.details .head .item:first-child>label{display:inline-flex;font-weight:600;gap:.5rem;color:var(--color-pair-secondary)}.container-form-modal>.body form>.item-forms.assignment .body,.container-form-modal>.body form>.item-forms.tag .body,.container-form-modal>.body form>.item-forms.goal .body,.container-form-modal>.body form>.item-forms.details .body{display:flex;flex-direction:column}.container-form-modal>.body form>.item-forms.assignment .body textarea,.container-form-modal>.body form>.item-forms.tag .body textarea,.container-form-modal>.body form>.item-forms.goal .body textarea,.container-form-modal>.body form>.item-forms.details .body textarea{background-color:var(--color-pair-primary);border:3px solid transparent;border-radius:.5rem;padding:.5rem;margin:1rem .75rem;font-weight:600;outline-color:var(--color-accent);resize:vertical;min-height:10rem;color:var(--color-pair-secondary)}.container-form-modal>.body form>.item-forms.assignment .body textarea:hover,.container-form-modal>.body form>.item-forms.tag .body textarea:hover,.container-form-modal>.body form>.item-forms.goal .body textarea:hover,.container-form-modal>.body form>.item-forms.details .body textarea:hover{border-color:var(--color-accent-light)}.container-form-modal>.body form>.item-forms.assignment .body textarea::placeholder,.container-form-modal>.body form>.item-forms.tag .body textarea::placeholder,.container-form-modal>.body form>.item-forms.goal .body textarea::placeholder,.container-form-modal>.body form>.item-forms.details .body textarea::placeholder{font-weight:600;color:var(--color-pair-primary-light)}.container-form-modal>.body form>.item-forms.assignment .body,.container-form-modal>.body form>.item-forms.tag .body{display:flex;flex-direction:row;flex-wrap:wrap;gap:.5rem;padding:0rem .5rem}.container-form-modal>.body form>.item-forms.assignment .body .card-mini,.container-form-modal>.body form>.item-forms.tag .body .card-mini{display:flex;font-size:.85rem;gap:.25rem;width:max-content;margin:.5rem 0rem 0rem}.container-form-modal>.body form>.item-forms.assignment .body .card-mini .icon-st,.container-form-modal>.body form>.item-forms.tag .body .card-mini .icon-st{height:1rem}.container-form-modal.tag>.body form>.fields{grid-template-columns:none;grid-template-rows:repeat(2,1fr)}.container-form-modal{display:flex;flex-direction:column;gap:1rem;height:44rem;width:52.5rem}.container-form-modal>.head{display:flex;align-items:center;border-bottom:solid 1px var(--color-pair-primary);padding:1rem;gap:.5rem}.container-form-modal>.head h2,.container-form-modal>.head .objective-options{flex:2}.container-form-modal>.head h2 .objective-op,.container-form-modal>.head .objective-options .objective-op{display:flex;align-items:center;gap:.5rem}.container-form-modal>.body{flex:1;margin:0rem .5rem;overflow:hidden}.container-form-modal>.bottom{display:flex;align-items:center;justify-content:center;padding:1rem}.container-form-modal.tag{position:absolute;display:flex;flex-direction:column;gap:.75rem;width:60%;height:calc(var(--w-lg) * var(--ratio-video));margin:.5rem;padding:1rem;border-radius:.5rem;background-color:var(--color-secondary);box-shadow:.01rem .01rem .45rem .01rem var(--color-contrast-o-30);right:0;z-index:1}.container-form-modal.tag>.head{display:flex;align-items:center;justify-content:space-between;border-bottom:solid 1px var(--color-pair-primary);padding:0}.container-form-modal.tag>.head h2{display:inline-flex;gap:.5rem;font-size:1.05rem;margin:0rem;padding:.85rem .5rem;color:var(--color-pair-secondary)}.container-form-modal.tag>.bottom{display:flex;justify-content:center;align-items:center;padding:0}.container-form-modal .container-list-modal .card-mini{cursor:pointer}.overlay{position:absolute;background-color:var(--color-contrast-o-30);height:100dvh;width:100dvw;animation:fade-in .2s linear forwards;transition:all .2s linear;z-index:2}.container-modal{position:fixed;display:flex;flex-direction:column;height:100dvh;width:35em;background-color:var(--color-secondary);box-shadow:.01rem .01rem .45rem .01rem var(--color-contrast-o-30);transition:all .2s linear;animation:fade-in .2s linear forwards;opacity:0;z-index:-1}.container-modal>.head{position:relative;display:flex;align-items:center;justify-content:space-between;background-color:var(--color-pair-secondary-darkest);padding:.5rem;height:6dvh}.container-modal>.head h2,.container-modal>.head h4{display:-webkit-box;margin:0rem .5rem;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;color:var(--color-pair-secondary-lightest)}.container-modal>.head .title{display:flex;align-items:center;gap:.25rem}.container-modal>.head .title .icon-st{flex-shrink:0}.container-modal>.head .title *{color:var(--color-pair-secondary-lightest)}.container-modal>.head .sub-title{color:var(--color-pair-secondary-lightest);font-weight:500}.container-modal>.head .close{position:absolute;left:-3em}.container-modal>.head .button-action{flex-shrink:0}.container-modal>.body{display:flex;flex-direction:column;flex-grow:1;min-height:0;padding:.5rem}.container-modal.modal-right{top:0;right:0}.container-modal.modal-center{position:absolute;border-radius:.5rem;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:.01rem .01rem .45rem .01rem var(--color-contrast-o-30);width:max-content;height:max-content}.container-modal.modal-center .container-list-modal{position:absolute;top:50%;left:50%;z-index:1}.container-modal.show{opacity:1;z-index:2}.tag.card-relation{display:flex;flex-direction:column;border-radius:.5rem;padding:.5rem;transition:max-height .3s linear;overflow:hidden;max-height:2.55rem;flex-shrink:0}.tag.card-relation>.head{display:flex;align-items:center;justify-content:space-between;border-radius:.5rem;padding:.15rem .5rem;transition:all .2s linear}.tag.card-relation>.head>label{display:flex;gap:.35rem;font-weight:600}.tag.card-relation>.head>label *{color:#fff}.tag.card-relation>.head>label .button-checkbox{display:none}.tag.card-relation>.head>label .button-checkbox .checkbox-container{border-color:#fff}.tag.card-relation>.head .side-actions{display:flex;align-items:center;gap:.5rem;border-radius:1rem;overflow:hidden;padding:.25rem}.tag.card-relation>.head .side-actions .button-action{flex-shrink:0}.tag.card-relation>.head .side-actions .button-action.delete,.tag.card-relation>.head .side-actions .button-action.edit{opacity:0}.tag.card-relation>.body{display:none;flex-direction:column;gap:.35rem;padding:.25rem}.tag.card-relation>.body .content{display:flex;flex-direction:column;gap:.35rem;padding:.25rem;border-radius:.5rem;background-color:var(--color-contrast-o-15)}.tag.card-relation>.body .content .message{display:inline-flex;align-items:center;gap:.35rem;font-weight:600;font-size:.9rem;height:2rem;padding:0rem .25rem}.tag.card-relation>.body .content .message *{color:var(--color-pair-secondary)}.tag.card-relation.relationed{gap:.5rem}.tag.card-relation.relationed>.head{cursor:pointer}.tag.card-relation.relationed>.head *{cursor:pointer}.tag.card-relation.relationed>.head .side-actions{background-color:#ffffff26;width:1.8rem}.tag.card-relation.relationed>.head:active{background-color:#ffffff26}.tag.card-relation.relationed>.body{display:flex}.tag.card-relation.relationed:hover>.head .side-actions{width:6.5rem}.tag.card-relation.open{max-height:120rem}.tag.card-relation.open>.head .side-actions .button-action.expand .icon-st{transform:rotate(180deg)}.tag.card-relation.pending{pointer-events:none;opacity:.7}.tag.card-relation.selected>.head>label .button-checkbox{display:flex}.tag.card-relation:hover>.head>label .button-checkbox{display:flex}.tag.card-relation:hover>.head .side-actions{justify-content:center;width:4.125rem}.tag.card-relation:hover>.head .side-actions .button-action.delete,.tag.card-relation:hover>.head .side-actions .button-action.edit{opacity:1}.tag.card-mini *{color:#fff}.modal-right.tag .body>.container-popup{position:absolute;bottom:0%;left:50%;transform:translate(-50%,-50%);z-index:1}.container-modal.modal-right.details>.head>div{display:flex;flex-direction:column;gap:.5rem}.container-modal.modal-right.details>.head>div h2 *{color:var(--color-pair-secondary-lightest)}.container-modal.modal-right.details>.sub-head{display:flex;align-items:center;justify-content:center;padding:1rem}.container-modal.modal-right.details>.sub-head .label-status{display:inline-flex;align-items:center;gap:.5rem;font-weight:600}.container-modal.modal-right.details>.sub-head.progress{background-color:var(--color-pair-secondary-dark)}.container-modal.modal-right.details>.sub-head.progress *{color:#fff}.container-modal.modal-right.details>.sub-head.conclude{background-color:var(--color-success)}.container-modal.modal-right.details>.sub-head.conclude *{color:#fff}.container-modal.modal-right.details>.sub-head.cancel{background-color:var(--color-neutral)}.container-modal.modal-right.details>.sub-head.cancel *{color:#fff}.container-modal.modal-right.details>.body{display:flex;flex-direction:column;gap:1rem}.container-modal.modal-right.details>.body .description{display:flex;background-color:var(--color-pair-primary);border-radius:.5rem;padding:1rem;font-weight:600;font-size:.9rem;max-height:20rem;color:var(--color-pair-secondary);overflow:hidden}.container-modal.modal-right.details>.body .description .body{overflow-y:auto}.container-modal.modal-right.details>.body .details-goal{display:flex;flex-direction:column;overflow:hidden;gap:1rem}.container-modal.modal-right.details>.body .details-goal .goal-bars .bar{display:flex;flex-direction:column;gap:.5rem;padding:.5rem;overflow:hidden}.container-modal.modal-right.details>.body .details-goal .goal-bars .bar .head{display:flex;align-items:center;gap:.5rem}.container-modal.modal-right.details>.body .details-goal .goal-bars .bar .head>label{display:flex;align-items:center;gap:.5rem;font-weight:600}.container-modal.modal-right.details>.body .details-goal .goal-bars .bar .head *{color:var(--color-pair-secondary)}.container-modal.modal-right.details>.body .details-goal .goal-bars .bar .body{position:relative;display:flex;height:var(--h-sm);border-radius:.5rem;overflow:hidden}.container-modal.modal-right.details>.body .details-goal .goal-bars .bar .body *{transition:all .2s linear}.container-modal.modal-right.details>.body .details-goal .goal-bars .bar .body .label-percent{position:absolute;right:0;top:.35rem;display:flex;align-items:center;color:#fff;font-weight:600;text-shadow:0rem 0rem .085rem var(--color-pair-secondary);margin:1rem}.container-modal.modal-right.details>.body .details-goal .goal-bars .bar.progress .body{background-color:var(--color-pair-secondary)}.container-modal.modal-right.details>.body .details-goal .goal-bars .bar.progress .body .bar-progress{background-color:var(--color-pair-secondary-light)}.container-modal.modal-right.details>.body .details-goal .goal-bars .bar.conclude .body{background-color:var(--color-success-darkest)}.container-modal.modal-right.details>.body .details-goal .goal-bars .bar.conclude .body .bar-progress{background-color:var(--color-success-dark)}.container-modal.modal-right.details>.body .details-goal .goal-bars .bar.cancel .body{background-color:var(--color-neutral-darkest)}.container-modal.modal-right.details>.body .details-goal .goal-bars .bar.cancel .body .bar-progress{background-color:var(--color-neutral-dark)}.container-modal.modal-right.details>.body .details-goal .goal-tags{min-height:0}.container-modal.modal-right.details>.body .details-assignment{display:flex;flex-direction:column;gap:1rem}.container-modal.modal-right.details>.body .details-assignment .split-content{display:flex;align-items:center;gap:.5rem}.container-modal.modal-right.details>.body .details-assignment .split-content .goal-card{display:flex;background-color:var(--color-pair-secondary);border-radius:.5rem;padding:.5rem;flex:1}.container-modal.modal-right.details>.body .details-assignment .split-content .goal-card .head{display:flex;flex-direction:column;gap:.25rem}.container-modal.modal-right.details>.body .details-assignment .split-content .goal-card .head .item *{color:var(--color-secondary)}.container-modal.modal-right.details>.body .details-assignment .split-content .goal-card .head .item:first-child{display:flex;align-items:center;gap:.5rem;font-weight:600}.container-modal.modal-right.details>.body .details-assignment .split-content .goal-card .head .item:last-child{font-size:.9rem;font-weight:500}.container-modal.modal-right.details>.body .details-assignment .split-content .duration{display:flex;align-items:center;justify-content:center;gap:.5rem;background-color:var(--color-primary);padding:.5rem;border-radius:.5rem;width:fit-content;height:var(--h-mini);flex:1}.container-modal.modal-right.details>.body .details-assignment .split-content .duration *{color:#fff}.container-modal.modal-right.details>.body .details-assignment .split-content .duration label{display:flex;align-items:center;gap:.5rem;font-weight:600}.container-modal.modal-right.details>.body .details-assignment .split-content .goal-card,.container-modal.modal-right.details>.body .details-assignment .split-content .duration{height:2.75rem}.container-modal.modal-right.details>.body .goal-tags,.container-modal.modal-right.details>.body .assignment-tags{display:flex;flex-direction:column;gap:.5rem;padding:.5rem;overflow:hidden;background-color:var(--color-secondary);border-radius:.5rem}.container-modal.modal-right.details>.body .goal-tags .head,.container-modal.modal-right.details>.body .assignment-tags .head{display:flex;align-items:center;gap:.5rem}.container-modal.modal-right.details>.body .goal-tags .head>label,.container-modal.modal-right.details>.body .assignment-tags .head>label{display:flex;align-items:center;gap:.5rem;font-weight:600}.container-modal.modal-right.details>.body .goal-tags .head *,.container-modal.modal-right.details>.body .assignment-tags .head *{color:var(--color-pair-secondary)}.container-modal.modal-right.details>.body .goal-tags .body,.container-modal.modal-right.details>.body .assignment-tags .body{display:flex;flex-wrap:wrap;gap:.5rem;overflow-y:auto}.container-modal.modal-right.details>.body .goal-tags .body .tag-card,.container-modal.modal-right.details>.body .assignment-tags .body .tag-card{display:flex;align-items:center;gap:.25rem;font-size:.85rem;font-weight:600;padding:.5rem;border-radius:.25rem;width:fit-content;color:#fff}*{font-family:Quicksand,Gill Sans,Segoe UI,"sans-serif"}.container-app[data-theme=light]{--color-primary: #172B4D;--color-primary-lightest: #4988F5;--color-primary-light: #3D72CC;--color-primary-dark: #315BA3;--color-primary-darkest: #25447A;--color-secondary: #FFFFFF;--color-secondary-lightest: #DBDBDB;--color-secondary-light: #B3B3B3;--color-secondary-dark: #8A8A8A;--color-secondary-darkest: #616161;--color-pair-primary: #EAEAEA;--color-pair-primary-lightest: #C7C7C7;--color-pair-primary-light: #9E9E9E;--color-pair-primary-dark: #757575;--color-pair-primary-darkest: #4D4D4D;--color-pair-secondary: #5E5850;--color-pair-secondary-lightest: #DECFBD;--color-pair-secondary-light: #B5A99A;--color-pair-secondary-dark: #8C8377;--color-pair-secondary-darkest: #3B3732;--color-accent: #4988F5;--color-accent-lightest: #3F74D1;--color-accent-light: #325EA8;--color-accent-dark: #26477F;--color-accent-darkest: #1A3057;--color-success: #00D057;--color-success-lightest: #00FF6A;--color-success-light: #00AD48;--color-success-dark: #008537;--color-success-darkest: #005C26;--color-neutral: #242424;--color-neutral-lightest: #CCCCCC;--color-neutral-light: #A3A3A3;--color-neutral-dark: #7A7A7A;--color-neutral-darkest: #525252;--color-error: #B31818;--color-error-lightest: #E01D1D;--color-error-light: #8F1313;--color-error-dark: #660D0D;--color-error-darkest: #3D0808;--color-contrast: #131313;--color-contrast-lightest: #BABABA;--color-contrast-light: #919191;--color-contrast-dark: #696969;--color-contrast-darkest: #404040;--color-contrast-o: 19, 19, 19;--color-contrast-o-70: rgba(var(--color-contrast-o), .7);--color-contrast-o-50: rgba(var(--color-contrast-o), .5);--color-contrast-o-30: rgba(var(--color-contrast-o), .3);--color-contrast-o-15: rgba(var(--color-contrast-o), .15);--color-contrast-o-05: rgba(var(--color-contrast-o), .05)}.container-app[data-theme=dark]{--color-primary: #25447A;--color-primary-lightest: #4B8BFA;--color-primary-light: #3F74D1;--color-primary-dark: #325EA8;--color-primary-darkest: #1A3057;--color-secondary: #131313;--color-secondary-lightest: #BABABA;--color-secondary-light: #919191;--color-secondary-dark: #696969;--color-secondary-darkest: #404040;--color-pair-primary: #403B36;--color-pair-primary-lightest: #E8D5C3;--color-pair-primary-light: #BFB0A1;--color-pair-primary-dark: #968A7E;--color-pair-primary-darkest: #6E655C;--color-pair-secondary: #C7B8A5;--color-pair-secondary-lightest: #BAAE9E;--color-pair-secondary-light: #91887C;--color-pair-secondary-dark: #696159;--color-pair-secondary-darkest: #403B36;--color-accent: #49BEF5;--color-accent-lightest: #3FA3D1;--color-accent-light: #3283A8;--color-accent-dark: #26637F;--color-accent-darkest: #1A4357;--color-success: #00D057;--color-success-lightest: #00FF6A;--color-success-light: #00AD48;--color-success-dark: #008537;--color-success-darkest: #005C26;--color-neutral: #B3B3B3;--color-neutral-lightest: #E5E5E5;--color-neutral-light: #A8A8A8;--color-neutral-dark: #808080;--color-neutral-darkest: #575757;--color-error: #B31818;--color-error-lightest: #E01D1D;--color-error-light: #8F1313;--color-error-dark: #660D0D;--color-error-darkest: #3D0808;--color-contrast: #FFFFFF;--color-contrast-lightest: #DBDBDB;--color-contrast-light: #B3B3B3;--color-contrast-dark: #8A8A8A;--color-contrast-darkest: #616161;--color-contrast-o: 255, 255, 255;--color-contrast-o-70: rgba(var(--color-contrast-o), .7);--color-contrast-o-50: rgba(var(--color-contrast-o), .5);--color-contrast-o-30: rgba(var(--color-contrast-o), .3);--color-contrast-o-15: rgba(var(--color-contrast-o), .15);--color-contrast-o-05: rgba(var(--color-contrast-o), .05)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}:root{--ratio-video: .5625;--ratio-square: 1;--ratio-portrait: 1.25;--ratio-golden: .618;--w-mini: 4rem;--w-sm: 10rem;--w-xmd: 15rem;--w-md: 20rem;--w-lg: 30rem;--w-xl: 40rem;--w-2xl: 60rem;--w-4k: 120rem;--w-full: 100%;--h-mini: 2rem;--h-sm: 4rem;--h-md: 8rem;--h-lg: 12rem;--h-header: 4rem;--h-screen: 100vh}body{margin:0}body .container-app{position:relative;height:100dvh;margin:0;padding:0;overflow:hidden;background-color:var(--color-secondary);transition:all .2s linear;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr auto;grid-template-areas:"container-navigate container-header" "container-navigate container-main"}body .container-app .container-header{grid-area:container-header}body .container-app .container-navigate{grid-area:container-navigate}body .container-app .container-main{grid-area:container-main;min-height:0}.scrollable{padding-right:8px;scrollbar-width:thin;scrollbar-color:var(--color-pair-secondary) transparent}.scrollable::-webkit-scrollbar{width:8px}.scrollable::-webkit-scrollbar-track{background:transparent}.scrollable::-webkit-scrollbar-thumb{background-color:var(--color-pair-secondary);border-radius:4px;border:2px solid transparent}