{"version":3,"sources":["webpack:///src/components/v-inbox-wrapper/_v-inbox-wrapper.scss"],"names":[],"mappings":"AAAA,kCAEE,6BAAA,CACA,UAAA,CAKE,sCAGI,2DACE,YAAA,CAIA,8DACE,YAAA,CACA,qHACE,CAEF,eAAA,CACA,+BAAA,CAEA,yEACE,kBAAA,CAGF,iEACE,oBAAA,CACA,eAAA,CAEA,6EACE,iBAAA,CACA,yBAAA,CACA,aAAA,CAGF,8EACE,cAAA,CAGF,8EACE,kBAAA,CACA,aAAA,CACA,UAAA,CAGF,8EACE,kBAAA,CACA,gBAAA,CACA,aAAA,CACA,UAAA,CAEA,kFACE,kBAAA,CAIJ,qEACE,wBAAA,CACA,mBAAA,CACA,iBAAA,CACA,gBAAA,CACA,kBAAA,CACA,eAAA,CAEA,uEACE,mBAAA,CACA,iBAAA,CACA,mBAAA,CAAA,CAUd,sCAQU,qEACE,gBAAA,CACA,kBAAA,CACA,eAAA,CACA,cAAA,CAAA","file":"911e8b11f5d36af1.css","sourcesContent":[".v-inbox-wrapper {\n  $breakpoint: 640px;\n  container: wrapper / inline-size;\n  width: 100%;\n\n  :deep .v-datatable {\n\n    // Mobile styles for the \"inbox\" v-datatable\n    @container wrapper (max-width: #{$breakpoint}) {\n      table {\n\n        thead {\n          display: none;\n        }\n\n        tbody {\n          tr {\n            display: grid;\n            grid-template-areas:\n              \"category category category icon icon modified\"\n              \"subject subject subject subject subject subject\";\n            padding: 0.5rem 0;\n            border-bottom: 1px solid darken(theme-color(\"light\"), 3%);\n\n            &:last-child {\n              border-bottom: none;\n            }\n\n            td {\n              width: auto !important;\n              border-radius: 0;\n\n              &:nth-child(1) {\n                grid-area: subject;\n                padding-block-start: .5rem;\n                font-size: 90%;\n              }\n\n              &:nth-child(2) {\n                grid-area: icon;\n              }\n\n              &:nth-child(3) {\n                grid-area: category;\n                font-size: 80%;\n                opacity: 0.6;\n              }\n\n              &:nth-child(4) {\n                grid-area: modified;\n                text-align: right;\n                font-size: 80%;\n                opacity: 0.6;\n\n                &>div {\n                  white-space: nowrap;\n                }\n              }\n\n              &>div {\n                padding: 0 1rem !important;\n                font-weight: inherit;\n                font-size: inherit;\n                overflow: initial;\n                white-space: initial;\n                line-height: 1.1;\n\n                * {\n                  font-weight: inherit;\n                  font-size: inherit;\n                  line-height: inherit;\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n\n    // Desktop styles for the \"inbox\" v-datatable\n    @container wrapper (min-width: #{$breakpoint}) {\n      table {\n\n        tbody {\n          tr {\n\n            td {\n\n              &>div {\n                overflow: initial;\n                white-space: initial;\n                line-height: 1.1;\n                max-width: initial;\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n}\n"]}