.locker{display:flex;background:0 0;flex-wrap:nowrap;overflow-x:auto;padding-bottom:100px}.locker__stack{display:flex;flex-direction:column;min-width:120px;width:100%;border-top:2px solid #fff;border-right:2px solid #fff;border-bottom:0;border-left:0;background:#fff;box-shadow:0 4px 6px rgba(0,0,0,.1);overflow:hidden;transition:transform .2s ease}.locker__stack:first-child{border-radius:.5rem 0 0 .5rem}.locker__stack:last-child{border-radius:0 .5rem .5rem 0;border-right:#fff}.locker__stack-row{display:flex;flex-direction:row-reverse;width:100%;border-bottom:2px solid rgba(255,255,255,.3)}.locker__stack-row:last-child{border-bottom:none}.locker__stack__user-screen{display:flex;justify-content:center;align-items:center;background-color:rgba(0,0,0,.4)}.locker__stack__user-screen h3{color:#ab1a37;font-size:1rem;font-weight:700;margin:0}.locker__stack__cell{display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease,color .2s ease;border-right:2px solid rgba(255,255,255,.3);border-bottom:2px solid rgba(255,255,255,.3);width:100%;font-weight:600;color:#fff}.locker__stack__cell__door{padding:.1rem;position:relative;width:99%;height:99%;margin:0 auto;border:2px solid #d1d5db;border-radius:.3rem;background-color:#f3f4f6;overflow:hidden;display:flex;align-items:center;justify-content:center;cursor:pointer;font-weight:600;color:#fff}.locker__stack__cell__door p{font-size:1rem;color:#fff;margin:0}.locker__stack__cell__door.row{flex-direction:row}.locker__stack__cell__door.available{background-color:#4caf50}.locker__stack__cell__door.available:hover{background-color:rgba(76,175,80,.2)}.locker__stack__cell__door.occupied{background-color:#ffc107}.locker__stack__cell__door.occupied:hover{background-color:rgba(255,193,7,.2)}.locker__stack__cell__door.unavailable{background-color:#dc3545}.locker__stack__cell__door.unavailable:hover{background-color:rgba(220,53,69,.2)}.locker__stack__cell__door.faulted{background-color:#666}.locker__stack__cell__door.faulted:hover{background-color:rgba(102,102,102,.2)}
/*# sourceMappingURL=locker-view.css.map */