.input-wrapper{position:relative}.input-wrapper label{white-space:nowrap;color:oklch(var(--n))}.input-wrapper input{width:100%;color:oklch(var(--bc))}.input-wrapper input[type=number]::-webkit-inner-spin-button,.input-wrapper input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input-wrapper input[type=number]{-moz-appearance:textfield;appearance:textfield}.input-wrapper.type-number{max-width:7rem;text-align:right}.input-wrapper .label-after{position:absolute;right:1rem;transform:translateY(-2.28rem)}.input-wrapper .validation-error{position:absolute;text-align:left;white-space:nowrap;left:0;margin-left:1rem;transform:translate(-5px,-.6rem);background-color:#fff;padding:0 5px}.radio-input span.label-text{width:100%;margin-left:1rem;font-size:1rem}.progress-wrapper progress{color:aqua;background-color:var(--fallback-bc,oklch(var(--bc)/.1))}.progress-wrapper progress::-webkit-progress-value{transition:all .6s cubic-bezier(.165,.84,.44,1)}.badge{text-wrap:nowrap;padding:.8rem;margin-right:.8rem;margin-bottom:.8rem}.badge .icon{cursor:pointer;transform:translateX(5px)}.pagination{display:flex;justify-content:space-between;width:100%;padding:1rem;align-items:baseline}th{cursor:pointer}th .header-text{display:flex;align-items:center}th .header-text .icon{margin-left:.5rem}.icon{width:24px;height:24px}.icon.clickable{cursor:pointer}.icon span{display:flex}.range-input .range-wrapper{display:grid;grid-template-columns:1fr 7rem;align-items:center}.range-input .value{margin-left:1rem;height:3rem;display:flex;align-items:center;justify-content:space-around;border-radius:var(--rounded-btn,.5rem);border-color:var(--fallback-bc,oklch(var(--bc)/.2));border-width:1px}.check-box{display:flex}.check-box.disabled{opacity:.4;pointer-events:none}.check-box .label{align-items:center}.check-box .label-text{font-size:1rem;margin-left:1rem}header{grid-area:header;display:flex;align-items:center;justify-self:center;width:calc(100% - 60px);max-width:600px;margin-top:30px;justify-content:space-between}header .logo{height:100%;justify-self:end}header .title{gap:.5rem;flex:2;margin-right:30px;margin-bottom:6px;display:flex;flex-direction:column;align-self:flex-end}header .progress-wrapper{width:100%}