.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-outer-spin-button{-webkit-appearance:none;margin:0}.input-wrapper input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input-wrapper input[type=number]{appearance:textfield}.input-wrapper.type-number{text-align:right;max-width:7rem}.input-wrapper .label-after{position:absolute;right:1rem;transform:translateY(-2.28rem)}.input-wrapper .validation-error{text-align:left;white-space:nowrap;background-color:#fff;margin-left:1rem;padding:0 5px;position:absolute;left:0;transform:translate(-5px,-.6rem)}
.radio-input span.label-text{width:100%;margin-left:1rem;font-size:1rem}
.progress-wrapper progress{color:#0ff;background-color:var(--fallback-bc,oklch(var(--bc)/.1))}.progress-wrapper progress::-webkit-progress-value{transition:all .6s cubic-bezier(.165,.84,.44,1)}
.icon{width:24px;height:24px}.icon.clickable{cursor:pointer}.icon span{display:flex}

.pagination{justify-content:space-between;align-items:baseline;width:100%;padding:1rem;display:flex}th{cursor:pointer}th .header-text{align-items:center;display:flex}th .header-text .icon{margin-left:.5rem}
.range-input .range-wrapper{grid-template-columns:1fr 7rem;align-items:center;display:grid}.range-input .value{border-radius:var(--rounded-btn,.5rem);border-color:var(--fallback-bc,oklch(var(--bc)/.2));border-width:1px;justify-content:space-around;align-items:center;height:3rem;margin-left:1rem;display:flex}
.badge{text-wrap:nowrap;margin-bottom:.8rem;margin-right:.8rem;padding:.8rem}.badge .icon{cursor:pointer;transform:translate(5px)}
.check-box{display:flex}.check-box.disabled{opacity:.4;pointer-events:none}.check-box .label{align-items:center}.check-box .label-text{margin-left:1rem;font-size:1rem}
header{grid-area:header;justify-content:space-between;justify-self:center;align-items:center;width:calc(100% - 60px);max-width:600px;margin-top:30px;display:flex}header .logo{justify-self:end;height:100%}header .title{flex-direction:column;flex:2;align-self:flex-end;gap:.5rem;margin-bottom:6px;margin-right:30px;display:flex}header .progress-wrapper{width:100%}