.c--snow-board{width:fit-content;display:flex;flex-direction:column;gap:8px}.c--snow-board>div.row{display:flex;align-items:center;justify-content:center;padding:16px;gap:16px;color:#999;font-weight:200;font-style:italic}.c--snow-board>div.row>p{margin:0}.c--snow-board>form{display:flex;align-items:center;column-gap:8px;row-gap:4px;flex-wrap:wrap}.c--snow-board>form>label{display:flex;flex-direction:column;font-size:.75rem;text-transform:uppercase;font-weight:700;gap:2px;line-height:1;flex:1 1 auto}.c--snow-board>form>label>select{font-size:1rem}.c--snow-board table{height:0;width:100%;table-layout:auto}.c--snow-board thead,.c--snow-board thead>tr,.c--snow-board thead>tr>th{background:#333;color:#fff;white-space:nowrap;padding:0 4px;font-size:.875rem}.c--snow-board thead:first-child,.c--snow-board thead>tr:first-child,.c--snow-board thead>tr>th:first-child{width:20rem}.c--snow-board thead:not(:first-child),.c--snow-board thead>tr:not(:first-child),.c--snow-board thead>tr>th:not(:first-child){text-align:center}.c--snow-board tbody>tr>td{font-weight:700;padding:0;white-space:nowrap}.c--snow-board tbody>tr>td>span{display:block;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:1.125rem}.c--snow-board tbody>tr>td>div{position:relative;width:calc(100% - 2px);height:2.5rem;background:#eee;margin:2px 2px 2px 0;border-radius:0 4px 4px 0;display:flex;align-items:center;justify-content:center}.c--snow-board tbody>tr>td>div>div:first-child{background:#76bc1c;position:absolute;left:0;bottom:2px;top:2px;border-radius:0 4px 4px 0;max-width:calc(100% - 2px);opacity:.85;transition:all .5s}.c--snow-board tbody>tr>td>div>div:last-child{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;width:min-content;line-height:1;padding:2px;color:#000;font-weight:900;font-size:1.125rem;transition:all .5s;background:#eeec;border:1px solid #ccc;border-radius:4px}.c--snow-board tbody>tr>td>div>div:last-child>span.warn{color:red}