{"version":3,"sources":["reservations.scss","reservations.css"],"names":[],"mappings":"AAOA,MACI,OAAA,IAAA,MAAA,eACA,OAAA,KAAA,EAGJ,SACI,QAAA,KACA,eAAA,OACA,gBAAA,OACA,YAAA,OACA,IAAA,MACA,MAAA,KACA,OAAA,KAEJ,MACI,QAAA,KACA,eAAA,OACA,IAAA,KACA,MAAA,KACA,OAAA,KACA,MAAA,KACA,YAAA,KAAA,CAAA,WCHJ,YDKI,YAEI,KAAA,EACA,QAAA,KACA,eAAA,OACA,gBAAA,WACA,YAAA,OCHR,eDKQ,eACI,QAAA,KACA,MAAA,KACA,cAAA,IAAA,MAAA,eCAZ,kBADA,kBADA,kBDIY,kBAEI,KAAA,EACA,QAAA,KACA,UAAA,MACA,WAAA,KACA,MAAA,QACA,WAAA,OCEhB,8BADA,8BADA,8BDEgB,8BACI,YAAA,ICKpB,8BADA,8BADA,8BDAgB,8BACI,YAAA,ICKpB,kBDDY,kBACI,cAAA,IAAA,MAAA,IAAA,MAAA,eACA,eAAA,UACA,UAAA,OAMR,eACI,cAAA,eAIR,0BAtDJ,MAuDQ,YAAA,OACA,eAAA,OAEA,YACI,QAAA,KAGJ,YCHN,SADA,SDOU,MAAA,KACA,eAAA,OACA,OAAA,IAAA,MAAA,IAAA,MAAA,eAGJ,SACI,cAAA,KAEA,YACI,cAAA,eAIR,SACI,QAAA,KACA,gBAAA,cACA,YAAA,SACA,SAAA,SACA,UAAA,KACA,QAAA,KAAA,KAAA,KAAA,cAEA,iBACI,QAAA,iBACA,SAAA,SACA,KAAA,KACA,MAAA,IACA,cAAA,KACA,YAAA,OACA,WAAA,KACA,YAAA,IACA,MAAA,SAMZ,+BACI,QAAA,KAAA,KAEA,2DACI,MAAA,KAGJ,6EACI,iBAAA,QAGJ,+EACI,iBAAA","file":"reservations.css","sourcesContent":["@use '_variables.scss' as *;\n\n\n.grid-table{\n\n}\n\n.line {\n    border: $border-light-gray;\n    margin: 1rem 0;\n}\n\n.details {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    gap: .5rem;\n    width: 100%;\n    height: 100%;\n}\ntable {\n    display: flex;\n    flex-direction: column;\n    gap: 1rem;\n    width: 100%;\n    height: 100%;\n    color: $dark-text-color;\n    font-family: $font-family-base;\n\n    thead,\n    tbody {\n        flex: 1;\n        display: flex;\n        flex-direction: column;\n        justify-content: flex-start;\n        align-items: center;\n\n        tr {\n            display: flex;\n            width: 100%;\n            border-bottom: $border-light-gray;\n\n            th,\n            td {\n                flex: 1;\n                padding: 10px;\n                font-size: 0.9rem;\n                text-align: left;\n                color: inherit;\n                align-self: center;\n\n                &:first-child {\n                    font-weight: bold;\n                }\n\n                &:first-child {\n                    font-weight: bold;\n                }\n            }\n\n            th {\n                border-bottom: 2px solid $border-light-gray;\n                text-transform: uppercase;\n                font-size: 1.1rem;\n            }\n        }\n    }\n\n    tbody {\n        tr {\n            border-bottom: none !important;\n        }\n    }\n\n    @media (max-width: $breakpoint-xl) {\n        align-items: center;\n        flex-direction: column;\n\n        thead {\n            display: none;\n        }\n\n        tbody,\n        tr,\n        td {\n            width: 100%;\n            flex-direction: column;\n            border: 2px solid $border-light-gray;\n        }\n\n        tr {\n            margin-bottom: 15px;\n\n            th {\n                border-bottom: none !important;\n            }\n        }\n\n        td {\n            display: flex;\n            justify-content: space-between;\n            align-items: flex-end;\n            position: relative;\n            font-size: 1rem;\n            padding: 10px 10px 10px 50% !important;\n\n            &::before {\n                content: attr(data-label);\n                position: absolute;\n                left: 10px;\n                width: 45%;\n                padding-right: 10px;\n                white-space: nowrap;\n                text-align: left;\n                font-weight: bold;\n                color: inherit;\n            }\n        }\n    }\n}\n.reservation-card {\n    .locker-card {\n        padding: 1rem 1rem;\n\n        .locker-card__header-number {\n            color: $light-text-color;\n        }\n\n        &.active .locker-card__header-background::after {\n            background-color: $color-primary;\n        }\n\n        &.inactive .locker-card__header-background::after {\n            background-color: $dark-gray-color;\n        }\n    }\n}\n",".line {\n  border: 1px solid rgba(0, 0, 0, 0.4);\n  margin: 1rem 0;\n}\n\n.details {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  gap: 0.5rem;\n  width: 100%;\n  height: 100%;\n}\n\ntable {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  width: 100%;\n  height: 100%;\n  color: black;\n  font-family: \"Karla\", sans-serif;\n}\ntable thead,\ntable tbody {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: center;\n}\ntable thead tr,\ntable tbody tr {\n  display: flex;\n  width: 100%;\n  border-bottom: 1px solid rgba(0, 0, 0, 0.4);\n}\ntable thead tr th,\ntable thead tr td,\ntable tbody tr th,\ntable tbody tr td {\n  flex: 1;\n  padding: 10px;\n  font-size: 0.9rem;\n  text-align: left;\n  color: inherit;\n  align-self: center;\n}\ntable thead tr th:first-child,\ntable thead tr td:first-child,\ntable tbody tr th:first-child,\ntable tbody tr td:first-child {\n  font-weight: bold;\n}\ntable thead tr th:first-child,\ntable thead tr td:first-child,\ntable tbody tr th:first-child,\ntable tbody tr td:first-child {\n  font-weight: bold;\n}\ntable thead tr th,\ntable tbody tr th {\n  border-bottom: 2px solid 1px solid rgba(0, 0, 0, 0.4);\n  text-transform: uppercase;\n  font-size: 1.1rem;\n}\ntable tbody tr {\n  border-bottom: none !important;\n}\n@media (max-width: 1200px) {\n  table {\n    align-items: center;\n    flex-direction: column;\n  }\n  table thead {\n    display: none;\n  }\n  table tbody,\n  table tr,\n  table td {\n    width: 100%;\n    flex-direction: column;\n    border: 2px solid 1px solid rgba(0, 0, 0, 0.4);\n  }\n  table tr {\n    margin-bottom: 15px;\n  }\n  table tr th {\n    border-bottom: none !important;\n  }\n  table td {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-end;\n    position: relative;\n    font-size: 1rem;\n    padding: 10px 10px 10px 50% !important;\n  }\n  table td::before {\n    content: attr(data-label);\n    position: absolute;\n    left: 10px;\n    width: 45%;\n    padding-right: 10px;\n    white-space: nowrap;\n    text-align: left;\n    font-weight: bold;\n    color: inherit;\n  }\n}\n\n.reservation-card .locker-card {\n  padding: 1rem 1rem;\n}\n.reservation-card .locker-card .locker-card__header-number {\n  color: white;\n}\n.reservation-card .locker-card.active .locker-card__header-background::after {\n  background-color: #AB1A37;\n}\n.reservation-card .locker-card.inactive .locker-card__header-background::after {\n  background-color: #666;\n}"]}