@font-face{font-family:Bai Jamjuree;font-style:normal;font-display:swap;font-weight:200;src:url(bai-jamjuree-thai-200-normal.e15bad8c7547f2aa.woff2) format("woff2"),url(bai-jamjuree-thai-200-normal.ca8157b39ef751e8.woff) format("woff");unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC}@font-face{font-family:Bai Jamjuree;font-style:normal;font-display:swap;font-weight:200;src:url(bai-jamjuree-vietnamese-200-normal.1f99cca13da1c5a3.woff2) format("woff2"),url(bai-jamjuree-vietnamese-200-normal.63f3c098ef9b149a.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bai Jamjuree;font-style:normal;font-display:swap;font-weight:200;src:url(bai-jamjuree-latin-ext-200-normal.4a6987f060923596.woff2) format("woff2"),url(bai-jamjuree-latin-ext-200-normal.1920d324db7e9061.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bai Jamjuree;font-style:normal;font-display:swap;font-weight:200;src:url(bai-jamjuree-latin-200-normal.dde6bec16a586af9.woff2) format("woff2"),url(bai-jamjuree-latin-200-normal.9388f64b4ae0268c.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Bai Jamjuree;font-style:normal;font-display:swap;font-weight:300;src:url(bai-jamjuree-thai-300-normal.de8eca5c6f2199e5.woff2) format("woff2"),url(bai-jamjuree-thai-300-normal.e09ee694aa94ad8f.woff) format("woff");unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC}@font-face{font-family:Bai Jamjuree;font-style:normal;font-display:swap;font-weight:300;src:url(bai-jamjuree-vietnamese-300-normal.5c6b5a6ea872bf82.woff2) format("woff2"),url(bai-jamjuree-vietnamese-300-normal.45d311bbc19605cf.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bai Jamjuree;font-style:normal;font-display:swap;font-weight:300;src:url(bai-jamjuree-latin-ext-300-normal.4ac904933b1087f7.woff2) format("woff2"),url(bai-jamjuree-latin-ext-300-normal.fe50f63188123ed1.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bai Jamjuree;font-style:normal;font-display:swap;font-weight:300;src:url(bai-jamjuree-latin-300-normal.1ef9c575f2c3e3d8.woff2) format("woff2"),url(bai-jamjuree-latin-300-normal.3db179497017b5f7.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Bai Jamjuree;font-style:normal;font-display:swap;font-weight:400;src:url(bai-jamjuree-thai-400-normal.b81e75f95478a53e.woff2) format("woff2"),url(bai-jamjuree-thai-400-normal.91e7fc00b26955fb.woff) format("woff");unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC}@font-face{font-family:Bai Jamjuree;font-style:normal;font-display:swap;font-weight:400;src:url(bai-jamjuree-vietnamese-400-normal.5d9c32c57d3fc014.woff2) format("woff2"),url(bai-jamjuree-vietnamese-400-normal.4c412b4c9420569d.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bai Jamjuree;font-style:normal;font-display:swap;font-weight:400;src:url(bai-jamjuree-latin-ext-400-normal.d4472b1d6bc08079.woff2) format("woff2"),url(bai-jamjuree-latin-ext-400-normal.c799108a1a89a017.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bai Jamjuree;font-style:normal;font-display:swap;font-weight:400;src:url(bai-jamjuree-latin-400-normal.41d2debdde86f88b.woff2) format("woff2"),url(bai-jamjuree-latin-400-normal.6ed1b48f39b5670e.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Bai Jamjuree;font-style:normal;font-display:swap;font-weight:500;src:url(bai-jamjuree-thai-500-normal.45b94820574e1592.woff2) format("woff2"),url(bai-jamjuree-thai-500-normal.03db82c75251f73a.woff) format("woff");unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC}@font-face{font-family:Bai Jamjuree;font-style:normal;font-display:swap;font-weight:500;src:url(bai-jamjuree-vietnamese-500-normal.36d8c5b039965f02.woff2) format("woff2"),url(bai-jamjuree-vietnamese-500-normal.269635a675c82af1.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bai Jamjuree;font-style:normal;font-display:swap;font-weight:500;src:url(bai-jamjuree-latin-ext-500-normal.6b6144d352eb0ebe.woff2) format("woff2"),url(bai-jamjuree-latin-ext-500-normal.2582009dbf454710.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bai Jamjuree;font-style:normal;font-display:swap;font-weight:500;src:url(bai-jamjuree-latin-500-normal.0e3a83b287eeceff.woff2) format("woff2"),url(bai-jamjuree-latin-500-normal.5f936987ad30d4bb.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Bai Jamjuree;font-style:normal;font-display:swap;font-weight:600;src:url(bai-jamjuree-thai-600-normal.ad1012fd7dd9c63e.woff2) format("woff2"),url(bai-jamjuree-thai-600-normal.6d74cb0ebc2ff67d.woff) format("woff");unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC}@font-face{font-family:Bai Jamjuree;font-style:normal;font-display:swap;font-weight:600;src:url(bai-jamjuree-vietnamese-600-normal.be21c217eb4c750e.woff2) format("woff2"),url(bai-jamjuree-vietnamese-600-normal.c284e6ebd8ebed92.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bai Jamjuree;font-style:normal;font-display:swap;font-weight:600;src:url(bai-jamjuree-latin-ext-600-normal.a911aa403c0a8aaa.woff2) format("woff2"),url(bai-jamjuree-latin-ext-600-normal.7e6e01ee18595777.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bai Jamjuree;font-style:normal;font-display:swap;font-weight:600;src:url(bai-jamjuree-latin-600-normal.8c1e5d2e3c44a69e.woff2) format("woff2"),url(bai-jamjuree-latin-600-normal.b08ec0fda5ca88de.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Bai Jamjuree;font-style:normal;font-display:swap;font-weight:700;src:url(bai-jamjuree-thai-700-normal.d42b572bbb1f5907.woff2) format("woff2"),url(bai-jamjuree-thai-700-normal.32f96ec7c590d39d.woff) format("woff");unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC}@font-face{font-family:Bai Jamjuree;font-style:normal;font-display:swap;font-weight:700;src:url(bai-jamjuree-vietnamese-700-normal.f90859d8c20d5e7a.woff2) format("woff2"),url(bai-jamjuree-vietnamese-700-normal.c2e5e780f7b53a46.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bai Jamjuree;font-style:normal;font-display:swap;font-weight:700;src:url(bai-jamjuree-latin-ext-700-normal.806e8f203a857ea6.woff2) format("woff2"),url(bai-jamjuree-latin-ext-700-normal.abc6cbf2c9afeec9.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bai Jamjuree;font-style:normal;font-display:swap;font-weight:700;src:url(bai-jamjuree-latin-700-normal.74dea53eae5c28ed.woff2) format("woff2"),url(bai-jamjuree-latin-700-normal.1cbc7968619af2cf.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Bai Jamjuree;font-style:italic;font-display:swap;font-weight:500;src:url(bai-jamjuree-thai-500-italic.e336e91881ffbdd0.woff2) format("woff2"),url(bai-jamjuree-thai-500-italic.f7753bd329c48dc4.woff) format("woff");unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC}@font-face{font-family:Bai Jamjuree;font-style:italic;font-display:swap;font-weight:500;src:url(bai-jamjuree-vietnamese-500-italic.519f5d17fa3751f8.woff2) format("woff2"),url(bai-jamjuree-vietnamese-500-italic.829f001c34d1dbd4.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bai Jamjuree;font-style:italic;font-display:swap;font-weight:500;src:url(bai-jamjuree-latin-ext-500-italic.70c1e1ff7b6963e5.woff2) format("woff2"),url(bai-jamjuree-latin-ext-500-italic.f689418755109302.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bai Jamjuree;font-style:italic;font-display:swap;font-weight:500;src:url(bai-jamjuree-latin-500-italic.3b529dfdc8ea0e59.woff2) format("woff2"),url(bai-jamjuree-latin-500-italic.0a27af29d46061a8.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Material Icons;font-style:normal;font-display:swap;font-weight:400;src:url(material-icons-latin-400-normal.59322316b3fd6063.woff2) format("woff2"),url(material-icons-latin-400-normal.728e8cb4aef5a9bf.woff) format("woff")}@font-face{font-family:Material Icons Outlined;font-style:normal;font-display:swap;font-weight:400;src:url(material-icons-outlined-latin-400-normal.f86cb7b0aa53f0fe.woff2) format("woff2"),url(material-icons-outlined-latin-400-normal.78a93b2079680a08.woff) format("woff")}@charset "UTF-8";body{font-family:Bai Jamjuree,sans-serif}body vg-player,body vg-time-display,body vg-playback-button{font-family:Bai Jamjuree,sans-serif}.material-icons{font-family:Material Icons,sans-serif;font-weight:400;font-style:normal;font-size:24px;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga"}.mat-icon.outlined,.material-icons-outlined{font-family:Material Icons Outlined,sans-serif}.util-margin-0{margin:0}.util-margin-y-0{margin-bottom:0;margin-top:0}.util-margin-x-0{margin-left:0;margin-right:0}.util-margin-top-0{margin-top:0}.util-margin-right-0{margin-right:0}.util-margin-bottom-0{margin-bottom:0}.util-margin-left-0{margin-left:0}.util-padding-0{padding:0}.util-padding-y-0{padding-bottom:0;padding-top:0}.util-padding-x-0{padding-left:0;padding-right:0}.util-padding-top-0{padding-top:0}.util-padding-right-0{padding-right:0}.util-padding-bottom-0{padding-bottom:0}.util-padding-left-0{padding-left:0}.util-margin-1{margin:5px}.util-margin-y-1{margin-bottom:5px;margin-top:5px}.util-margin-x-1{margin-left:5px;margin-right:5px}.util-margin-top-1{margin-top:5px}.util-margin-right-1{margin-right:5px}.util-margin-bottom-1{margin-bottom:5px}.util-margin-left-1{margin-left:5px}.util-padding-1{padding:5px}.util-padding-y-1{padding-bottom:5px;padding-top:5px}.util-padding-x-1{padding-left:5px;padding-right:5px}.util-padding-top-1{padding-top:5px}.util-padding-right-1{padding-right:5px}.util-padding-bottom-1{padding-bottom:5px}.util-padding-left-1{padding-left:5px}.util-margin-2{margin:10px}.util-margin-y-2{margin-bottom:10px;margin-top:10px}.util-margin-x-2{margin-left:10px;margin-right:10px}.util-margin-top-2{margin-top:10px}.util-margin-right-2{margin-right:10px}.util-margin-bottom-2{margin-bottom:10px}.util-margin-left-2{margin-left:10px}.util-padding-2{padding:10px}.util-padding-y-2{padding-bottom:10px;padding-top:10px}.util-padding-x-2{padding-left:10px;padding-right:10px}.util-padding-top-2{padding-top:10px}.util-padding-right-2{padding-right:10px}.util-padding-bottom-2{padding-bottom:10px}.util-padding-left-2{padding-left:10px}.util-margin-3{margin:15px}.util-margin-y-3{margin-bottom:15px;margin-top:15px}.util-margin-x-3{margin-left:15px;margin-right:15px}.util-margin-top-3{margin-top:15px}.util-margin-right-3{margin-right:15px}.util-margin-bottom-3{margin-bottom:15px}.util-margin-left-3{margin-left:15px}.util-padding-3{padding:15px}.util-padding-y-3{padding-bottom:15px;padding-top:15px}.util-padding-x-3{padding-left:15px;padding-right:15px}.util-padding-top-3{padding-top:15px}.util-padding-right-3{padding-right:15px}.util-padding-bottom-3{padding-bottom:15px}.util-padding-left-3{padding-left:15px}.util-margin-4{margin:20px}.util-margin-y-4{margin-bottom:20px;margin-top:20px}.util-margin-x-4{margin-left:20px;margin-right:20px}.util-margin-top-4{margin-top:20px}.util-margin-right-4{margin-right:20px}.util-margin-bottom-4{margin-bottom:20px}.util-margin-left-4{margin-left:20px}.util-padding-4{padding:20px}.util-padding-y-4{padding-bottom:20px;padding-top:20px}.util-padding-x-4{padding-left:20px;padding-right:20px}.util-padding-top-4{padding-top:20px}.util-padding-right-4{padding-right:20px}.util-padding-bottom-4{padding-bottom:20px}.util-padding-left-4{padding-left:20px}.util-height-0{height:0%}.util-width-0{width:0%}.util-height-1{height:20%}.util-width-1{width:5%}.util-height-2{height:40%}.util-width-2{width:10%}.util-height-3{height:60%}.util-width-3{width:15%}.util-height-4{height:80%}.util-width-4{width:20%}.util-height-5{height:100%}.util-width-5{width:25%}.util-height-6{height:120%}.util-width-6{width:30%}.util-height-7{height:140%}.util-width-7{width:35%}.util-height-8{height:160%}.util-width-8{width:40%}.util-height-9{height:180%}.util-width-9{width:45%}.util-height-10{height:200%}.util-width-10{width:50%}.util-height-11{height:220%}.util-width-11{width:55%}.util-height-12{height:240%}.util-width-12{width:60%}.util-height-13{height:260%}.util-width-13{width:65%}.util-height-14{height:280%}.util-width-14{width:70%}.util-height-15{height:300%}.util-width-15{width:75%}.util-height-16{height:320%}.util-width-16{width:80%}.util-height-17{height:340%}.util-width-17{width:85%}.util-height-18{height:360%}.util-width-18{width:90%}.util-height-19{height:380%}.util-width-19{width:95%}.util-height-20{height:400%}.util-width-20{width:100%}.util-flex{display:flex}.util-flex-center-between{align-items:center;display:flex;justify-content:space-between}.util-flex-right{justify-content:flex-end}.util-size-small{font-size:12.025px}.util-size-small>span{font-size:12.025px}.util-size-smaller{font-size:10.4px}.util-size-smaller>span{font-size:10.4px}.util-size-normal{font-size:13px!important}.util-size-normal>span{font-size:13px}.util-size-big{font-size:14.04px}.util-size-big>span{font-size:14.04px}.util-size-bigger{font-size:19.5px}.util-size-bigger>span{font-size:19.5px}.util-size-biggest{font-size:26px}.util-size-biggest>span{font-size:26px}.util-align-center{align-items:center}.util-text-center{text-align:center!important}.util-text-right{text-align:right}.util-color-white{color:#fff}.util-color-grey{color:#ccc}.util-color-grey-dark{color:#777}.util-color-success{color:#1bc5bd}.util-color-warning{color:#ffa800}.util-color-error{color:#f64e60}.util-bg-white{background:#fff}.util-bg-grey-lightest{background:#eee}.util-body-background{background-color:#ececf3;position:relative;z-index:1}.util-body-background:after{background-color:#4099ff0d;content:"";display:flex;height:100%;inset:0;position:absolute;width:100%;z-index:-1}.util-capitalize-text{text-transform:capitalize}.util-cursor-pointer{cursor:pointer}.util-chip{font-size:12px!important;font-weight:400!important}.util-chip .chip-icon{align-items:center;display:flex;font-size:20px;justify-content:center;padding-right:5px}.util-chip .chip-select{margin:0 5px}.util-chip .mat-select-value{max-width:unset}.util-kpi-type-label{background:#48465b!important;border-radius:3px;color:#fff!important;font-size:14px!important;font-weight:400;letter-spacing:1.5px;margin-bottom:5px;padding:2px 0;text-transform:uppercase;white-space:nowrap}.util-custom-progress-bar{background-color:#e4e6ef;border-radius:3px;height:7px;width:100%}.util-custom-progress-bar>div{border-radius:3px;height:100%;background-color:#80848c}.util-shared-card-title{color:#ccc;font-size:12px;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.util-card-header{height:90px!important}.util-card-header-title{color:#48465b;font-family:Poppins,sans-serif;font-size:16px;font-weight:700;line-height:16px;margin:0}.util-card-header-subtitle{color:#bdbdbd;font-family:Poppins,sans-serif;font-size:14px;font-weight:400;line-height:14px}.util-icon-position-fix{margin-top:-3px}.util-filter-close-button{color:#bdbdbd;height:initial!important;padding:0;width:initial!important}.util-full-height{height:100%}.util-full-width{width:100%}.util-line-chart-label{color:#bdbdbd;font-size:11px;letter-spacing:.25px;margin:0;overflow:hidden}.util-line-chart-label>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.util-line-chart-label mat-icon{height:initial;line-height:initial;width:initial}.util-line-chart-dots-legends-size{background-color:#bdbdbd;border-radius:50%}.util-line-chart-dots-legends-size-wrapper{overflow:hidden}.util-line-chart-dots-legends-size-wrapper span{color:#bdbdbd;font-size:11px;line-height:11px}.util-highlighted-row-with-kpis{position:relative;transition:all .15s ease-in-out;z-index:1;min-height:100px}.util-highlighted-row-with-kpis:hover packing-shared-ui-player-card .shared-player-card-favorite{opacity:1!important}.util-highlighted-row-with-kpis:hover packing-shared-ui-kpi-and-score-card{box-shadow:none!important;transition:all .15s ease-in-out}.util-highlighted-row-with-kpis:hover mat-card{background-color:#f4f6fc!important;box-shadow:none!important;transition:all .15s ease-in-out;z-index:2}.util-highlighted-row-with-kpis:hover mat-card h4{color:#000000de!important}.util-highlighted-row-with-kpis:hover mat-card mat-card-content>*{transition:all .15s ease-in-out}.util-highlighted-row-with-kpis:hover .scouting-overview-card-label{color:#000000de!important}.util-highlighted-row-with-kpis-with-default-color:hover packing-shared-ui-kpi-and-score-card .util-custom-progress-bar>div{background-color:#4099ff!important}.util-kpi-cards-wrapper{overflow:hidden;padding:5px}.util-kpi-cards-wrapper>*{max-width:155px!important}.util-country-image{border-radius:2px}.util-player-image{border-radius:4px}.util-overflow-hidden{overflow:hidden}.util-overflow-auto{overflow:auto}.util-position-relative{position:relative}.util-position-absolute{position:absolute}.util-custom-disabled-select{pointer-events:none!important}.util-custom-rounded-button{border-radius:20px!important;box-shadow:none!important}.util-select-search-option{height:auto!important;position:sticky!important;top:0;z-index:100}.util-chart-wrapper{width:100%;height:100%}.util-section-title{font-weight:600;font-size:13px;color:#3f4254}.packing-sidenav a{color:#000c}.packing-aside{background:#fff;float:left;height:100%;margin-top:-10px;min-height:100vh;overflow:hidden;width:270px}.packing-aside>div{padding:20px}.packing-aside.open{box-shadow:1px 0 4px #3737371a;width:270px}.packing-aside.close{width:0}.packing-headline{border-radius:4px;color:#fff;display:flex;font-size:12px;justify-content:space-between;padding:12px 20px;text-transform:uppercase}.packing-scroll{height:250px;overflow-x:hidden;overflow-y:auto}.packing-toggle{min-width:50px!important;padding:0!important}.packing-toggle .mat-button-wrapper{padding:10px}.packing-divider{border-top:1px solid #eee}.packing-disable{max-height:0;opacity:0;top:0;visibility:hidden}.packing-icon{cursor:pointer;padding:0 10px}.packing-hover{cursor:pointer}.packing-element-row{height:39px}.packing-element-row .packing-menu{text-align:right;width:70px}.packing-element-row .packing-menu>button,.packing-element-row .packing-menu>mat-menu{display:none}.packing-element-row:hover{background-color:#eee}.packing-element-row:hover .packing-menu>button,.packing-element-row:hover .packing-menu>mat-menu{display:inline-block}.packing-player{background-position-y:-5px;background-size:cover;border-radius:50%;flex-shrink:0;height:40px;object-fit:cover;width:40px}.packing-progress{max-width:80%}.packing-right{text-align:right}.packing-white{color:#fff}.packing-hidden{display:none}.packing-preselect{border-left:5px solid}.packing-spinner{animation-duration:1.5s;animation-iteration-count:infinite;animation-name:spin;animation-timing-function:linear}.d3-tip{background-color:#000c;border-radius:4px;color:#fff;font-size:12px;line-height:1.4em;padding:6px;text-align:center}.d3-tip.n:after{left:0;margin:-2px 0 0;top:100%}.bar{opacity:.7}.bar:hover{opacity:1}.line{stroke:#ddd}.grid line{stroke:#ddd}.grid text{fill:none}.axis line{stroke:#ddd}.axis path{stroke:#333}@keyframes bummer{0%{transform:scale(0) translateY(0)}to{transform:scale(1) translateY(13px)}}.toast-info{background:#3699ff!important;color:#fff!important}.toast-success{background:#1bc5bd!important;color:#fff!important}.toast-warning{background:#ffa800!important;color:#fff!important}.toast-error{background:#f64e60!important;color:#fff!important}.line-chart-tooltip-box-wrapper{display:flex;gap:5px;justify-content:space-between;text-align:left}.line-chart-tooltip-label{font-size:12px;font-weight:700}.line-chart-tooltip-box-col{display:flex;flex-direction:column}.mat-button-loading .mdc-button__label,.mat-button-loading .mat-icon{visibility:hidden}.mat-button-loading .mat-mdc-progress-spinner{position:absolute;top:calc(50% - 12px);left:calc(50% - 12px)}html{--mat-sys-on-surface: initial}html{--mat-app-background-color: #fafafa;--mat-app-text-color: rgba(0, 0, 0, .87);--mat-app-elevation-shadow-level-0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-2: 0px 3px 1px -2px rgba(0, 0, 0, .2), 0px 2px 2px 0px rgba(0, 0, 0, .14), 0px 1px 5px 0px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-3: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-4: 0px 2px 4px -1px rgba(0, 0, 0, .2), 0px 4px 5px 0px rgba(0, 0, 0, .14), 0px 1px 10px 0px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-5: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 5px 8px 0px rgba(0, 0, 0, .14), 0px 1px 14px 0px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-6: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-7: 0px 4px 5px -2px rgba(0, 0, 0, .2), 0px 7px 10px 1px rgba(0, 0, 0, .14), 0px 2px 16px 1px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-8: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-9: 0px 5px 6px -3px rgba(0, 0, 0, .2), 0px 9px 12px 1px rgba(0, 0, 0, .14), 0px 3px 16px 2px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-10: 0px 6px 6px -3px rgba(0, 0, 0, .2), 0px 10px 14px 1px rgba(0, 0, 0, .14), 0px 4px 18px 3px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-11: 0px 6px 7px -4px rgba(0, 0, 0, .2), 0px 11px 15px 1px rgba(0, 0, 0, .14), 0px 4px 20px 3px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-12: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-13: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 13px 19px 2px rgba(0, 0, 0, .14), 0px 5px 24px 4px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-14: 0px 7px 9px -4px rgba(0, 0, 0, .2), 0px 14px 21px 2px rgba(0, 0, 0, .14), 0px 5px 26px 4px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-15: 0px 8px 9px -5px rgba(0, 0, 0, .2), 0px 15px 22px 2px rgba(0, 0, 0, .14), 0px 6px 28px 5px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-16: 0px 8px 10px -5px rgba(0, 0, 0, .2), 0px 16px 24px 2px rgba(0, 0, 0, .14), 0px 6px 30px 5px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-17: 0px 8px 11px -5px rgba(0, 0, 0, .2), 0px 17px 26px 2px rgba(0, 0, 0, .14), 0px 6px 32px 5px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-18: 0px 9px 11px -5px rgba(0, 0, 0, .2), 0px 18px 28px 2px rgba(0, 0, 0, .14), 0px 7px 34px 6px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-19: 0px 9px 12px -6px rgba(0, 0, 0, .2), 0px 19px 29px 2px rgba(0, 0, 0, .14), 0px 7px 36px 6px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-20: 0px 10px 13px -6px rgba(0, 0, 0, .2), 0px 20px 31px 3px rgba(0, 0, 0, .14), 0px 8px 38px 7px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-21: 0px 10px 13px -6px rgba(0, 0, 0, .2), 0px 21px 33px 3px rgba(0, 0, 0, .14), 0px 8px 40px 7px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-22: 0px 10px 14px -6px rgba(0, 0, 0, .2), 0px 22px 35px 3px rgba(0, 0, 0, .14), 0px 8px 42px 7px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-23: 0px 11px 14px -7px rgba(0, 0, 0, .2), 0px 23px 36px 3px rgba(0, 0, 0, .14), 0px 9px 44px 8px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-24: 0px 11px 15px -7px rgba(0, 0, 0, .2), 0px 24px 38px 3px rgba(0, 0, 0, .14), 0px 9px 46px 8px rgba(0, 0, 0, .12);--mat-ripple-color: color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent);--mat-option-selected-state-label-text-color: #f44336;--mat-option-label-text-color: rgba(0, 0, 0, .87);--mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, .87) 4%, transparent);--mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent);--mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent)}.mat-accent{--mat-option-selected-state-label-text-color: #bdbdbd;--mat-option-label-text-color: rgba(0, 0, 0, .87);--mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, .87) 4%, transparent);--mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent);--mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent)}.mat-warn{--mat-option-selected-state-label-text-color: #f44336;--mat-option-label-text-color: rgba(0, 0, 0, .87);--mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, .87) 4%, transparent);--mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent);--mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent)}html{--mat-optgroup-label-text-color: rgba(0, 0, 0, .87);--mat-pseudo-checkbox-full-selected-icon-color: #bdbdbd;--mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;--mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, .54);--mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;--mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-pseudo-checkbox-minimal-selected-checkmark-color: #bdbdbd;--mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent)}.mat-primary{--mat-pseudo-checkbox-full-selected-icon-color: #f44336;--mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;--mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, .54);--mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;--mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-pseudo-checkbox-minimal-selected-checkmark-color: #f44336;--mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent)}.mat-accent{--mat-pseudo-checkbox-full-selected-icon-color: #bdbdbd;--mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;--mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, .54);--mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;--mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-pseudo-checkbox-minimal-selected-checkmark-color: #bdbdbd;--mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent)}.mat-warn{--mat-pseudo-checkbox-full-selected-icon-color: #f44336;--mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;--mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, .54);--mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;--mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-pseudo-checkbox-minimal-selected-checkmark-color: #f44336;--mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent)}html{--mat-option-label-text-font: Bai Jamjuree;--mat-option-label-text-line-height: 24px;--mat-option-label-text-size: 16px;--mat-option-label-text-tracking: .03125em;--mat-option-label-text-weight: 400;--mat-optgroup-label-text-font: Bai Jamjuree;--mat-optgroup-label-text-line-height: 24px;--mat-optgroup-label-text-size: 16px;--mat-optgroup-label-text-tracking: .03125em;--mat-optgroup-label-text-weight: 400;--mat-card-elevated-container-shape: 4px;--mat-card-outlined-container-shape: 4px;--mat-card-filled-container-shape: 4px;--mat-card-outlined-outline-width: 1px;--mat-card-elevated-container-color: white;--mat-card-elevated-container-elevation: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-card-outlined-container-color: white;--mat-card-outlined-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-card-outlined-outline-color: rgba(0, 0, 0, .12);--mat-card-subtitle-text-color: rgba(0, 0, 0, .54);--mat-card-filled-container-color: white;--mat-card-filled-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-card-title-text-font: Bai Jamjuree;--mat-card-title-text-line-height: 32px;--mat-card-title-text-size: 20px;--mat-card-title-text-tracking: .0125em;--mat-card-title-text-weight: 500;--mat-card-subtitle-text-font: Bai Jamjuree;--mat-card-subtitle-text-line-height: 22px;--mat-card-subtitle-text-size: 14px;--mat-card-subtitle-text-tracking: .0071428571em;--mat-card-subtitle-text-weight: 500;--mat-progress-bar-active-indicator-height: 4px;--mat-progress-bar-track-height: 4px;--mat-progress-bar-track-shape: 0}.mat-mdc-progress-bar{--mat-progress-bar-active-indicator-color: #f44336;--mat-progress-bar-track-color: rgba(244, 67, 54, .25)}.mat-mdc-progress-bar.mat-accent{--mat-progress-bar-active-indicator-color: #bdbdbd;--mat-progress-bar-track-color: rgba(189, 189, 189, .25)}.mat-mdc-progress-bar.mat-warn{--mat-progress-bar-active-indicator-color: #f44336;--mat-progress-bar-track-color: rgba(244, 67, 54, .25)}html{--mat-tooltip-container-shape: 4px;--mat-tooltip-supporting-text-line-height: 16px;--mat-tooltip-container-color: #424242;--mat-tooltip-supporting-text-color: white;--mat-tooltip-supporting-text-font: Bai Jamjuree;--mat-tooltip-supporting-text-size: 12px;--mat-tooltip-supporting-text-weight: 400;--mat-tooltip-supporting-text-tracking: .0333333333em;--mat-form-field-filled-active-indicator-height: 1px;--mat-form-field-filled-focus-active-indicator-height: 2px;--mat-form-field-filled-container-shape: 4px;--mat-form-field-outlined-outline-width: 1px;--mat-form-field-outlined-focus-outline-width: 2px;--mat-form-field-outlined-container-shape: 4px;--mat-form-field-focus-select-arrow-color: color-mix(in srgb, #f44336 87%, transparent);--mat-form-field-filled-caret-color: #f44336;--mat-form-field-filled-focus-active-indicator-color: #f44336;--mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #f44336 87%, transparent);--mat-form-field-outlined-caret-color: #f44336;--mat-form-field-outlined-focus-outline-color: #f44336;--mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #f44336 87%, transparent);--mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-form-field-state-layer-color: rgba(0, 0, 0, .87);--mat-form-field-error-text-color: #f44336;--mat-form-field-select-option-text-color: inherit;--mat-form-field-select-disabled-option-text-color: GrayText;--mat-form-field-leading-icon-color: unset;--mat-form-field-disabled-leading-icon-color: unset;--mat-form-field-trailing-icon-color: unset;--mat-form-field-disabled-trailing-icon-color: unset;--mat-form-field-error-focus-trailing-icon-color: unset;--mat-form-field-error-hover-trailing-icon-color: unset;--mat-form-field-error-trailing-icon-color: unset;--mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, .54);--mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-form-field-hover-state-layer-opacity: .04;--mat-form-field-focus-state-layer-opacity: .12;--mat-form-field-filled-container-color: #f6f6f6;--mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, .87) 4%, transparent);--mat-form-field-filled-label-text-color: rgba(0, 0, 0, .54);--mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, .54);--mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-form-field-filled-input-text-color: rgba(0, 0, 0, .87);--mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, .54);--mat-form-field-filled-error-hover-label-text-color: #f44336;--mat-form-field-filled-error-focus-label-text-color: #f44336;--mat-form-field-filled-error-label-text-color: #f44336;--mat-form-field-filled-error-caret-color: #f44336;--mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, .54);--mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent);--mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, .87);--mat-form-field-filled-error-active-indicator-color: #f44336;--mat-form-field-filled-error-focus-active-indicator-color: #f44336;--mat-form-field-filled-error-hover-active-indicator-color: #f44336;--mat-form-field-outlined-label-text-color: rgba(0, 0, 0, .54);--mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, .87);--mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-form-field-outlined-input-text-color: rgba(0, 0, 0, .87);--mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, .54);--mat-form-field-outlined-error-caret-color: #f44336;--mat-form-field-outlined-error-focus-label-text-color: #f44336;--mat-form-field-outlined-error-label-text-color: #f44336;--mat-form-field-outlined-error-hover-label-text-color: #f44336;--mat-form-field-outlined-outline-color: rgba(0, 0, 0, .38);--mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent);--mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, .87);--mat-form-field-outlined-error-focus-outline-color: #f44336;--mat-form-field-outlined-error-hover-outline-color: #f44336;--mat-form-field-outlined-error-outline-color: #f44336}.mat-mdc-form-field.mat-accent{--mat-form-field-focus-select-arrow-color: color-mix(in srgb, #bdbdbd 87%, transparent);--mat-form-field-filled-caret-color: #bdbdbd;--mat-form-field-filled-focus-active-indicator-color: #bdbdbd;--mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #bdbdbd 87%, transparent);--mat-form-field-outlined-caret-color: #bdbdbd;--mat-form-field-outlined-focus-outline-color: #bdbdbd;--mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #bdbdbd 87%, transparent)}.mat-mdc-form-field.mat-warn{--mat-form-field-focus-select-arrow-color: color-mix(in srgb, #f44336 87%, transparent);--mat-form-field-filled-caret-color: #f44336;--mat-form-field-filled-focus-active-indicator-color: #f44336;--mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #f44336 87%, transparent);--mat-form-field-outlined-caret-color: #f44336;--mat-form-field-outlined-focus-outline-color: #f44336;--mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #f44336 87%, transparent)}html{--mat-form-field-container-height: 52px;--mat-form-field-filled-label-display: block;--mat-form-field-container-vertical-padding: 14px;--mat-form-field-filled-with-label-container-padding-top: 22px;--mat-form-field-filled-with-label-container-padding-bottom: 6px;--mat-form-field-container-text-font: Bai Jamjuree;--mat-form-field-container-text-line-height: 24px;--mat-form-field-container-text-size: 16px;--mat-form-field-container-text-tracking: .03125em;--mat-form-field-container-text-weight: 400;--mat-form-field-outlined-label-text-populated-size: 16px;--mat-form-field-subscript-text-font: Bai Jamjuree;--mat-form-field-subscript-text-line-height: 20px;--mat-form-field-subscript-text-size: 12px;--mat-form-field-subscript-text-tracking: .0333333333em;--mat-form-field-subscript-text-weight: 400;--mat-form-field-filled-label-text-font: Bai Jamjuree;--mat-form-field-filled-label-text-size: 16px;--mat-form-field-filled-label-text-tracking: .03125em;--mat-form-field-filled-label-text-weight: 400;--mat-form-field-outlined-label-text-font: Bai Jamjuree;--mat-form-field-outlined-label-text-size: 16px;--mat-form-field-outlined-label-text-tracking: .03125em;--mat-form-field-outlined-label-text-weight: 400;--mat-select-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-select-panel-background-color: white;--mat-select-enabled-trigger-text-color: rgba(0, 0, 0, .87);--mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-select-placeholder-text-color: rgba(0, 0, 0, .54);--mat-select-enabled-arrow-color: rgba(0, 0, 0, .54);--mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-select-focused-arrow-color: #f44336;--mat-select-invalid-arrow-color: #f44336}.mat-mdc-form-field.mat-accent{--mat-select-panel-background-color: white;--mat-select-enabled-trigger-text-color: rgba(0, 0, 0, .87);--mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-select-placeholder-text-color: rgba(0, 0, 0, .54);--mat-select-enabled-arrow-color: rgba(0, 0, 0, .54);--mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-select-focused-arrow-color: #bdbdbd;--mat-select-invalid-arrow-color: #f44336}.mat-mdc-form-field.mat-warn{--mat-select-panel-background-color: white;--mat-select-enabled-trigger-text-color: rgba(0, 0, 0, .87);--mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-select-placeholder-text-color: rgba(0, 0, 0, .54);--mat-select-enabled-arrow-color: rgba(0, 0, 0, .54);--mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-select-focused-arrow-color: #f44336;--mat-select-invalid-arrow-color: #f44336}html{--mat-select-arrow-transform: translateY(-8px);--mat-select-trigger-text-font: Bai Jamjuree;--mat-select-trigger-text-line-height: 24px;--mat-select-trigger-text-size: 16px;--mat-select-trigger-text-tracking: .03125em;--mat-select-trigger-text-weight: 400;--mat-autocomplete-container-shape: 4px;--mat-autocomplete-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-autocomplete-background-color: white;--mat-dialog-container-shape: 4px;--mat-dialog-container-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, .2), 0px 24px 38px 3px rgba(0, 0, 0, .14), 0px 9px 46px 8px rgba(0, 0, 0, .12);--mat-dialog-container-max-width: 80vw;--mat-dialog-container-small-max-width: 80vw;--mat-dialog-container-min-width: 0;--mat-dialog-actions-alignment: start;--mat-dialog-actions-padding: 8px;--mat-dialog-content-padding: 20px 24px;--mat-dialog-with-actions-content-padding: 20px 24px;--mat-dialog-headline-padding: 0 24px 9px;--mat-dialog-container-color: white;--mat-dialog-subhead-color: rgba(0, 0, 0, .87);--mat-dialog-supporting-text-color: rgba(0, 0, 0, .54);--mat-dialog-subhead-font: Bai Jamjuree;--mat-dialog-subhead-line-height: 32px;--mat-dialog-subhead-size: 20px;--mat-dialog-subhead-weight: 500;--mat-dialog-subhead-tracking: .0125em;--mat-dialog-supporting-text-font: Bai Jamjuree;--mat-dialog-supporting-text-line-height: 24px;--mat-dialog-supporting-text-size: 16px;--mat-dialog-supporting-text-weight: 400;--mat-dialog-supporting-text-tracking: .03125em}.mat-mdc-standard-chip{--mat-chip-container-shape-radius: 16px;--mat-chip-disabled-container-opacity: .4;--mat-chip-disabled-outline-color: transparent;--mat-chip-flat-selected-outline-width: 0;--mat-chip-focus-outline-color: transparent;--mat-chip-hover-state-layer-opacity: .04;--mat-chip-outline-color: transparent;--mat-chip-outline-width: 0;--mat-chip-selected-hover-state-layer-opacity: .04;--mat-chip-selected-trailing-action-state-layer-color: transparent;--mat-chip-trailing-action-focus-opacity: 1;--mat-chip-trailing-action-focus-state-layer-opacity: 0;--mat-chip-trailing-action-hover-state-layer-opacity: 0;--mat-chip-trailing-action-opacity: .54;--mat-chip-trailing-action-state-layer-color: transparent;--mat-chip-with-avatar-avatar-shape-radius: 14px;--mat-chip-with-avatar-avatar-size: 28px;--mat-chip-with-avatar-disabled-avatar-opacity: 1;--mat-chip-with-icon-disabled-icon-opacity: 1;--mat-chip-with-icon-icon-size: 18px;--mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;--mat-chip-disabled-label-text-color: rgba(0, 0, 0, .87);--mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent);--mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent);--mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent);--mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent);--mat-chip-focus-state-layer-color: rgba(0, 0, 0, .87);--mat-chip-focus-state-layer-opacity: .12;--mat-chip-hover-state-layer-color: rgba(0, 0, 0, .87);--mat-chip-label-text-color: rgba(0, 0, 0, .87);--mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, .87);--mat-chip-selected-focus-state-layer-color: .12;--mat-chip-selected-focus-state-layer-opacity: .12;--mat-chip-selected-hover-state-layer-color: .04;--mat-chip-selected-label-text-color: rgba(0, 0, 0, .87);--mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, .87);--mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, .87);--mat-chip-with-icon-icon-color: rgba(0, 0, 0, .87);--mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, .87);--mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, .87);--mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, .87)}.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary{--mat-chip-disabled-label-text-color: white;--mat-chip-elevated-container-color: #f44336;--mat-chip-elevated-disabled-container-color: #f44336;--mat-chip-elevated-selected-container-color: #f44336;--mat-chip-flat-disabled-selected-container-color: #f44336;--mat-chip-focus-state-layer-color: rgba(0, 0, 0, .87);--mat-chip-focus-state-layer-opacity: .12;--mat-chip-hover-state-layer-color: rgba(0, 0, 0, .87);--mat-chip-label-text-color: white;--mat-chip-selected-disabled-trailing-icon-color: white;--mat-chip-selected-focus-state-layer-color: .12;--mat-chip-selected-focus-state-layer-opacity: .12;--mat-chip-selected-hover-state-layer-color: .04;--mat-chip-selected-label-text-color: white;--mat-chip-selected-trailing-icon-color: white;--mat-chip-with-icon-disabled-icon-color: white;--mat-chip-with-icon-icon-color: white;--mat-chip-with-icon-selected-icon-color: white;--mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;--mat-chip-with-trailing-icon-trailing-icon-color: white}.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent{--mat-chip-disabled-label-text-color: rgba(0, 0, 0, .87);--mat-chip-elevated-container-color: #bdbdbd;--mat-chip-elevated-disabled-container-color: #bdbdbd;--mat-chip-elevated-selected-container-color: #bdbdbd;--mat-chip-flat-disabled-selected-container-color: #bdbdbd;--mat-chip-focus-state-layer-color: rgba(0, 0, 0, .87);--mat-chip-focus-state-layer-opacity: .12;--mat-chip-hover-state-layer-color: rgba(0, 0, 0, .87);--mat-chip-label-text-color: rgba(0, 0, 0, .87);--mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, .87);--mat-chip-selected-focus-state-layer-color: .12;--mat-chip-selected-focus-state-layer-opacity: .12;--mat-chip-selected-hover-state-layer-color: .04;--mat-chip-selected-label-text-color: rgba(0, 0, 0, .87);--mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, .87);--mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, .87);--mat-chip-with-icon-icon-color: rgba(0, 0, 0, .87);--mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, .87);--mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, .87);--mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, .87)}.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn{--mat-chip-disabled-label-text-color: white;--mat-chip-elevated-container-color: #f44336;--mat-chip-elevated-disabled-container-color: #f44336;--mat-chip-elevated-selected-container-color: #f44336;--mat-chip-flat-disabled-selected-container-color: #f44336;--mat-chip-focus-state-layer-color: rgba(0, 0, 0, .87);--mat-chip-focus-state-layer-opacity: .12;--mat-chip-hover-state-layer-color: rgba(0, 0, 0, .87);--mat-chip-label-text-color: white;--mat-chip-selected-disabled-trailing-icon-color: white;--mat-chip-selected-focus-state-layer-color: .12;--mat-chip-selected-focus-state-layer-opacity: .12;--mat-chip-selected-hover-state-layer-color: .04;--mat-chip-selected-label-text-color: white;--mat-chip-selected-trailing-icon-color: white;--mat-chip-with-icon-disabled-icon-color: white;--mat-chip-with-icon-icon-color: white;--mat-chip-with-icon-selected-icon-color: white;--mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;--mat-chip-with-trailing-icon-trailing-icon-color: white}.mat-mdc-chip.mat-mdc-standard-chip{--mat-chip-container-height: 28px}.mat-mdc-standard-chip{--mat-chip-label-text-font: Bai Jamjuree;--mat-chip-label-text-line-height: 20px;--mat-chip-label-text-size: 14px;--mat-chip-label-text-tracking: .0178571429em;--mat-chip-label-text-weight: 400}html{--mat-slide-toggle-disabled-handle-opacity: .38;--mat-slide-toggle-disabled-selected-handle-opacity: .38;--mat-slide-toggle-disabled-selected-icon-opacity: .38;--mat-slide-toggle-disabled-track-opacity: .12;--mat-slide-toggle-disabled-unselected-handle-opacity: .38;--mat-slide-toggle-disabled-unselected-icon-opacity: .38;--mat-slide-toggle-disabled-unselected-track-outline-color: transparent;--mat-slide-toggle-disabled-unselected-track-outline-width: 1px;--mat-slide-toggle-handle-height: 20px;--mat-slide-toggle-handle-shape: 10px;--mat-slide-toggle-handle-width: 20px;--mat-slide-toggle-hidden-track-opacity: 1;--mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(.4, 0, .6, 1);--mat-slide-toggle-pressed-handle-size: 20px;--mat-slide-toggle-selected-focus-state-layer-opacity: .12;--mat-slide-toggle-selected-handle-horizontal-margin: 0;--mat-slide-toggle-selected-handle-size: 20px;--mat-slide-toggle-selected-hover-state-layer-opacity: .04;--mat-slide-toggle-selected-icon-size: 18px;--mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;--mat-slide-toggle-selected-pressed-state-layer-opacity: .12;--mat-slide-toggle-selected-track-outline-color: transparent;--mat-slide-toggle-selected-track-outline-width: 1px;--mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;--mat-slide-toggle-track-height: 14px;--mat-slide-toggle-track-outline-color: transparent;--mat-slide-toggle-track-outline-width: 1px;--mat-slide-toggle-track-shape: 7px;--mat-slide-toggle-track-width: 36px;--mat-slide-toggle-unselected-focus-state-layer-opacity: .12;--mat-slide-toggle-unselected-handle-horizontal-margin: 0;--mat-slide-toggle-unselected-handle-size: 20px;--mat-slide-toggle-unselected-hover-state-layer-opacity: .12;--mat-slide-toggle-unselected-icon-size: 18px;--mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;--mat-slide-toggle-unselected-pressed-state-layer-opacity: .1;--mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;--mat-slide-toggle-visible-track-opacity: 1;--mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, .2, 1);--mat-slide-toggle-with-icon-handle-size: 20px;--mat-slide-toggle-touch-target-size: 48px;--mat-slide-toggle-selected-icon-color: white;--mat-slide-toggle-disabled-selected-icon-color: white;--mat-slide-toggle-selected-focus-state-layer-color: #f44336;--mat-slide-toggle-selected-handle-color: #f44336;--mat-slide-toggle-selected-hover-state-layer-color: #f44336;--mat-slide-toggle-selected-pressed-state-layer-color: #f44336;--mat-slide-toggle-selected-focus-handle-color: #f44336;--mat-slide-toggle-selected-hover-handle-color: #f44336;--mat-slide-toggle-selected-pressed-handle-color: #f44336;--mat-slide-toggle-selected-focus-track-color: #e57373;--mat-slide-toggle-selected-hover-track-color: #e57373;--mat-slide-toggle-selected-pressed-track-color: #e57373;--mat-slide-toggle-selected-track-color: #e57373;--mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-slide-toggle-disabled-handle-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, .87);--mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, .87);--mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, .87);--mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;--mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, .87);--mat-slide-toggle-handle-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-slide-toggle-handle-surface-color: white;--mat-slide-toggle-label-text-color: rgba(0, 0, 0, .87);--mat-slide-toggle-unselected-hover-handle-color: #424242;--mat-slide-toggle-unselected-focus-handle-color: #424242;--mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, .87);--mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, .12);--mat-slide-toggle-unselected-icon-color: #f6f6f6;--mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, .54);--mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, .87);--mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, .12);--mat-slide-toggle-unselected-pressed-handle-color: #424242;--mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, .12);--mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, .87);--mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, .12)}.mat-mdc-slide-toggle.mat-accent{--mat-slide-toggle-selected-icon-color: rgba(0, 0, 0, .87);--mat-slide-toggle-disabled-selected-icon-color: rgba(0, 0, 0, .87);--mat-slide-toggle-selected-focus-state-layer-color: #bdbdbd;--mat-slide-toggle-selected-handle-color: #bdbdbd;--mat-slide-toggle-selected-hover-state-layer-color: #bdbdbd;--mat-slide-toggle-selected-pressed-state-layer-color: #bdbdbd;--mat-slide-toggle-selected-focus-handle-color: #bdbdbd;--mat-slide-toggle-selected-hover-handle-color: #bdbdbd;--mat-slide-toggle-selected-pressed-handle-color: #bdbdbd;--mat-slide-toggle-selected-focus-track-color: #e0e0e0;--mat-slide-toggle-selected-hover-track-color: #e0e0e0;--mat-slide-toggle-selected-pressed-track-color: #e0e0e0;--mat-slide-toggle-selected-track-color: #e0e0e0}.mat-mdc-slide-toggle.mat-warn{--mat-slide-toggle-selected-icon-color: white;--mat-slide-toggle-disabled-selected-icon-color: white;--mat-slide-toggle-selected-focus-state-layer-color: #f44336;--mat-slide-toggle-selected-handle-color: #f44336;--mat-slide-toggle-selected-hover-state-layer-color: #f44336;--mat-slide-toggle-selected-pressed-state-layer-color: #f44336;--mat-slide-toggle-selected-focus-handle-color: #f44336;--mat-slide-toggle-selected-hover-handle-color: #f44336;--mat-slide-toggle-selected-pressed-handle-color: #f44336;--mat-slide-toggle-selected-focus-track-color: #e57373;--mat-slide-toggle-selected-hover-track-color: #e57373;--mat-slide-toggle-selected-pressed-track-color: #e57373;--mat-slide-toggle-selected-track-color: #e57373}html{--mat-slide-toggle-state-layer-size: 36px;--mat-slide-toggle-touch-target-display: block;--mat-slide-toggle-label-text-font: Bai Jamjuree;--mat-slide-toggle-label-text-line-height: 20px;--mat-slide-toggle-label-text-size: 14px;--mat-slide-toggle-label-text-tracking: .0178571429em;--mat-slide-toggle-label-text-weight: 400}html .mat-mdc-slide-toggle{--mat-slide-toggle-label-text-font: Bai Jamjuree;--mat-slide-toggle-label-text-line-height: 20px;--mat-slide-toggle-label-text-size: 14px;--mat-slide-toggle-label-text-tracking: .0178571429em;--mat-slide-toggle-label-text-weight: 400}html{--mat-radio-disabled-selected-icon-opacity: .38;--mat-radio-disabled-unselected-icon-opacity: .38;--mat-radio-state-layer-size: 40px;--mat-radio-touch-target-size: 48px}.mat-mdc-radio-button.mat-primary{--mat-radio-checked-ripple-color: #f44336;--mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, .87);--mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, .87);--mat-radio-label-text-color: rgba(0, 0, 0, .87);--mat-radio-ripple-color: rgba(0, 0, 0, .87);--mat-radio-selected-focus-icon-color: #f44336;--mat-radio-selected-hover-icon-color: #f44336;--mat-radio-selected-icon-color: #f44336;--mat-radio-selected-pressed-icon-color: #f44336;--mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, .87);--mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, .87);--mat-radio-unselected-icon-color: rgba(0, 0, 0, .54);--mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, .87)}.mat-mdc-radio-button.mat-accent{--mat-radio-checked-ripple-color: #bdbdbd;--mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, .87);--mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, .87);--mat-radio-label-text-color: rgba(0, 0, 0, .87);--mat-radio-ripple-color: rgba(0, 0, 0, .87);--mat-radio-selected-focus-icon-color: #bdbdbd;--mat-radio-selected-hover-icon-color: #bdbdbd;--mat-radio-selected-icon-color: #bdbdbd;--mat-radio-selected-pressed-icon-color: #bdbdbd;--mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, .87);--mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, .87);--mat-radio-unselected-icon-color: rgba(0, 0, 0, .54);--mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, .87)}.mat-mdc-radio-button.mat-warn{--mat-radio-checked-ripple-color: #f44336;--mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, .87);--mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, .87);--mat-radio-label-text-color: rgba(0, 0, 0, .87);--mat-radio-ripple-color: rgba(0, 0, 0, .87);--mat-radio-selected-focus-icon-color: #f44336;--mat-radio-selected-hover-icon-color: #f44336;--mat-radio-selected-icon-color: #f44336;--mat-radio-selected-pressed-icon-color: #f44336;--mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, .87);--mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, .87);--mat-radio-unselected-icon-color: rgba(0, 0, 0, .54);--mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, .87)}html{--mat-radio-state-layer-size: 36px;--mat-radio-touch-target-display: block;--mat-radio-label-text-font: Bai Jamjuree;--mat-radio-label-text-line-height: 20px;--mat-radio-label-text-size: 14px;--mat-radio-label-text-tracking: .0178571429em;--mat-radio-label-text-weight: 400;--mat-slider-active-track-height: 6px;--mat-slider-active-track-shape: 9999px;--mat-slider-handle-elevation: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-slider-handle-height: 20px;--mat-slider-handle-shape: 50%;--mat-slider-handle-width: 20px;--mat-slider-inactive-track-height: 4px;--mat-slider-inactive-track-shape: 9999px;--mat-slider-value-indicator-border-radius: 4px;--mat-slider-value-indicator-caret-display: block;--mat-slider-value-indicator-container-transform: translateX(-50%);--mat-slider-value-indicator-height: 32px;--mat-slider-value-indicator-padding: 0 12px;--mat-slider-value-indicator-text-transform: none;--mat-slider-value-indicator-width: auto;--mat-slider-with-overlap-handle-outline-width: 1px;--mat-slider-with-tick-marks-active-container-opacity: .6;--mat-slider-with-tick-marks-container-shape: 50%;--mat-slider-with-tick-marks-container-size: 2px;--mat-slider-with-tick-marks-inactive-container-opacity: .6;--mat-slider-value-indicator-transform-origin: bottom;--mat-slider-active-track-color: #f44336;--mat-slider-focus-handle-color: #f44336;--mat-slider-handle-color: #f44336;--mat-slider-hover-handle-color: #f44336;--mat-slider-focus-state-layer-color: color-mix(in srgb, #f44336 12%, transparent);--mat-slider-hover-state-layer-color: color-mix(in srgb, #f44336 4%, transparent);--mat-slider-inactive-track-color: #f44336;--mat-slider-ripple-color: #f44336;--mat-slider-with-tick-marks-active-container-color: white;--mat-slider-with-tick-marks-inactive-container-color: #f44336;--mat-slider-disabled-active-track-color: rgba(0, 0, 0, .87);--mat-slider-disabled-handle-color: rgba(0, 0, 0, .87);--mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, .87);--mat-slider-label-container-color: #424242;--mat-slider-label-label-text-color: white;--mat-slider-value-indicator-opacity: 1;--mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, .87);--mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, .87)}.mat-accent{--mat-slider-active-track-color: #bdbdbd;--mat-slider-focus-handle-color: #bdbdbd;--mat-slider-handle-color: #bdbdbd;--mat-slider-hover-handle-color: #bdbdbd;--mat-slider-focus-state-layer-color: color-mix(in srgb, #bdbdbd 12%, transparent);--mat-slider-hover-state-layer-color: color-mix(in srgb, #bdbdbd 4%, transparent);--mat-slider-inactive-track-color: #bdbdbd;--mat-slider-ripple-color: #bdbdbd;--mat-slider-with-tick-marks-active-container-color: rgba(0, 0, 0, .87);--mat-slider-with-tick-marks-inactive-container-color: #bdbdbd}.mat-warn{--mat-slider-active-track-color: #f44336;--mat-slider-focus-handle-color: #f44336;--mat-slider-handle-color: #f44336;--mat-slider-hover-handle-color: #f44336;--mat-slider-focus-state-layer-color: color-mix(in srgb, #f44336 12%, transparent);--mat-slider-hover-state-layer-color: color-mix(in srgb, #f44336 4%, transparent);--mat-slider-inactive-track-color: #f44336;--mat-slider-ripple-color: #f44336;--mat-slider-with-tick-marks-active-container-color: white;--mat-slider-with-tick-marks-inactive-container-color: #f44336}html{--mat-slider-label-label-text-font: Bai Jamjuree;--mat-slider-label-label-text-size: 14px;--mat-slider-label-label-text-line-height: 22px;--mat-slider-label-label-text-tracking: .0071428571em;--mat-slider-label-label-text-weight: 500;--mat-menu-container-shape: 4px;--mat-menu-divider-bottom-spacing: 0;--mat-menu-divider-top-spacing: 0;--mat-menu-item-spacing: 16px;--mat-menu-item-icon-size: 24px;--mat-menu-item-leading-spacing: 16px;--mat-menu-item-trailing-spacing: 16px;--mat-menu-item-with-icon-leading-spacing: 16px;--mat-menu-item-with-icon-trailing-spacing: 16px;--mat-menu-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-menu-item-label-text-color: rgba(0, 0, 0, .87);--mat-menu-item-icon-color: rgba(0, 0, 0, .87);--mat-menu-item-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, .87) 4%, transparent);--mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent);--mat-menu-container-color: white;--mat-menu-divider-color: rgba(0, 0, 0, .12);--mat-menu-item-label-text-font: Bai Jamjuree;--mat-menu-item-label-text-size: 16px;--mat-menu-item-label-text-tracking: .03125em;--mat-menu-item-label-text-line-height: 24px;--mat-menu-item-label-text-weight: 400;--mat-list-active-indicator-color: transparent;--mat-list-active-indicator-shape: 4px;--mat-list-list-item-container-shape: 0;--mat-list-list-item-leading-avatar-shape: 50%;--mat-list-list-item-container-color: transparent;--mat-list-list-item-selected-container-color: transparent;--mat-list-list-item-leading-avatar-color: transparent;--mat-list-list-item-leading-icon-size: 24px;--mat-list-list-item-leading-avatar-size: 40px;--mat-list-list-item-trailing-icon-size: 24px;--mat-list-list-item-disabled-state-layer-color: transparent;--mat-list-list-item-disabled-state-layer-opacity: 0;--mat-list-list-item-disabled-label-text-opacity: .38;--mat-list-list-item-disabled-leading-icon-opacity: .38;--mat-list-list-item-disabled-trailing-icon-opacity: .38;--mat-list-list-item-label-text-color: rgba(0, 0, 0, .87);--mat-list-list-item-supporting-text-color: rgba(0, 0, 0, .54);--mat-list-list-item-leading-icon-color: rgba(0, 0, 0, .54);--mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, .54);--mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, .54);--mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, .54);--mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, .87);--mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, .87);--mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, .87);--mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, .87);--mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, .54);--mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, .87);--mat-list-list-item-hover-state-layer-opacity: .04;--mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, .54);--mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, .87);--mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, .87);--mat-list-list-item-focus-state-layer-opacity: .12}.mdc-list-item__start,.mdc-list-item__end{--mat-radio-checked-ripple-color: #f44336;--mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, .87);--mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, .87);--mat-radio-label-text-color: rgba(0, 0, 0, .87);--mat-radio-ripple-color: rgba(0, 0, 0, .87);--mat-radio-selected-focus-icon-color: #f44336;--mat-radio-selected-hover-icon-color: #f44336;--mat-radio-selected-icon-color: #f44336;--mat-radio-selected-pressed-icon-color: #f44336;--mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, .87);--mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, .87);--mat-radio-unselected-icon-color: rgba(0, 0, 0, .54);--mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, .87)}.mat-accent .mdc-list-item__start,.mat-accent .mdc-list-item__end{--mat-radio-checked-ripple-color: #bdbdbd;--mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, .87);--mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, .87);--mat-radio-label-text-color: rgba(0, 0, 0, .87);--mat-radio-ripple-color: rgba(0, 0, 0, .87);--mat-radio-selected-focus-icon-color: #bdbdbd;--mat-radio-selected-hover-icon-color: #bdbdbd;--mat-radio-selected-icon-color: #bdbdbd;--mat-radio-selected-pressed-icon-color: #bdbdbd;--mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, .87);--mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, .87);--mat-radio-unselected-icon-color: rgba(0, 0, 0, .54);--mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, .87)}.mat-warn .mdc-list-item__start,.mat-warn .mdc-list-item__end{--mat-radio-checked-ripple-color: #f44336;--mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, .87);--mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, .87);--mat-radio-label-text-color: rgba(0, 0, 0, .87);--mat-radio-ripple-color: rgba(0, 0, 0, .87);--mat-radio-selected-focus-icon-color: #f44336;--mat-radio-selected-hover-icon-color: #f44336;--mat-radio-selected-icon-color: #f44336;--mat-radio-selected-pressed-icon-color: #f44336;--mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, .87);--mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, .87);--mat-radio-unselected-icon-color: rgba(0, 0, 0, .54);--mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, .87)}.mat-mdc-list-option{--mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-checkbox-label-text-color: rgba(0, 0, 0, .87);--mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-checkbox-selected-checkmark-color: white;--mat-checkbox-selected-focus-icon-color: #f44336;--mat-checkbox-selected-hover-icon-color: #f44336;--mat-checkbox-selected-icon-color: #f44336;--mat-checkbox-selected-pressed-icon-color: #f44336;--mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, .87);--mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, .87);--mat-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);--mat-checkbox-selected-focus-state-layer-color: #f44336;--mat-checkbox-selected-hover-state-layer-color: #f44336;--mat-checkbox-selected-pressed-state-layer-color: #f44336;--mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, .87);--mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, .87);--mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, .87)}.mat-mdc-list-option.mat-accent{--mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-checkbox-label-text-color: rgba(0, 0, 0, .87);--mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-checkbox-selected-checkmark-color: rgba(0, 0, 0, .87);--mat-checkbox-selected-focus-icon-color: #bdbdbd;--mat-checkbox-selected-hover-icon-color: #bdbdbd;--mat-checkbox-selected-icon-color: #bdbdbd;--mat-checkbox-selected-pressed-icon-color: #bdbdbd;--mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, .87);--mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, .87);--mat-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);--mat-checkbox-selected-focus-state-layer-color: #bdbdbd;--mat-checkbox-selected-hover-state-layer-color: #bdbdbd;--mat-checkbox-selected-pressed-state-layer-color: #bdbdbd;--mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, .87);--mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, .87);--mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, .87)}.mat-mdc-list-option.mat-warn{--mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-checkbox-label-text-color: rgba(0, 0, 0, .87);--mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-checkbox-selected-checkmark-color: white;--mat-checkbox-selected-focus-icon-color: #f44336;--mat-checkbox-selected-hover-icon-color: #f44336;--mat-checkbox-selected-icon-color: #f44336;--mat-checkbox-selected-pressed-icon-color: #f44336;--mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, .87);--mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, .87);--mat-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);--mat-checkbox-selected-focus-state-layer-color: #f44336;--mat-checkbox-selected-hover-state-layer-color: #f44336;--mat-checkbox-selected-pressed-state-layer-color: #f44336;--mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, .87);--mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, .87);--mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, .87)}.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start{color:#f44336}.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end{opacity:1}html{--mat-list-list-item-leading-icon-start-space: 16px;--mat-list-list-item-leading-icon-end-space: 32px;--mat-list-list-item-one-line-container-height: 44px;--mat-list-list-item-two-line-container-height: 60px;--mat-list-list-item-three-line-container-height: 84px}.mdc-list-item__start,.mdc-list-item__end{--mat-radio-state-layer-size: 36px;--mat-radio-touch-target-display: block}.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line{height:52px}.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines{height:68px}html{--mat-list-list-item-label-text-font: Bai Jamjuree;--mat-list-list-item-label-text-line-height: 24px;--mat-list-list-item-label-text-size: 16px;--mat-list-list-item-label-text-tracking: .03125em;--mat-list-list-item-label-text-weight: 400;--mat-list-list-item-supporting-text-font: Bai Jamjuree;--mat-list-list-item-supporting-text-line-height: 20px;--mat-list-list-item-supporting-text-size: 14px;--mat-list-list-item-supporting-text-tracking: .0178571429em;--mat-list-list-item-supporting-text-weight: 400;--mat-list-list-item-trailing-supporting-text-font: Bai Jamjuree;--mat-list-list-item-trailing-supporting-text-line-height: 20px;--mat-list-list-item-trailing-supporting-text-size: 12px;--mat-list-list-item-trailing-supporting-text-tracking: .0333333333em;--mat-list-list-item-trailing-supporting-text-weight: 400}.mdc-list-group__subheader{font:400 16px/28px Bai Jamjuree;letter-spacing:.009375em}html{--mat-paginator-page-size-select-width: 84px;--mat-paginator-page-size-select-touch-target-height: 48px;--mat-paginator-container-text-color: rgba(0, 0, 0, .87);--mat-paginator-container-background-color: white;--mat-paginator-enabled-icon-color: rgba(0, 0, 0, .54);--mat-paginator-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-paginator-container-size: 52px;--mat-paginator-form-field-container-height: 40px;--mat-paginator-form-field-container-vertical-padding: 8px;--mat-paginator-touch-target-display: block;--mat-paginator-container-text-font: Bai Jamjuree;--mat-paginator-container-text-line-height: 20px;--mat-paginator-container-text-size: 12px;--mat-paginator-container-text-tracking: .0333333333em;--mat-paginator-container-text-weight: 400;--mat-paginator-select-trigger-text-size: 12px;--mat-tab-container-height: 48px;--mat-tab-divider-color: transparent;--mat-tab-divider-height: 0;--mat-tab-active-indicator-height: 2px;--mat-tab-active-indicator-shape: 0}.mat-mdc-tab-group,.mat-mdc-tab-nav-bar{--mat-tab-disabled-ripple-color: rgba(0, 0, 0, .54);--mat-tab-pagination-icon-color: rgba(0, 0, 0, .87);--mat-tab-inactive-label-text-color: rgba(0, 0, 0, .54);--mat-tab-active-label-text-color: #f44336;--mat-tab-active-ripple-color: #f44336;--mat-tab-inactive-ripple-color: #f44336;--mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, .54);--mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, .54);--mat-tab-active-focus-label-text-color: #f44336;--mat-tab-active-hover-label-text-color: #f44336;--mat-tab-active-focus-indicator-color: #f44336;--mat-tab-active-hover-indicator-color: #f44336;--mat-tab-active-indicator-color: #f44336}.mat-mdc-tab-group.mat-accent,.mat-mdc-tab-nav-bar.mat-accent{--mat-tab-disabled-ripple-color: rgba(0, 0, 0, .54);--mat-tab-pagination-icon-color: rgba(0, 0, 0, .87);--mat-tab-inactive-label-text-color: rgba(0, 0, 0, .54);--mat-tab-active-label-text-color: #bdbdbd;--mat-tab-active-ripple-color: #bdbdbd;--mat-tab-inactive-ripple-color: #bdbdbd;--mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, .54);--mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, .54);--mat-tab-active-focus-label-text-color: #bdbdbd;--mat-tab-active-hover-label-text-color: #bdbdbd;--mat-tab-active-focus-indicator-color: #bdbdbd;--mat-tab-active-hover-indicator-color: #bdbdbd;--mat-tab-active-indicator-color: #bdbdbd}.mat-mdc-tab-group.mat-warn,.mat-mdc-tab-nav-bar.mat-warn{--mat-tab-disabled-ripple-color: rgba(0, 0, 0, .54);--mat-tab-pagination-icon-color: rgba(0, 0, 0, .87);--mat-tab-inactive-label-text-color: rgba(0, 0, 0, .54);--mat-tab-active-label-text-color: #f44336;--mat-tab-active-ripple-color: #f44336;--mat-tab-inactive-ripple-color: #f44336;--mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, .54);--mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, .54);--mat-tab-active-focus-label-text-color: #f44336;--mat-tab-active-hover-label-text-color: #f44336;--mat-tab-active-focus-indicator-color: #f44336;--mat-tab-active-hover-indicator-color: #f44336;--mat-tab-active-indicator-color: #f44336}.mat-mdc-tab-group.mat-background-primary,.mat-mdc-tab-nav-bar.mat-background-primary{--mat-tab-background-color: #f44336;--mat-tab-foreground-color: white}.mat-mdc-tab-group.mat-background-accent,.mat-mdc-tab-nav-bar.mat-background-accent{--mat-tab-background-color: #bdbdbd;--mat-tab-foreground-color: rgba(0, 0, 0, .87)}.mat-mdc-tab-group.mat-background-warn,.mat-mdc-tab-nav-bar.mat-background-warn{--mat-tab-background-color: #f44336;--mat-tab-foreground-color: white}.mat-mdc-tab-header{--mat-tab-container-height: 44px;--mat-tab-label-text-font: Bai Jamjuree;--mat-tab-label-text-size: 14px;--mat-tab-label-text-tracking: .0892857143em;--mat-tab-label-text-line-height: 36px;--mat-tab-label-text-weight: 500}html{--mat-checkbox-disabled-selected-checkmark-color: white;--mat-checkbox-selected-focus-state-layer-opacity: .12;--mat-checkbox-selected-hover-state-layer-opacity: .04;--mat-checkbox-selected-pressed-state-layer-opacity: .12;--mat-checkbox-unselected-focus-state-layer-opacity: .12;--mat-checkbox-unselected-hover-state-layer-opacity: .04;--mat-checkbox-unselected-pressed-state-layer-opacity: .12;--mat-checkbox-touch-target-size: 48px;--mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-checkbox-label-text-color: rgba(0, 0, 0, .87);--mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-checkbox-selected-checkmark-color: rgba(0, 0, 0, .87);--mat-checkbox-selected-focus-icon-color: #bdbdbd;--mat-checkbox-selected-hover-icon-color: #bdbdbd;--mat-checkbox-selected-icon-color: #bdbdbd;--mat-checkbox-selected-pressed-icon-color: #bdbdbd;--mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, .87);--mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, .87);--mat-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);--mat-checkbox-selected-focus-state-layer-color: #bdbdbd;--mat-checkbox-selected-hover-state-layer-color: #bdbdbd;--mat-checkbox-selected-pressed-state-layer-color: #bdbdbd;--mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, .87);--mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, .87);--mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, .87)}.mat-mdc-checkbox.mat-primary,.mat-mdc-checkbox.mat-warn{--mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-checkbox-selected-checkmark-color: white;--mat-checkbox-selected-focus-icon-color: #f44336;--mat-checkbox-selected-hover-icon-color: #f44336;--mat-checkbox-selected-icon-color: #f44336;--mat-checkbox-selected-pressed-icon-color: #f44336;--mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, .87);--mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, .87);--mat-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);--mat-checkbox-selected-focus-state-layer-color: #f44336;--mat-checkbox-selected-hover-state-layer-color: #f44336;--mat-checkbox-selected-pressed-state-layer-color: #f44336;--mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, .87);--mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, .87);--mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, .87)}html{--mat-checkbox-touch-target-display: block;--mat-checkbox-state-layer-size: 36px;--mat-checkbox-label-text-font: Bai Jamjuree;--mat-checkbox-label-text-line-height: 20px;--mat-checkbox-label-text-size: 14px;--mat-checkbox-label-text-tracking: .0178571429em;--mat-checkbox-label-text-weight: 400;--mat-button-filled-container-shape: 4px;--mat-button-filled-horizontal-padding: 16px;--mat-button-filled-icon-offset: -4px;--mat-button-filled-icon-spacing: 8px;--mat-button-filled-touch-target-size: 48px;--mat-button-outlined-container-shape: 4px;--mat-button-outlined-horizontal-padding: 15px;--mat-button-outlined-icon-offset: -4px;--mat-button-outlined-icon-spacing: 8px;--mat-button-outlined-keep-touch-target: false;--mat-button-outlined-outline-width: 1px;--mat-button-outlined-touch-target-size: 48px;--mat-button-protected-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, .2), 0px 2px 2px 0px rgba(0, 0, 0, .14), 0px 1px 5px 0px rgba(0, 0, 0, .12);--mat-button-protected-container-shape: 4px;--mat-button-protected-disabled-container-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-button-protected-focus-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, .2), 0px 4px 5px 0px rgba(0, 0, 0, .14), 0px 1px 10px 0px rgba(0, 0, 0, .12);--mat-button-protected-horizontal-padding: 16px;--mat-button-protected-hover-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, .2), 0px 4px 5px 0px rgba(0, 0, 0, .14), 0px 1px 10px 0px rgba(0, 0, 0, .12);--mat-button-protected-icon-offset: -4px;--mat-button-protected-icon-spacing: 8px;--mat-button-protected-pressed-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-button-protected-touch-target-size: 48px;--mat-button-text-container-shape: 4px;--mat-button-text-horizontal-padding: 8px;--mat-button-text-icon-offset: 0;--mat-button-text-icon-spacing: 8px;--mat-button-text-with-icon-horizontal-padding: 8px;--mat-button-text-touch-target-size: 48px;--mat-button-tonal-container-shape: 4px;--mat-button-tonal-horizontal-padding: 16px;--mat-button-tonal-icon-offset: -4px;--mat-button-tonal-icon-spacing: 8px;--mat-button-tonal-touch-target-size: 48px;--mat-button-filled-container-color: white;--mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent);--mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, .54);--mat-button-filled-focus-state-layer-opacity: .12;--mat-button-filled-hover-state-layer-opacity: .04;--mat-button-filled-label-text-color: rgba(0, 0, 0, .87);--mat-button-filled-pressed-state-layer-opacity: .12;--mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent);--mat-button-filled-state-layer-color: rgba(0, 0, 0, .87);--mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, .12);--mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, .54);--mat-button-outlined-focus-state-layer-opacity: .12;--mat-button-outlined-hover-state-layer-opacity: .04;--mat-button-outlined-label-text-color: rgba(0, 0, 0, .87);--mat-button-outlined-outline-color: rgba(0, 0, 0, .12);--mat-button-outlined-pressed-state-layer-opacity: .12;--mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent);--mat-button-outlined-state-layer-color: rgba(0, 0, 0, .87);--mat-button-protected-container-color: white;--mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent);--mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, .54);--mat-button-protected-focus-state-layer-opacity: .12;--mat-button-protected-hover-state-layer-opacity: .04;--mat-button-protected-label-text-color: rgba(0, 0, 0, .87);--mat-button-protected-pressed-state-layer-opacity: .12;--mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent);--mat-button-protected-state-layer-color: rgba(0, 0, 0, .87);--mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, .54);--mat-button-text-focus-state-layer-opacity: .12;--mat-button-text-hover-state-layer-opacity: .04;--mat-button-text-label-text-color: rgba(0, 0, 0, .87);--mat-button-text-pressed-state-layer-opacity: .12;--mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent);--mat-button-text-state-layer-color: rgba(0, 0, 0, .87);--mat-button-tonal-container-color: white;--mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent);--mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, .54);--mat-button-tonal-focus-state-layer-opacity: .12;--mat-button-tonal-hover-state-layer-opacity: .04;--mat-button-tonal-label-text-color: rgba(0, 0, 0, .87);--mat-button-tonal-pressed-state-layer-opacity: .12;--mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent);--mat-button-tonal-state-layer-color: rgba(0, 0, 0, .87)}.mat-mdc-button.mat-primary,.mat-mdc-unelevated-button.mat-primary,.mat-mdc-raised-button.mat-primary,.mat-mdc-outlined-button.mat-primary,.mat-tonal-button.mat-primary{--mat-button-filled-container-color: #f44336;--mat-button-filled-label-text-color: white;--mat-button-filled-ripple-color: color-mix(in srgb, white 12%, transparent);--mat-button-filled-state-layer-color: white;--mat-button-outlined-label-text-color: #f44336;--mat-button-outlined-outline-color: rgba(0, 0, 0, .12);--mat-button-outlined-ripple-color: color-mix(in srgb, #f44336 12%, transparent);--mat-button-outlined-state-layer-color: #f44336;--mat-button-protected-container-color: #f44336;--mat-button-protected-label-text-color: white;--mat-button-protected-ripple-color: color-mix(in srgb, white 12%, transparent);--mat-button-protected-state-layer-color: white;--mat-button-text-label-text-color: #f44336;--mat-button-text-ripple-color: color-mix(in srgb, #f44336 12%, transparent);--mat-button-text-state-layer-color: #f44336;--mat-button-tonal-container-color: #f44336;--mat-button-tonal-label-text-color: white;--mat-button-tonal-ripple-color: color-mix(in srgb, white 12%, transparent);--mat-button-tonal-state-layer-color: white}.mat-mdc-button.mat-accent,.mat-mdc-unelevated-button.mat-accent,.mat-mdc-raised-button.mat-accent,.mat-mdc-outlined-button.mat-accent,.mat-tonal-button.mat-accent{--mat-button-filled-container-color: #bdbdbd;--mat-button-filled-label-text-color: rgba(0, 0, 0, .87);--mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent);--mat-button-filled-state-layer-color: rgba(0, 0, 0, .87);--mat-button-outlined-label-text-color: #bdbdbd;--mat-button-outlined-outline-color: rgba(0, 0, 0, .12);--mat-button-outlined-ripple-color: color-mix(in srgb, #bdbdbd 12%, transparent);--mat-button-outlined-state-layer-color: #bdbdbd;--mat-button-protected-container-color: #bdbdbd;--mat-button-protected-label-text-color: rgba(0, 0, 0, .87);--mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent);--mat-button-protected-state-layer-color: rgba(0, 0, 0, .87);--mat-button-text-label-text-color: #bdbdbd;--mat-button-text-ripple-color: color-mix(in srgb, #bdbdbd 12%, transparent);--mat-button-text-state-layer-color: #bdbdbd;--mat-button-tonal-container-color: #bdbdbd;--mat-button-tonal-label-text-color: rgba(0, 0, 0, .87);--mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent);--mat-button-tonal-state-layer-color: rgba(0, 0, 0, .87)}.mat-mdc-button.mat-warn,.mat-mdc-unelevated-button.mat-warn,.mat-mdc-raised-button.mat-warn,.mat-mdc-outlined-button.mat-warn,.mat-tonal-button.mat-warn{--mat-button-filled-container-color: #f44336;--mat-button-filled-label-text-color: white;--mat-button-filled-ripple-color: color-mix(in srgb, white 12%, transparent);--mat-button-filled-state-layer-color: white;--mat-button-outlined-label-text-color: #f44336;--mat-button-outlined-outline-color: rgba(0, 0, 0, .12);--mat-button-outlined-ripple-color: color-mix(in srgb, #f44336 12%, transparent);--mat-button-outlined-state-layer-color: #f44336;--mat-button-protected-container-color: #f44336;--mat-button-protected-label-text-color: white;--mat-button-protected-ripple-color: color-mix(in srgb, white 12%, transparent);--mat-button-protected-state-layer-color: white;--mat-button-text-label-text-color: #f44336;--mat-button-text-ripple-color: color-mix(in srgb, #f44336 12%, transparent);--mat-button-text-state-layer-color: #f44336;--mat-button-tonal-container-color: #f44336;--mat-button-tonal-label-text-color: white;--mat-button-tonal-ripple-color: color-mix(in srgb, white 12%, transparent);--mat-button-tonal-state-layer-color: white}html{--mat-button-filled-container-height: 32px;--mat-button-filled-touch-target-display: block;--mat-button-outlined-container-height: 32px;--mat-button-outlined-touch-target-display: block;--mat-button-protected-container-height: 32px;--mat-button-protected-touch-target-display: block;--mat-button-text-container-height: 32px;--mat-button-text-touch-target-display: block;--mat-button-tonal-container-height: 32px;--mat-button-tonal-touch-target-display: block;--mat-button-filled-label-text-font: Bai Jamjuree;--mat-button-filled-label-text-size: 14px;--mat-button-filled-label-text-tracking: .0892857143em;--mat-button-filled-label-text-transform: none;--mat-button-filled-label-text-weight: 500;--mat-button-outlined-label-text-font: Bai Jamjuree;--mat-button-outlined-label-text-size: 14px;--mat-button-outlined-label-text-tracking: .0892857143em;--mat-button-outlined-label-text-transform: none;--mat-button-outlined-label-text-weight: 500;--mat-button-protected-label-text-font: Bai Jamjuree;--mat-button-protected-label-text-size: 14px;--mat-button-protected-label-text-tracking: .0892857143em;--mat-button-protected-label-text-transform: none;--mat-button-protected-label-text-weight: 500;--mat-button-text-label-text-font: Bai Jamjuree;--mat-button-text-label-text-size: 14px;--mat-button-text-label-text-tracking: .0892857143em;--mat-button-text-label-text-transform: none;--mat-button-text-label-text-weight: 500;--mat-button-tonal-label-text-font: Bai Jamjuree;--mat-button-tonal-label-text-size: 14px;--mat-button-tonal-label-text-tracking: .0892857143em;--mat-button-tonal-label-text-transform: none;--mat-button-tonal-label-text-weight: 500;--mat-icon-button-icon-size: 24px;--mat-icon-button-container-shape: 50%;--mat-icon-button-touch-target-size: 48px;--mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, .54);--mat-icon-button-focus-state-layer-opacity: .12;--mat-icon-button-hover-state-layer-opacity: .04;--mat-icon-button-icon-color: inherit;--mat-icon-button-pressed-state-layer-opacity: .12;--mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent);--mat-icon-button-state-layer-color: rgba(0, 0, 0, .87)}.mat-mdc-icon-button.mat-primary{--mat-icon-button-icon-color: #f44336;--mat-icon-button-state-layer-color: #f44336;--mat-icon-button-ripple-color: color-mix(in srgb, #f44336 12%, transparent)}.mat-mdc-icon-button.mat-accent{--mat-icon-button-icon-color: #bdbdbd;--mat-icon-button-state-layer-color: #bdbdbd;--mat-icon-button-ripple-color: color-mix(in srgb, #bdbdbd 12%, transparent)}.mat-mdc-icon-button.mat-warn{--mat-icon-button-icon-color: #f44336;--mat-icon-button-state-layer-color: #f44336;--mat-icon-button-ripple-color: color-mix(in srgb, #f44336 12%, transparent)}html{--mat-icon-button-touch-target-display: block}.mat-mdc-icon-button.mat-mdc-button-base{--mdc-icon-button-state-layer-size: 44px;--mat-icon-button-state-layer-size: 44px;width:var(--mat-icon-button-state-layer-size);height:var(--mat-icon-button-state-layer-size);padding:10px}html{--mat-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-fab-container-shape: 50%;--mat-fab-touch-target-size: 48px;--mat-fab-extended-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-fab-extended-container-height: 48px;--mat-fab-extended-container-shape: 24px;--mat-fab-extended-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-fab-extended-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-fab-extended-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-fab-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-fab-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-fab-small-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-fab-small-container-shape: 50%;--mat-fab-small-touch-target-size: 48px;--mat-fab-small-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-fab-small-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-fab-small-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-fab-container-color: white;--mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent);--mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-fab-disabled-state-layer-color: rgba(0, 0, 0, .54);--mat-fab-focus-state-layer-opacity: .12;--mat-fab-foreground-color: rgba(0, 0, 0, .87);--mat-fab-hover-state-layer-opacity: .04;--mat-fab-pressed-state-layer-opacity: .12;--mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent);--mat-fab-small-container-color: white;--mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent);--mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, .54);--mat-fab-small-focus-state-layer-opacity: .12;--mat-fab-small-foreground-color: rgba(0, 0, 0, .87);--mat-fab-small-hover-state-layer-opacity: .04;--mat-fab-small-pressed-state-layer-opacity: .12;--mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent);--mat-fab-small-state-layer-color: rgba(0, 0, 0, .87);--mat-fab-state-layer-color: rgba(0, 0, 0, .87)}.mat-mdc-fab.mat-primary,.mat-mdc-mini-fab.mat-primary{--mat-fab-container-color: #f44336;--mat-fab-foreground-color: white;--mat-fab-ripple-color: color-mix(in srgb, #f44336 12%, transparent);--mat-fab-small-container-color: #f44336;--mat-fab-small-foreground-color: white;--mat-fab-small-ripple-color: color-mix(in srgb, white 12%, transparent);--mat-fab-small-state-layer-color: white;--mat-fab-state-layer-color: white}.mat-mdc-fab.mat-accent,.mat-mdc-mini-fab.mat-accent{--mat-fab-container-color: #bdbdbd;--mat-fab-foreground-color: rgba(0, 0, 0, .87);--mat-fab-ripple-color: color-mix(in srgb, #bdbdbd 12%, transparent);--mat-fab-small-container-color: #bdbdbd;--mat-fab-small-foreground-color: rgba(0, 0, 0, .87);--mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent);--mat-fab-small-state-layer-color: rgba(0, 0, 0, .87);--mat-fab-state-layer-color: rgba(0, 0, 0, .87)}.mat-mdc-fab.mat-warn,.mat-mdc-mini-fab.mat-warn{--mat-fab-container-color: #f44336;--mat-fab-foreground-color: white;--mat-fab-ripple-color: color-mix(in srgb, #f44336 12%, transparent);--mat-fab-small-container-color: #f44336;--mat-fab-small-foreground-color: white;--mat-fab-small-ripple-color: color-mix(in srgb, white 12%, transparent);--mat-fab-small-state-layer-color: white;--mat-fab-state-layer-color: white}html{--mat-fab-small-touch-target-display: block;--mat-fab-touch-target-display: block;--mat-fab-extended-label-text-font: Bai Jamjuree;--mat-fab-extended-label-text-size: 14px;--mat-fab-extended-label-text-tracking: .0892857143em;--mat-fab-extended-label-text-weight: 500;--mat-snack-bar-container-shape: 4px;--mat-snack-bar-container-color: #424242;--mat-snack-bar-supporting-text-color: white;--mat-snack-bar-button-color: #e57373;--mat-snack-bar-supporting-text-font: Bai Jamjuree;--mat-snack-bar-supporting-text-line-height: 20px;--mat-snack-bar-supporting-text-size: 14px;--mat-snack-bar-supporting-text-weight: 400;--mat-table-row-item-outline-width: 1px;--mat-table-background-color: white;--mat-table-header-headline-color: rgba(0, 0, 0, .87);--mat-table-row-item-label-text-color: rgba(0, 0, 0, .87);--mat-table-row-item-outline-color: rgba(0, 0, 0, .12);--mat-table-header-container-height: 52px;--mat-table-footer-container-height: 48px;--mat-table-row-item-container-height: 48px;--mat-table-header-headline-font: Bai Jamjuree;--mat-table-header-headline-line-height: 22px;--mat-table-header-headline-size: 14px;--mat-table-header-headline-weight: 500;--mat-table-header-headline-tracking: .0071428571em;--mat-table-row-item-label-text-font: Bai Jamjuree;--mat-table-row-item-label-text-line-height: 20px;--mat-table-row-item-label-text-size: 14px;--mat-table-row-item-label-text-weight: 400;--mat-table-row-item-label-text-tracking: .0178571429em;--mat-table-footer-supporting-text-font: Bai Jamjuree;--mat-table-footer-supporting-text-line-height: 20px;--mat-table-footer-supporting-text-size: 14px;--mat-table-footer-supporting-text-weight: 400;--mat-table-footer-supporting-text-tracking: .0178571429em;--mat-progress-spinner-active-indicator-width: 4px;--mat-progress-spinner-size: 48px;--mat-progress-spinner-active-indicator-color: #f44336}.mat-accent{--mat-progress-spinner-active-indicator-color: #bdbdbd}.mat-warn{--mat-progress-spinner-active-indicator-color: #f44336}html{--mat-badge-container-shape: 50%;--mat-badge-container-size: unset;--mat-badge-small-size-container-size: unset;--mat-badge-large-size-container-size: unset;--mat-badge-legacy-container-size: 22px;--mat-badge-legacy-small-size-container-size: 16px;--mat-badge-legacy-large-size-container-size: 28px;--mat-badge-container-offset: -11px 0;--mat-badge-small-size-container-offset: -8px 0;--mat-badge-large-size-container-offset: -14px 0;--mat-badge-container-overlap-offset: -11px;--mat-badge-small-size-container-overlap-offset: -8px;--mat-badge-large-size-container-overlap-offset: -14px;--mat-badge-container-padding: 0;--mat-badge-small-size-container-padding: 0;--mat-badge-large-size-container-padding: 0;--mat-badge-background-color: #f44336;--mat-badge-text-color: white;--mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent);--mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent)}.mat-badge-accent{--mat-badge-background-color: #bdbdbd;--mat-badge-text-color: rgba(0, 0, 0, .87)}.mat-badge-warn{--mat-badge-background-color: #f44336;--mat-badge-text-color: white}html{--mat-badge-text-font: Bai Jamjuree;--mat-badge-line-height: 22px;--mat-badge-text-size: 12px;--mat-badge-text-weight: 600;--mat-badge-small-size-text-size: 9px;--mat-badge-small-size-line-height: 16px;--mat-badge-large-size-text-size: 24px;--mat-badge-large-size-line-height: 28px;--mat-bottom-sheet-container-shape: 4px;--mat-bottom-sheet-container-text-color: rgba(0, 0, 0, .87);--mat-bottom-sheet-container-background-color: white;--mat-bottom-sheet-container-text-font: Bai Jamjuree;--mat-bottom-sheet-container-text-line-height: 20px;--mat-bottom-sheet-container-text-size: 14px;--mat-bottom-sheet-container-text-tracking: .0178571429em;--mat-bottom-sheet-container-text-weight: 400;--mat-button-toggle-focus-state-layer-opacity: .12;--mat-button-toggle-hover-state-layer-opacity: .04;--mat-button-toggle-legacy-focus-state-layer-opacity: 1;--mat-button-toggle-legacy-height: 36px;--mat-button-toggle-legacy-shape: 2px;--mat-button-toggle-shape: 4px;--mat-button-toggle-background-color: white;--mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent);--mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-button-toggle-disabled-state-background-color: white;--mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-button-toggle-divider-color: rgba(0, 0, 0, .12);--mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent);--mat-button-toggle-legacy-disabled-state-background-color: white;--mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent);--mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, .87);--mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent);--mat-button-toggle-legacy-text-color: rgba(0, 0, 0, .87);--mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent);--mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, .87);--mat-button-toggle-state-layer-color: rgba(0, 0, 0, .87);--mat-button-toggle-text-color: rgba(0, 0, 0, .87);--mat-button-toggle-height: 44px;--mat-button-toggle-label-text-font: Bai Jamjuree;--mat-button-toggle-label-text-line-height: 24px;--mat-button-toggle-label-text-size: 16px;--mat-button-toggle-label-text-tracking: .03125em;--mat-button-toggle-label-text-weight: 400;--mat-button-toggle-legacy-label-text-font: Bai Jamjuree;--mat-button-toggle-legacy-label-text-line-height: 24px;--mat-button-toggle-legacy-label-text-size: 16px;--mat-button-toggle-legacy-label-text-tracking: .03125em;--mat-button-toggle-legacy-label-text-weight: 400;--mat-datepicker-calendar-container-shape: 4px;--mat-datepicker-calendar-container-touch-shape: 4px;--mat-datepicker-calendar-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, .2), 0px 4px 5px 0px rgba(0, 0, 0, .14), 0px 1px 10px 0px rgba(0, 0, 0, .12);--mat-datepicker-calendar-container-touch-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, .2), 0px 24px 38px 3px rgba(0, 0, 0, .14), 0px 9px 46px 8px rgba(0, 0, 0, .12);--mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #f44336 20%, transparent);--mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #bdbdbd 20%, transparent);--mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;--mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);--mat-datepicker-calendar-date-selected-state-text-color: white;--mat-datepicker-calendar-date-selected-state-background-color: #f44336;--mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #f44336 38%, transparent);--mat-datepicker-calendar-date-today-selected-state-outline-color: white;--mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #f44336 12%, transparent);--mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #f44336 4%, transparent);--mat-datepicker-toggle-active-state-icon-color: #f44336;--mat-datepicker-toggle-icon-color: rgba(0, 0, 0, .54);--mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, .54);--mat-datepicker-calendar-period-button-text-color: rgba(0, 0, 0, .87);--mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, .54);--mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, .54);--mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, .12);--mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, .54);--mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, .54);--mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, .87);--mat-datepicker-calendar-date-outline-color: transparent;--mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, .54);--mat-datepicker-range-input-separator-color: rgba(0, 0, 0, .87);--mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-datepicker-calendar-container-background-color: white;--mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, .87)}.mat-datepicker-content.mat-accent,.mat-datepicker-toggle-active.mat-accent{--mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #bdbdbd 20%, transparent);--mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #bdbdbd 20%, transparent);--mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;--mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);--mat-datepicker-calendar-date-selected-state-text-color: rgba(0, 0, 0, .87);--mat-datepicker-calendar-date-selected-state-background-color: #bdbdbd;--mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #bdbdbd 38%, transparent);--mat-datepicker-calendar-date-today-selected-state-outline-color: rgba(0, 0, 0, .87);--mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #bdbdbd 12%, transparent);--mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #bdbdbd 4%, transparent);--mat-datepicker-toggle-active-state-icon-color: #bdbdbd;--mat-datepicker-toggle-icon-color: rgba(0, 0, 0, .54);--mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, .54);--mat-datepicker-calendar-period-button-text-color: rgba(0, 0, 0, .87);--mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, .54);--mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, .54);--mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, .12);--mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, .54);--mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, .54);--mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, .87);--mat-datepicker-calendar-date-outline-color: transparent;--mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, .54);--mat-datepicker-range-input-separator-color: rgba(0, 0, 0, .87);--mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-datepicker-calendar-container-background-color: white;--mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, .87)}.mat-datepicker-content.mat-warn,.mat-datepicker-toggle-active.mat-warn{--mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #f44336 20%, transparent);--mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #bdbdbd 20%, transparent);--mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;--mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);--mat-datepicker-calendar-date-selected-state-text-color: white;--mat-datepicker-calendar-date-selected-state-background-color: #f44336;--mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #f44336 38%, transparent);--mat-datepicker-calendar-date-today-selected-state-outline-color: white;--mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #f44336 12%, transparent);--mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #f44336 4%, transparent);--mat-datepicker-toggle-active-state-icon-color: #f44336;--mat-datepicker-toggle-icon-color: rgba(0, 0, 0, .54);--mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, .54);--mat-datepicker-calendar-period-button-text-color: rgba(0, 0, 0, .87);--mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, .54);--mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, .54);--mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, .12);--mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, .54);--mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, .54);--mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, .87);--mat-datepicker-calendar-date-outline-color: transparent;--mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, .54);--mat-datepicker-range-input-separator-color: rgba(0, 0, 0, .87);--mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-datepicker-calendar-container-background-color: white;--mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, .87)}.mat-calendar-controls{--mat-icon-button-touch-target-display: none}.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base{--mdc-icon-button-state-layer-size: 40px;--mat-icon-button-state-layer-size: 40px;width:var(--mat-icon-button-state-layer-size);height:var(--mat-icon-button-state-layer-size);padding:8px}html{--mat-datepicker-calendar-text-font: Bai Jamjuree;--mat-datepicker-calendar-text-size: 13px;--mat-datepicker-calendar-body-label-text-size: 14px;--mat-datepicker-calendar-body-label-text-weight: 500;--mat-datepicker-calendar-period-button-text-size: 14px;--mat-datepicker-calendar-period-button-text-weight: 500;--mat-datepicker-calendar-header-text-size: 11px;--mat-datepicker-calendar-header-text-weight: 400;--mat-divider-width: 1px;--mat-divider-color: rgba(0, 0, 0, .12);--mat-expansion-container-shape: 4px;--mat-expansion-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, .2), 0px 2px 2px 0px rgba(0, 0, 0, .14), 0px 1px 5px 0px rgba(0, 0, 0, .12);--mat-expansion-legacy-header-indicator-display: inline-block;--mat-expansion-header-indicator-display: none;--mat-expansion-container-background-color: white;--mat-expansion-container-text-color: rgba(0, 0, 0, .87);--mat-expansion-actions-divider-color: rgba(0, 0, 0, .12);--mat-expansion-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, .87) 4%, transparent);--mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent);--mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mat-expansion-header-text-color: rgba(0, 0, 0, .87);--mat-expansion-header-description-color: rgba(0, 0, 0, .54);--mat-expansion-header-indicator-color: rgba(0, 0, 0, .54);--mat-expansion-header-collapsed-state-height: 44px;--mat-expansion-header-expanded-state-height: 60px;--mat-expansion-header-text-font: Bai Jamjuree;--mat-expansion-header-text-size: 14px;--mat-expansion-header-text-weight: 500;--mat-expansion-header-text-line-height: inherit;--mat-expansion-header-text-tracking: inherit;--mat-expansion-container-text-font: Bai Jamjuree;--mat-expansion-container-text-line-height: 20px;--mat-expansion-container-text-size: 14px;--mat-expansion-container-text-tracking: .0178571429em;--mat-expansion-container-text-weight: 400;--mat-grid-list-tile-header-primary-text-size: 14px;--mat-grid-list-tile-header-secondary-text-size: 12px;--mat-grid-list-tile-footer-primary-text-size: 14px;--mat-grid-list-tile-footer-secondary-text-size: 12px;--mat-icon-color: inherit}.mat-icon.mat-primary{--mat-icon-color: #f44336}.mat-icon.mat-accent{--mat-icon-color: #bdbdbd}.mat-icon.mat-warn{--mat-icon-color: #f44336}html{--mat-sidenav-container-shape: 0;--mat-sidenav-container-elevation-shadow: 0px 8px 10px -5px rgba(0, 0, 0, .2), 0px 16px 24px 2px rgba(0, 0, 0, .14), 0px 6px 30px 5px rgba(0, 0, 0, .12);--mat-sidenav-container-width: auto;--mat-sidenav-container-divider-color: rgba(0, 0, 0, .12);--mat-sidenav-container-background-color: white;--mat-sidenav-container-text-color: rgba(0, 0, 0, .87);--mat-sidenav-content-background-color: #fafafa;--mat-sidenav-content-text-color: rgba(0, 0, 0, .87);--mat-sidenav-scrim-color: rgba(0, 0, 0, .6);--mat-stepper-header-focus-state-layer-shape: 0;--mat-stepper-header-hover-state-layer-shape: 0;--mat-stepper-header-icon-foreground-color: white;--mat-stepper-header-selected-state-icon-background-color: #f44336;--mat-stepper-header-selected-state-icon-foreground-color: white;--mat-stepper-header-done-state-icon-background-color: #f44336;--mat-stepper-header-done-state-icon-foreground-color: white;--mat-stepper-header-edit-state-icon-background-color: #f44336;--mat-stepper-header-edit-state-icon-foreground-color: white;--mat-stepper-container-color: white;--mat-stepper-line-color: rgba(0, 0, 0, .12);--mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, .87) 4%, transparent);--mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent);--mat-stepper-header-label-text-color: rgba(0, 0, 0, .54);--mat-stepper-header-optional-label-text-color: rgba(0, 0, 0, .54);--mat-stepper-header-selected-state-label-text-color: rgba(0, 0, 0, .87);--mat-stepper-header-error-state-label-text-color: #f44336;--mat-stepper-header-icon-background-color: rgba(0, 0, 0, .54);--mat-stepper-header-error-state-icon-foreground-color: #f44336;--mat-stepper-header-error-state-icon-background-color: transparent}.mat-step-header.mat-accent{--mat-stepper-header-icon-foreground-color: rgba(0, 0, 0, .87);--mat-stepper-header-selected-state-icon-background-color: #bdbdbd;--mat-stepper-header-selected-state-icon-foreground-color: rgba(0, 0, 0, .87);--mat-stepper-header-done-state-icon-background-color: #bdbdbd;--mat-stepper-header-done-state-icon-foreground-color: rgba(0, 0, 0, .87);--mat-stepper-header-edit-state-icon-background-color: #bdbdbd;--mat-stepper-header-edit-state-icon-foreground-color: rgba(0, 0, 0, .87)}.mat-step-header.mat-warn{--mat-stepper-header-icon-foreground-color: white;--mat-stepper-header-selected-state-icon-background-color: #f44336;--mat-stepper-header-selected-state-icon-foreground-color: white;--mat-stepper-header-done-state-icon-background-color: #f44336;--mat-stepper-header-done-state-icon-foreground-color: white;--mat-stepper-header-edit-state-icon-background-color: #f44336;--mat-stepper-header-edit-state-icon-foreground-color: white}html{--mat-stepper-header-height: 68px;--mat-stepper-container-text-font: Bai Jamjuree;--mat-stepper-header-label-text-font: Bai Jamjuree;--mat-stepper-header-label-text-size: 14px;--mat-stepper-header-label-text-weight: 400;--mat-stepper-header-error-state-label-text-size: 16px;--mat-stepper-header-selected-state-label-text-size: 16px;--mat-stepper-header-selected-state-label-text-weight: 400;--mat-sort-arrow-color: rgba(0, 0, 0, .87);--mat-toolbar-container-background-color: white;--mat-toolbar-container-text-color: rgba(0, 0, 0, .87)}.mat-toolbar.mat-primary{--mat-toolbar-container-background-color: #f44336;--mat-toolbar-container-text-color: white}.mat-toolbar.mat-accent{--mat-toolbar-container-background-color: #bdbdbd;--mat-toolbar-container-text-color: rgba(0, 0, 0, .87)}.mat-toolbar.mat-warn{--mat-toolbar-container-background-color: #f44336;--mat-toolbar-container-text-color: white}html{--mat-toolbar-standard-height: 60px;--mat-toolbar-mobile-height: 52px;--mat-toolbar-title-text-font: Bai Jamjuree;--mat-toolbar-title-text-line-height: 32px;--mat-toolbar-title-text-size: 20px;--mat-toolbar-title-text-tracking: .0125em;--mat-toolbar-title-text-weight: 500;--mat-tree-container-background-color: white;--mat-tree-node-text-color: rgba(0, 0, 0, .87);--mat-tree-node-min-height: 44px;--mat-tree-node-text-font: Bai Jamjuree;--mat-tree-node-text-size: 14px;--mat-tree-node-text-weight: 400;--mat-timepicker-container-shape: 4px;--mat-timepicker-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-timepicker-container-background-color: white;--mtx-alert-container-shape: 4px;--mtx-alert-outline-color: transparent;--mtx-alert-background-color: #f5f5f5;--mtx-alert-text-color: rgba(0, 0, 0, .87);--mtx-alert-info-outline-color: transparent;--mtx-alert-info-background-color: #bbdefb;--mtx-alert-info-text-color: rgba(0, 0, 0, .87);--mtx-alert-success-outline-color: transparent;--mtx-alert-success-background-color: #c8e6c9;--mtx-alert-success-text-color: rgba(0, 0, 0, .87);--mtx-alert-warning-outline-color: transparent;--mtx-alert-warning-background-color: #ffecb3;--mtx-alert-warning-text-color: rgba(0, 0, 0, .87);--mtx-alert-danger-outline-color: transparent;--mtx-alert-danger-background-color: #ffcdd2;--mtx-alert-danger-text-color: rgba(0, 0, 0, .87);--mtx-colorpicker-toggle-active-state-icon-color: #f44336;--mtx-colorpicker-toggle-icon-color: rgba(0, 0, 0, .54)}.mtx-colorpicker-toggle-active.mat-accent{--mtx-colorpicker-toggle-active-state-icon-color: #bdbdbd;--mtx-colorpicker-toggle-icon-color: rgba(0, 0, 0, .54)}.mtx-colorpicker-toggle-active.mat-warn{--mtx-colorpicker-toggle-active-state-icon-color: #f44336;--mtx-colorpicker-toggle-icon-color: rgba(0, 0, 0, .54)}html{--mtx-datetimepicker-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, .2), 0px 4px 5px 0px rgba(0, 0, 0, .14), 0px 1px 10px 0px rgba(0, 0, 0, .12);--mtx-datetimepicker-container-touch-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, .2), 0px 24px 38px 3px rgba(0, 0, 0, .14), 0px 9px 46px 8px rgba(0, 0, 0, .12);--mtx-datetimepicker-container-shape: 4px;--mtx-datetimepicker-container-touch-shape: 4px;--mtx-datetimepicker-selector-container-shape: 4px;--mtx-datetimepicker-calendar-date-selected-state-text-color: white;--mtx-datetimepicker-calendar-date-selected-state-background-color: #f44336;--mtx-datetimepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #f44336 38%, transparent);--mtx-datetimepicker-calendar-date-today-selected-state-outline-color: white;--mtx-datetimepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #f44336 12%, transparent);--mtx-datetimepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #f44336 12%, transparent);--mtx-datetimepicker-toggle-active-state-icon-color: #f44336;--mtx-datetimepicker-toggle-icon-color: rgba(0, 0, 0, .54);--mtx-datetimepicker-calendar-body-label-text-color: rgba(0, 0, 0, .54);--mtx-datetimepicker-calendar-header-divider-color: transparent;--mtx-datetimepicker-calendar-header-text-color: white;--mtx-datetimepicker-calendar-body-week-number-text-color: rgba(0, 0, 0, .54);--mtx-datetimepicker-calendar-header-background-color: #f44336;--mtx-datetimepicker-calendar-table-header-text-color: rgba(0, 0, 0, .54);--mtx-datetimepicker-calendar-date-today-outline-color: rgba(0, 0, 0, .54);--mtx-datetimepicker-calendar-date-text-color: rgba(0, 0, 0, .87);--mtx-datetimepicker-calendar-date-outline-color: transparent;--mtx-datetimepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mtx-datetimepicker-container-background-color: white;--mtx-datetimepicker-container-text-color: rgba(0, 0, 0, .87);--mtx-datetimepicker-clock-dial-background-color: rgba(0, 0, 0, .12);--mtx-datetimepicker-clock-cell-text-color: rgba(0, 0, 0, .87);--mtx-datetimepicker-clock-cell-hover-state-background-color: color-mix(in srgb, rgba(0, 0, 0, .87) 4%, transparent);--mtx-datetimepicker-clock-cell-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mtx-datetimepicker-clock-cell-selected-state-background-color: #f44336;--mtx-datetimepicker-clock-hand-background-color: #f44336;--mtx-datetimepicker-time-input-active-state-text-color: #f44336;--mtx-datetimepicker-time-input-active-state-background-color: color-mix(in srgb, #f44336 20%, transparent);--mtx-datetimepicker-time-input-focus-state-outline-color: #f44336;--mtx-datetimepicker-time-input-focus-state-placeholder-text-color: color-mix(in srgb, #f44336 60%, transparent);--mtx-datetimepicker-time-input-text-color: rgba(0, 0, 0, .87);--mtx-datetimepicker-time-input-background-color: rgba(0, 0, 0, .12);--mtx-datetimepicker-time-input-focus-state-background-color: #ffebee;--mtx-datetimepicker-time-input-warn-state-outline-color: #f44336;--mtx-datetimepicker-time-ampm-text-color: color-mix(in srgb, rgba(0, 0, 0, .87) 75%, transparent);--mtx-datetimepicker-time-ampm-outline-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mtx-datetimepicker-time-ampm-selected-state-text-color: rgba(0, 0, 0, .87);--mtx-datetimepicker-time-ampm-selected-state-background-color: color-mix(in srgb, #f44336 20%, transparent)}.mtx-datetimepicker-content.mat-accent,.mtx-datetimepicker-toggle-active.mat-accent{--mtx-datetimepicker-calendar-date-selected-state-text-color: rgba(0, 0, 0, .87);--mtx-datetimepicker-calendar-date-selected-state-background-color: #bdbdbd;--mtx-datetimepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #bdbdbd 38%, transparent);--mtx-datetimepicker-calendar-date-today-selected-state-outline-color: rgba(0, 0, 0, .87);--mtx-datetimepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #bdbdbd 12%, transparent);--mtx-datetimepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #bdbdbd 12%, transparent);--mtx-datetimepicker-toggle-active-state-icon-color: #bdbdbd;--mtx-datetimepicker-toggle-icon-color: rgba(0, 0, 0, .54);--mtx-datetimepicker-calendar-body-label-text-color: rgba(0, 0, 0, .54);--mtx-datetimepicker-calendar-header-divider-color: transparent;--mtx-datetimepicker-calendar-header-text-color: white;--mtx-datetimepicker-calendar-body-week-number-text-color: rgba(0, 0, 0, .54);--mtx-datetimepicker-calendar-header-background-color: #bdbdbd;--mtx-datetimepicker-calendar-table-header-text-color: rgba(0, 0, 0, .54);--mtx-datetimepicker-calendar-date-today-outline-color: rgba(0, 0, 0, .54);--mtx-datetimepicker-calendar-date-text-color: rgba(0, 0, 0, .87);--mtx-datetimepicker-calendar-date-outline-color: transparent;--mtx-datetimepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mtx-datetimepicker-container-background-color: white;--mtx-datetimepicker-container-text-color: rgba(0, 0, 0, .87);--mtx-datetimepicker-clock-dial-background-color: rgba(0, 0, 0, .12);--mtx-datetimepicker-clock-cell-text-color: rgba(0, 0, 0, .87);--mtx-datetimepicker-clock-cell-hover-state-background-color: color-mix(in srgb, rgba(0, 0, 0, .87) 4%, transparent);--mtx-datetimepicker-clock-cell-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mtx-datetimepicker-clock-cell-selected-state-background-color: #bdbdbd;--mtx-datetimepicker-clock-hand-background-color: #bdbdbd;--mtx-datetimepicker-time-input-active-state-text-color: #bdbdbd;--mtx-datetimepicker-time-input-active-state-background-color: color-mix(in srgb, #bdbdbd 20%, transparent);--mtx-datetimepicker-time-input-focus-state-outline-color: #bdbdbd;--mtx-datetimepicker-time-input-focus-state-placeholder-text-color: color-mix(in srgb, #bdbdbd 60%, transparent);--mtx-datetimepicker-time-input-text-color: rgba(0, 0, 0, .87);--mtx-datetimepicker-time-input-background-color: rgba(0, 0, 0, .12);--mtx-datetimepicker-time-input-focus-state-background-color: #fafafa;--mtx-datetimepicker-time-input-warn-state-outline-color: #f44336;--mtx-datetimepicker-time-ampm-text-color: color-mix(in srgb, rgba(0, 0, 0, .87) 75%, transparent);--mtx-datetimepicker-time-ampm-outline-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mtx-datetimepicker-time-ampm-selected-state-text-color: rgba(0, 0, 0, .87);--mtx-datetimepicker-time-ampm-selected-state-background-color: color-mix(in srgb, #bdbdbd 20%, transparent)}.mtx-datetimepicker-content.mat-warn,.mtx-datetimepicker-toggle-active.mat-warn{--mtx-datetimepicker-calendar-date-selected-state-text-color: white;--mtx-datetimepicker-calendar-date-selected-state-background-color: #f44336;--mtx-datetimepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #f44336 38%, transparent);--mtx-datetimepicker-calendar-date-today-selected-state-outline-color: white;--mtx-datetimepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #f44336 12%, transparent);--mtx-datetimepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #f44336 12%, transparent);--mtx-datetimepicker-toggle-active-state-icon-color: #f44336;--mtx-datetimepicker-toggle-icon-color: rgba(0, 0, 0, .54);--mtx-datetimepicker-calendar-body-label-text-color: rgba(0, 0, 0, .54);--mtx-datetimepicker-calendar-header-divider-color: transparent;--mtx-datetimepicker-calendar-header-text-color: white;--mtx-datetimepicker-calendar-body-week-number-text-color: rgba(0, 0, 0, .54);--mtx-datetimepicker-calendar-header-background-color: #f44336;--mtx-datetimepicker-calendar-table-header-text-color: rgba(0, 0, 0, .54);--mtx-datetimepicker-calendar-date-today-outline-color: rgba(0, 0, 0, .54);--mtx-datetimepicker-calendar-date-text-color: rgba(0, 0, 0, .87);--mtx-datetimepicker-calendar-date-outline-color: transparent;--mtx-datetimepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mtx-datetimepicker-container-background-color: white;--mtx-datetimepicker-container-text-color: rgba(0, 0, 0, .87);--mtx-datetimepicker-clock-dial-background-color: rgba(0, 0, 0, .12);--mtx-datetimepicker-clock-cell-text-color: rgba(0, 0, 0, .87);--mtx-datetimepicker-clock-cell-hover-state-background-color: color-mix(in srgb, rgba(0, 0, 0, .87) 4%, transparent);--mtx-datetimepicker-clock-cell-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mtx-datetimepicker-clock-cell-selected-state-background-color: #f44336;--mtx-datetimepicker-clock-hand-background-color: #f44336;--mtx-datetimepicker-time-input-active-state-text-color: #f44336;--mtx-datetimepicker-time-input-active-state-background-color: color-mix(in srgb, #f44336 20%, transparent);--mtx-datetimepicker-time-input-focus-state-outline-color: #f44336;--mtx-datetimepicker-time-input-focus-state-placeholder-text-color: color-mix(in srgb, #f44336 60%, transparent);--mtx-datetimepicker-time-input-text-color: rgba(0, 0, 0, .87);--mtx-datetimepicker-time-input-background-color: rgba(0, 0, 0, .12);--mtx-datetimepicker-time-input-focus-state-background-color: #ffebee;--mtx-datetimepicker-time-input-warn-state-outline-color: #f44336;--mtx-datetimepicker-time-ampm-text-color: color-mix(in srgb, rgba(0, 0, 0, .87) 75%, transparent);--mtx-datetimepicker-time-ampm-outline-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mtx-datetimepicker-time-ampm-selected-state-text-color: rgba(0, 0, 0, .87);--mtx-datetimepicker-time-ampm-selected-state-background-color: color-mix(in srgb, #f44336 20%, transparent)}html{--mtx-datetimepicker-calendar-text-font: Bai Jamjuree;--mtx-datetimepicker-calendar-text-size: 13px;--mtx-datetimepicker-calendar-body-label-text-size: 14px;--mtx-datetimepicker-calendar-body-label-text-weight: 500;--mtx-datetimepicker-calendar-period-button-text-size: 14px;--mtx-datetimepicker-calendar-period-button-text-weight: 500;--mtx-datetimepicker-calendar-table-header-text-size: 11px;--mtx-datetimepicker-calendar-table-header-text-weight: 400;--mtx-datetimepicker-clock-text-size: 14px;--mtx-drawer-container-shape: 0;--mtx-drawer-container-elevation-shadow: 0px 8px 10px -5px rgba(0, 0, 0, .2), 0px 16px 24px 2px rgba(0, 0, 0, .14), 0px 6px 30px 5px rgba(0, 0, 0, .12);--mtx-drawer-container-background-color: white;--mtx-drawer-container-text-color: rgba(0, 0, 0, .87);--mtx-grid-container-shape: 0;--mtx-grid-table-cell-min-width: 80px;--mtx-grid-outline-color: color-mix(in srgb, rgba(0, 0, 0, .87) 20%, transparent);--mtx-grid-column-menu-text-color: rgba(0, 0, 0, .87);--mtx-grid-column-menu-divider-color: rgba(0, 0, 0, .12);--mtx-grid-table-footer-background-color: white;--mtx-grid-table-row-striped-background-color: #f5f5f5;--mtx-grid-table-row-hover-background-color: #eee;--mtx-grid-table-row-selected-background-color: #eee;--mtx-grid-table-row-selected-hover-background-color: #e0e0e0;--mtx-grid-table-cell-selected-outline-color: #bdbdbd;--mtx-grid-resizable-handle-active-background-color: #f44336;--mtx-grid-resizable-handle-hover-background-color: #f44336;--mtx-grid-resizable-handle-disabled-background-color: rgba(0, 0, 0, .12);--mtx-grid-row-expand-button-size: 44px;--mtx-loader-backdrop-background-color: color-mix(in srgb, white 75%, transparent);--mtx-popover-container-shape: 4px;--mtx-popover-base-elevation-level: 8;--mtx-popover-outline-color: rgba(0, 0, 0, .12);--mtx-popover-background-color: white;--mtx-popover-text-color: rgba(0, 0, 0, .87);--mtx-progress-container-shape: 4px;--mtx-progress-track-color: color-mix(in srgb, rgba(0, 0, 0, .87) 4%, transparent);--mtx-progress-indicator-color: rgba(0, 0, 0, .12);--mtx-progress-text-color: rgba(0, 0, 0, .87);--mtx-progress-info-indicator-color: #2196f3;--mtx-progress-info-text-color: white;--mtx-progress-success-indicator-color: #4caf50;--mtx-progress-success-text-color: white;--mtx-progress-warning-indicator-color: #ff9800;--mtx-progress-warning-text-color: white;--mtx-progress-danger-indicator-color: #f44336;--mtx-progress-danger-text-color: white;--mtx-progress-text-size: 12px;--mtx-select-container-shape: 4px;--mtx-select-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mtx-select-container-text-color: rgba(0, 0, 0, .87);--mtx-select-placeholder-text-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mtx-select-disabled-text-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mtx-select-multiple-value-background-color: rgba(0, 0, 0, .12);--mtx-select-multiple-value-outline-color: rgba(0, 0, 0, .12);--mtx-select-multiple-value-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, .12) 38%, transparent);--mtx-select-multiple-value-icon-hover-background-color: rgba(0, 0, 0, .12);--mtx-select-clear-icon-color: rgba(0, 0, 0, .54);--mtx-select-clear-icon-hover-color: #f44336;--mtx-select-enabled-arrow-color: rgba(0, 0, 0, .54);--mtx-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mtx-select-invalid-arrow-color: #f44336;--mtx-select-panel-background-color: white;--mtx-select-panel-divider-color: rgba(0, 0, 0, .12);--mtx-select-optgroup-label-text-color: rgba(0, 0, 0, .54);--mtx-select-option-label-text-color: rgba(0, 0, 0, .87);--mtx-select-option-selected-state-text-color: #f44336;--mtx-select-option-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, .87) 4%, transparent);--mtx-select-option-hover-state-background-color: color-mix(in srgb, rgba(0, 0, 0, .87) 4%, transparent);--mtx-select-option-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent)}.ng-dropdown-panel.mat-accent{--mtx-select-container-text-color: rgba(0, 0, 0, .87);--mtx-select-placeholder-text-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mtx-select-disabled-text-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mtx-select-multiple-value-background-color: rgba(0, 0, 0, .12);--mtx-select-multiple-value-outline-color: rgba(0, 0, 0, .12);--mtx-select-multiple-value-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, .12) 38%, transparent);--mtx-select-multiple-value-icon-hover-background-color: rgba(0, 0, 0, .12);--mtx-select-clear-icon-color: rgba(0, 0, 0, .54);--mtx-select-clear-icon-hover-color: #f44336;--mtx-select-enabled-arrow-color: rgba(0, 0, 0, .54);--mtx-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mtx-select-invalid-arrow-color: #f44336;--mtx-select-panel-background-color: white;--mtx-select-panel-divider-color: rgba(0, 0, 0, .12);--mtx-select-optgroup-label-text-color: rgba(0, 0, 0, .54);--mtx-select-option-label-text-color: rgba(0, 0, 0, .87);--mtx-select-option-selected-state-text-color: #bdbdbd;--mtx-select-option-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, .87) 4%, transparent);--mtx-select-option-hover-state-background-color: color-mix(in srgb, rgba(0, 0, 0, .87) 4%, transparent);--mtx-select-option-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent)}.ng-dropdown-panel.mat-warn{--mtx-select-container-text-color: rgba(0, 0, 0, .87);--mtx-select-placeholder-text-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mtx-select-disabled-text-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mtx-select-multiple-value-background-color: rgba(0, 0, 0, .12);--mtx-select-multiple-value-outline-color: rgba(0, 0, 0, .12);--mtx-select-multiple-value-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, .12) 38%, transparent);--mtx-select-multiple-value-icon-hover-background-color: rgba(0, 0, 0, .12);--mtx-select-clear-icon-color: rgba(0, 0, 0, .54);--mtx-select-clear-icon-hover-color: #f44336;--mtx-select-enabled-arrow-color: rgba(0, 0, 0, .54);--mtx-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent);--mtx-select-invalid-arrow-color: #f44336;--mtx-select-panel-background-color: white;--mtx-select-panel-divider-color: rgba(0, 0, 0, .12);--mtx-select-optgroup-label-text-color: rgba(0, 0, 0, .54);--mtx-select-option-label-text-color: rgba(0, 0, 0, .87);--mtx-select-option-selected-state-text-color: #f44336;--mtx-select-option-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, .87) 4%, transparent);--mtx-select-option-hover-state-background-color: color-mix(in srgb, rgba(0, 0, 0, .87) 4%, transparent);--mtx-select-option-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent)}html{--mtx-split-gutter-background-color: rgba(0, 0, 0, .12);--mtx-split-gutter-hover-state-background-color: #f44336}.mtx-split>.mtx-split-gutter.mat-accent:hover{--mtx-split-gutter-background-color: rgba(0, 0, 0, .12);--mtx-split-gutter-hover-state-background-color: #bdbdbd}.mtx-split>.mtx-split-gutter.mat-warn:hover{--mtx-split-gutter-background-color: rgba(0, 0, 0, .12);--mtx-split-gutter-hover-state-background-color: #f44336}html{--mtx-tooltip-container-shape: 4px;--mtx-tooltip-supporting-text-line-height: 16px;--mtx-tooltip-container-color: #424242;--mtx-tooltip-supporting-text-color: white;--mtx-tooltip-supporting-text-font: Bai Jamjuree;--mtx-tooltip-supporting-text-size: 12px;--mtx-tooltip-supporting-text-weight: 400;--mtx-tooltip-supporting-text-tracking: .0333333333em}:root mat-toolbar{--mat-toolbar-container-background-color: #333333;--mat-toolbar-container-text-color: #ffffff}.hover-background:hover.selected,.mat-mdc-table tr.mat-mdc-row.selected,.hover-background:hover:hover,.mat-mdc-table tr.mat-mdc-row:hover{background-color:#eee}.mat-mdc-table tr.mat-mdc-row.warning-row.selected,.mat-mdc-table tr.mat-mdc-row.warning-row:hover{background-color:#fecaca}.mat-mdc-table tr.mat-mdc-row.warning-row{background-color:#fee2e2}.mat-mdc-table .employment-level-edit-row{--tw-bg-opacity: 1 !important;background-color:rgb(255 237 213 / var(--tw-bg-opacity, 1))!important}.mat-mdc-table .employment-level-active-row{--tw-bg-opacity: 1 !important;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))!important}.mat-mdc-list-base a.mat-mdc-list-item .mdc-list-item__primary-text{color:#9e9e9e}.mat-mdc-list-base a.mat-mdc-list-item.is-active .mdc-list-item__primary-text{color:#f44336}.team-selection-box{display:flex;align-items:center;justify-content:space-between;border-radius:1rem;padding-left:1.25rem;padding-right:1.25rem}.team-selection-box button{color:#f44336!important}.team-selection-box{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.packing-chip-select{color:#9e9e9e}.packing-chip-select .select-icon{fill:#9e9e9e}.packing-chip-select.highlighted{color:#f44336;background-color:#ffebee}.packing-chip-select.highlighted .select-icon{fill:#f44336}.packing-chip-select.highlighted .cancel-button{color:#9e9e9e}.packing-chip-overlay{background-color:#fff}.mat-elevation-z0,.mat-mdc-elevation-specific.mat-elevation-z0{box-shadow:var(--mat-app-elevation-shadow-level-0, 0px 0px 0px 0px --mat-sys-shadow, 0px 0px 0px 0px --mat-sys-shadow, 0px 0px 0px 0px --mat-sys-shadow)}.mat-elevation-z1,.mat-mdc-elevation-specific.mat-elevation-z1{box-shadow:var(--mat-app-elevation-shadow-level-1, 0px 2px 1px -1px --mat-sys-shadow, 0px 1px 1px 0px --mat-sys-shadow, 0px 1px 3px 0px --mat-sys-shadow)}.mat-elevation-z2,.mat-mdc-elevation-specific.mat-elevation-z2{box-shadow:var(--mat-app-elevation-shadow-level-2, 0px 3px 1px -2px --mat-sys-shadow, 0px 2px 2px 0px --mat-sys-shadow, 0px 1px 5px 0px --mat-sys-shadow)}.mat-elevation-z3,.mat-mdc-elevation-specific.mat-elevation-z3{box-shadow:var(--mat-app-elevation-shadow-level-3, 0px 3px 3px -2px --mat-sys-shadow, 0px 3px 4px 0px --mat-sys-shadow, 0px 1px 8px 0px --mat-sys-shadow)}.mat-elevation-z4,.mat-mdc-elevation-specific.mat-elevation-z4{box-shadow:var(--mat-app-elevation-shadow-level-4, 0px 2px 4px -1px --mat-sys-shadow, 0px 4px 5px 0px --mat-sys-shadow, 0px 1px 10px 0px --mat-sys-shadow)}.mat-elevation-z5,.mat-mdc-elevation-specific.mat-elevation-z5{box-shadow:var(--mat-app-elevation-shadow-level-5, 0px 3px 5px -1px --mat-sys-shadow, 0px 5px 8px 0px --mat-sys-shadow, 0px 1px 14px 0px --mat-sys-shadow)}.mat-elevation-z6,.mat-mdc-elevation-specific.mat-elevation-z6{box-shadow:var(--mat-app-elevation-shadow-level-6, 0px 3px 5px -1px --mat-sys-shadow, 0px 6px 10px 0px --mat-sys-shadow, 0px 1px 18px 0px --mat-sys-shadow)}.mat-elevation-z7,.mat-mdc-elevation-specific.mat-elevation-z7{box-shadow:var(--mat-app-elevation-shadow-level-7, 0px 4px 5px -2px --mat-sys-shadow, 0px 7px 10px 1px --mat-sys-shadow, 0px 2px 16px 1px --mat-sys-shadow)}.mat-elevation-z8,.mat-mdc-elevation-specific.mat-elevation-z8{box-shadow:var(--mat-app-elevation-shadow-level-8, 0px 5px 5px -3px --mat-sys-shadow, 0px 8px 10px 1px --mat-sys-shadow, 0px 3px 14px 2px --mat-sys-shadow)}.mat-elevation-z9,.mat-mdc-elevation-specific.mat-elevation-z9{box-shadow:var(--mat-app-elevation-shadow-level-9, 0px 5px 6px -3px --mat-sys-shadow, 0px 9px 12px 1px --mat-sys-shadow, 0px 3px 16px 2px --mat-sys-shadow)}.mat-elevation-z10,.mat-mdc-elevation-specific.mat-elevation-z10{box-shadow:var(--mat-app-elevation-shadow-level-10, 0px 6px 6px -3px --mat-sys-shadow, 0px 10px 14px 1px --mat-sys-shadow, 0px 4px 18px 3px --mat-sys-shadow)}.mat-elevation-z11,.mat-mdc-elevation-specific.mat-elevation-z11{box-shadow:var(--mat-app-elevation-shadow-level-11, 0px 6px 7px -4px --mat-sys-shadow, 0px 11px 15px 1px --mat-sys-shadow, 0px 4px 20px 3px --mat-sys-shadow)}.mat-elevation-z12,.mat-mdc-elevation-specific.mat-elevation-z12{box-shadow:var(--mat-app-elevation-shadow-level-12, 0px 7px 8px -4px --mat-sys-shadow, 0px 12px 17px 2px --mat-sys-shadow, 0px 5px 22px 4px --mat-sys-shadow)}.mat-elevation-z13,.mat-mdc-elevation-specific.mat-elevation-z13{box-shadow:var(--mat-app-elevation-shadow-level-13, 0px 7px 8px -4px --mat-sys-shadow, 0px 13px 19px 2px --mat-sys-shadow, 0px 5px 24px 4px --mat-sys-shadow)}.mat-elevation-z14,.mat-mdc-elevation-specific.mat-elevation-z14{box-shadow:var(--mat-app-elevation-shadow-level-14, 0px 7px 9px -4px --mat-sys-shadow, 0px 14px 21px 2px --mat-sys-shadow, 0px 5px 26px 4px --mat-sys-shadow)}.mat-elevation-z15,.mat-mdc-elevation-specific.mat-elevation-z15{box-shadow:var(--mat-app-elevation-shadow-level-15, 0px 8px 9px -5px --mat-sys-shadow, 0px 15px 22px 2px --mat-sys-shadow, 0px 6px 28px 5px --mat-sys-shadow)}.mat-elevation-z16,.mat-mdc-elevation-specific.mat-elevation-z16{box-shadow:var(--mat-app-elevation-shadow-level-16, 0px 8px 10px -5px --mat-sys-shadow, 0px 16px 24px 2px --mat-sys-shadow, 0px 6px 30px 5px --mat-sys-shadow)}.mat-elevation-z17,.mat-mdc-elevation-specific.mat-elevation-z17{box-shadow:var(--mat-app-elevation-shadow-level-17, 0px 8px 11px -5px --mat-sys-shadow, 0px 17px 26px 2px --mat-sys-shadow, 0px 6px 32px 5px --mat-sys-shadow)}.mat-elevation-z18,.mat-mdc-elevation-specific.mat-elevation-z18{box-shadow:var(--mat-app-elevation-shadow-level-18, 0px 9px 11px -5px --mat-sys-shadow, 0px 18px 28px 2px --mat-sys-shadow, 0px 7px 34px 6px --mat-sys-shadow)}.mat-elevation-z19,.mat-mdc-elevation-specific.mat-elevation-z19{box-shadow:var(--mat-app-elevation-shadow-level-19, 0px 9px 12px -6px --mat-sys-shadow, 0px 19px 29px 2px --mat-sys-shadow, 0px 7px 36px 6px --mat-sys-shadow)}.mat-elevation-z20,.mat-mdc-elevation-specific.mat-elevation-z20{box-shadow:var(--mat-app-elevation-shadow-level-20, 0px 10px 13px -6px --mat-sys-shadow, 0px 20px 31px 3px --mat-sys-shadow, 0px 8px 38px 7px --mat-sys-shadow)}.mat-elevation-z21,.mat-mdc-elevation-specific.mat-elevation-z21{box-shadow:var(--mat-app-elevation-shadow-level-21, 0px 10px 13px -6px --mat-sys-shadow, 0px 21px 33px 3px --mat-sys-shadow, 0px 8px 40px 7px --mat-sys-shadow)}.mat-elevation-z22,.mat-mdc-elevation-specific.mat-elevation-z22{box-shadow:var(--mat-app-elevation-shadow-level-22, 0px 10px 14px -6px --mat-sys-shadow, 0px 22px 35px 3px --mat-sys-shadow, 0px 8px 42px 7px --mat-sys-shadow)}.mat-elevation-z23,.mat-mdc-elevation-specific.mat-elevation-z23{box-shadow:var(--mat-app-elevation-shadow-level-23, 0px 11px 14px -7px --mat-sys-shadow, 0px 23px 36px 3px --mat-sys-shadow, 0px 9px 44px 8px --mat-sys-shadow)}.mat-elevation-z24,.mat-mdc-elevation-specific.mat-elevation-z24{box-shadow:var(--mat-app-elevation-shadow-level-24, 0px 11px 15px -7px --mat-sys-shadow, 0px 24px 38px 3px --mat-sys-shadow, 0px 9px 46px 8px --mat-sys-shadow)}.packing-dark-theme html{--mat-sys-on-surface: initial}.mat-app-background{background-color:var(--mat-app-background-color, var(--mat-sys-background, transparent));color:var(--mat-app-text-color, var(--mat-sys-on-background, inherit))}.packing-dark-theme{--mat-app-background-color: #303030;--mat-app-text-color: white;--mat-app-elevation-shadow-level-0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-2: 0px 3px 1px -2px rgba(0, 0, 0, .2), 0px 2px 2px 0px rgba(0, 0, 0, .14), 0px 1px 5px 0px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-3: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-4: 0px 2px 4px -1px rgba(0, 0, 0, .2), 0px 4px 5px 0px rgba(0, 0, 0, .14), 0px 1px 10px 0px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-5: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 5px 8px 0px rgba(0, 0, 0, .14), 0px 1px 14px 0px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-6: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-7: 0px 4px 5px -2px rgba(0, 0, 0, .2), 0px 7px 10px 1px rgba(0, 0, 0, .14), 0px 2px 16px 1px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-8: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-9: 0px 5px 6px -3px rgba(0, 0, 0, .2), 0px 9px 12px 1px rgba(0, 0, 0, .14), 0px 3px 16px 2px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-10: 0px 6px 6px -3px rgba(0, 0, 0, .2), 0px 10px 14px 1px rgba(0, 0, 0, .14), 0px 4px 18px 3px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-11: 0px 6px 7px -4px rgba(0, 0, 0, .2), 0px 11px 15px 1px rgba(0, 0, 0, .14), 0px 4px 20px 3px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-12: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-13: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 13px 19px 2px rgba(0, 0, 0, .14), 0px 5px 24px 4px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-14: 0px 7px 9px -4px rgba(0, 0, 0, .2), 0px 14px 21px 2px rgba(0, 0, 0, .14), 0px 5px 26px 4px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-15: 0px 8px 9px -5px rgba(0, 0, 0, .2), 0px 15px 22px 2px rgba(0, 0, 0, .14), 0px 6px 28px 5px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-16: 0px 8px 10px -5px rgba(0, 0, 0, .2), 0px 16px 24px 2px rgba(0, 0, 0, .14), 0px 6px 30px 5px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-17: 0px 8px 11px -5px rgba(0, 0, 0, .2), 0px 17px 26px 2px rgba(0, 0, 0, .14), 0px 6px 32px 5px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-18: 0px 9px 11px -5px rgba(0, 0, 0, .2), 0px 18px 28px 2px rgba(0, 0, 0, .14), 0px 7px 34px 6px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-19: 0px 9px 12px -6px rgba(0, 0, 0, .2), 0px 19px 29px 2px rgba(0, 0, 0, .14), 0px 7px 36px 6px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-20: 0px 10px 13px -6px rgba(0, 0, 0, .2), 0px 20px 31px 3px rgba(0, 0, 0, .14), 0px 8px 38px 7px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-21: 0px 10px 13px -6px rgba(0, 0, 0, .2), 0px 21px 33px 3px rgba(0, 0, 0, .14), 0px 8px 40px 7px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-22: 0px 10px 14px -6px rgba(0, 0, 0, .2), 0px 22px 35px 3px rgba(0, 0, 0, .14), 0px 8px 42px 7px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-23: 0px 11px 14px -7px rgba(0, 0, 0, .2), 0px 23px 36px 3px rgba(0, 0, 0, .14), 0px 9px 44px 8px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-24: 0px 11px 15px -7px rgba(0, 0, 0, .2), 0px 24px 38px 3px rgba(0, 0, 0, .14), 0px 9px 46px 8px rgba(0, 0, 0, .12);--mat-ripple-color: color-mix(in srgb, white 12%, transparent);--mat-option-selected-state-label-text-color: #f44336;--mat-option-label-text-color: white;--mat-option-hover-state-layer-color: color-mix(in srgb, white 4%, transparent);--mat-option-focus-state-layer-color: color-mix(in srgb, white 12%, transparent);--mat-option-selected-state-layer-color: color-mix(in srgb, white 12%, transparent)}.packing-dark-theme .mat-accent{--mat-option-selected-state-label-text-color: #bdbdbd;--mat-option-label-text-color: white;--mat-option-hover-state-layer-color: color-mix(in srgb, white 4%, transparent);--mat-option-focus-state-layer-color: color-mix(in srgb, white 12%, transparent);--mat-option-selected-state-layer-color: color-mix(in srgb, white 12%, transparent)}.packing-dark-theme .mat-warn{--mat-option-selected-state-label-text-color: #f44336;--mat-option-label-text-color: white;--mat-option-hover-state-layer-color: color-mix(in srgb, white 4%, transparent);--mat-option-focus-state-layer-color: color-mix(in srgb, white 12%, transparent);--mat-option-selected-state-layer-color: color-mix(in srgb, white 12%, transparent)}.packing-dark-theme{--mat-optgroup-label-text-color: white;--mat-pseudo-checkbox-full-selected-icon-color: #bdbdbd;--mat-pseudo-checkbox-full-selected-checkmark-color: #303030;--mat-pseudo-checkbox-full-unselected-icon-color: rgba(255, 255, 255, .7);--mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #303030;--mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent);--mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent);--mat-pseudo-checkbox-minimal-selected-checkmark-color: #bdbdbd;--mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, white 38%, transparent)}.packing-dark-theme .mat-primary{--mat-pseudo-checkbox-full-selected-icon-color: #f44336;--mat-pseudo-checkbox-full-selected-checkmark-color: #303030;--mat-pseudo-checkbox-full-unselected-icon-color: rgba(255, 255, 255, .7);--mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #303030;--mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent);--mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent);--mat-pseudo-checkbox-minimal-selected-checkmark-color: #f44336;--mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, white 38%, transparent)}.packing-dark-theme .mat-accent{--mat-pseudo-checkbox-full-selected-icon-color: #bdbdbd;--mat-pseudo-checkbox-full-selected-checkmark-color: #303030;--mat-pseudo-checkbox-full-unselected-icon-color: rgba(255, 255, 255, .7);--mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #303030;--mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent);--mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent);--mat-pseudo-checkbox-minimal-selected-checkmark-color: #bdbdbd;--mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, white 38%, transparent)}.packing-dark-theme .mat-warn{--mat-pseudo-checkbox-full-selected-icon-color: #f44336;--mat-pseudo-checkbox-full-selected-checkmark-color: #303030;--mat-pseudo-checkbox-full-unselected-icon-color: rgba(255, 255, 255, .7);--mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #303030;--mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent);--mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent);--mat-pseudo-checkbox-minimal-selected-checkmark-color: #f44336;--mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, white 38%, transparent)}.packing-dark-theme{--mat-card-elevated-container-color: #424242;--mat-card-elevated-container-elevation: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-card-outlined-container-color: #424242;--mat-card-outlined-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-card-outlined-outline-color: rgba(255, 255, 255, .12);--mat-card-subtitle-text-color: rgba(255, 255, 255, .7);--mat-card-filled-container-color: #424242;--mat-card-filled-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12)}.packing-dark-theme .mat-mdc-progress-bar{--mat-progress-bar-active-indicator-color: #f44336;--mat-progress-bar-track-color: rgba(244, 67, 54, .25)}.packing-dark-theme .mat-mdc-progress-bar.mat-accent{--mat-progress-bar-active-indicator-color: #bdbdbd;--mat-progress-bar-track-color: rgba(189, 189, 189, .25)}.packing-dark-theme .mat-mdc-progress-bar.mat-warn{--mat-progress-bar-active-indicator-color: #f44336;--mat-progress-bar-track-color: rgba(244, 67, 54, .25)}.packing-dark-theme{--mat-tooltip-container-color: white;--mat-tooltip-supporting-text-color: rgba(0, 0, 0, .87);--mat-form-field-focus-select-arrow-color: color-mix(in srgb, #f44336 87%, transparent);--mat-form-field-filled-caret-color: #f44336;--mat-form-field-filled-focus-active-indicator-color: #f44336;--mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #f44336 87%, transparent);--mat-form-field-outlined-caret-color: #f44336;--mat-form-field-outlined-focus-outline-color: #f44336;--mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #f44336 87%, transparent);--mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, white 38%, transparent);--mat-form-field-state-layer-color: white;--mat-form-field-error-text-color: #f44336;--mat-form-field-select-option-text-color: rgba(0, 0, 0, .87);--mat-form-field-select-disabled-option-text-color: rgba(0, 0, 0, .38);--mat-form-field-leading-icon-color: unset;--mat-form-field-disabled-leading-icon-color: unset;--mat-form-field-trailing-icon-color: unset;--mat-form-field-disabled-trailing-icon-color: unset;--mat-form-field-error-focus-trailing-icon-color: unset;--mat-form-field-error-hover-trailing-icon-color: unset;--mat-form-field-error-trailing-icon-color: unset;--mat-form-field-enabled-select-arrow-color: rgba(255, 255, 255, .7);--mat-form-field-disabled-select-arrow-color: color-mix(in srgb, white 38%, transparent);--mat-form-field-hover-state-layer-opacity: .04;--mat-form-field-focus-state-layer-opacity: .12;--mat-form-field-filled-container-color: #4a4a4a;--mat-form-field-filled-disabled-container-color: color-mix(in srgb, white 4%, transparent);--mat-form-field-filled-label-text-color: rgba(255, 255, 255, .7);--mat-form-field-filled-hover-label-text-color: rgba(255, 255, 255, .7);--mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, white 38%, transparent);--mat-form-field-filled-input-text-color: white;--mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, white 38%, transparent);--mat-form-field-filled-input-text-placeholder-color: rgba(255, 255, 255, .7);--mat-form-field-filled-error-hover-label-text-color: #f44336;--mat-form-field-filled-error-focus-label-text-color: #f44336;--mat-form-field-filled-error-label-text-color: #f44336;--mat-form-field-filled-error-caret-color: #f44336;--mat-form-field-filled-active-indicator-color: rgba(255, 255, 255, .7);--mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, white 12%, transparent);--mat-form-field-filled-hover-active-indicator-color: white;--mat-form-field-filled-error-active-indicator-color: #f44336;--mat-form-field-filled-error-focus-active-indicator-color: #f44336;--mat-form-field-filled-error-hover-active-indicator-color: #f44336;--mat-form-field-outlined-label-text-color: rgba(255, 255, 255, .7);--mat-form-field-outlined-hover-label-text-color: white;--mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, white 38%, transparent);--mat-form-field-outlined-input-text-color: white;--mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, white 38%, transparent);--mat-form-field-outlined-input-text-placeholder-color: rgba(255, 255, 255, .7);--mat-form-field-outlined-error-caret-color: #f44336;--mat-form-field-outlined-error-focus-label-text-color: #f44336;--mat-form-field-outlined-error-label-text-color: #f44336;--mat-form-field-outlined-error-hover-label-text-color: #f44336;--mat-form-field-outlined-outline-color: rgba(255, 255, 255, .38);--mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, white 12%, transparent);--mat-form-field-outlined-hover-outline-color: white;--mat-form-field-outlined-error-focus-outline-color: #f44336;--mat-form-field-outlined-error-hover-outline-color: #f44336;--mat-form-field-outlined-error-outline-color: #f44336}.packing-dark-theme .mat-mdc-form-field.mat-accent{--mat-form-field-focus-select-arrow-color: color-mix(in srgb, #bdbdbd 87%, transparent);--mat-form-field-filled-caret-color: #bdbdbd;--mat-form-field-filled-focus-active-indicator-color: #bdbdbd;--mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #bdbdbd 87%, transparent);--mat-form-field-outlined-caret-color: #bdbdbd;--mat-form-field-outlined-focus-outline-color: #bdbdbd;--mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #bdbdbd 87%, transparent)}.packing-dark-theme .mat-mdc-form-field.mat-warn{--mat-form-field-focus-select-arrow-color: color-mix(in srgb, #f44336 87%, transparent);--mat-form-field-filled-caret-color: #f44336;--mat-form-field-filled-focus-active-indicator-color: #f44336;--mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #f44336 87%, transparent);--mat-form-field-outlined-caret-color: #f44336;--mat-form-field-outlined-focus-outline-color: #f44336;--mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #f44336 87%, transparent)}.packing-dark-theme{--mat-select-panel-background-color: #424242;--mat-select-enabled-trigger-text-color: white;--mat-select-disabled-trigger-text-color: color-mix(in srgb, white 38%, transparent);--mat-select-placeholder-text-color: rgba(255, 255, 255, .7);--mat-select-enabled-arrow-color: rgba(255, 255, 255, .7);--mat-select-disabled-arrow-color: color-mix(in srgb, white 38%, transparent);--mat-select-focused-arrow-color: #f44336;--mat-select-invalid-arrow-color: #f44336}.packing-dark-theme .mat-mdc-form-field.mat-accent{--mat-select-panel-background-color: #424242;--mat-select-enabled-trigger-text-color: white;--mat-select-disabled-trigger-text-color: color-mix(in srgb, white 38%, transparent);--mat-select-placeholder-text-color: rgba(255, 255, 255, .7);--mat-select-enabled-arrow-color: rgba(255, 255, 255, .7);--mat-select-disabled-arrow-color: color-mix(in srgb, white 38%, transparent);--mat-select-focused-arrow-color: #bdbdbd;--mat-select-invalid-arrow-color: #f44336}.packing-dark-theme .mat-mdc-form-field.mat-warn{--mat-select-panel-background-color: #424242;--mat-select-enabled-trigger-text-color: white;--mat-select-disabled-trigger-text-color: color-mix(in srgb, white 38%, transparent);--mat-select-placeholder-text-color: rgba(255, 255, 255, .7);--mat-select-enabled-arrow-color: rgba(255, 255, 255, .7);--mat-select-disabled-arrow-color: color-mix(in srgb, white 38%, transparent);--mat-select-focused-arrow-color: #f44336;--mat-select-invalid-arrow-color: #f44336}.packing-dark-theme{--mat-autocomplete-background-color: #424242;--mat-dialog-container-color: #424242;--mat-dialog-subhead-color: white;--mat-dialog-supporting-text-color: rgba(255, 255, 255, .7)}.packing-dark-theme .mat-mdc-standard-chip{--mat-chip-disabled-label-text-color: white;--mat-chip-elevated-container-color: color-mix(in srgb, white 12%, transparent);--mat-chip-elevated-disabled-container-color: color-mix(in srgb, white 12%, transparent);--mat-chip-elevated-selected-container-color: color-mix(in srgb, white 12%, transparent);--mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, white 12%, transparent);--mat-chip-focus-state-layer-color: white;--mat-chip-focus-state-layer-opacity: .12;--mat-chip-hover-state-layer-color: white;--mat-chip-label-text-color: white;--mat-chip-selected-disabled-trailing-icon-color: white;--mat-chip-selected-focus-state-layer-color: .12;--mat-chip-selected-focus-state-layer-opacity: .12;--mat-chip-selected-hover-state-layer-color: .04;--mat-chip-selected-label-text-color: white;--mat-chip-selected-trailing-icon-color: white;--mat-chip-with-icon-disabled-icon-color: white;--mat-chip-with-icon-icon-color: white;--mat-chip-with-icon-selected-icon-color: white;--mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;--mat-chip-with-trailing-icon-trailing-icon-color: white}.packing-dark-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,.packing-dark-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary{--mat-chip-disabled-label-text-color: white;--mat-chip-elevated-container-color: #f44336;--mat-chip-elevated-disabled-container-color: #f44336;--mat-chip-elevated-selected-container-color: #f44336;--mat-chip-flat-disabled-selected-container-color: #f44336;--mat-chip-focus-state-layer-color: white;--mat-chip-focus-state-layer-opacity: .12;--mat-chip-hover-state-layer-color: white;--mat-chip-label-text-color: white;--mat-chip-selected-disabled-trailing-icon-color: white;--mat-chip-selected-focus-state-layer-color: .12;--mat-chip-selected-focus-state-layer-opacity: .12;--mat-chip-selected-hover-state-layer-color: .04;--mat-chip-selected-label-text-color: white;--mat-chip-selected-trailing-icon-color: white;--mat-chip-with-icon-disabled-icon-color: white;--mat-chip-with-icon-icon-color: white;--mat-chip-with-icon-selected-icon-color: white;--mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;--mat-chip-with-trailing-icon-trailing-icon-color: white}.packing-dark-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,.packing-dark-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent{--mat-chip-disabled-label-text-color: rgba(0, 0, 0, .87);--mat-chip-elevated-container-color: #bdbdbd;--mat-chip-elevated-disabled-container-color: #bdbdbd;--mat-chip-elevated-selected-container-color: #bdbdbd;--mat-chip-flat-disabled-selected-container-color: #bdbdbd;--mat-chip-focus-state-layer-color: white;--mat-chip-focus-state-layer-opacity: .12;--mat-chip-hover-state-layer-color: white;--mat-chip-label-text-color: rgba(0, 0, 0, .87);--mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, .87);--mat-chip-selected-focus-state-layer-color: .12;--mat-chip-selected-focus-state-layer-opacity: .12;--mat-chip-selected-hover-state-layer-color: .04;--mat-chip-selected-label-text-color: rgba(0, 0, 0, .87);--mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, .87);--mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, .87);--mat-chip-with-icon-icon-color: rgba(0, 0, 0, .87);--mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, .87);--mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, .87);--mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, .87)}.packing-dark-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,.packing-dark-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn{--mat-chip-disabled-label-text-color: white;--mat-chip-elevated-container-color: #f44336;--mat-chip-elevated-disabled-container-color: #f44336;--mat-chip-elevated-selected-container-color: #f44336;--mat-chip-flat-disabled-selected-container-color: #f44336;--mat-chip-focus-state-layer-color: white;--mat-chip-focus-state-layer-opacity: .12;--mat-chip-hover-state-layer-color: white;--mat-chip-label-text-color: white;--mat-chip-selected-disabled-trailing-icon-color: white;--mat-chip-selected-focus-state-layer-color: .12;--mat-chip-selected-focus-state-layer-opacity: .12;--mat-chip-selected-hover-state-layer-color: .04;--mat-chip-selected-label-text-color: white;--mat-chip-selected-trailing-icon-color: white;--mat-chip-with-icon-disabled-icon-color: white;--mat-chip-with-icon-icon-color: white;--mat-chip-with-icon-selected-icon-color: white;--mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;--mat-chip-with-trailing-icon-trailing-icon-color: white}.packing-dark-theme{--mat-slide-toggle-selected-icon-color: white;--mat-slide-toggle-disabled-selected-icon-color: white;--mat-slide-toggle-selected-focus-state-layer-color: #f44336;--mat-slide-toggle-selected-handle-color: #f44336;--mat-slide-toggle-selected-hover-state-layer-color: #f44336;--mat-slide-toggle-selected-pressed-state-layer-color: #f44336;--mat-slide-toggle-selected-focus-handle-color: #f44336;--mat-slide-toggle-selected-hover-handle-color: #f44336;--mat-slide-toggle-selected-pressed-handle-color: #f44336;--mat-slide-toggle-selected-focus-track-color: #e53935;--mat-slide-toggle-selected-hover-track-color: #e53935;--mat-slide-toggle-selected-pressed-track-color: #e53935;--mat-slide-toggle-selected-track-color: #e53935;--mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, white 38%, transparent);--mat-slide-toggle-disabled-handle-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-slide-toggle-disabled-selected-handle-color: white;--mat-slide-toggle-disabled-selected-track-color: white;--mat-slide-toggle-disabled-unselected-handle-color: white;--mat-slide-toggle-disabled-unselected-icon-color: #4a4a4a;--mat-slide-toggle-disabled-unselected-track-color: white;--mat-slide-toggle-handle-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-slide-toggle-handle-surface-color: #424242;--mat-slide-toggle-label-text-color: white;--mat-slide-toggle-unselected-hover-handle-color: white;--mat-slide-toggle-unselected-focus-handle-color: white;--mat-slide-toggle-unselected-focus-state-layer-color: white;--mat-slide-toggle-unselected-focus-track-color: rgba(255, 255, 255, .12);--mat-slide-toggle-unselected-icon-color: #4a4a4a;--mat-slide-toggle-unselected-handle-color: rgba(255, 255, 255, .7);--mat-slide-toggle-unselected-hover-state-layer-color: white;--mat-slide-toggle-unselected-hover-track-color: rgba(255, 255, 255, .12);--mat-slide-toggle-unselected-pressed-handle-color: white;--mat-slide-toggle-unselected-pressed-track-color: rgba(255, 255, 255, .12);--mat-slide-toggle-unselected-pressed-state-layer-color: white;--mat-slide-toggle-unselected-track-color: rgba(255, 255, 255, .12)}.packing-dark-theme .mat-mdc-slide-toggle.mat-accent{--mat-slide-toggle-selected-icon-color: rgba(0, 0, 0, .87);--mat-slide-toggle-disabled-selected-icon-color: rgba(0, 0, 0, .87);--mat-slide-toggle-selected-focus-state-layer-color: #bdbdbd;--mat-slide-toggle-selected-handle-color: #bdbdbd;--mat-slide-toggle-selected-hover-state-layer-color: #bdbdbd;--mat-slide-toggle-selected-pressed-state-layer-color: #bdbdbd;--mat-slide-toggle-selected-focus-handle-color: #bdbdbd;--mat-slide-toggle-selected-hover-handle-color: #bdbdbd;--mat-slide-toggle-selected-pressed-handle-color: #bdbdbd;--mat-slide-toggle-selected-focus-track-color: #757575;--mat-slide-toggle-selected-hover-track-color: #757575;--mat-slide-toggle-selected-pressed-track-color: #757575;--mat-slide-toggle-selected-track-color: #757575}.packing-dark-theme .mat-mdc-slide-toggle.mat-warn{--mat-slide-toggle-selected-icon-color: white;--mat-slide-toggle-disabled-selected-icon-color: white;--mat-slide-toggle-selected-focus-state-layer-color: #f44336;--mat-slide-toggle-selected-handle-color: #f44336;--mat-slide-toggle-selected-hover-state-layer-color: #f44336;--mat-slide-toggle-selected-pressed-state-layer-color: #f44336;--mat-slide-toggle-selected-focus-handle-color: #f44336;--mat-slide-toggle-selected-hover-handle-color: #f44336;--mat-slide-toggle-selected-pressed-handle-color: #f44336;--mat-slide-toggle-selected-focus-track-color: #e53935;--mat-slide-toggle-selected-hover-track-color: #e53935;--mat-slide-toggle-selected-pressed-track-color: #e53935;--mat-slide-toggle-selected-track-color: #e53935}.packing-dark-theme .mat-mdc-radio-button.mat-primary{--mat-radio-checked-ripple-color: #f44336;--mat-radio-disabled-label-color: color-mix(in srgb, white 38%, transparent);--mat-radio-disabled-selected-icon-color: white;--mat-radio-disabled-unselected-icon-color: white;--mat-radio-label-text-color: white;--mat-radio-ripple-color: white;--mat-radio-selected-focus-icon-color: #f44336;--mat-radio-selected-hover-icon-color: #f44336;--mat-radio-selected-icon-color: #f44336;--mat-radio-selected-pressed-icon-color: #f44336;--mat-radio-unselected-focus-icon-color: white;--mat-radio-unselected-hover-icon-color: white;--mat-radio-unselected-icon-color: rgba(255, 255, 255, .7);--mat-radio-unselected-pressed-icon-color: white}.packing-dark-theme .mat-mdc-radio-button.mat-accent{--mat-radio-checked-ripple-color: #bdbdbd;--mat-radio-disabled-label-color: color-mix(in srgb, white 38%, transparent);--mat-radio-disabled-selected-icon-color: white;--mat-radio-disabled-unselected-icon-color: white;--mat-radio-label-text-color: white;--mat-radio-ripple-color: white;--mat-radio-selected-focus-icon-color: #bdbdbd;--mat-radio-selected-hover-icon-color: #bdbdbd;--mat-radio-selected-icon-color: #bdbdbd;--mat-radio-selected-pressed-icon-color: #bdbdbd;--mat-radio-unselected-focus-icon-color: white;--mat-radio-unselected-hover-icon-color: white;--mat-radio-unselected-icon-color: rgba(255, 255, 255, .7);--mat-radio-unselected-pressed-icon-color: white}.packing-dark-theme .mat-mdc-radio-button.mat-warn{--mat-radio-checked-ripple-color: #f44336;--mat-radio-disabled-label-color: color-mix(in srgb, white 38%, transparent);--mat-radio-disabled-selected-icon-color: white;--mat-radio-disabled-unselected-icon-color: white;--mat-radio-label-text-color: white;--mat-radio-ripple-color: white;--mat-radio-selected-focus-icon-color: #f44336;--mat-radio-selected-hover-icon-color: #f44336;--mat-radio-selected-icon-color: #f44336;--mat-radio-selected-pressed-icon-color: #f44336;--mat-radio-unselected-focus-icon-color: white;--mat-radio-unselected-hover-icon-color: white;--mat-radio-unselected-icon-color: rgba(255, 255, 255, .7);--mat-radio-unselected-pressed-icon-color: white}.packing-dark-theme{--mat-slider-active-track-color: #f44336;--mat-slider-focus-handle-color: #f44336;--mat-slider-handle-color: #f44336;--mat-slider-hover-handle-color: #f44336;--mat-slider-focus-state-layer-color: color-mix(in srgb, #f44336 12%, transparent);--mat-slider-hover-state-layer-color: color-mix(in srgb, #f44336 4%, transparent);--mat-slider-inactive-track-color: #f44336;--mat-slider-ripple-color: #f44336;--mat-slider-with-tick-marks-active-container-color: white;--mat-slider-with-tick-marks-inactive-container-color: #f44336;--mat-slider-disabled-active-track-color: white;--mat-slider-disabled-handle-color: white;--mat-slider-disabled-inactive-track-color: white;--mat-slider-label-container-color: white;--mat-slider-label-label-text-color: rgba(0, 0, 0, .87);--mat-slider-value-indicator-opacity: 1;--mat-slider-with-overlap-handle-outline-color: white;--mat-slider-with-tick-marks-disabled-container-color: white}.packing-dark-theme .mat-accent{--mat-slider-active-track-color: #bdbdbd;--mat-slider-focus-handle-color: #bdbdbd;--mat-slider-handle-color: #bdbdbd;--mat-slider-hover-handle-color: #bdbdbd;--mat-slider-focus-state-layer-color: color-mix(in srgb, #bdbdbd 12%, transparent);--mat-slider-hover-state-layer-color: color-mix(in srgb, #bdbdbd 4%, transparent);--mat-slider-inactive-track-color: #bdbdbd;--mat-slider-ripple-color: #bdbdbd;--mat-slider-with-tick-marks-active-container-color: rgba(0, 0, 0, .87);--mat-slider-with-tick-marks-inactive-container-color: #bdbdbd}.packing-dark-theme .mat-warn{--mat-slider-active-track-color: #f44336;--mat-slider-focus-handle-color: #f44336;--mat-slider-handle-color: #f44336;--mat-slider-hover-handle-color: #f44336;--mat-slider-focus-state-layer-color: color-mix(in srgb, #f44336 12%, transparent);--mat-slider-hover-state-layer-color: color-mix(in srgb, #f44336 4%, transparent);--mat-slider-inactive-track-color: #f44336;--mat-slider-ripple-color: #f44336;--mat-slider-with-tick-marks-active-container-color: white;--mat-slider-with-tick-marks-inactive-container-color: #f44336}.packing-dark-theme{--mat-menu-item-label-text-color: white;--mat-menu-item-icon-color: white;--mat-menu-item-hover-state-layer-color: color-mix(in srgb, white 4%, transparent);--mat-menu-item-focus-state-layer-color: color-mix(in srgb, white 12%, transparent);--mat-menu-container-color: #424242;--mat-menu-divider-color: rgba(255, 255, 255, .12);--mat-list-list-item-label-text-color: white;--mat-list-list-item-supporting-text-color: rgba(255, 255, 255, .7);--mat-list-list-item-leading-icon-color: rgba(255, 255, 255, .7);--mat-list-list-item-trailing-supporting-text-color: rgba(255, 255, 255, .7);--mat-list-list-item-trailing-icon-color: rgba(255, 255, 255, .7);--mat-list-list-item-selected-trailing-icon-color: rgba(255, 255, 255, .7);--mat-list-list-item-disabled-label-text-color: white;--mat-list-list-item-disabled-leading-icon-color: white;--mat-list-list-item-disabled-trailing-icon-color: white;--mat-list-list-item-hover-label-text-color: white;--mat-list-list-item-hover-leading-icon-color: rgba(255, 255, 255, .7);--mat-list-list-item-hover-state-layer-color: white;--mat-list-list-item-hover-state-layer-opacity: .04;--mat-list-list-item-hover-trailing-icon-color: rgba(255, 255, 255, .7);--mat-list-list-item-focus-label-text-color: white;--mat-list-list-item-focus-state-layer-color: white;--mat-list-list-item-focus-state-layer-opacity: .12}.packing-dark-theme .mdc-list-item__start,.packing-dark-theme .mdc-list-item__end{--mat-radio-checked-ripple-color: #f44336;--mat-radio-disabled-label-color: color-mix(in srgb, white 38%, transparent);--mat-radio-disabled-selected-icon-color: white;--mat-radio-disabled-unselected-icon-color: white;--mat-radio-label-text-color: white;--mat-radio-ripple-color: white;--mat-radio-selected-focus-icon-color: #f44336;--mat-radio-selected-hover-icon-color: #f44336;--mat-radio-selected-icon-color: #f44336;--mat-radio-selected-pressed-icon-color: #f44336;--mat-radio-unselected-focus-icon-color: white;--mat-radio-unselected-hover-icon-color: white;--mat-radio-unselected-icon-color: rgba(255, 255, 255, .7);--mat-radio-unselected-pressed-icon-color: white}.packing-dark-theme .mat-accent .mdc-list-item__start,.packing-dark-theme .mat-accent .mdc-list-item__end{--mat-radio-checked-ripple-color: #bdbdbd;--mat-radio-disabled-label-color: color-mix(in srgb, white 38%, transparent);--mat-radio-disabled-selected-icon-color: white;--mat-radio-disabled-unselected-icon-color: white;--mat-radio-label-text-color: white;--mat-radio-ripple-color: white;--mat-radio-selected-focus-icon-color: #bdbdbd;--mat-radio-selected-hover-icon-color: #bdbdbd;--mat-radio-selected-icon-color: #bdbdbd;--mat-radio-selected-pressed-icon-color: #bdbdbd;--mat-radio-unselected-focus-icon-color: white;--mat-radio-unselected-hover-icon-color: white;--mat-radio-unselected-icon-color: rgba(255, 255, 255, .7);--mat-radio-unselected-pressed-icon-color: white}.packing-dark-theme .mat-warn .mdc-list-item__start,.packing-dark-theme .mat-warn .mdc-list-item__end{--mat-radio-checked-ripple-color: #f44336;--mat-radio-disabled-label-color: color-mix(in srgb, white 38%, transparent);--mat-radio-disabled-selected-icon-color: white;--mat-radio-disabled-unselected-icon-color: white;--mat-radio-label-text-color: white;--mat-radio-ripple-color: white;--mat-radio-selected-focus-icon-color: #f44336;--mat-radio-selected-hover-icon-color: #f44336;--mat-radio-selected-icon-color: #f44336;--mat-radio-selected-pressed-icon-color: #f44336;--mat-radio-unselected-focus-icon-color: white;--mat-radio-unselected-hover-icon-color: white;--mat-radio-unselected-icon-color: rgba(255, 255, 255, .7);--mat-radio-unselected-pressed-icon-color: white}.packing-dark-theme .mat-mdc-list-option{--mat-checkbox-disabled-label-color: color-mix(in srgb, white 38%, transparent);--mat-checkbox-label-text-color: white;--mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent);--mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent);--mat-checkbox-selected-checkmark-color: white;--mat-checkbox-selected-focus-icon-color: #f44336;--mat-checkbox-selected-hover-icon-color: #f44336;--mat-checkbox-selected-icon-color: #f44336;--mat-checkbox-selected-pressed-icon-color: #f44336;--mat-checkbox-unselected-focus-icon-color: white;--mat-checkbox-unselected-hover-icon-color: white;--mat-checkbox-unselected-icon-color: rgba(255, 255, 255, .7);--mat-checkbox-selected-focus-state-layer-color: #f44336;--mat-checkbox-selected-hover-state-layer-color: #f44336;--mat-checkbox-selected-pressed-state-layer-color: #f44336;--mat-checkbox-unselected-focus-state-layer-color: white;--mat-checkbox-unselected-hover-state-layer-color: white;--mat-checkbox-unselected-pressed-state-layer-color: white}.packing-dark-theme .mat-mdc-list-option.mat-accent{--mat-checkbox-disabled-label-color: color-mix(in srgb, white 38%, transparent);--mat-checkbox-label-text-color: white;--mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent);--mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent);--mat-checkbox-selected-checkmark-color: rgba(0, 0, 0, .87);--mat-checkbox-selected-focus-icon-color: #bdbdbd;--mat-checkbox-selected-hover-icon-color: #bdbdbd;--mat-checkbox-selected-icon-color: #bdbdbd;--mat-checkbox-selected-pressed-icon-color: #bdbdbd;--mat-checkbox-unselected-focus-icon-color: white;--mat-checkbox-unselected-hover-icon-color: white;--mat-checkbox-unselected-icon-color: rgba(255, 255, 255, .7);--mat-checkbox-selected-focus-state-layer-color: #bdbdbd;--mat-checkbox-selected-hover-state-layer-color: #bdbdbd;--mat-checkbox-selected-pressed-state-layer-color: #bdbdbd;--mat-checkbox-unselected-focus-state-layer-color: white;--mat-checkbox-unselected-hover-state-layer-color: white;--mat-checkbox-unselected-pressed-state-layer-color: white}.packing-dark-theme .mat-mdc-list-option.mat-warn{--mat-checkbox-disabled-label-color: color-mix(in srgb, white 38%, transparent);--mat-checkbox-label-text-color: white;--mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent);--mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent);--mat-checkbox-selected-checkmark-color: white;--mat-checkbox-selected-focus-icon-color: #f44336;--mat-checkbox-selected-hover-icon-color: #f44336;--mat-checkbox-selected-icon-color: #f44336;--mat-checkbox-selected-pressed-icon-color: #f44336;--mat-checkbox-unselected-focus-icon-color: white;--mat-checkbox-unselected-hover-icon-color: white;--mat-checkbox-unselected-icon-color: rgba(255, 255, 255, .7);--mat-checkbox-selected-focus-state-layer-color: #f44336;--mat-checkbox-selected-hover-state-layer-color: #f44336;--mat-checkbox-selected-pressed-state-layer-color: #f44336;--mat-checkbox-unselected-focus-state-layer-color: white;--mat-checkbox-unselected-hover-state-layer-color: white;--mat-checkbox-unselected-pressed-state-layer-color: white}.packing-dark-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,.packing-dark-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,.packing-dark-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,.packing-dark-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start{color:#f44336}.packing-dark-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,.packing-dark-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,.packing-dark-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end{opacity:1}.packing-dark-theme{--mat-paginator-container-text-color: white;--mat-paginator-container-background-color: #424242;--mat-paginator-enabled-icon-color: rgba(255, 255, 255, .7);--mat-paginator-disabled-icon-color: color-mix(in srgb, white 38%, transparent)}.packing-dark-theme .mat-mdc-tab-group,.packing-dark-theme .mat-mdc-tab-nav-bar{--mat-tab-disabled-ripple-color: rgba(255, 255, 255, .7);--mat-tab-pagination-icon-color: white;--mat-tab-inactive-label-text-color: rgba(255, 255, 255, .7);--mat-tab-active-label-text-color: #f44336;--mat-tab-active-ripple-color: #f44336;--mat-tab-inactive-ripple-color: #f44336;--mat-tab-inactive-focus-label-text-color: rgba(255, 255, 255, .7);--mat-tab-inactive-hover-label-text-color: rgba(255, 255, 255, .7);--mat-tab-active-focus-label-text-color: #f44336;--mat-tab-active-hover-label-text-color: #f44336;--mat-tab-active-focus-indicator-color: #f44336;--mat-tab-active-hover-indicator-color: #f44336;--mat-tab-active-indicator-color: #f44336}.packing-dark-theme .mat-mdc-tab-group.mat-accent,.packing-dark-theme .mat-mdc-tab-nav-bar.mat-accent{--mat-tab-disabled-ripple-color: rgba(255, 255, 255, .7);--mat-tab-pagination-icon-color: white;--mat-tab-inactive-label-text-color: rgba(255, 255, 255, .7);--mat-tab-active-label-text-color: #bdbdbd;--mat-tab-active-ripple-color: #bdbdbd;--mat-tab-inactive-ripple-color: #bdbdbd;--mat-tab-inactive-focus-label-text-color: rgba(255, 255, 255, .7);--mat-tab-inactive-hover-label-text-color: rgba(255, 255, 255, .7);--mat-tab-active-focus-label-text-color: #bdbdbd;--mat-tab-active-hover-label-text-color: #bdbdbd;--mat-tab-active-focus-indicator-color: #bdbdbd;--mat-tab-active-hover-indicator-color: #bdbdbd;--mat-tab-active-indicator-color: #bdbdbd}.packing-dark-theme .mat-mdc-tab-group.mat-warn,.packing-dark-theme .mat-mdc-tab-nav-bar.mat-warn{--mat-tab-disabled-ripple-color: rgba(255, 255, 255, .7);--mat-tab-pagination-icon-color: white;--mat-tab-inactive-label-text-color: rgba(255, 255, 255, .7);--mat-tab-active-label-text-color: #f44336;--mat-tab-active-ripple-color: #f44336;--mat-tab-inactive-ripple-color: #f44336;--mat-tab-inactive-focus-label-text-color: rgba(255, 255, 255, .7);--mat-tab-inactive-hover-label-text-color: rgba(255, 255, 255, .7);--mat-tab-active-focus-label-text-color: #f44336;--mat-tab-active-hover-label-text-color: #f44336;--mat-tab-active-focus-indicator-color: #f44336;--mat-tab-active-hover-indicator-color: #f44336;--mat-tab-active-indicator-color: #f44336}.packing-dark-theme .mat-mdc-tab-group.mat-background-primary,.packing-dark-theme .mat-mdc-tab-nav-bar.mat-background-primary{--mat-tab-background-color: #f44336;--mat-tab-foreground-color: white}.packing-dark-theme .mat-mdc-tab-group.mat-background-accent,.packing-dark-theme .mat-mdc-tab-nav-bar.mat-background-accent{--mat-tab-background-color: #bdbdbd;--mat-tab-foreground-color: rgba(0, 0, 0, .87)}.packing-dark-theme .mat-mdc-tab-group.mat-background-warn,.packing-dark-theme .mat-mdc-tab-nav-bar.mat-background-warn{--mat-tab-background-color: #f44336;--mat-tab-foreground-color: white}.packing-dark-theme{--mat-checkbox-disabled-label-color: color-mix(in srgb, white 38%, transparent);--mat-checkbox-label-text-color: white;--mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent);--mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent);--mat-checkbox-selected-checkmark-color: rgba(0, 0, 0, .87);--mat-checkbox-selected-focus-icon-color: #bdbdbd;--mat-checkbox-selected-hover-icon-color: #bdbdbd;--mat-checkbox-selected-icon-color: #bdbdbd;--mat-checkbox-selected-pressed-icon-color: #bdbdbd;--mat-checkbox-unselected-focus-icon-color: white;--mat-checkbox-unselected-hover-icon-color: white;--mat-checkbox-unselected-icon-color: rgba(255, 255, 255, .7);--mat-checkbox-selected-focus-state-layer-color: #bdbdbd;--mat-checkbox-selected-hover-state-layer-color: #bdbdbd;--mat-checkbox-selected-pressed-state-layer-color: #bdbdbd;--mat-checkbox-unselected-focus-state-layer-color: white;--mat-checkbox-unselected-hover-state-layer-color: white;--mat-checkbox-unselected-pressed-state-layer-color: white}.packing-dark-theme .mat-mdc-checkbox.mat-primary,.packing-dark-theme .mat-mdc-checkbox.mat-warn{--mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent);--mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent);--mat-checkbox-selected-checkmark-color: white;--mat-checkbox-selected-focus-icon-color: #f44336;--mat-checkbox-selected-hover-icon-color: #f44336;--mat-checkbox-selected-icon-color: #f44336;--mat-checkbox-selected-pressed-icon-color: #f44336;--mat-checkbox-unselected-focus-icon-color: white;--mat-checkbox-unselected-hover-icon-color: white;--mat-checkbox-unselected-icon-color: rgba(255, 255, 255, .7);--mat-checkbox-selected-focus-state-layer-color: #f44336;--mat-checkbox-selected-hover-state-layer-color: #f44336;--mat-checkbox-selected-pressed-state-layer-color: #f44336;--mat-checkbox-unselected-focus-state-layer-color: white;--mat-checkbox-unselected-hover-state-layer-color: white;--mat-checkbox-unselected-pressed-state-layer-color: white}.packing-dark-theme{--mat-button-filled-container-color: #424242;--mat-button-filled-disabled-container-color: color-mix(in srgb, white 12%, transparent);--mat-button-filled-disabled-label-text-color: color-mix(in srgb, white 38%, transparent);--mat-button-filled-disabled-state-layer-color: rgba(255, 255, 255, .7);--mat-button-filled-focus-state-layer-opacity: .12;--mat-button-filled-hover-state-layer-opacity: .04;--mat-button-filled-label-text-color: white;--mat-button-filled-pressed-state-layer-opacity: .12;--mat-button-filled-ripple-color: color-mix(in srgb, white 12%, transparent);--mat-button-filled-state-layer-color: white;--mat-button-outlined-disabled-label-text-color: color-mix(in srgb, white 38%, transparent);--mat-button-outlined-disabled-outline-color: rgba(255, 255, 255, .12);--mat-button-outlined-disabled-state-layer-color: rgba(255, 255, 255, .7);--mat-button-outlined-focus-state-layer-opacity: .12;--mat-button-outlined-hover-state-layer-opacity: .04;--mat-button-outlined-label-text-color: white;--mat-button-outlined-outline-color: rgba(255, 255, 255, .12);--mat-button-outlined-pressed-state-layer-opacity: .12;--mat-button-outlined-ripple-color: color-mix(in srgb, white 12%, transparent);--mat-button-outlined-state-layer-color: white;--mat-button-protected-container-color: #424242;--mat-button-protected-disabled-container-color: color-mix(in srgb, white 12%, transparent);--mat-button-protected-disabled-label-text-color: color-mix(in srgb, white 38%, transparent);--mat-button-protected-disabled-state-layer-color: rgba(255, 255, 255, .7);--mat-button-protected-focus-state-layer-opacity: .12;--mat-button-protected-hover-state-layer-opacity: .04;--mat-button-protected-label-text-color: white;--mat-button-protected-pressed-state-layer-opacity: .12;--mat-button-protected-ripple-color: color-mix(in srgb, white 12%, transparent);--mat-button-protected-state-layer-color: white;--mat-button-text-disabled-label-text-color: color-mix(in srgb, white 38%, transparent);--mat-button-text-disabled-state-layer-color: rgba(255, 255, 255, .7);--mat-button-text-focus-state-layer-opacity: .12;--mat-button-text-hover-state-layer-opacity: .04;--mat-button-text-label-text-color: white;--mat-button-text-pressed-state-layer-opacity: .12;--mat-button-text-ripple-color: color-mix(in srgb, white 12%, transparent);--mat-button-text-state-layer-color: white;--mat-button-tonal-container-color: #424242;--mat-button-tonal-disabled-container-color: color-mix(in srgb, white 12%, transparent);--mat-button-tonal-disabled-label-text-color: color-mix(in srgb, white 38%, transparent);--mat-button-tonal-disabled-state-layer-color: rgba(255, 255, 255, .7);--mat-button-tonal-focus-state-layer-opacity: .12;--mat-button-tonal-hover-state-layer-opacity: .04;--mat-button-tonal-label-text-color: white;--mat-button-tonal-pressed-state-layer-opacity: .12;--mat-button-tonal-ripple-color: color-mix(in srgb, white 12%, transparent);--mat-button-tonal-state-layer-color: white}.packing-dark-theme .mat-mdc-button.mat-primary,.packing-dark-theme .mat-mdc-unelevated-button.mat-primary,.packing-dark-theme .mat-mdc-raised-button.mat-primary,.packing-dark-theme .mat-mdc-outlined-button.mat-primary,.packing-dark-theme .mat-tonal-button.mat-primary{--mat-button-filled-container-color: #f44336;--mat-button-filled-label-text-color: white;--mat-button-filled-ripple-color: color-mix(in srgb, white 12%, transparent);--mat-button-filled-state-layer-color: white;--mat-button-outlined-label-text-color: #f44336;--mat-button-outlined-outline-color: rgba(255, 255, 255, .12);--mat-button-outlined-ripple-color: color-mix(in srgb, #f44336 12%, transparent);--mat-button-outlined-state-layer-color: #f44336;--mat-button-protected-container-color: #f44336;--mat-button-protected-label-text-color: white;--mat-button-protected-ripple-color: color-mix(in srgb, white 12%, transparent);--mat-button-protected-state-layer-color: white;--mat-button-text-label-text-color: #f44336;--mat-button-text-ripple-color: color-mix(in srgb, #f44336 12%, transparent);--mat-button-text-state-layer-color: #f44336;--mat-button-tonal-container-color: #f44336;--mat-button-tonal-label-text-color: white;--mat-button-tonal-ripple-color: color-mix(in srgb, white 12%, transparent);--mat-button-tonal-state-layer-color: white}.packing-dark-theme .mat-mdc-button.mat-accent,.packing-dark-theme .mat-mdc-unelevated-button.mat-accent,.packing-dark-theme .mat-mdc-raised-button.mat-accent,.packing-dark-theme .mat-mdc-outlined-button.mat-accent,.packing-dark-theme .mat-tonal-button.mat-accent{--mat-button-filled-container-color: #bdbdbd;--mat-button-filled-label-text-color: rgba(0, 0, 0, .87);--mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent);--mat-button-filled-state-layer-color: rgba(0, 0, 0, .87);--mat-button-outlined-label-text-color: #bdbdbd;--mat-button-outlined-outline-color: rgba(255, 255, 255, .12);--mat-button-outlined-ripple-color: color-mix(in srgb, #bdbdbd 12%, transparent);--mat-button-outlined-state-layer-color: #bdbdbd;--mat-button-protected-container-color: #bdbdbd;--mat-button-protected-label-text-color: rgba(0, 0, 0, .87);--mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent);--mat-button-protected-state-layer-color: rgba(0, 0, 0, .87);--mat-button-text-label-text-color: #bdbdbd;--mat-button-text-ripple-color: color-mix(in srgb, #bdbdbd 12%, transparent);--mat-button-text-state-layer-color: #bdbdbd;--mat-button-tonal-container-color: #bdbdbd;--mat-button-tonal-label-text-color: rgba(0, 0, 0, .87);--mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent);--mat-button-tonal-state-layer-color: rgba(0, 0, 0, .87)}.packing-dark-theme .mat-mdc-button.mat-warn,.packing-dark-theme .mat-mdc-unelevated-button.mat-warn,.packing-dark-theme .mat-mdc-raised-button.mat-warn,.packing-dark-theme .mat-mdc-outlined-button.mat-warn,.packing-dark-theme .mat-tonal-button.mat-warn{--mat-button-filled-container-color: #f44336;--mat-button-filled-label-text-color: white;--mat-button-filled-ripple-color: color-mix(in srgb, white 12%, transparent);--mat-button-filled-state-layer-color: white;--mat-button-outlined-label-text-color: #f44336;--mat-button-outlined-outline-color: rgba(255, 255, 255, .12);--mat-button-outlined-ripple-color: color-mix(in srgb, #f44336 12%, transparent);--mat-button-outlined-state-layer-color: #f44336;--mat-button-protected-container-color: #f44336;--mat-button-protected-label-text-color: white;--mat-button-protected-ripple-color: color-mix(in srgb, white 12%, transparent);--mat-button-protected-state-layer-color: white;--mat-button-text-label-text-color: #f44336;--mat-button-text-ripple-color: color-mix(in srgb, #f44336 12%, transparent);--mat-button-text-state-layer-color: #f44336;--mat-button-tonal-container-color: #f44336;--mat-button-tonal-label-text-color: white;--mat-button-tonal-ripple-color: color-mix(in srgb, white 12%, transparent);--mat-button-tonal-state-layer-color: white}.packing-dark-theme{--mat-icon-button-disabled-icon-color: color-mix(in srgb, white 38%, transparent);--mat-icon-button-disabled-state-layer-color: rgba(255, 255, 255, .7);--mat-icon-button-focus-state-layer-opacity: .12;--mat-icon-button-hover-state-layer-opacity: .04;--mat-icon-button-icon-color: inherit;--mat-icon-button-pressed-state-layer-opacity: .12;--mat-icon-button-ripple-color: color-mix(in srgb, white 12%, transparent);--mat-icon-button-state-layer-color: white}.packing-dark-theme .mat-mdc-icon-button.mat-primary{--mat-icon-button-icon-color: #f44336;--mat-icon-button-state-layer-color: #f44336;--mat-icon-button-ripple-color: color-mix(in srgb, #f44336 12%, transparent)}.packing-dark-theme .mat-mdc-icon-button.mat-accent{--mat-icon-button-icon-color: #bdbdbd;--mat-icon-button-state-layer-color: #bdbdbd;--mat-icon-button-ripple-color: color-mix(in srgb, #bdbdbd 12%, transparent)}.packing-dark-theme .mat-mdc-icon-button.mat-warn{--mat-icon-button-icon-color: #f44336;--mat-icon-button-state-layer-color: #f44336;--mat-icon-button-ripple-color: color-mix(in srgb, #f44336 12%, transparent)}.packing-dark-theme{--mat-fab-container-color: #424242;--mat-fab-disabled-state-container-color: color-mix(in srgb, white 12%, transparent);--mat-fab-disabled-state-foreground-color: color-mix(in srgb, white 38%, transparent);--mat-fab-disabled-state-layer-color: rgba(255, 255, 255, .7);--mat-fab-focus-state-layer-opacity: .12;--mat-fab-foreground-color: white;--mat-fab-hover-state-layer-opacity: .04;--mat-fab-pressed-state-layer-opacity: .12;--mat-fab-ripple-color: color-mix(in srgb, white 12%, transparent);--mat-fab-small-container-color: #424242;--mat-fab-small-disabled-state-container-color: color-mix(in srgb, white 12%, transparent);--mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, white 38%, transparent);--mat-fab-small-disabled-state-layer-color: rgba(255, 255, 255, .7);--mat-fab-small-focus-state-layer-opacity: .12;--mat-fab-small-foreground-color: white;--mat-fab-small-hover-state-layer-opacity: .04;--mat-fab-small-pressed-state-layer-opacity: .12;--mat-fab-small-ripple-color: color-mix(in srgb, white 12%, transparent);--mat-fab-small-state-layer-color: white;--mat-fab-state-layer-color: white}.packing-dark-theme .mat-mdc-fab.mat-primary,.packing-dark-theme .mat-mdc-mini-fab.mat-primary{--mat-fab-container-color: #f44336;--mat-fab-foreground-color: white;--mat-fab-ripple-color: color-mix(in srgb, #f44336 12%, transparent);--mat-fab-small-container-color: #f44336;--mat-fab-small-foreground-color: white;--mat-fab-small-ripple-color: color-mix(in srgb, white 12%, transparent);--mat-fab-small-state-layer-color: white;--mat-fab-state-layer-color: white}.packing-dark-theme .mat-mdc-fab.mat-accent,.packing-dark-theme .mat-mdc-mini-fab.mat-accent{--mat-fab-container-color: #bdbdbd;--mat-fab-foreground-color: rgba(0, 0, 0, .87);--mat-fab-ripple-color: color-mix(in srgb, #bdbdbd 12%, transparent);--mat-fab-small-container-color: #bdbdbd;--mat-fab-small-foreground-color: rgba(0, 0, 0, .87);--mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent);--mat-fab-small-state-layer-color: rgba(0, 0, 0, .87);--mat-fab-state-layer-color: rgba(0, 0, 0, .87)}.packing-dark-theme .mat-mdc-fab.mat-warn,.packing-dark-theme .mat-mdc-mini-fab.mat-warn{--mat-fab-container-color: #f44336;--mat-fab-foreground-color: white;--mat-fab-ripple-color: color-mix(in srgb, #f44336 12%, transparent);--mat-fab-small-container-color: #f44336;--mat-fab-small-foreground-color: white;--mat-fab-small-ripple-color: color-mix(in srgb, white 12%, transparent);--mat-fab-small-state-layer-color: white;--mat-fab-state-layer-color: white}.packing-dark-theme{--mat-snack-bar-container-color: white;--mat-snack-bar-supporting-text-color: rgba(0, 0, 0, .87);--mat-snack-bar-button-color: #e53935;--mat-table-background-color: #424242;--mat-table-header-headline-color: white;--mat-table-row-item-label-text-color: white;--mat-table-row-item-outline-color: rgba(255, 255, 255, .12);--mat-progress-spinner-active-indicator-color: #f44336}.packing-dark-theme .mat-accent{--mat-progress-spinner-active-indicator-color: #bdbdbd}.packing-dark-theme .mat-warn{--mat-progress-spinner-active-indicator-color: #f44336}.packing-dark-theme{--mat-badge-background-color: #f44336;--mat-badge-text-color: white;--mat-badge-disabled-state-background-color: color-mix(in srgb, white 12%, transparent);--mat-badge-disabled-state-text-color: color-mix(in srgb, white 38%, transparent)}.packing-dark-theme .mat-badge-accent{--mat-badge-background-color: #bdbdbd;--mat-badge-text-color: rgba(0, 0, 0, .87)}.packing-dark-theme .mat-badge-warn{--mat-badge-background-color: #f44336;--mat-badge-text-color: white}.packing-dark-theme{--mat-bottom-sheet-container-text-color: white;--mat-bottom-sheet-container-background-color: #424242;--mat-button-toggle-background-color: #424242;--mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, white 12%, transparent);--mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, white 38%, transparent);--mat-button-toggle-disabled-state-background-color: #424242;--mat-button-toggle-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);--mat-button-toggle-divider-color: rgba(255, 255, 255, .12);--mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, white 12%, transparent);--mat-button-toggle-legacy-disabled-state-background-color: #424242;--mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);--mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, white 12%, transparent);--mat-button-toggle-legacy-selected-state-text-color: white;--mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, white 12%, transparent);--mat-button-toggle-legacy-text-color: white;--mat-button-toggle-selected-state-background-color: color-mix(in srgb, white 12%, transparent);--mat-button-toggle-selected-state-text-color: white;--mat-button-toggle-state-layer-color: white;--mat-button-toggle-text-color: white;--mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #f44336 20%, transparent);--mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #bdbdbd 20%, transparent);--mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;--mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);--mat-datepicker-calendar-date-selected-state-text-color: white;--mat-datepicker-calendar-date-selected-state-background-color: #f44336;--mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #f44336 38%, transparent);--mat-datepicker-calendar-date-today-selected-state-outline-color: white;--mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #f44336 12%, transparent);--mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #f44336 4%, transparent);--mat-datepicker-toggle-active-state-icon-color: #f44336;--mat-datepicker-toggle-icon-color: rgba(255, 255, 255, .7);--mat-datepicker-calendar-body-label-text-color: rgba(255, 255, 255, .7);--mat-datepicker-calendar-period-button-text-color: white;--mat-datepicker-calendar-period-button-icon-color: rgba(255, 255, 255, .7);--mat-datepicker-calendar-navigation-button-icon-color: rgba(255, 255, 255, .7);--mat-datepicker-calendar-header-divider-color: rgba(255, 255, 255, .12);--mat-datepicker-calendar-header-text-color: rgba(255, 255, 255, .7);--mat-datepicker-calendar-date-today-outline-color: rgba(255, 255, 255, .7);--mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, white 38%, transparent);--mat-datepicker-calendar-date-text-color: white;--mat-datepicker-calendar-date-outline-color: transparent;--mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);--mat-datepicker-calendar-date-preview-state-outline-color: rgba(255, 255, 255, .7);--mat-datepicker-range-input-separator-color: white;--mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, white 38%, transparent);--mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);--mat-datepicker-calendar-container-background-color: #424242;--mat-datepicker-calendar-container-text-color: white}.packing-dark-theme .mat-datepicker-content.mat-accent,.packing-dark-theme .mat-datepicker-toggle-active.mat-accent{--mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #bdbdbd 20%, transparent);--mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #bdbdbd 20%, transparent);--mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;--mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);--mat-datepicker-calendar-date-selected-state-text-color: rgba(0, 0, 0, .87);--mat-datepicker-calendar-date-selected-state-background-color: #bdbdbd;--mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #bdbdbd 38%, transparent);--mat-datepicker-calendar-date-today-selected-state-outline-color: rgba(0, 0, 0, .87);--mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #bdbdbd 12%, transparent);--mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #bdbdbd 4%, transparent);--mat-datepicker-toggle-active-state-icon-color: #bdbdbd;--mat-datepicker-toggle-icon-color: rgba(255, 255, 255, .7);--mat-datepicker-calendar-body-label-text-color: rgba(255, 255, 255, .7);--mat-datepicker-calendar-period-button-text-color: white;--mat-datepicker-calendar-period-button-icon-color: rgba(255, 255, 255, .7);--mat-datepicker-calendar-navigation-button-icon-color: rgba(255, 255, 255, .7);--mat-datepicker-calendar-header-divider-color: rgba(255, 255, 255, .12);--mat-datepicker-calendar-header-text-color: rgba(255, 255, 255, .7);--mat-datepicker-calendar-date-today-outline-color: rgba(255, 255, 255, .7);--mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, white 38%, transparent);--mat-datepicker-calendar-date-text-color: white;--mat-datepicker-calendar-date-outline-color: transparent;--mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);--mat-datepicker-calendar-date-preview-state-outline-color: rgba(255, 255, 255, .7);--mat-datepicker-range-input-separator-color: white;--mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, white 38%, transparent);--mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);--mat-datepicker-calendar-container-background-color: #424242;--mat-datepicker-calendar-container-text-color: white}.packing-dark-theme .mat-datepicker-content.mat-warn,.packing-dark-theme .mat-datepicker-toggle-active.mat-warn{--mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #f44336 20%, transparent);--mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #bdbdbd 20%, transparent);--mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;--mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);--mat-datepicker-calendar-date-selected-state-text-color: white;--mat-datepicker-calendar-date-selected-state-background-color: #f44336;--mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #f44336 38%, transparent);--mat-datepicker-calendar-date-today-selected-state-outline-color: white;--mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #f44336 12%, transparent);--mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #f44336 4%, transparent);--mat-datepicker-toggle-active-state-icon-color: #f44336;--mat-datepicker-toggle-icon-color: rgba(255, 255, 255, .7);--mat-datepicker-calendar-body-label-text-color: rgba(255, 255, 255, .7);--mat-datepicker-calendar-period-button-text-color: white;--mat-datepicker-calendar-period-button-icon-color: rgba(255, 255, 255, .7);--mat-datepicker-calendar-navigation-button-icon-color: rgba(255, 255, 255, .7);--mat-datepicker-calendar-header-divider-color: rgba(255, 255, 255, .12);--mat-datepicker-calendar-header-text-color: rgba(255, 255, 255, .7);--mat-datepicker-calendar-date-today-outline-color: rgba(255, 255, 255, .7);--mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, white 38%, transparent);--mat-datepicker-calendar-date-text-color: white;--mat-datepicker-calendar-date-outline-color: transparent;--mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);--mat-datepicker-calendar-date-preview-state-outline-color: rgba(255, 255, 255, .7);--mat-datepicker-range-input-separator-color: white;--mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, white 38%, transparent);--mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);--mat-datepicker-calendar-container-background-color: #424242;--mat-datepicker-calendar-container-text-color: white}.packing-dark-theme{--mat-divider-color: rgba(255, 255, 255, .12);--mat-expansion-container-background-color: #424242;--mat-expansion-container-text-color: white;--mat-expansion-actions-divider-color: rgba(255, 255, 255, .12);--mat-expansion-header-hover-state-layer-color: color-mix(in srgb, white 4%, transparent);--mat-expansion-header-focus-state-layer-color: color-mix(in srgb, white 12%, transparent);--mat-expansion-header-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);--mat-expansion-header-text-color: white;--mat-expansion-header-description-color: rgba(255, 255, 255, .7);--mat-expansion-header-indicator-color: rgba(255, 255, 255, .7);--mat-icon-color: inherit}.packing-dark-theme .mat-icon.mat-primary{--mat-icon-color: #f44336}.packing-dark-theme .mat-icon.mat-accent{--mat-icon-color: #bdbdbd}.packing-dark-theme .mat-icon.mat-warn{--mat-icon-color: #f44336}.packing-dark-theme{--mat-sidenav-container-divider-color: rgba(255, 255, 255, .12);--mat-sidenav-container-background-color: #424242;--mat-sidenav-container-text-color: white;--mat-sidenav-content-background-color: #303030;--mat-sidenav-content-text-color: white;--mat-sidenav-scrim-color: rgba(255, 255, 255, .6);--mat-stepper-header-icon-foreground-color: white;--mat-stepper-header-selected-state-icon-background-color: #f44336;--mat-stepper-header-selected-state-icon-foreground-color: white;--mat-stepper-header-done-state-icon-background-color: #f44336;--mat-stepper-header-done-state-icon-foreground-color: white;--mat-stepper-header-edit-state-icon-background-color: #f44336;--mat-stepper-header-edit-state-icon-foreground-color: white;--mat-stepper-container-color: #424242;--mat-stepper-line-color: rgba(255, 255, 255, .12);--mat-stepper-header-hover-state-layer-color: color-mix(in srgb, white 4%, transparent);--mat-stepper-header-focus-state-layer-color: color-mix(in srgb, white 12%, transparent);--mat-stepper-header-label-text-color: rgba(255, 255, 255, .7);--mat-stepper-header-optional-label-text-color: rgba(255, 255, 255, .7);--mat-stepper-header-selected-state-label-text-color: white;--mat-stepper-header-error-state-label-text-color: #f44336;--mat-stepper-header-icon-background-color: rgba(255, 255, 255, .7);--mat-stepper-header-error-state-icon-foreground-color: #f44336;--mat-stepper-header-error-state-icon-background-color: transparent}.packing-dark-theme .mat-step-header.mat-accent{--mat-stepper-header-icon-foreground-color: rgba(0, 0, 0, .87);--mat-stepper-header-selected-state-icon-background-color: #bdbdbd;--mat-stepper-header-selected-state-icon-foreground-color: rgba(0, 0, 0, .87);--mat-stepper-header-done-state-icon-background-color: #bdbdbd;--mat-stepper-header-done-state-icon-foreground-color: rgba(0, 0, 0, .87);--mat-stepper-header-edit-state-icon-background-color: #bdbdbd;--mat-stepper-header-edit-state-icon-foreground-color: rgba(0, 0, 0, .87)}.packing-dark-theme .mat-step-header.mat-warn{--mat-stepper-header-icon-foreground-color: white;--mat-stepper-header-selected-state-icon-background-color: #f44336;--mat-stepper-header-selected-state-icon-foreground-color: white;--mat-stepper-header-done-state-icon-background-color: #f44336;--mat-stepper-header-done-state-icon-foreground-color: white;--mat-stepper-header-edit-state-icon-background-color: #f44336;--mat-stepper-header-edit-state-icon-foreground-color: white}.packing-dark-theme{--mat-sort-arrow-color: white;--mat-toolbar-container-background-color: #424242;--mat-toolbar-container-text-color: white}.packing-dark-theme .mat-toolbar.mat-primary{--mat-toolbar-container-background-color: #f44336;--mat-toolbar-container-text-color: white}.packing-dark-theme .mat-toolbar.mat-accent{--mat-toolbar-container-background-color: #bdbdbd;--mat-toolbar-container-text-color: rgba(0, 0, 0, .87)}.packing-dark-theme .mat-toolbar.mat-warn{--mat-toolbar-container-background-color: #f44336;--mat-toolbar-container-text-color: white}.packing-dark-theme{--mat-tree-container-background-color: #424242;--mat-tree-node-text-color: white;--mat-timepicker-container-background-color: #424242;--mtx-alert-container-shape: 4px;--mtx-alert-outline-color: transparent;--mtx-alert-background-color: #212121;--mtx-alert-text-color: white;--mtx-alert-info-outline-color: transparent;--mtx-alert-info-background-color: #0d47a1;--mtx-alert-info-text-color: white;--mtx-alert-success-outline-color: transparent;--mtx-alert-success-background-color: #1b5e20;--mtx-alert-success-text-color: white;--mtx-alert-warning-outline-color: transparent;--mtx-alert-warning-background-color: #ff6f00;--mtx-alert-warning-text-color: white;--mtx-alert-danger-outline-color: transparent;--mtx-alert-danger-background-color: #b71c1c;--mtx-alert-danger-text-color: white;--mtx-colorpicker-toggle-active-state-icon-color: #f44336;--mtx-colorpicker-toggle-icon-color: rgba(255, 255, 255, .7)}.packing-dark-theme .mtx-colorpicker-toggle-active.mat-accent{--mtx-colorpicker-toggle-active-state-icon-color: #bdbdbd;--mtx-colorpicker-toggle-icon-color: rgba(255, 255, 255, .7)}.packing-dark-theme .mtx-colorpicker-toggle-active.mat-warn{--mtx-colorpicker-toggle-active-state-icon-color: #f44336;--mtx-colorpicker-toggle-icon-color: rgba(255, 255, 255, .7)}.packing-dark-theme{--mtx-datetimepicker-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, .2), 0px 4px 5px 0px rgba(0, 0, 0, .14), 0px 1px 10px 0px rgba(0, 0, 0, .12);--mtx-datetimepicker-container-touch-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, .2), 0px 24px 38px 3px rgba(0, 0, 0, .14), 0px 9px 46px 8px rgba(0, 0, 0, .12);--mtx-datetimepicker-container-shape: 4px;--mtx-datetimepicker-container-touch-shape: 4px;--mtx-datetimepicker-selector-container-shape: 4px;--mtx-datetimepicker-calendar-date-selected-state-text-color: white;--mtx-datetimepicker-calendar-date-selected-state-background-color: #f44336;--mtx-datetimepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #f44336 38%, transparent);--mtx-datetimepicker-calendar-date-today-selected-state-outline-color: white;--mtx-datetimepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #f44336 12%, transparent);--mtx-datetimepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #f44336 12%, transparent);--mtx-datetimepicker-toggle-active-state-icon-color: #f44336;--mtx-datetimepicker-toggle-icon-color: rgba(255, 255, 255, .7);--mtx-datetimepicker-calendar-body-label-text-color: rgba(255, 255, 255, .7);--mtx-datetimepicker-calendar-header-divider-color: transparent;--mtx-datetimepicker-calendar-header-text-color: white;--mtx-datetimepicker-calendar-body-week-number-text-color: rgba(255, 255, 255, .7);--mtx-datetimepicker-calendar-header-background-color: #f44336;--mtx-datetimepicker-calendar-table-header-text-color: rgba(255, 255, 255, .7);--mtx-datetimepicker-calendar-date-today-outline-color: rgba(255, 255, 255, .7);--mtx-datetimepicker-calendar-date-text-color: white;--mtx-datetimepicker-calendar-date-outline-color: transparent;--mtx-datetimepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);--mtx-datetimepicker-container-background-color: #424242;--mtx-datetimepicker-container-text-color: white;--mtx-datetimepicker-clock-dial-background-color: rgba(255, 255, 255, .12);--mtx-datetimepicker-clock-cell-text-color: white;--mtx-datetimepicker-clock-cell-hover-state-background-color: color-mix(in srgb, white 4%, transparent);--mtx-datetimepicker-clock-cell-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);--mtx-datetimepicker-clock-cell-selected-state-background-color: #f44336;--mtx-datetimepicker-clock-hand-background-color: #f44336;--mtx-datetimepicker-time-input-active-state-text-color: #f44336;--mtx-datetimepicker-time-input-active-state-background-color: color-mix(in srgb, #f44336 20%, transparent);--mtx-datetimepicker-time-input-focus-state-outline-color: #f44336;--mtx-datetimepicker-time-input-focus-state-placeholder-text-color: color-mix(in srgb, #f44336 60%, transparent);--mtx-datetimepicker-time-input-text-color: white;--mtx-datetimepicker-time-input-background-color: rgba(255, 255, 255, .12);--mtx-datetimepicker-time-input-focus-state-background-color: #b71c1c;--mtx-datetimepicker-time-input-warn-state-outline-color: #f44336;--mtx-datetimepicker-time-ampm-text-color: color-mix(in srgb, white 75%, transparent);--mtx-datetimepicker-time-ampm-outline-color: color-mix(in srgb, white 38%, transparent);--mtx-datetimepicker-time-ampm-selected-state-text-color: white;--mtx-datetimepicker-time-ampm-selected-state-background-color: color-mix(in srgb, #f44336 20%, transparent)}.packing-dark-theme .mtx-datetimepicker-content.mat-accent,.packing-dark-theme .mtx-datetimepicker-toggle-active.mat-accent{--mtx-datetimepicker-calendar-date-selected-state-text-color: rgba(0, 0, 0, .87);--mtx-datetimepicker-calendar-date-selected-state-background-color: #bdbdbd;--mtx-datetimepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #bdbdbd 38%, transparent);--mtx-datetimepicker-calendar-date-today-selected-state-outline-color: rgba(0, 0, 0, .87);--mtx-datetimepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #bdbdbd 12%, transparent);--mtx-datetimepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #bdbdbd 12%, transparent);--mtx-datetimepicker-toggle-active-state-icon-color: #bdbdbd;--mtx-datetimepicker-toggle-icon-color: rgba(255, 255, 255, .7);--mtx-datetimepicker-calendar-body-label-text-color: rgba(255, 255, 255, .7);--mtx-datetimepicker-calendar-header-divider-color: transparent;--mtx-datetimepicker-calendar-header-text-color: white;--mtx-datetimepicker-calendar-body-week-number-text-color: rgba(255, 255, 255, .7);--mtx-datetimepicker-calendar-header-background-color: #bdbdbd;--mtx-datetimepicker-calendar-table-header-text-color: rgba(255, 255, 255, .7);--mtx-datetimepicker-calendar-date-today-outline-color: rgba(255, 255, 255, .7);--mtx-datetimepicker-calendar-date-text-color: white;--mtx-datetimepicker-calendar-date-outline-color: transparent;--mtx-datetimepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);--mtx-datetimepicker-container-background-color: #424242;--mtx-datetimepicker-container-text-color: white;--mtx-datetimepicker-clock-dial-background-color: rgba(255, 255, 255, .12);--mtx-datetimepicker-clock-cell-text-color: white;--mtx-datetimepicker-clock-cell-hover-state-background-color: color-mix(in srgb, white 4%, transparent);--mtx-datetimepicker-clock-cell-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);--mtx-datetimepicker-clock-cell-selected-state-background-color: #bdbdbd;--mtx-datetimepicker-clock-hand-background-color: #bdbdbd;--mtx-datetimepicker-time-input-active-state-text-color: #bdbdbd;--mtx-datetimepicker-time-input-active-state-background-color: color-mix(in srgb, #bdbdbd 20%, transparent);--mtx-datetimepicker-time-input-focus-state-outline-color: #bdbdbd;--mtx-datetimepicker-time-input-focus-state-placeholder-text-color: color-mix(in srgb, #bdbdbd 60%, transparent);--mtx-datetimepicker-time-input-text-color: white;--mtx-datetimepicker-time-input-background-color: rgba(255, 255, 255, .12);--mtx-datetimepicker-time-input-focus-state-background-color: #212121;--mtx-datetimepicker-time-input-warn-state-outline-color: #f44336;--mtx-datetimepicker-time-ampm-text-color: color-mix(in srgb, white 75%, transparent);--mtx-datetimepicker-time-ampm-outline-color: color-mix(in srgb, white 38%, transparent);--mtx-datetimepicker-time-ampm-selected-state-text-color: white;--mtx-datetimepicker-time-ampm-selected-state-background-color: color-mix(in srgb, #bdbdbd 20%, transparent)}.packing-dark-theme .mtx-datetimepicker-content.mat-warn,.packing-dark-theme .mtx-datetimepicker-toggle-active.mat-warn{--mtx-datetimepicker-calendar-date-selected-state-text-color: white;--mtx-datetimepicker-calendar-date-selected-state-background-color: #f44336;--mtx-datetimepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #f44336 38%, transparent);--mtx-datetimepicker-calendar-date-today-selected-state-outline-color: white;--mtx-datetimepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #f44336 12%, transparent);--mtx-datetimepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #f44336 12%, transparent);--mtx-datetimepicker-toggle-active-state-icon-color: #f44336;--mtx-datetimepicker-toggle-icon-color: rgba(255, 255, 255, .7);--mtx-datetimepicker-calendar-body-label-text-color: rgba(255, 255, 255, .7);--mtx-datetimepicker-calendar-header-divider-color: transparent;--mtx-datetimepicker-calendar-header-text-color: white;--mtx-datetimepicker-calendar-body-week-number-text-color: rgba(255, 255, 255, .7);--mtx-datetimepicker-calendar-header-background-color: #f44336;--mtx-datetimepicker-calendar-table-header-text-color: rgba(255, 255, 255, .7);--mtx-datetimepicker-calendar-date-today-outline-color: rgba(255, 255, 255, .7);--mtx-datetimepicker-calendar-date-text-color: white;--mtx-datetimepicker-calendar-date-outline-color: transparent;--mtx-datetimepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);--mtx-datetimepicker-container-background-color: #424242;--mtx-datetimepicker-container-text-color: white;--mtx-datetimepicker-clock-dial-background-color: rgba(255, 255, 255, .12);--mtx-datetimepicker-clock-cell-text-color: white;--mtx-datetimepicker-clock-cell-hover-state-background-color: color-mix(in srgb, white 4%, transparent);--mtx-datetimepicker-clock-cell-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);--mtx-datetimepicker-clock-cell-selected-state-background-color: #f44336;--mtx-datetimepicker-clock-hand-background-color: #f44336;--mtx-datetimepicker-time-input-active-state-text-color: #f44336;--mtx-datetimepicker-time-input-active-state-background-color: color-mix(in srgb, #f44336 20%, transparent);--mtx-datetimepicker-time-input-focus-state-outline-color: #f44336;--mtx-datetimepicker-time-input-focus-state-placeholder-text-color: color-mix(in srgb, #f44336 60%, transparent);--mtx-datetimepicker-time-input-text-color: white;--mtx-datetimepicker-time-input-background-color: rgba(255, 255, 255, .12);--mtx-datetimepicker-time-input-focus-state-background-color: #b71c1c;--mtx-datetimepicker-time-input-warn-state-outline-color: #f44336;--mtx-datetimepicker-time-ampm-text-color: color-mix(in srgb, white 75%, transparent);--mtx-datetimepicker-time-ampm-outline-color: color-mix(in srgb, white 38%, transparent);--mtx-datetimepicker-time-ampm-selected-state-text-color: white;--mtx-datetimepicker-time-ampm-selected-state-background-color: color-mix(in srgb, #f44336 20%, transparent)}.packing-dark-theme{--mtx-drawer-container-shape: 0;--mtx-drawer-container-elevation-shadow: 0px 8px 10px -5px rgba(0, 0, 0, .2), 0px 16px 24px 2px rgba(0, 0, 0, .14), 0px 6px 30px 5px rgba(0, 0, 0, .12);--mtx-drawer-container-background-color: #424242;--mtx-drawer-container-text-color: white;--mtx-grid-container-shape: 0;--mtx-grid-table-cell-min-width: 80px;--mtx-grid-outline-color: color-mix(in srgb, white 20%, transparent);--mtx-grid-column-menu-text-color: white;--mtx-grid-column-menu-divider-color: rgba(255, 255, 255, .12);--mtx-grid-table-footer-background-color: #424242;--mtx-grid-table-row-striped-background-color: #3a3a3a;--mtx-grid-table-row-hover-background-color: #2a2a2a;--mtx-grid-table-row-selected-background-color: #2a2a2a;--mtx-grid-table-row-selected-hover-background-color: #1a1a1a;--mtx-grid-table-cell-selected-outline-color: #bdbdbd;--mtx-grid-resizable-handle-active-background-color: #f44336;--mtx-grid-resizable-handle-hover-background-color: #f44336;--mtx-grid-resizable-handle-disabled-background-color: rgba(255, 255, 255, .12);--mtx-loader-backdrop-background-color: color-mix(in srgb, #424242 75%, transparent);--mtx-popover-container-shape: 4px;--mtx-popover-base-elevation-level: 8;--mtx-popover-outline-color: rgba(255, 255, 255, .12);--mtx-popover-background-color: #424242;--mtx-popover-text-color: white;--mtx-progress-container-shape: 4px;--mtx-progress-track-color: color-mix(in srgb, white 4%, transparent);--mtx-progress-indicator-color: rgba(255, 255, 255, .12);--mtx-progress-text-color: white;--mtx-progress-info-indicator-color: #0d47a1;--mtx-progress-info-text-color: white;--mtx-progress-success-indicator-color: #1b5e20;--mtx-progress-success-text-color: white;--mtx-progress-warning-indicator-color: #e65100;--mtx-progress-warning-text-color: white;--mtx-progress-danger-indicator-color: #b71c1c;--mtx-progress-danger-text-color: white;--mtx-select-container-shape: 4px;--mtx-select-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mtx-select-container-text-color: white;--mtx-select-placeholder-text-color: color-mix(in srgb, white 38%, transparent);--mtx-select-disabled-text-color: color-mix(in srgb, white 38%, transparent);--mtx-select-multiple-value-background-color: rgba(255, 255, 255, .12);--mtx-select-multiple-value-outline-color: rgba(255, 255, 255, .12);--mtx-select-multiple-value-disabled-outline-color: color-mix(in srgb, rgba(255, 255, 255, .12) 38%, transparent);--mtx-select-multiple-value-icon-hover-background-color: rgba(255, 255, 255, .12);--mtx-select-clear-icon-color: rgba(255, 255, 255, .7);--mtx-select-clear-icon-hover-color: #f44336;--mtx-select-enabled-arrow-color: rgba(255, 255, 255, .7);--mtx-select-disabled-arrow-color: color-mix(in srgb, white 38%, transparent);--mtx-select-invalid-arrow-color: #f44336;--mtx-select-panel-background-color: #424242;--mtx-select-panel-divider-color: rgba(255, 255, 255, .12);--mtx-select-optgroup-label-text-color: rgba(255, 255, 255, .7);--mtx-select-option-label-text-color: white;--mtx-select-option-selected-state-text-color: #f44336;--mtx-select-option-selected-state-background-color: color-mix(in srgb, white 4%, transparent);--mtx-select-option-hover-state-background-color: color-mix(in srgb, white 4%, transparent);--mtx-select-option-disabled-state-text-color: color-mix(in srgb, white 38%, transparent)}.packing-dark-theme .ng-dropdown-panel.mat-accent{--mtx-select-container-text-color: white;--mtx-select-placeholder-text-color: color-mix(in srgb, white 38%, transparent);--mtx-select-disabled-text-color: color-mix(in srgb, white 38%, transparent);--mtx-select-multiple-value-background-color: rgba(255, 255, 255, .12);--mtx-select-multiple-value-outline-color: rgba(255, 255, 255, .12);--mtx-select-multiple-value-disabled-outline-color: color-mix(in srgb, rgba(255, 255, 255, .12) 38%, transparent);--mtx-select-multiple-value-icon-hover-background-color: rgba(255, 255, 255, .12);--mtx-select-clear-icon-color: rgba(255, 255, 255, .7);--mtx-select-clear-icon-hover-color: #f44336;--mtx-select-enabled-arrow-color: rgba(255, 255, 255, .7);--mtx-select-disabled-arrow-color: color-mix(in srgb, white 38%, transparent);--mtx-select-invalid-arrow-color: #f44336;--mtx-select-panel-background-color: #424242;--mtx-select-panel-divider-color: rgba(255, 255, 255, .12);--mtx-select-optgroup-label-text-color: rgba(255, 255, 255, .7);--mtx-select-option-label-text-color: white;--mtx-select-option-selected-state-text-color: #bdbdbd;--mtx-select-option-selected-state-background-color: color-mix(in srgb, white 4%, transparent);--mtx-select-option-hover-state-background-color: color-mix(in srgb, white 4%, transparent);--mtx-select-option-disabled-state-text-color: color-mix(in srgb, white 38%, transparent)}.packing-dark-theme .ng-dropdown-panel.mat-warn{--mtx-select-container-text-color: white;--mtx-select-placeholder-text-color: color-mix(in srgb, white 38%, transparent);--mtx-select-disabled-text-color: color-mix(in srgb, white 38%, transparent);--mtx-select-multiple-value-background-color: rgba(255, 255, 255, .12);--mtx-select-multiple-value-outline-color: rgba(255, 255, 255, .12);--mtx-select-multiple-value-disabled-outline-color: color-mix(in srgb, rgba(255, 255, 255, .12) 38%, transparent);--mtx-select-multiple-value-icon-hover-background-color: rgba(255, 255, 255, .12);--mtx-select-clear-icon-color: rgba(255, 255, 255, .7);--mtx-select-clear-icon-hover-color: #f44336;--mtx-select-enabled-arrow-color: rgba(255, 255, 255, .7);--mtx-select-disabled-arrow-color: color-mix(in srgb, white 38%, transparent);--mtx-select-invalid-arrow-color: #f44336;--mtx-select-panel-background-color: #424242;--mtx-select-panel-divider-color: rgba(255, 255, 255, .12);--mtx-select-optgroup-label-text-color: rgba(255, 255, 255, .7);--mtx-select-option-label-text-color: white;--mtx-select-option-selected-state-text-color: #f44336;--mtx-select-option-selected-state-background-color: color-mix(in srgb, white 4%, transparent);--mtx-select-option-hover-state-background-color: color-mix(in srgb, white 4%, transparent);--mtx-select-option-disabled-state-text-color: color-mix(in srgb, white 38%, transparent)}.packing-dark-theme{--mtx-split-gutter-background-color: rgba(255, 255, 255, .12);--mtx-split-gutter-hover-state-background-color: #f44336}.packing-dark-theme .mtx-split>.mtx-split-gutter.mat-accent:hover{--mtx-split-gutter-background-color: rgba(255, 255, 255, .12);--mtx-split-gutter-hover-state-background-color: #bdbdbd}.packing-dark-theme .mtx-split>.mtx-split-gutter.mat-warn:hover{--mtx-split-gutter-background-color: rgba(255, 255, 255, .12);--mtx-split-gutter-hover-state-background-color: #f44336}.packing-dark-theme{--mtx-tooltip-container-shape: 4px;--mtx-tooltip-supporting-text-line-height: 16px;--mtx-tooltip-container-color: white;--mtx-tooltip-supporting-text-color: rgba(0, 0, 0, .87)}.packing-dark-theme :root mat-toolbar{--mat-toolbar-container-background-color: #333333;--mat-toolbar-container-text-color: #ffffff}.packing-dark-theme .hover-background:hover.selected,.packing-dark-theme .mat-mdc-table tr.mat-mdc-row.selected,.packing-dark-theme .hover-background:hover:hover,.packing-dark-theme .mat-mdc-table tr.mat-mdc-row:hover{background-color:#333}.packing-dark-theme .mat-mdc-table tr.mat-mdc-row.warning-row.selected,.packing-dark-theme .mat-mdc-table tr.mat-mdc-row.warning-row:hover{background-color:#7f1d1d}.packing-dark-theme .mat-mdc-table tr.mat-mdc-row.warning-row{background-color:#61312e}.packing-dark-theme .mat-mdc-table .employment-level-edit-row{--tw-bg-opacity: 1 !important;background-color:rgb(82 82 91 / var(--tw-bg-opacity, 1))!important}.packing-dark-theme .mat-mdc-table .employment-level-active-row{background:#7f1d1d!important}.packing-dark-theme .mat-mdc-list-base a.mat-mdc-list-item .mdc-list-item__primary-text{color:#9e9e9e}.packing-dark-theme .mat-mdc-list-base a.mat-mdc-list-item.is-active .mdc-list-item__primary-text{color:#f44336}.packing-dark-theme .team-selection-box{display:flex;align-items:center;justify-content:space-between;border-radius:1rem;padding-left:1.25rem;padding-right:1.25rem}.packing-dark-theme .team-selection-box button{color:#f44336!important}.packing-dark-theme .team-selection-box{background:#323237}.packing-dark-theme .packing-chip-select{color:#9e9e9e}.packing-dark-theme .packing-chip-select .select-icon{fill:#9e9e9e}.packing-dark-theme .packing-chip-select.highlighted{color:#f44336;background-color:#333}.packing-dark-theme .packing-chip-select.highlighted .select-icon{fill:#f44336}.packing-dark-theme .packing-chip-select.highlighted .cancel-button{color:#9e9e9e}.packing-dark-theme .packing-chip-overlay{background-color:#333}:root{--color-brand-primary: #1ba3c5;--color-brand-primary-dim: rgba(27, 163, 197, .1);--color-brand-secondary: #4099FF;--color-text: #1a1a1a;--color-text-muted: #6b7280;--color-text-secondary: #333333;--color-text-subtle: #999999;--color-text-disabled: #cccccc;--color-text-on-dark: #ffffff;--color-bg: #ffffff;--color-surface: #f8f9fa;--color-surface-alt: #fafbfc;--color-surface-dim: #f5f5f5;--color-border: rgba(0, 0, 0, .08);--color-border-strong: #e0e0e0;--color-danger: #ef4444;--color-warning: #f59e0b;--color-success: #10b981;--color-info: #3b82f6;--color-danger-light: #ffebee;--color-warning-light: #fff3e0;--color-success-light: #e8f5e9;--color-info-light: #e3f2fd;--shell-bg: #1a1a1a;--shell-border: rgba(255, 255, 255, .06);--shell-text: rgba(255, 255, 255, .5);--shell-text-hover: rgba(255, 255, 255, .8);--shell-text-strong: rgba(255, 255, 255, .92);--shell-hover: rgba(255, 255, 255, .05);--shell-active: #1ba3c5;--shell-active-bg: rgba(27, 163, 197, .08);--shell-input-bg: rgba(255, 255, 255, .07);--shell-input-border: rgba(255, 255, 255, .1);--shell-sidebar-width: 192px;--shell-sidebar-width-collapsed: 52px;--shell-toolbar-height: 56px;--shell-content-padding: var(--space-4);--font-family: "Bai Jamjuree", sans-serif;--font-family-mono: "JetBrains Mono", "Courier New", monospace;--font-size-xs: .625rem;--font-size-sm: .75rem;--font-size-base: .8125rem;--font-size-md: .875rem;--font-size-lg: 1rem;--font-size-xl: 1.125rem;--font-size-2xl: 1.75rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-base: 1.5;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 10px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--shadow-lg: 0 10px 20px rgba(0, 0, 0, .08);--mat-sys-primary: var(--color-brand-primary);--mat-sys-on-primary: #ffffff;--mat-sys-primary-container: var(--color-brand-primary-dim);--mat-sys-secondary-container: var(--color-brand-primary-dim);--mat-sys-on-secondary-container: var(--color-brand-primary);--mat-sys-error: var(--color-danger);--mat-sys-error-container: var(--color-danger-light);--mat-sys-on-error-container: var(--color-danger);--mat-sys-surface: var(--color-bg);--mat-sys-surface-variant: var(--color-surface-alt);--mat-sys-on-surface: var(--color-text);--mat-sys-on-surface-variant: var(--color-text-muted);--mat-sys-outline: var(--color-border-strong);--mat-sys-outline-variant: var(--color-border-strong)}.mat-mdc-checkbox.no-padding .mdc-checkbox{padding:0}.mat-mdc-checkbox.no-padding .mdc-checkbox .mdc-checkbox__background{top:0;left:0}.mat-mdc-checkbox.no-padding .mdc-checkbox .mdc-checkbox__native-control{width:18px;height:18px;top:0;right:0;left:0}.mat-mdc-checkbox.no-padding .mdc-checkbox .mat-mdc-checkbox-touch-target{height:18px;width:18px}.mat-primary .mdc-checkbox .mdc-checkbox__native-control:enabled~.mdc-checkbox__background .mdc-checkbox__checkmark,.mat-mdc-list-option .mdc-checkbox .mdc-checkbox__native-control:enabled~.mdc-checkbox__background .mdc-checkbox__checkmark{color:#fff!important}.mat-mdc-form-field.small-form-field .mat-mdc-form-field-subscript-wrapper{display:none}.mat-mdc-form-field.small-form-field{zoom:.61}.mat-mdc-form-field-no-label .mat-mdc-form-field-infix{border-top-width:0}.mat-mdc-form-field-no-label .mat-mdc-form-field-wrapper{padding-bottom:0;margin-bottom:0;margin-top:0}.mat-mdc-form-field-no-label .mat-mdc-form-field-label-wrapper{padding-top:0}.date-picker-compact .mat-mdc-form-field{width:180px;margin-bottom:-1.25em}.small-options .mat-mdc-option{min-height:32px;font-size:14px}.mat-icon.small-icon{width:20px;height:20px;font-size:20px;line-height:20px}.mdc-list-item.full-width-content .mdc-list-item__primary-text{width:100%}.mdc-list-item.full-width-content .mat-icon{margin-right:0}.mat-mdc-selection-list.no-checkbox .mat-mdc-list-option .mdc-list-item__end{display:none}.cdk-overlay-pane:has(.auto-width-panel){width:unset!important}.mat-mdc-select-panel.no-padding,.mat-mdc-select-panel.no-padding .mat-mdc-option{padding:0}table{width:100%}table.mat-mdc-table tr.mat-mdc-header-row{height:30px}table.mat-mdc-table .mat-mdc-row{height:24px}table.mat-mdc-table .mat-mdc-cell,table.mat-mdc-table .mat-mdc-header-cell{padding:0 2px;font-size:.75rem;line-height:1rem}table.mat-mdc-table .mat-mdc-button-base{height:20px;line-height:20px;min-height:20px;font-size:12px;padding:0;margin:0;min-width:unset!important}table.mat-mdc-table .mat-mdc-icon-button{padding:0;width:20px;height:20px;line-height:20px}table.mat-mdc-table .mat-icon,table.mat-mdc-table packing-shared-ui-icon-popover-dialog{width:20px;height:20px;font-size:20px;line-height:20px}.mat-mdc-form-field.mat-mdc-paginator-page-size-select{zoom:.87;width:100px}input[type=search]::-webkit-search-cancel-button{display:none}.tooltip-no-max-width .mdc-tooltip__surface{max-width:unset!important}.mat-mdc-snack-bar-container.error-snackbar .mdc-snackbar__surface{background-color:#f64e60;color:#fff}.mat-mdc-snack-bar-container.warning-snackbar .mdc-snackbar__surface{background-color:#ffa800;color:#fff}.mat-mdc-snack-bar-container.success-snackbar .mdc-snackbar__surface{background-color:#1bc5bd;color:#fff}.cdk-overlay-container .mat-mdc-card,.packing-theme .mat-mdc-card{padding:0}.cdk-overlay-container .mat-mdc-card .mat-mdc-card-header,.packing-theme .mat-mdc-card .mat-mdc-card-header{display:flex;align-items:center;justify-content:space-between;padding-top:16px;font-size:10px}.cdk-overlay-container .mat-mdc-card .mat-mdc-card-header .mat-mdc-card-title,.packing-theme .mat-mdc-card .mat-mdc-card-header .mat-mdc-card-title{font-size:10px;margin:0}.cdk-overlay-container .mat-mdc-card .mat-mdc-card-header .mat-mdc-card-header-text .mat-mdc-card-title,.packing-theme .mat-mdc-card .mat-mdc-card-header .mat-mdc-card-header-text .mat-mdc-card-title{font-size:16px;font-weight:700}.cdk-overlay-container .mat-mdc-card .mat-mdc-card-content,.packing-theme .mat-mdc-card .mat-mdc-card-content{padding:16px}.mat-button-toggle-group{display:flex!important;font-size:12.025px;margin-bottom:1px}.mat-button-toggle-group .mat-button-toggle{flex:1;height:30px}.mat-button-toggle-group .mat-button-toggle .mat-button-toggle-label-content{line-height:30px;padding:0 5px}a{color:#3699ff}.mat-typography h3{margin:0 0 10px;font-size:16px}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.container{width:100%}@media(min-width:640px){.container{max-width:640px}}@media(min-width:768px){.container{max-width:768px}}@media(min-width:1024px){.container{max-width:1024px}}@media(min-width:1280px){.container{max-width:1280px}}@media(min-width:1536px){.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.inset-y-0{top:0;bottom:0}.end-2{inset-inline-end:.5rem}.left-1\/2{left:50%}.right-\[-30px\]{right:-30px}.start-0{inset-inline-start:0px}.top-\[-30px\]{top:-30px}.z-10{z-index:10}.col-span-1{grid-column:span 1 / span 1}.col-span-10{grid-column:span 10 / span 10}.col-span-12{grid-column:span 12 / span 12}.col-span-2{grid-column:span 2 / span 2}.col-span-20{grid-column:span 20 / span 20}.col-span-3{grid-column:span 3 / span 3}.col-span-4{grid-column:span 4 / span 4}.col-span-5{grid-column:span 5 / span 5}.col-span-6{grid-column:span 6 / span 6}.col-span-7{grid-column:span 7 / span 7}.col-span-8{grid-column:span 8 / span 8}.col-start-3{grid-column-start:3}.m-0{margin:0}.m-12{margin:3rem}.m-2{margin:.5rem}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-3{margin-left:.75rem;margin-right:.75rem}.mx-5{margin-left:1.25rem;margin-right:1.25rem}.my-10{margin-top:2.5rem;margin-bottom:2.5rem}.my-2{margin-top:.5rem;margin-bottom:.5rem}.my-5{margin-top:1.25rem;margin-bottom:1.25rem}.my-8{margin-top:2rem;margin-bottom:2rem}.-mt-5{margin-top:-1.25rem}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-auto{margin-left:auto}.mr-0\.5{margin-right:.125rem}.mr-1{margin-right:.25rem}.mr-10{margin-right:2.5rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mr-4{margin-right:1rem}.mr-6{margin-right:1.5rem}.mr-8{margin-right:2rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.table-cell{display:table-cell}.grid{display:grid}.hidden{display:none}.aspect-square{aspect-ratio:1 / 1}.\!size-7{width:1.75rem!important;height:1.75rem!important}.\!size-full{width:100%!important;height:100%!important}.size-2{width:.5rem;height:.5rem}.size-3{width:.75rem;height:.75rem}.\!h-6{height:1.5rem!important}.h-1{height:.25rem}.h-10{height:2.5rem}.h-2{height:.5rem}.h-28{height:7rem}.h-4{height:1rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-96{height:24rem}.h-\[300px\]{height:300px}.h-\[7\.5rem\]{height:7.5rem}.h-\[8\%\]{height:8%}.h-\[800px\]{height:800px}.h-\[92\%\]{height:92%}.h-full{height:100%}.w-0{width:0px}.w-1\/2{width:50%}.w-14{width:3.5rem}.w-16{width:4rem}.w-24{width:6rem}.w-3{width:.75rem}.w-48{width:12rem}.w-6{width:1.5rem}.w-72{width:18rem}.w-8{width:2rem}.w-96{width:24rem}.w-\[10\%\]{width:10%}.w-\[15\%\]{width:15%}.w-\[40\%\]{width:40%}.w-\[5\%\]{width:5%}.w-\[50\%\]{width:50%}.w-fit{width:fit-content}.w-full{width:100%}.min-w-2{min-width:.5rem}.min-w-28{min-width:7rem}.min-w-6{min-width:1.5rem}.min-w-\[20\%\]{min-width:20%}.max-w-\[50\%\]{max-width:50%}.max-w-md{max-width:28rem}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.flex-grow,.grow{flex-grow:1}.basis-1\/2{flex-basis:50%}.basis-3\/12{flex-basis:25%}.basis-5\/12{flex-basis:41.666667%}.basis-7\/12{flex-basis:58.333333%}.basis-9\/12{flex-basis:75%}.-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-75{--tw-scale-x: .75;--tw-scale-y: .75;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;user-select:none}.resize{resize:both}.list-none{list-style-type:none}.grid-flow-col{grid-auto-flow:column}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.grid-cols-100{grid-template-columns:repeat(100,minmax(0,1fr))}.grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.grid-cols-\[min-content_1fr\]{grid-template-columns:min-content 1fr}.grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.items-baseline{align-items:baseline}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-items-center{justify-items:center}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-10{gap:2.5rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-8>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(2rem * var(--tw-space-x-reverse));margin-left:calc(2rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.text-nowrap{text-wrap:nowrap}.break-words{overflow-wrap:break-word}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-sm{border-radius:.125rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-0{border-width:0px}.border-2{border-width:2px}.border-\[1px\]{border-width:1px}.border-b-4{border-bottom-width:4px}.border-t{border-top-width:1px}.border-solid{border-style:solid}.border-black{--tw-border-opacity: 1;border-color:rgb(0 0 0 / var(--tw-border-opacity, 1))}.border-gray-100{--tw-border-opacity: 1;border-color:rgb(243 244 246 / var(--tw-border-opacity, 1))}.border-gray-300{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.border-gray-400{--tw-border-opacity: 1;border-color:rgb(156 163 175 / var(--tw-border-opacity, 1))}.border-neutral-300{--tw-border-opacity: 1;border-color:rgb(212 212 212 / var(--tw-border-opacity, 1))}.\!bg-gray-400{--tw-bg-opacity: 1 !important;background-color:rgb(156 163 175 / var(--tw-bg-opacity, 1))!important}.\!bg-green-100{--tw-bg-opacity: 1 !important;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1))!important}.\!bg-red-500{--tw-bg-opacity: 1 !important;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))!important}.\!bg-red-700{--tw-bg-opacity: 1 !important;background-color:rgb(185 28 28 / var(--tw-bg-opacity, 1))!important}.\!bg-yellow-100{--tw-bg-opacity: 1 !important;background-color:rgb(254 249 195 / var(--tw-bg-opacity, 1))!important}.bg-amber-100{--tw-bg-opacity: 1;background-color:rgb(254 243 199 / var(--tw-bg-opacity, 1))}.bg-blue-100{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1))}.bg-blue-500{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.bg-cyan-100{--tw-bg-opacity: 1;background-color:rgb(207 250 254 / var(--tw-bg-opacity, 1))}.bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.bg-gray-400{--tw-bg-opacity: 1;background-color:rgb(156 163 175 / var(--tw-bg-opacity, 1))}.bg-gray-50{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.bg-gray-500{--tw-bg-opacity: 1;background-color:rgb(107 114 128 / var(--tw-bg-opacity, 1))}.bg-green-100{--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1))}.bg-green-400{--tw-bg-opacity: 1;background-color:rgb(74 222 128 / var(--tw-bg-opacity, 1))}.bg-green-500{--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1))}.bg-neutral-50{--tw-bg-opacity: 1;background-color:rgb(250 250 250 / var(--tw-bg-opacity, 1))}.bg-orange-100{--tw-bg-opacity: 1;background-color:rgb(255 237 213 / var(--tw-bg-opacity, 1))}.bg-red-100{--tw-bg-opacity: 1;background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1))}.bg-red-200{--tw-bg-opacity: 1;background-color:rgb(254 202 202 / var(--tw-bg-opacity, 1))}.bg-red-50{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}.bg-red-500{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.bg-slate-50{--tw-bg-opacity: 1;background-color:rgb(248 250 252 / var(--tw-bg-opacity, 1))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-yellow-100{--tw-bg-opacity: 1;background-color:rgb(254 249 195 / var(--tw-bg-opacity, 1))}.bg-yellow-200{--tw-bg-opacity: 1;background-color:rgb(254 240 138 / var(--tw-bg-opacity, 1))}.bg-yellow-400{--tw-bg-opacity: 1;background-color:rgb(250 204 21 / var(--tw-bg-opacity, 1))}.bg-yellow-500{--tw-bg-opacity: 1;background-color:rgb(234 179 8 / var(--tw-bg-opacity, 1))}.fill-blue-300{fill:#93c5fd}.fill-green-400{fill:#4ade80}.fill-slate-300{fill:#cbd5e1}.fill-slate-500{fill:#64748b}.stroke-blue-800{stroke:#1e40af}.stroke-\[0\.25\]{stroke-width:.25}.p-0{padding:0}.p-1{padding:.25rem}.p-10{padding:2.5rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-7{padding-top:1.75rem;padding-bottom:1.75rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-1{padding-bottom:.25rem}.pb-2{padding-bottom:.5rem}.pe-6{padding-inline-end:1.5rem}.pl-1\.5{padding-left:.375rem}.pl-2{padding-left:.5rem}.pr-16{padding-right:4rem}.pr-2{padding-right:.5rem}.pr-4{padding-right:1rem}.ps-10{padding-inline-start:2.5rem}.ps-3{padding-inline-start:.75rem}.pt-1{padding-top:.25rem}.text-left{text-align:left}.text-center{text-align:center}.align-baseline{vertical-align:baseline}.align-middle{vertical-align:middle}.\!text-3xl{font-size:1.875rem!important;line-height:2.25rem!important}.\!text-5xl{font-size:3rem!important;line-height:1!important}.\!text-xs{font-size:.75rem!important;line-height:1rem!important}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.lowercase{text-transform:lowercase}.italic{font-style:italic}.\!leading-7{line-height:1.75rem!important}.leading-10{line-height:2.5rem}.leading-none{line-height:1}.\!text-blue-700{--tw-text-opacity: 1 !important;color:rgb(29 78 216 / var(--tw-text-opacity, 1))!important}.text-amber-400{--tw-text-opacity: 1;color:rgb(251 191 36 / var(--tw-text-opacity, 1))}.text-amber-600{--tw-text-opacity: 1;color:rgb(217 119 6 / var(--tw-text-opacity, 1))}.text-black{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.text-blue-500{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))}.text-blue-600{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.text-cyan-600{--tw-text-opacity: 1;color:rgb(8 145 178 / var(--tw-text-opacity, 1))}.text-gray-300{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.text-green-500{--tw-text-opacity: 1;color:rgb(34 197 94 / var(--tw-text-opacity, 1))}.text-green-600{--tw-text-opacity: 1;color:rgb(22 163 74 / var(--tw-text-opacity, 1))}.text-neutral-400{--tw-text-opacity: 1;color:rgb(163 163 163 / var(--tw-text-opacity, 1))}.text-neutral-500{--tw-text-opacity: 1;color:rgb(115 115 115 / var(--tw-text-opacity, 1))}.text-orange-600{--tw-text-opacity: 1;color:rgb(234 88 12 / var(--tw-text-opacity, 1))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.text-slate-500{--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-yellow-500{--tw-text-opacity: 1;color:rgb(234 179 8 / var(--tw-text-opacity, 1))}.text-yellow-600{--tw-text-opacity: 1;color:rgb(202 138 4 / var(--tw-text-opacity, 1))}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.invert{--tw-invert: invert(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}html,body{margin:0;height:100%}html table,body table{width:100%}.placeholder\:text-neutral-400::placeholder{--tw-text-opacity: 1;color:rgb(163 163 163 / var(--tw-text-opacity, 1))}.hover\:cursor-pointer:hover{cursor:pointer}.hover\:border-gray-800:hover{--tw-border-opacity: 1;border-color:rgb(31 41 55 / var(--tw-border-opacity, 1))}.hover\:fill-green-400:hover{fill:#4ade80}.hover\:fill-sky-400:hover{fill:#38bdf8}.hover\:stroke-sky-400:hover{stroke:#38bdf8}.group:hover .group-hover\:fill-sky-400{fill:#38bdf8}.group:hover .group-hover\:stroke-sky-400{stroke:#38bdf8}.peer\/feet:hover~.peer-hover\/feet\:fill-sky-400{fill:#38bdf8}.peer\/left:hover~.peer-hover\/left\:fill-sky-400{fill:#38bdf8}.peer\/right:hover~.peer-hover\/right\:fill-sky-400{fill:#38bdf8}.peer\/feet-high-ball:hover~.peer-hover\/feet-high-ball\:stroke-sky-400{stroke:#38bdf8}.peer\/feet-low-ball:hover~.peer-hover\/feet-low-ball\:stroke-sky-400{stroke:#38bdf8}.peer\/left-high-ball:hover~.peer-hover\/left-high-ball\:stroke-sky-400{stroke:#38bdf8}.peer\/left-low-ball:hover~.peer-hover\/left-low-ball\:stroke-sky-400{stroke:#38bdf8}.peer\/right-high-ball:hover~.peer-hover\/right-high-ball\:stroke-sky-400{stroke:#38bdf8}.peer\/right-low-ball:hover~.peer-hover\/right-low-ball\:stroke-sky-400{stroke:#38bdf8}@media(min-width:768px){.md\:col-span-4{grid-column:span 4 / span 4}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}}@media(min-width:1024px){.lg\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}}@media(min-width:1536px){.\32xl\:w-32{width:8rem}}.dark\:bg-neutral-700:where(.dark,.dark *){--tw-bg-opacity: 1;background-color:rgb(64 64 64 / var(--tw-bg-opacity, 1))}.dark\:text-white:where(.dark,.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}