{"version":3,"sources":["./src/app/mobile/articles/articles.component.scss","./src/app/mobile/articles/articles.component.scss?c138","./src/app/mobile/articles/article-carousel/article-carousel.component.scss?e526","./src/app/mobile/articles/article-carousel/article-carousel.component.ts","./src/app/mobile/articles/articles.component.ts","./src/app/mobile/articles/article-details/article-details.component.ts","./src/app/mobile/mobile.routes.ts","./src/app/mobile/mobile.module.ts","./src/app/mobile/articles/article-details/article-details.component.html","./src/app/mobile/articles/article-carousel/article-carousel.component.scss","./src/app/mobile/articles/article-details/article-details.component.scss","./src/app/mobile/articles/articles.component.html","./src/app/mobile/articles/article-details/article-details.component.scss?783c","./src/app/mobile/articles/article-carousel/article-carousel.component.html"],"names":["module","exports","__webpack_require__","push","i","result","__esModule","default","toString","article_carousel_component_ArticleCarouselComponent","ArticleCarouselComponent","modelService","pathService","appState","articleService","loadingService","hostElement","router","route","tracker","dialog","this","isViewInitialized","dragDelta","x","y","uniqueIdPrefix","wasDragging","mode","currentPlateIndex","currentArticleIndex","transitionSpeed","startsDragging","isDragging","Object","defineProperty","prototype","plates","currentArticles","plateArticles","ngOnInit","_this","plateSpecialArticles","currentArticleIndexes","addLoad","getPlates","filter","m","appliance","Error","attributes","toArray","subscribe","forEach","p","receivePlate","console","error","removeLoad","trackEvent","setMobilePulldown","plate","plateIndex","getArticlesOfModel","key","articles","containsSpecialArticle","length","article","isSpecialColorArticle","splice","undefined","ngAfterViewInit","platesNgFor","onLoadComplete","platesNgForSubscription_1","changes","n","unsubscribe","assert","remeasure","resetSlides","onResize","event","onMouseDown","which","endDrag","preventDefault","initDrag","pageX","pageY","stopPropagation","onMouseMove","performDrag","onMouseUp","chooseArticle","currentArticle","onMouseOut","outElement","relatedTarget","nodeName","onTouchStart","primaryTouch","touches","onTouchMove","touch","onTouchEnd","onTouchCancel","baseQueryParams","urlQueryParamsBaseMap","open","plate_colorpicker_dialog_component","data","specialColorArticles","isMobileMode","afterClosed","ac","selectedSpecialColor","stringRepresentation","navigate","selectedArticle","queryParams","relativeTo","setSlidePosition","measureItem","slideSize","nativeElement","clientWidth","clientHeight","pageLocation","dragStart","dragStartTime","Date","now","currentLocation","slidingElements","isHorizontalDrag","moveSlides","Math","abs","setSlideIndexes","direction","isShortDuration","Number","offsetPlateIndex","offsetArticleIndex","prevPlateIdx","prevPlateArticleIdx","nextPlateIdx","slideIndexes","index2d","offset2d","offset","transitionTime","slideIndexObj","index","newPosX","newPosY","element","getSlideElement","elementRect","getBoundingClientRect","isHorizontalMovement","left","window","innerWidth","top","innerHeight","style","transition","transform","document","getElementById","ArticleCarouselComponent_1","circleIndex","count","tslib_es6","core","MouseEvent","selector","model_data_service","path_service","app_state_service","article_data_service","loading_state_service","web_trekk_service","material_es5","articles_component_ArticlesComponent","ArticlesComponent","activeMode","articleDetailsKey","isViewingDetails","routeSubscription","events","children","setTimeout","carousel","switchMode","newMode","ngOnDestroy","article_details_component_ArticleDetailsComponent","ArticleDetailsComponent","dataSource","pdfGenerator","preloadFonts","getData","articleHints","hints","metalColorsMap","routeParamsSubscription","params","articleKey","getArticle","getModel","routeQueryParamsSubscription","specialColorString","specialColor","SpecialColorSelection","fromString","generatePdf","model","getBackQueryParams","data_provider_service","pdf_generator_service","MOBILE_ROUTES","path","component","mobile_module_MobileModule","declarations","imports","common","shared_module","viega_common","forChild"],"mappings":"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","file":"mobile.38328e39aebbf0f320ce.bundle.js","sourcesContent":["exports = module.exports = require(\"../../../../node_modules/css-loader/lib/css-base.js\")(false);\n// imports\n\n\n// module\nexports.push([module.id, \"/**\\n * Applies styles for users in high contrast mode. Note that this only applies\\n * to Microsoft browsers. Chrome can be included by checking for the `html[hc]`\\n * attribute, however Chrome handles high contrast differently.\\n */\\n\\n/* Theme for the ripple elements.*/\\n\\n/* stylelint-disable material/no-prefixes */\\n\\n/* stylelint-enable */\\n\\n.mat-elevation-z0 {\\n  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);\\n}\\n\\n.mat-elevation-z1 {\\n  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);\\n}\\n\\n.mat-elevation-z2 {\\n  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);\\n}\\n\\n.mat-elevation-z3 {\\n  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);\\n}\\n\\n.mat-elevation-z4 {\\n  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);\\n}\\n\\n.mat-elevation-z5 {\\n  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);\\n}\\n\\n.mat-elevation-z6 {\\n  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);\\n}\\n\\n.mat-elevation-z7 {\\n  box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);\\n}\\n\\n.mat-elevation-z8 {\\n  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);\\n}\\n\\n.mat-elevation-z9 {\\n  box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12);\\n}\\n\\n.mat-elevation-z10 {\\n  box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12);\\n}\\n\\n.mat-elevation-z11 {\\n  box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12);\\n}\\n\\n.mat-elevation-z12 {\\n  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);\\n}\\n\\n.mat-elevation-z13 {\\n  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);\\n}\\n\\n.mat-elevation-z14 {\\n  box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12);\\n}\\n\\n.mat-elevation-z15 {\\n  box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12);\\n}\\n\\n.mat-elevation-z16 {\\n  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);\\n}\\n\\n.mat-elevation-z17 {\\n  box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12);\\n}\\n\\n.mat-elevation-z18 {\\n  box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12);\\n}\\n\\n.mat-elevation-z19 {\\n  box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12);\\n}\\n\\n.mat-elevation-z20 {\\n  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12);\\n}\\n\\n.mat-elevation-z21 {\\n  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12);\\n}\\n\\n.mat-elevation-z22 {\\n  box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12);\\n}\\n\\n.mat-elevation-z23 {\\n  box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12);\\n}\\n\\n.mat-elevation-z24 {\\n  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);\\n}\\n\\n.mat-h1,\\n.mat-headline,\\n.mat-typography h1 {\\n  font: 400 24px/32px Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n  margin: 0 0 16px;\\n}\\n\\n.mat-h2,\\n.mat-title,\\n.mat-typography h2 {\\n  font: 500 20px/32px Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n  margin: 0 0 16px;\\n}\\n\\n.mat-h3,\\n.mat-subheading-2,\\n.mat-typography h3 {\\n  font: 400 16px/28px Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n  margin: 0 0 16px;\\n}\\n\\n.mat-h4,\\n.mat-subheading-1,\\n.mat-typography h4 {\\n  font: 400 15px/24px Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n  margin: 0 0 16px;\\n}\\n\\n.mat-h5,\\n.mat-typography h5 {\\n  font: 400 11.62px/20px Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n  margin: 0 0 12px;\\n}\\n\\n.mat-h6,\\n.mat-typography h6 {\\n  font: 400 9.38px/20px Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n  margin: 0 0 12px;\\n}\\n\\n.mat-body-strong,\\n.mat-body-2 {\\n  font: 500 14px/24px Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n}\\n\\n.mat-body,\\n.mat-body-1,\\n.mat-typography {\\n  font: 400 14px/20px Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n}\\n\\n.mat-body p,\\n.mat-body-1 p,\\n.mat-typography p {\\n  margin: 0 0 12px;\\n}\\n\\n.mat-small,\\n.mat-caption {\\n  font: 400 12px/20px Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n}\\n\\n.mat-display-4,\\n.mat-typography .mat-display-4 {\\n  font: 300 112px/112px Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n  margin: 0 0 56px;\\n  letter-spacing: -0.05em;\\n}\\n\\n.mat-display-3,\\n.mat-typography .mat-display-3 {\\n  font: 400 56px/56px Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n  margin: 0 0 64px;\\n  letter-spacing: -0.02em;\\n}\\n\\n.mat-display-2,\\n.mat-typography .mat-display-2 {\\n  font: 400 45px/48px Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n  margin: 0 0 64px;\\n  letter-spacing: -0.005em;\\n}\\n\\n.mat-display-1,\\n.mat-typography .mat-display-1 {\\n  font: 400 34px/40px Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n  margin: 0 0 64px;\\n}\\n\\n.mat-button,\\n.mat-raised-button,\\n.mat-icon-button,\\n.mat-stroked-button,\\n.mat-flat-button,\\n.mat-fab,\\n.mat-mini-fab {\\n  font-family: Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n  font-size: 14px;\\n  font-weight: 500;\\n}\\n\\n.mat-button-toggle {\\n  font-family: Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n}\\n\\n.mat-card {\\n  font-family: Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n}\\n\\n.mat-card-title {\\n  font-size: 24px;\\n  font-weight: 400;\\n}\\n\\n.mat-card-subtitle,\\n.mat-card-content,\\n.mat-card-header .mat-card-title {\\n  font-size: 14px;\\n}\\n\\n.mat-checkbox {\\n  font-family: Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n}\\n\\n.mat-checkbox-layout .mat-checkbox-label {\\n  line-height: 24px;\\n}\\n\\n.mat-chip {\\n  font-size: 13px;\\n  line-height: 18px;\\n}\\n\\n.mat-chip .mat-chip-remove.mat-icon {\\n  font-size: 18px;\\n}\\n\\n.mat-table {\\n  font-family: Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n}\\n\\n.mat-header-cell {\\n  font-size: 12px;\\n  font-weight: 500;\\n}\\n\\n.mat-cell {\\n  font-size: 14px;\\n}\\n\\n.mat-calendar {\\n  font-family: Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n}\\n\\n.mat-calendar-body {\\n  font-size: 13px;\\n}\\n\\n.mat-calendar-body-label,\\n.mat-calendar-period-button {\\n  font-size: 14px;\\n  font-weight: 500;\\n}\\n\\n.mat-calendar-table-header th {\\n  font-size: 11px;\\n  font-weight: 400;\\n}\\n\\n.mat-dialog-title {\\n  font: 500 20px/32px Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n}\\n\\n.mat-expansion-panel-header {\\n  font-family: Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n  font-size: 15px;\\n  font-weight: 400;\\n}\\n\\n.mat-expansion-panel-content {\\n  font: 400 14px/20px Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n}\\n\\n.mat-form-field {\\n  font-size: inherit;\\n  font-weight: 400;\\n  line-height: 1.125;\\n  font-family: Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n}\\n\\n.mat-form-field-wrapper {\\n  padding-bottom: 1.25em;\\n}\\n\\n.mat-form-field-prefix .mat-icon,\\n.mat-form-field-suffix .mat-icon {\\n  font-size: 150%;\\n  line-height: 1.125;\\n}\\n\\n.mat-form-field-prefix .mat-icon-button,\\n.mat-form-field-suffix .mat-icon-button {\\n  height: 1.5em;\\n  width: 1.5em;\\n}\\n\\n.mat-form-field-prefix .mat-icon-button .mat-icon,\\n.mat-form-field-suffix .mat-icon-button .mat-icon {\\n  height: 1.125em;\\n  line-height: 1.125;\\n}\\n\\n.mat-form-field-infix {\\n  padding: 0.4375em 0;\\n  border-top: 0.84375em solid transparent;\\n}\\n\\n.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,\\n.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {\\n  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);\\n  -ms-transform: translateY(-1.28125em) scale(0.75);\\n  width: 133.33333%;\\n}\\n\\n.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper\\n.mat-form-field-label {\\n  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00101px);\\n  -ms-transform: translateY(-1.28124em) scale(0.75);\\n  width: 133.33334%;\\n}\\n\\n.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper\\n.mat-form-field-label {\\n  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00102px);\\n  -ms-transform: translateY(-1.28123em) scale(0.75);\\n  width: 133.33335%;\\n}\\n\\n.mat-form-field-label-wrapper {\\n  top: -0.84375em;\\n  padding-top: 0.84375em;\\n}\\n\\n.mat-form-field-label {\\n  top: 1.28125em;\\n}\\n\\n.mat-form-field-underline {\\n  bottom: 1.25em;\\n}\\n\\n.mat-form-field-subscript-wrapper {\\n  font-size: 75%;\\n  margin-top: 0.54167em;\\n  top: calc(100% - 1.66667em);\\n}\\n\\n.mat-grid-tile-header,\\n.mat-grid-tile-footer {\\n  font-size: 14px;\\n}\\n\\n.mat-grid-tile-header .mat-line,\\n.mat-grid-tile-footer .mat-line {\\n  white-space: nowrap;\\n  overflow: hidden;\\n  text-overflow: ellipsis;\\n  display: block;\\n  box-sizing: border-box;\\n}\\n\\n.mat-grid-tile-header .mat-line:nth-child(n+2),\\n.mat-grid-tile-footer .mat-line:nth-child(n+2) {\\n  font-size: 12px;\\n}\\n\\ninput.mat-input-element {\\n  margin-top: -0.0625em;\\n}\\n\\n.mat-menu-item {\\n  font-family: Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n  font-size: 16px;\\n  font-weight: 400;\\n}\\n\\n.mat-paginator,\\n.mat-paginator-page-size .mat-select-trigger {\\n  font-family: Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n  font-size: 12px;\\n}\\n\\n.mat-radio-button {\\n  font-family: Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n}\\n\\n.mat-select {\\n  font-family: Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n}\\n\\n.mat-select-trigger {\\n  height: 1.125em;\\n}\\n\\n.mat-slide-toggle-content {\\n  font: 400 14px/20px Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n}\\n\\n.mat-slider-thumb-label-text {\\n  font-family: Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n  font-size: 12px;\\n  font-weight: 500;\\n}\\n\\n.mat-stepper-vertical,\\n.mat-stepper-horizontal {\\n  font-family: Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n}\\n\\n.mat-step-label {\\n  font-size: 14px;\\n  font-weight: 400;\\n}\\n\\n.mat-step-label-selected {\\n  font-size: 14px;\\n  font-weight: 500;\\n}\\n\\n.mat-tab-group {\\n  font-family: Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n}\\n\\n.mat-tab-label,\\n.mat-tab-link {\\n  font-family: Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n  font-size: 14px;\\n  font-weight: 500;\\n}\\n\\n.mat-toolbar,\\n.mat-toolbar h1,\\n.mat-toolbar h2,\\n.mat-toolbar h3,\\n.mat-toolbar h4,\\n.mat-toolbar h5,\\n.mat-toolbar h6 {\\n  font: 500 20px/32px Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n  margin: 0;\\n}\\n\\n.mat-tooltip {\\n  font-family: Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n  font-size: 10px;\\n  padding-top: 6px;\\n  padding-bottom: 6px;\\n}\\n\\n.mat-tooltip-handset {\\n  font-size: 14px;\\n  padding-top: 9px;\\n  padding-bottom: 9px;\\n}\\n\\n.mat-list-item {\\n  font-family: Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n}\\n\\n.mat-list-option {\\n  font-family: Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n}\\n\\n.mat-list .mat-list-item,\\n.mat-nav-list .mat-list-item,\\n.mat-selection-list .mat-list-item {\\n  font-size: 16px;\\n}\\n\\n.mat-list .mat-list-item .mat-line,\\n.mat-nav-list .mat-list-item .mat-line,\\n.mat-selection-list .mat-list-item .mat-line {\\n  white-space: nowrap;\\n  overflow: hidden;\\n  text-overflow: ellipsis;\\n  display: block;\\n  box-sizing: border-box;\\n}\\n\\n.mat-list .mat-list-item .mat-line:nth-child(n+2),\\n.mat-nav-list .mat-list-item .mat-line:nth-child(n+2),\\n.mat-selection-list .mat-list-item .mat-line:nth-child(n+2) {\\n  font-size: 14px;\\n}\\n\\n.mat-list .mat-list-option,\\n.mat-nav-list .mat-list-option,\\n.mat-selection-list .mat-list-option {\\n  font-size: 16px;\\n}\\n\\n.mat-list .mat-list-option .mat-line,\\n.mat-nav-list .mat-list-option .mat-line,\\n.mat-selection-list .mat-list-option .mat-line {\\n  white-space: nowrap;\\n  overflow: hidden;\\n  text-overflow: ellipsis;\\n  display: block;\\n  box-sizing: border-box;\\n}\\n\\n.mat-list .mat-list-option .mat-line:nth-child(n+2),\\n.mat-nav-list .mat-list-option .mat-line:nth-child(n+2),\\n.mat-selection-list .mat-list-option .mat-line:nth-child(n+2) {\\n  font-size: 14px;\\n}\\n\\n.mat-list .mat-subheader,\\n.mat-nav-list .mat-subheader,\\n.mat-selection-list .mat-subheader {\\n  font-family: Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n  font-size: 14px;\\n  font-weight: 500;\\n}\\n\\n.mat-list[dense] .mat-list-item,\\n.mat-nav-list[dense] .mat-list-item,\\n.mat-selection-list[dense] .mat-list-item {\\n  font-size: 12px;\\n}\\n\\n.mat-list[dense] .mat-list-item .mat-line,\\n.mat-nav-list[dense] .mat-list-item .mat-line,\\n.mat-selection-list[dense] .mat-list-item .mat-line {\\n  white-space: nowrap;\\n  overflow: hidden;\\n  text-overflow: ellipsis;\\n  display: block;\\n  box-sizing: border-box;\\n}\\n\\n.mat-list[dense] .mat-list-item .mat-line:nth-child(n+2),\\n.mat-nav-list[dense] .mat-list-item .mat-line:nth-child(n+2),\\n.mat-selection-list[dense] .mat-list-item .mat-line:nth-child(n+2) {\\n  font-size: 12px;\\n}\\n\\n.mat-list[dense] .mat-list-option,\\n.mat-nav-list[dense] .mat-list-option,\\n.mat-selection-list[dense] .mat-list-option {\\n  font-size: 12px;\\n}\\n\\n.mat-list[dense] .mat-list-option .mat-line,\\n.mat-nav-list[dense] .mat-list-option .mat-line,\\n.mat-selection-list[dense] .mat-list-option .mat-line {\\n  white-space: nowrap;\\n  overflow: hidden;\\n  text-overflow: ellipsis;\\n  display: block;\\n  box-sizing: border-box;\\n}\\n\\n.mat-list[dense] .mat-list-option .mat-line:nth-child(n+2),\\n.mat-nav-list[dense] .mat-list-option .mat-line:nth-child(n+2),\\n.mat-selection-list[dense] .mat-list-option .mat-line:nth-child(n+2) {\\n  font-size: 12px;\\n}\\n\\n.mat-list[dense] .mat-subheader,\\n.mat-nav-list[dense] .mat-subheader,\\n.mat-selection-list[dense] .mat-subheader {\\n  font-family: Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n  font-size: 12px;\\n  font-weight: 500;\\n}\\n\\n.mat-option {\\n  font-family: Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n  font-size: 16px;\\n}\\n\\n.mat-optgroup-label {\\n  font: 500 14px/24px Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n}\\n\\n.mat-simple-snackbar {\\n  font-family: Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n  font-size: 14px;\\n}\\n\\n.mat-simple-snackbar-action {\\n  line-height: 1;\\n  font-family: inherit;\\n  font-size: inherit;\\n  font-weight: 500;\\n}\\n\\n.mat-ripple {\\n  overflow: hidden;\\n}\\n\\n@media screen and (-ms-high-contrast: active) {\\n  .mat-ripple {\\n    display: none;\\n  }\\n}\\n\\n.mat-ripple.mat-ripple-unbounded {\\n  overflow: visible;\\n}\\n\\n.mat-ripple-element {\\n  position: absolute;\\n  border-radius: 50%;\\n  pointer-events: none;\\n  transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1);\\n  transform: scale(0);\\n}\\n\\n.cdk-visually-hidden {\\n  border: 0;\\n  clip: rect(0 0 0 0);\\n  height: 1px;\\n  margin: -1px;\\n  overflow: hidden;\\n  padding: 0;\\n  position: absolute;\\n  width: 1px;\\n  outline: 0;\\n  -webkit-appearance: none;\\n  -moz-appearance: none;\\n}\\n\\n.cdk-overlay-container,\\n.cdk-global-overlay-wrapper {\\n  pointer-events: none;\\n  top: 0;\\n  left: 0;\\n  height: 100%;\\n  width: 100%;\\n}\\n\\n.cdk-overlay-container {\\n  position: fixed;\\n  z-index: 1000;\\n}\\n\\n.cdk-overlay-container:empty {\\n  display: none;\\n}\\n\\n.cdk-global-overlay-wrapper {\\n  display: flex;\\n  position: absolute;\\n  z-index: 1000;\\n}\\n\\n.cdk-overlay-pane {\\n  position: absolute;\\n  pointer-events: auto;\\n  box-sizing: border-box;\\n  z-index: 1000;\\n}\\n\\n.cdk-overlay-backdrop {\\n  position: absolute;\\n  top: 0;\\n  bottom: 0;\\n  left: 0;\\n  right: 0;\\n  z-index: 1000;\\n  pointer-events: auto;\\n  -webkit-tap-highlight-color: transparent;\\n  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);\\n  opacity: 0;\\n}\\n\\n.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {\\n  opacity: 1;\\n}\\n\\n.cdk-overlay-dark-backdrop {\\n  background: rgba(0, 0, 0, 0.288);\\n}\\n\\n.cdk-overlay-transparent-backdrop,\\n.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {\\n  opacity: 0;\\n}\\n\\n.cdk-global-scrollblock {\\n  position: fixed;\\n  width: 100%;\\n  overflow-y: scroll;\\n}\\n\\n.mat-ripple-element {\\n  background-color: rgba(0, 0, 0, 0.1);\\n}\\n\\n.mat-option {\\n  color: rgba(0, 0, 0, 0.87);\\n}\\n\\n.mat-option:hover:not(.mat-option-disabled),\\n.mat-option:focus:not(.mat-option-disabled) {\\n  background: rgba(0, 0, 0, 0.04);\\n}\\n\\n.mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {\\n  color: #212121;\\n}\\n\\n.mat-accent .mat-option.mat-selected:not(.mat-option-disabled) {\\n  color: #ffeb3b;\\n}\\n\\n.mat-warn .mat-option.mat-selected:not(.mat-option-disabled) {\\n  color: #f44336;\\n}\\n\\n.mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) {\\n  background: rgba(0, 0, 0, 0.04);\\n}\\n\\n.mat-option.mat-active {\\n  background: rgba(0, 0, 0, 0.04);\\n  color: rgba(0, 0, 0, 0.87);\\n}\\n\\n.mat-option.mat-option-disabled {\\n  color: rgba(0, 0, 0, 0.38);\\n}\\n\\n.mat-optgroup-label {\\n  color: rgba(0, 0, 0, 0.54);\\n}\\n\\n.mat-optgroup-disabled .mat-optgroup-label {\\n  color: rgba(0, 0, 0, 0.38);\\n}\\n\\n.mat-pseudo-checkbox {\\n  color: rgba(0, 0, 0, 0.54);\\n}\\n\\n.mat-pseudo-checkbox::after {\\n  color: #fafafa;\\n}\\n\\n.mat-pseudo-checkbox-checked,\\n.mat-pseudo-checkbox-indeterminate,\\n.mat-accent .mat-pseudo-checkbox-checked,\\n.mat-accent .mat-pseudo-checkbox-indeterminate {\\n  background: #ffeb3b;\\n}\\n\\n.mat-primary .mat-pseudo-checkbox-checked,\\n.mat-primary .mat-pseudo-checkbox-indeterminate {\\n  background: #212121;\\n}\\n\\n.mat-warn .mat-pseudo-checkbox-checked,\\n.mat-warn .mat-pseudo-checkbox-indeterminate {\\n  background: #f44336;\\n}\\n\\n.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,\\n.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {\\n  background: #b0b0b0;\\n}\\n\\n.mat-app-background {\\n  background-color: #fafafa;\\n  color: rgba(0, 0, 0, 0.87);\\n}\\n\\n.mat-theme-loaded-marker {\\n  display: none;\\n}\\n\\n.mat-button,\\n.mat-icon-button,\\n.mat-stroked-button {\\n  background: transparent;\\n}\\n\\n.mat-button.mat-primary .mat-button-focus-overlay,\\n.mat-icon-button.mat-primary .mat-button-focus-overlay,\\n.mat-stroked-button.mat-primary .mat-button-focus-overlay {\\n  background-color: rgba(33, 33, 33, 0.12);\\n}\\n\\n.mat-button.mat-accent .mat-button-focus-overlay,\\n.mat-icon-button.mat-accent .mat-button-focus-overlay,\\n.mat-stroked-button.mat-accent .mat-button-focus-overlay {\\n  background-color: rgba(255, 235, 59, 0.12);\\n}\\n\\n.mat-button.mat-warn .mat-button-focus-overlay,\\n.mat-icon-button.mat-warn .mat-button-focus-overlay,\\n.mat-stroked-button.mat-warn .mat-button-focus-overlay {\\n  background-color: rgba(244, 67, 54, 0.12);\\n}\\n\\n.mat-button[disabled] .mat-button-focus-overlay,\\n.mat-icon-button[disabled] .mat-button-focus-overlay,\\n.mat-stroked-button[disabled] .mat-button-focus-overlay {\\n  background-color: transparent;\\n}\\n\\n.mat-button.mat-primary,\\n.mat-icon-button.mat-primary,\\n.mat-stroked-button.mat-primary {\\n  color: #212121;\\n}\\n\\n.mat-button.mat-accent,\\n.mat-icon-button.mat-accent,\\n.mat-stroked-button.mat-accent {\\n  color: #ffeb3b;\\n}\\n\\n.mat-button.mat-warn,\\n.mat-icon-button.mat-warn,\\n.mat-stroked-button.mat-warn {\\n  color: #f44336;\\n}\\n\\n.mat-button.mat-primary[disabled],\\n.mat-button.mat-accent[disabled],\\n.mat-button.mat-warn[disabled],\\n.mat-button[disabled][disabled],\\n.mat-icon-button.mat-primary[disabled],\\n.mat-icon-button.mat-accent[disabled],\\n.mat-icon-button.mat-warn[disabled],\\n.mat-icon-button[disabled][disabled],\\n.mat-stroked-button.mat-primary[disabled],\\n.mat-stroked-button.mat-accent[disabled],\\n.mat-stroked-button.mat-warn[disabled],\\n.mat-stroked-button[disabled][disabled] {\\n  color: rgba(0, 0, 0, 0.26);\\n}\\n\\n.mat-raised-button,\\n.mat-fab,\\n.mat-mini-fab {\\n  color: rgba(0, 0, 0, 0.87);\\n  background-color: white;\\n}\\n\\n.mat-raised-button.mat-primary,\\n.mat-fab.mat-primary,\\n.mat-mini-fab.mat-primary {\\n  color: white;\\n}\\n\\n.mat-raised-button.mat-accent,\\n.mat-fab.mat-accent,\\n.mat-mini-fab.mat-accent {\\n  color: rgba(0, 0, 0, 0.87);\\n}\\n\\n.mat-raised-button.mat-warn,\\n.mat-fab.mat-warn,\\n.mat-mini-fab.mat-warn {\\n  color: white;\\n}\\n\\n.mat-raised-button.mat-primary[disabled],\\n.mat-raised-button.mat-accent[disabled],\\n.mat-raised-button.mat-warn[disabled],\\n.mat-raised-button[disabled][disabled],\\n.mat-fab.mat-primary[disabled],\\n.mat-fab.mat-accent[disabled],\\n.mat-fab.mat-warn[disabled],\\n.mat-fab[disabled][disabled],\\n.mat-mini-fab.mat-primary[disabled],\\n.mat-mini-fab.mat-accent[disabled],\\n.mat-mini-fab.mat-warn[disabled],\\n.mat-mini-fab[disabled][disabled] {\\n  color: rgba(0, 0, 0, 0.26);\\n}\\n\\n.mat-raised-button.mat-primary,\\n.mat-fab.mat-primary,\\n.mat-mini-fab.mat-primary {\\n  background-color: #212121;\\n}\\n\\n.mat-raised-button.mat-accent,\\n.mat-fab.mat-accent,\\n.mat-mini-fab.mat-accent {\\n  background-color: #ffeb3b;\\n}\\n\\n.mat-raised-button.mat-warn,\\n.mat-fab.mat-warn,\\n.mat-mini-fab.mat-warn {\\n  background-color: #f44336;\\n}\\n\\n.mat-raised-button.mat-primary[disabled],\\n.mat-raised-button.mat-accent[disabled],\\n.mat-raised-button.mat-warn[disabled],\\n.mat-raised-button[disabled][disabled],\\n.mat-fab.mat-primary[disabled],\\n.mat-fab.mat-accent[disabled],\\n.mat-fab.mat-warn[disabled],\\n.mat-fab[disabled][disabled],\\n.mat-mini-fab.mat-primary[disabled],\\n.mat-mini-fab.mat-accent[disabled],\\n.mat-mini-fab.mat-warn[disabled],\\n.mat-mini-fab[disabled][disabled] {\\n  background-color: rgba(0, 0, 0, 0.12);\\n}\\n\\n.mat-raised-button.mat-primary .mat-ripple-element,\\n.mat-fab.mat-primary .mat-ripple-element,\\n.mat-mini-fab.mat-primary .mat-ripple-element {\\n  background-color: rgba(255, 255, 255, 0.2);\\n}\\n\\n.mat-raised-button.mat-accent .mat-ripple-element,\\n.mat-fab.mat-accent .mat-ripple-element,\\n.mat-mini-fab.mat-accent .mat-ripple-element {\\n  background-color: rgba(0, 0, 0, 0.2);\\n}\\n\\n.mat-raised-button.mat-warn .mat-ripple-element,\\n.mat-fab.mat-warn .mat-ripple-element,\\n.mat-mini-fab.mat-warn .mat-ripple-element {\\n  background-color: rgba(255, 255, 255, 0.2);\\n}\\n\\n.mat-button.mat-primary .mat-ripple-element {\\n  background-color: rgba(33, 33, 33, 0.1);\\n}\\n\\n.mat-button.mat-accent .mat-ripple-element {\\n  background-color: rgba(255, 235, 59, 0.1);\\n}\\n\\n.mat-button.mat-warn .mat-ripple-element {\\n  background-color: rgba(244, 67, 54, 0.1);\\n}\\n\\n.mat-flat-button {\\n  color: rgba(0, 0, 0, 0.87);\\n  background-color: white;\\n}\\n\\n.mat-flat-button.mat-primary {\\n  color: white;\\n}\\n\\n.mat-flat-button.mat-accent {\\n  color: rgba(0, 0, 0, 0.87);\\n}\\n\\n.mat-flat-button.mat-warn {\\n  color: white;\\n}\\n\\n.mat-flat-button.mat-primary[disabled],\\n.mat-flat-button.mat-accent[disabled],\\n.mat-flat-button.mat-warn[disabled],\\n.mat-flat-button[disabled][disabled] {\\n  color: rgba(0, 0, 0, 0.26);\\n}\\n\\n.mat-flat-button.mat-primary {\\n  background-color: #212121;\\n}\\n\\n.mat-flat-button.mat-accent {\\n  background-color: #ffeb3b;\\n}\\n\\n.mat-flat-button.mat-warn {\\n  background-color: #f44336;\\n}\\n\\n.mat-flat-button.mat-primary[disabled],\\n.mat-flat-button.mat-accent[disabled],\\n.mat-flat-button.mat-warn[disabled],\\n.mat-flat-button[disabled][disabled] {\\n  background-color: rgba(0, 0, 0, 0.12);\\n}\\n\\n.mat-flat-button.mat-primary .mat-ripple-element {\\n  background-color: rgba(255, 255, 255, 0.2);\\n}\\n\\n.mat-flat-button.mat-accent .mat-ripple-element {\\n  background-color: rgba(0, 0, 0, 0.2);\\n}\\n\\n.mat-flat-button.mat-warn .mat-ripple-element {\\n  background-color: rgba(255, 255, 255, 0.2);\\n}\\n\\n.mat-icon-button.mat-primary .mat-ripple-element {\\n  background-color: rgba(33, 33, 33, 0.2);\\n}\\n\\n.mat-icon-button.mat-accent .mat-ripple-element {\\n  background-color: rgba(255, 235, 59, 0.2);\\n}\\n\\n.mat-icon-button.mat-warn .mat-ripple-element {\\n  background-color: rgba(244, 67, 54, 0.2);\\n}\\n\\n.mat-dialog-container {\\n  background: white;\\n  color: rgba(0, 0, 0, 0.87);\\n}\\n\\n.cdk-overlay-pane {\\n  flex: 0 0 auto;\\n}\\n\\n.cdk-overlay-pane .mat-dialog-container {\\n  padding: 0;\\n}\\n\\n.cdk-overlay-backdrop.deep-dark-dialog-backdrop {\\n  background: rgba(0, 0, 0, 0.888);\\n}\\n\\nviega-header ul[menu-items] {\\n  list-style: none;\\n  margin: 0;\\n  padding: 0;\\n  color: #808080;\\n}\\n\\nviega-header ul[menu-items] li {\\n  float: left;\\n}\\n\\nviega-header ul[menu-items] li a {\\n  display: inline-block;\\n  height: 100%;\\n  font-family: \\\"HelveticaNeue-Regular\\\", Helvetica, Arial, sans-serif;\\n  font-size: .7em;\\n  letter-spacing: 1px;\\n  color: #808080;\\n  padding: 0.88em 1em;\\n  text-decoration: none;\\n  cursor: pointer;\\n  transition: .2s;\\n}\\n\\nviega-header ul[menu-items] li a:hover {\\n  color: #fff;\\n}\\n\\nviega-header ul[menu-items] li.viega-header-menu-separator {\\n  width: 1px;\\n  height: .8em;\\n  background: #808080;\\n  margin: 0.6em 0;\\n}\\n\\nviega-header ul[menu-items] li:last-child a {\\n  padding-right: 0;\\n}\\n\\nviega-header ul[mobile-panel-bottom] {\\n  list-style: none;\\n  margin: 0;\\n  padding: 0;\\n  color: #fff;\\n}\\n\\nviega-header ul[mobile-panel-bottom] li {\\n  display: block;\\n  background: #333;\\n  border-bottom: 1px solid #111;\\n}\\n\\nviega-header ul[mobile-panel-bottom] li a {\\n  display: block;\\n  letter-spacing: 1px;\\n  font-family: \\\"HelveticaNeue-Regular\\\", Helvetica, Arial, sans-serif;\\n  font-size: 1em;\\n  letter-spacing: 1px;\\n  padding: 1.6em 1.3em;\\n  text-decoration: none;\\n  color: #bebebe;\\n  transition: .2s;\\n  white-space: nowrap;\\n  cursor: pointer;\\n}\\n\\nviega-header ul[mobile-panel-bottom] li a:hover {\\n  color: #fff;\\n}\\n\\nviega-header ul[mobile-panel-bottom] li:last-child {\\n  border: none;\\n}\\n\\nviega-start-page *[panel] viega-button,\\nviega-start-page *[panel-mobile] viega-button {\\n  margin-top: 1.5em;\\n  display: block;\\n}\\n\\nviega-start-page *[panel] div,\\nviega-start-page *[panel-mobile] div {\\n  font-family: viega-bold, Helvetica, Roboto, Arial, sans-serif;\\n  font-size: 1em;\\n}\\n\\nviega-start-page *[panel] p,\\nviega-start-page *[panel-mobile] p {\\n  font-family: viega-thin, Helvetica, Roboto, Arial, sans-serif;\\n  margin: 0;\\n  letter-spacing: 0.5px;\\n}\\n\\n.mode-switcher {\\n  position: fixed;\\n  display: flex;\\n}\\n\\n@media (orientation: portrait) {\\n  .mode-switcher {\\n    bottom: 0;\\n    width: 100%;\\n    height: 4em;\\n    justify-content: center;\\n    background: #111;\\n    z-index: 5;\\n  }\\n\\n  .mode-switcher a {\\n    padding: 1.4em 3em;\\n  }\\n}\\n\\n@media (orientation: landscape) {\\n  .mode-switcher {\\n    top: 0;\\n    left: 8em;\\n    width: 71vw;\\n    justify-content: left;\\n    z-index: 101;\\n  }\\n\\n  .mode-switcher a {\\n    padding: 1.1em 1.1em;\\n  }\\n}\\n\\n.mode-switcher a {\\n  font-family: viega-bold, Helvetica, Roboto, Arial, sans-serif;\\n  color: #f1f4f4;\\n  cursor: pointer;\\n}\\n\\n.mode-switcher a.active {\\n  color: #ffed00;\\n}\\n\\n.hide {\\n  display: none;\\n}\\n\\n\", \"\"]);\n\n// exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/css-loader!./node_modules/resolve-url-loader!./node_modules/sass-loader/lib/loader.js?sourceMap!./src/app/mobile/articles/articles.component.scss\n// module id = 5JSJ\n// module chunks = 1 4","\n        var result = require(\"!!../../../../node_modules/css-loader/index.js!../../../../node_modules/resolve-url-loader/index.js!../../../../node_modules/sass-loader/lib/loader.js?sourceMap!./articles.component.scss\");\n\n        if (result && result.__esModule) {\n            result = result.default;\n        }\n\n        if (typeof result === \"string\") {\n            module.exports = result;\n        } else {\n            module.exports = result.toString();\n        }\n    \n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/app/mobile/articles/articles.component.scss\n// module id = 5r2V\n// module chunks = 1 4","\n        var result = require(\"!!../../../../../node_modules/css-loader/index.js!../../../../../node_modules/resolve-url-loader/index.js!../../../../../node_modules/sass-loader/lib/loader.js?sourceMap!./article-carousel.component.scss\");\n\n        if (result && result.__esModule) {\n            result = result.default;\n        }\n\n        if (typeof result === \"string\") {\n            module.exports = result;\n        } else {\n            module.exports = result.toString();\n        }\n    \n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/app/mobile/articles/article-carousel/article-carousel.component.scss\n// module id = NFet\n// module chunks = 1 4","import { Component, OnInit, AfterViewInit, ElementRef, ViewChild, HostListener, OnDestroy, QueryList, ViewChildren, Input } from '@angular/core';\nimport { Router, ActivatedRoute } from '@angular/router';\nimport { MatDialog } from '@angular/material';\n\nimport { LoadingStateService } from 'viega-common/services/loading-state-service';\n\nimport { ModelDataService } from \"../../../core/model-data.service\";\nimport { ArticleDataService } from \"../../../core/article-data.service\";\nimport { WebTrekkService } from '../../../core/web-trekk.service';\nimport { PathService } from '../../../core/path.service';\nimport { IModel } from '../../../core/IModel';\nimport { IArticle } from '../../../core/IArticle';\nimport { IPlateColorpickerDialogData, IPlateColorpickerDialogResult, PlateColorpickerDialogComponent } from '../../../shared/plate-colorpicker-dialog/plate-colorpicker-dialog.component';\nimport { AppStateService } from 'app/core/app-state.service';\n\ninterface Point {\n    x: number;\n    y: number;\n}\n\ninterface SlideIndexObj {\n    index2d: Point;\n    offset2d: Point;\n}\n\n@Component({\n    selector: 'article-carousel',\n    templateUrl: './article-carousel.component.html',\n    styleUrls: ['./article-carousel.component.scss'],\n})\nexport class ArticleCarouselComponent implements OnInit, AfterViewInit {\n    private isViewInitialized: boolean = false;\n\n    private dragStart: Point;\n    private dragStartTime: number;\n    private dragDelta: Point = { x: 0, y: 0 };\n    private isHorizontalDrag: boolean;\n    private slideIndexes: SlideIndexObj[];\n    private slidingElements: number;\n    /** Size of one slide element. */\n    private slideSize: Point;\n    /** The index of the current article per each plate. */\n    private currentArticleIndexes: { [plateIndex: number]: number };\n    /** Mode should also be appended to this */\n    private uniqueIdPrefix: string = \"._ma\";\n    private wasDragging: boolean = false;\n\n    /** 'wc' or 'urinal' */\n    @Input()\n    public mode: string = 'wc';\n\n    /** The index of the plate which is currently being displayed to the user. */\n    public currentPlateIndex: number = 0;\n    /** The index of the article which is currently being displayed to the user. */\n    public currentArticleIndex: number = 0;\n    public plates: IModel[];\n    public plateArticles: IArticle[][];\n    public plateSpecialArticles: IArticle[][];\n    public transitionSpeed = 100; // ms\n    public startsDragging: boolean = false;\n    public isDragging: boolean = false;\n\n    public get currentPlate(): IModel {\n        return this.plates[this.currentPlateIndex];\n    }\n\n    public get currentArticle(): IArticle {\n        return this.currentArticles[this.currentArticleIndex];\n    }\n\n    public get currentArticles(): IArticle[] {\n        return this.plateArticles[this.currentPlateIndex];\n    }\n\n    @ViewChild(\"measureItem\")\n    public measureItem: ElementRef;\n\n    @ViewChildren(\"plates\")\n    public platesNgFor: QueryList<any>;\n\n    constructor(\n        private modelService: ModelDataService,\n        private pathService: PathService,\n        private appState: AppStateService,\n        public articleService: ArticleDataService,\n        private loadingService: LoadingStateService,\n        private hostElement: ElementRef,\n        private router: Router,\n        private route: ActivatedRoute,\n        private tracker: WebTrekkService,\n        private dialog: MatDialog) {}\n\n    public ngOnInit() {\n        this.plates = [];\n        this.plateArticles = [];\n        this.plateSpecialArticles = [];\n        this.currentArticleIndexes = [];\n\n        this.loadingService.addLoad();\n        const subscription = this.modelService.getPlates(true) // TODO: set to false next time after running the aggregator\n            .filter(m => {\n                let appliance: number;\n                if (this.mode === 'urinal')\n                    appliance = 0;\n                else if (this.mode === 'wc')\n                    appliance = 1;\n                else\n                    throw new Error(`The configured mode ${this.mode} is invalid.`);\n\n                return (m.attributes[\"plate-appliance\"][0] === appliance);\n            })\n            .toArray()\n            .subscribe(\n                (plates: IModel[]) => plates.forEach(p => this.receivePlate(p)),\n                console.error,\n                () => this.loadingService.removeLoad());\n\n        this.tracker.trackEvent('mobile');\n\n        this.appState.setMobilePulldown(false);\n    }\n\n    private receivePlate(plate: IModel) {\n        const plateIndex = this.plates.push(plate) - 1;\n\n        this.loadingService.addLoad();\n        const subscription = this.articleService.getArticlesOfModel(false, plate.key)\n            .toArray()\n            .subscribe(\n                (articles: IArticle[]) => {\n                    // make sure there's only one special color article in the list\n                    let containsSpecialArticle: boolean = false;\n                    for (let i = 0; i < articles.length; i++) {\n                        const article = articles[i];\n                        if (this.articleService.isSpecialColorArticle(article)) {\n                            if (containsSpecialArticle) {\n                                articles.splice(i, 1);\n                                i--;\n                            }\n\n                            containsSpecialArticle = true;\n                            if (this.plateSpecialArticles[plateIndex] === undefined)\n                                this.plateSpecialArticles[plateIndex] = [];\n\n                            this.plateSpecialArticles[plateIndex].push(article);\n                        }\n                    }\n\n                    this.plateArticles[plateIndex] = articles;\n                    this.currentArticleIndexes[plateIndex] = 0;\n                },\n                console.error,\n                () => this.loadingService.removeLoad());\n    }\n\n    public ngAfterViewInit() {\n        // some plates may have been rendered already. If not, we gotta wait for ngFor to render anything.\n        if (this.platesNgFor.length > 0) {\n            this.onLoadComplete();\n        } else {\n            const platesNgForSubscription = this.platesNgFor.changes.subscribe(n => {\n                this.onLoadComplete();\n                platesNgForSubscription.unsubscribe();\n            },\n            console.error);\n        }\n\n        this.currentPlateIndex = 0;\n        this.currentArticleIndex = 0;\n    }\n\n    private onLoadComplete() {\n        console.assert(this.plates.length > 0, \"no plates were received\");\n        this.remeasure();\n        this.resetSlides();\n    }\n\n    @HostListener('window:resize', ['$event'])\n    public onResize(event) {\n        this.remeasure();\n        this.resetSlides();\n    }\n\n    @HostListener(\"mousedown\", ['$event'])\n    public onMouseDown(event: MouseEvent) {\n        if (event.which !== 1)\n            return;\n\n        if (this.isDragging) {\n            this.endDrag();\n            return;\n        }\n\n        event.preventDefault();\n        this.initDrag({\n            x: event.pageX,\n            y: event.pageY\n        });\n\n        event.stopPropagation();\n    }\n\n    @HostListener(\"mousemove\", ['$event'])\n    public onMouseMove(event: MouseEvent) {\n        this.performDrag({\n            x: event.pageX,\n            y: event.pageY\n        });\n\n        event.preventDefault();\n        event.stopPropagation();\n    }\n\n    @HostListener(\"mouseup\", ['$event'])\n    public onMouseUp(event: MouseEvent) {\n        if (event.which !== 1)\n            return;\n\n        this.endDrag();\n\n        if (!this.wasDragging)\n            this.chooseArticle(this.currentArticle);\n\n        event.preventDefault();\n        event.stopPropagation();\n    }\n\n    @HostListener(\"mouseout\", ['$event'])\n    public onMouseOut(event: MouseEvent) {\n        const outElement = event.relatedTarget as any;\n        if (outElement === null || outElement.nodeName === 'HTML' || outElement.nodeName === 'BODY')\n            this.endDrag();\n    }\n\n    // NOTE: do NOT use TouchEvent here. It will break firefox compatibility!\n    @HostListener(\"touchstart\", ['$event'])\n    public onTouchStart(event: any) {\n        const primaryTouch: Touch = event.touches[0];\n\n        this.initDrag({\n            x: primaryTouch.pageX,\n            y: primaryTouch.pageY\n        });\n\n        event.stopPropagation();\n    }\n\n    // NOTE: do NOT use TouchEvent here. It will break firefox compatibility!\n    @HostListener(\"touchmove\", ['$event'])\n    public onTouchMove(event: any) {\n        const isMultitouch = event.touches.length > 1;\n        if (isMultitouch)\n            return;\n\n        const touch: Touch = event.touches[0];\n        this.performDrag({\n            x: touch.pageX,\n            y: touch.pageY\n        });\n    }\n\n    // NOTE: do NOT use TouchEvent here. It will break firefox compatibility!\n    @HostListener(\"touchend\", ['$event'])\n    public onTouchEnd(event: any) {\n        this.endDrag();\n\n        event.stopPropagation();\n\n        if (!this.wasDragging)\n            this.chooseArticle(this.currentArticle);\n    }\n\n    // NOTE: do NOT use TouchEvent here. It will break firefox compatibility!\n    @HostListener(\"touchcancel\", ['$event'])\n    public onTouchCancel(event: any) {\n        this.endDrag();\n        event.stopPropagation();\n    }\n\n    private chooseArticle(article: IArticle) {\n        // query parameters meant to be applied to any route called from here\n        const baseQueryParams = this.appState.urlQueryParamsBaseMap();\n\n        if (this.articleService.isSpecialColorArticle(article)) {\n            const specialArticles: IArticle[] = this.plateSpecialArticles[this.currentPlateIndex];\n\n            const dialogData: IPlateColorpickerDialogData = {\n                specialColorArticles: specialArticles,\n                isMobileMode: true\n            };\n            const dialogRef = this.dialog.open(PlateColorpickerDialogComponent, {\n                data: dialogData\n            });\n\n            dialogRef.afterClosed().subscribe((result: IPlateColorpickerDialogResult) => {\n                if (result === undefined)\n                    return; // do nothing\n\n                baseQueryParams.ac = result.selectedSpecialColor.stringRepresentation;\n                this.router.navigate(['.', result.selectedArticle.key], { queryParams: baseQueryParams, relativeTo: this.route });\n            },\n            console.error);\n        } else {\n            this.router.navigate(['.', this.currentArticle.key], { queryParams: baseQueryParams, relativeTo: this.route });\n        }\n    }\n\n    /** Instantly moves all slides to their initial position. */\n    public resetSlides() {\n        for (let x = 0; x < this.plates.length; x++) {\n            for (let y = 0; y < this.plateArticles[x].length; y++) {\n                this.setSlidePosition({ x, y }, 10000, 0, 0);\n            }\n        }\n\n        this.setSlidePosition({ x: this.currentPlateIndex, y: this.currentArticleIndex }, 0, 0);\n    }\n\n    /** Measures the size of one slide / article. */\n    public remeasure() {\n        console.assert(this.measureItem !== undefined, \"#measureItem doesn't seem to be in the view.\");\n        this.slideSize = {\n            x: this.measureItem.nativeElement.clientWidth,\n            y: this.measureItem.nativeElement.clientHeight\n        };\n    }\n\n    private initDrag(pageLocation: Point) {\n        this.dragStart = pageLocation;\n        this.dragStartTime = Date.now(); // to determine touch duration\n        this.startsDragging = true;\n        this.isDragging = false;\n        this.wasDragging = false;\n    }\n\n    private performDrag(currentLocation: Point) {\n        if (!this.startsDragging)\n            return;\n\n        this.dragDelta = {\n            x: currentLocation.x - this.dragStart.x,\n            y: currentLocation.y - this.dragStart.y\n        };\n\n        // initialize some more variables for the current drag operation once the direction is known\n        if (!this.isDragging) {\n            this.isHorizontalDrag = (Math.abs(this.dragDelta.x) > Math.abs(this.dragDelta.y));\n            this.setSlideIndexes();\n            this.moveSlides(0, 0);\n            this.isDragging = true;\n            this.wasDragging = false;\n        } else {\n            // increase drag resistance when there's just one element\n            if (this.slidingElements === 1)  {\n                if (this.isHorizontalDrag)\n                    this.dragDelta.x /= 6;\n                else\n                    this.dragDelta.y /= 6;\n            }\n\n            this.moveSlides(this.isHorizontalDrag ? this.dragDelta.x : this.dragDelta.y, 0);\n        }\n\n        // consider this an actual dragging operation only, if the element has been dragged over a certain distance.\n        // this is important for distinguishing between the \"click\" of an article and a drag of it .\n        if (!this.wasDragging && (Math.abs(this.dragDelta.x) > 10 || Math.abs(this.dragDelta.y) > 10)) {\n            this.wasDragging = true;\n        }\n    }\n\n    private endDrag() {\n        if (!this.isDragging) {\n            // ensure that an upcoming drag operation is fully cancelled, even if a click happened but the mouse hasn't been moved yet\n            this.startsDragging = false;\n            return;\n        }\n\n        const isShortDuration = Number(Date.now() - this.dragStartTime) < 250;\n        if (this.isHorizontalDrag) {\n            const isValidSlide =\n                (isShortDuration && Math.abs(this.dragDelta.x) > 20) ||\n                Math.abs(this.dragDelta.x) > this.slideSize.x / 5;\n\n            if (isValidSlide && this.slidingElements > 1) {\n                const direction = this.dragDelta.x > 0 ? 1 : -1;\n\n                this.moveSlides(this.slideSize.x * direction, this.transitionSpeed);\n\n                this.currentPlateIndex = this.offsetPlateIndex(-direction);\n                this.currentArticleIndex = this.currentArticleIndexes[this.currentPlateIndex];\n            } else {\n                this.moveSlides(0, this.transitionSpeed);\n            }\n        } else {\n            const isValidSlide =\n                (isShortDuration && Math.abs(this.dragDelta.y) > 20) ||\n                Math.abs(this.dragDelta.y) > this.slideSize.y / 5;\n\n            if (isValidSlide && this.slidingElements > 1) {\n                const direction = this.dragDelta.y > 0 ? 1 : -1;\n\n                this.moveSlides(this.slideSize.y * direction, this.transitionSpeed);\n\n                this.currentArticleIndex = this.currentArticleIndexes[this.currentPlateIndex] =\n                    this.offsetArticleIndex(-direction);\n            } else {\n                this.moveSlides(0, this.transitionSpeed);\n            }\n        }\n\n        this.startsDragging = false;\n        this.isDragging = false;\n    }\n\n    /**\n     * When a slide operation takes place, three items are involved: the current slide, the previous and the next\n     * This method will find the correct slides with their indexes and offset indexes, so that the actual slide\n     * operation has all necessary data prepared.\n     */\n    private setSlideIndexes() {\n        if (this.isHorizontalDrag) {\n            const prevPlateIdx = this.offsetPlateIndex(-1);\n            const prevPlateArticleIdx = this.currentArticleIndexes[prevPlateIdx];\n            const nextPlateIdx = this.offsetPlateIndex(+1);\n            const nextPlateArticleIdx = this.currentArticleIndexes[nextPlateIdx];\n\n            this.slideIndexes = [\n                {\n                    index2d: { x: prevPlateIdx, y: prevPlateArticleIdx },\n                    offset2d: { x: -1, y: 0 }\n                },\n                {\n                    index2d: { x: this.currentPlateIndex, y: this.currentArticleIndex },\n                    offset2d: { x: 0, y: 0 }\n                },\n                {\n                    index2d: { x: nextPlateIdx, y: nextPlateArticleIdx },\n                    offset2d: { x: +1, y: 0 }\n                }];\n\n            if (this.slideIndexes[0].index2d.x === this.slideIndexes[2].index2d.x)\n                this.slidingElements = 2;\n            else\n                this.slidingElements = 3;\n        } else {\n            if (this.currentArticles.length > 1) {\n                this.slideIndexes = [\n                    {\n                        index2d: { x: this.currentPlateIndex, y: this.offsetArticleIndex(+1) },\n                        offset2d: { x: 0, y: +1 }\n                    },\n                    {\n                        index2d: { x: this.currentPlateIndex, y: this.currentArticleIndex },\n                        offset2d: { x: 0, y: 0 }\n                    },\n                    {\n                        index2d: { x: this.currentPlateIndex, y: this.offsetArticleIndex(-1) },\n                        offset2d: { x: 0, y: -1 }\n                    }];\n\n                if (this.slideIndexes[0].index2d.y === this.slideIndexes[2].index2d.y)\n                    this.slidingElements = 2;\n                else\n                    this.slidingElements = 3;\n            } else {\n                this.slideIndexes = [\n                    {\n                        index2d: { x: this.currentPlateIndex, y: this.currentArticleIndex },\n                        offset2d: { x: 0, y: 0 }\n                    }];\n                this.slidingElements = 1;\n            }\n        }\n    }\n\n    private moveSlides(offset: number, transitionTime: number = 0) {\n        this.slideIndexes.forEach((slideIndexObj: SlideIndexObj, index: number) => {\n            let newPosX = 0;\n            let newPosY = 0;\n            if (this.isHorizontalDrag)\n                newPosX = offset + (slideIndexObj.offset2d.x * this.slideSize.x);\n            else\n                newPosY = offset + (slideIndexObj.offset2d.y * this.slideSize.y);\n\n            // if there are more than two items, move all three slides normally.\n            // however, if there are only two items ensure that the second one isn't moved twice\n            if (this.slidingElements !== 2 || index === 1 || (index === 0 && offset < 0) || (index === 2 && offset > 0))\n                this.setSlidePosition(slideIndexObj.index2d, newPosX, newPosY, transitionTime);\n        });\n    }\n\n    private setSlidePosition(index2d: Point, newPosX: number, newPosY: number, transitionTime: number = 0) {\n        const element = this.getSlideElement(index2d);\n        const elementRect = element.getBoundingClientRect();\n        const isHorizontalMovement = newPosX !== 0;\n        const isLongDistance =\n            (isHorizontalMovement && Math.abs(elementRect.left - newPosX) > window.innerWidth) ||\n            (!isHorizontalMovement && Math.abs(elementRect.top - newPosY) > window.innerHeight * 1.3);\n\n        if (isLongDistance)\n            transitionTime = 0;\n\n        element.style.transition = `${transitionTime}ms`;\n        element.style.transform = `translate(${newPosX}px, ${newPosY}px)`;\n    }\n\n    private getSlideElement(index2d: Point): HTMLElement {\n        const name = `${this.uniqueIdPrefix}${this.mode}${index2d.x},${index2d.y}`;\n        const element = document.getElementById(name);\n\n        console.assert(element !== undefined);\n        return element;\n    }\n\n    private offsetPlateIndex(offset: number): number {\n        return ArticleCarouselComponent.circleIndex(this.currentPlateIndex + offset, this.plates.length);\n    }\n\n    private offsetArticleIndex(offset: number) {\n        return ArticleCarouselComponent.circleIndex(this.currentArticleIndex + offset, this.currentArticles.length);\n    }\n\n    private static circleIndex(index: number, count: number): number {\n        if (index < 0)\n            return count + index;\n        else if (index >= count)\n            return index - count;\n        else\n            return index;\n    }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./src/app/mobile/articles/article-carousel/article-carousel.component.ts","import { Component, OnInit, OnDestroy, ContentChildren, ContentChild, ViewChild } from '@angular/core';\nimport { AppStateService } from '../../core/app-state.service';\nimport { ActivatedRoute, Router, ActivationEnd } from '@angular/router';\nimport { Subscription } from 'rxjs';\nimport { ArticleCarouselComponent } from './article-carousel/article-carousel.component';\nimport { createContentChildren } from '@angular/compiler/src/core';\n\n@Component({\n    selector: 'articles',\n    templateUrl: './articles.component.html',\n    styleUrls: ['./articles.component.scss'],\n})\nexport class ArticlesComponent implements OnInit, OnDestroy {\n    /** 'wc' or 'urinal' */\n    public activeMode: string = 'wc';\n    public articleDetailsKey: string = \"\";\n    public isViewingDetails: boolean = false;\n\n    @ViewChild(ArticleCarouselComponent)\n    public carousel: ArticleCarouselComponent;\n\n    private routeSubscription: Subscription;\n\n    constructor(private appState: AppStateService,\n                private router: Router,\n                private route: ActivatedRoute) {}\n\n    public ngOnInit() {\n        this.routeSubscription = this.router.events.subscribe(event => {\n            if (event instanceof ActivationEnd) {\n                this.isViewingDetails = this.route.children.length > 0;\n                // when going back from details view to the active carousel, the size (or orientation) may have changed and\n                // the carousel should realign the contents just in case.\n                if (!this.isViewingDetails) {\n                    // hacky way to ensure that the carousel is actually visible (not hidden) when it performs its remeasuring...\n                    window.setTimeout(() => {\n                        this.carousel.remeasure();\n                        this.carousel.resetSlides();\n                    }, 1);\n                }\n            }\n        }, console.error);\n\n        this.isViewingDetails = this.route.children.length > 0;\n    }\n\n    public switchMode(newMode: string) {\n        if (newMode !== 'wc' && newMode !== 'urinal')\n            throw new Error(`Invalid mode \"${newMode}\" given.`);\n\n        this.activeMode = newMode;\n    }\n\n    public ngOnDestroy() {\n        this.routeSubscription.unsubscribe();\n    }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./src/app/mobile/articles/articles.component.ts","import { Component, OnInit, Input, OnDestroy } from '@angular/core';\nimport { ActivatedRoute } from '@angular/router';\nimport { Subscription } from 'rxjs';\n\nimport { LoadingStateService } from 'viega-common/services/loading-state-service';\nimport { SpecialColorSelection } from '../../../shared/SpecialColorSelection';\n\nimport { ArticleDataService } from '../../../core/article-data.service';\nimport { ModelDataService } from '../../../core/model-data.service';\nimport { PathService } from '../../../core/path.service';\nimport { IModel } from '../../../core/IModel';\nimport { IArticle } from '../../../core/IArticle';\nimport { PdfGeneratorService } from '../../../core/pdf-generator.service';\nimport { DataProviderService } from '../../../core/data-provider.service';\nimport { IDataSource } from '../../../core/IDataSource';\nimport { IHint } from '../../../core/IHint';\nimport { IProduct } from '../../../core/IProduct';\nimport { IMetalColor } from '../../../core/IMetalColor';\nimport { AppStateService } from 'app/core/app-state.service';\n\n@Component({\n    selector: 'article-details',\n    templateUrl: './article-details.component.html',\n    styleUrls: ['./article-details.component.scss']\n})\nexport class ArticleDetailsComponent implements OnInit, OnDestroy {\n    private articleHints: { [articleNo: string]: IHint[] };\n    private metalColorsMap: { [id: number]: IMetalColor };\n    public plate: IModel;\n    public article: IArticle;\n    public articleKey: string;\n    public specialColor: SpecialColorSelection;\n\n    private routeParamsSubscription: Subscription;\n    private routeQueryParamsSubscription: Subscription;\n\n    constructor(\n        private route: ActivatedRoute,\n        private pathService: PathService,\n        private appState: AppStateService,\n        private dataSource: DataProviderService,\n        private loadingService: LoadingStateService,\n        public articleService: ArticleDataService,\n        private modelService: ModelDataService,\n        private pdfGenerator: PdfGeneratorService\n    ) {}\n\n    public ngOnInit() {\n        this.loadingService.addLoad();\n        this.pdfGenerator.preloadFonts();\n\n        this.loadingService.addLoad();\n        this.dataSource.getData(true).subscribe(\n            (data: IDataSource) => {\n                this.articleHints = data.hints;\n                this.metalColorsMap = data[\"metal-colors\"];\n            },\n            console.error,\n            () => this.loadingService.removeLoad());\n\n        this.routeParamsSubscription = this.route.params.subscribe(params => {\n            this.articleKey = params['akey'];\n\n            this.articleService.getArticle(this.articleKey).subscribe(article => {\n                this.article = article;\n\n                this.modelService.getModel(article[\"model-key\"]).subscribe(plate => {\n                    this.plate = plate;\n                    this.loadingService.removeLoad();\n                }, console.error);\n            }, console.error);\n        }, console.error);\n\n        this.routeQueryParamsSubscription = this.route.queryParams.subscribe(params => {\n            const specialColorString = params['ac'];\n            if (specialColorString !== undefined)\n                this.specialColor = SpecialColorSelection.fromString(specialColorString);\n            else\n                this.specialColor = undefined;\n        }, console.error);\n    }\n\n    public ngOnDestroy() {\n        this.routeParamsSubscription.unsubscribe();\n        this.routeQueryParamsSubscription.unsubscribe();\n    }\n\n    public generatePdf() {\n        const product: IProduct = { model: this.plate, article: this.article };\n        this.pdfGenerator.generatePdf([product], [], this.articleHints, this.specialColor, undefined, false, this.metalColorsMap);\n    }\n\n    public getBackQueryParams() {\n        return this.appState.urlQueryParamsBaseMap();\n    }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./src/app/mobile/articles/article-details/article-details.component.ts","import { Routes } from '@angular/router';\nimport { ArticlesComponent } from './articles/articles.component';\nimport { ArticleDetailsComponent } from './articles/article-details/article-details.component';\n\nexport const MOBILE_ROUTES: Routes = [\n    { path: '', component: ArticlesComponent, children: [\n        { path: ':akey', component: ArticleDetailsComponent }\n    ] },\n];\n\n\n\n// WEBPACK FOOTER //\n// ./src/app/mobile/mobile.routes.ts","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { SharedModule } from '../shared/shared.module';\nimport { RouterModule } from '@angular/router';\nimport { ViegaCommonModule } from 'viega-common';\nimport { ArticlesComponent } from \"./articles/articles.component\";\nimport { ArticleCarouselComponent } from \"./articles/article-carousel/article-carousel.component\";\nimport { ArticleDetailsComponent } from \"./articles/article-details/article-details.component\";\nimport { MOBILE_ROUTES } from './mobile.routes';\n\n@NgModule({\n    declarations: [\n        ArticlesComponent,\n        ArticleCarouselComponent,\n        ArticleDetailsComponent,\n    ],\n    imports: [\n        CommonModule,\n        SharedModule,\n        ViegaCommonModule,\n        RouterModule.forChild(MOBILE_ROUTES)\n    ]\n})\nexport class MobileModule {}\n\n\n\n// WEBPACK FOOTER //\n// ./src/app/mobile/mobile.module.ts","module.exports = \"<ng-container *ngIf=\\\"plate !== undefined && article !== undefined\\\">\\n    <div class=\\\"content-wrapper\\\">\\n        <div class=\\\"image-wrapper\\\">\\n            <img [src]=\\\"pathService.articleImagePath(plate, article, 'front', 'medium', specialColor ? specialColor.stringRepresentation : undefined)\\\">\\n            <span class=\\\"overlay\\\" *ngIf=\\\"articleService.isSpecialColorArticle(article);\\\">\\n                {{ 'product-details-special-color-overlay' | translate }}\\n            </span>\\n        </div>\\n\\n        <product-description-text\\n            [model]=\\\"plate\\\"\\n            [article]=\\\"article\\\"\\n            [displayArticleDetails]=\\\"true\\\"\\n            [specialColor]=\\\"specialColor\\\">\\n        </product-description-text>\\n    </div>\\n\\n    <div class=\\\"button-wrapper\\\">\\n        <viega-button (click)=\\\"generatePdf()\\\">\\n            {{\\\"segment-result-pdf-button\\\" | translate}}\\n        </viega-button>\\n        <viega-button type=\\\"secondary\\\" [routerLink]=\\\"['..']\\\" [queryParams]=\\\"getBackQueryParams()\\\">\\n            {{\\\"generic-back-button\\\" | translate}}\\n        </viega-button>\\n    </div>\\n</ng-container>\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/app/mobile/articles/article-details/article-details.component.html\n// module id = QS+w\n// module chunks = 1 4","exports = module.exports = require(\"../../../../../node_modules/css-loader/lib/css-base.js\")(false);\n// imports\n\n\n// module\nexports.push([module.id, \"/**\\n * Applies styles for users in high contrast mode. Note that this only applies\\n * to Microsoft browsers. Chrome can be included by checking for the `html[hc]`\\n * attribute, however Chrome handles high contrast differently.\\n */\\n\\n/* Theme for the ripple elements.*/\\n\\n/* stylelint-disable material/no-prefixes */\\n\\n/* stylelint-enable */\\n\\n.mat-elevation-z0 {\\n  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);\\n}\\n\\n.mat-elevation-z1 {\\n  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);\\n}\\n\\n.mat-elevation-z2 {\\n  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);\\n}\\n\\n.mat-elevation-z3 {\\n  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);\\n}\\n\\n.mat-elevation-z4 {\\n  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);\\n}\\n\\n.mat-elevation-z5 {\\n  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);\\n}\\n\\n.mat-elevation-z6 {\\n  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);\\n}\\n\\n.mat-elevation-z7 {\\n  box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);\\n}\\n\\n.mat-elevation-z8 {\\n  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);\\n}\\n\\n.mat-elevation-z9 {\\n  box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12);\\n}\\n\\n.mat-elevation-z10 {\\n  box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12);\\n}\\n\\n.mat-elevation-z11 {\\n  box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12);\\n}\\n\\n.mat-elevation-z12 {\\n  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);\\n}\\n\\n.mat-elevation-z13 {\\n  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);\\n}\\n\\n.mat-elevation-z14 {\\n  box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12);\\n}\\n\\n.mat-elevation-z15 {\\n  box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12);\\n}\\n\\n.mat-elevation-z16 {\\n  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);\\n}\\n\\n.mat-elevation-z17 {\\n  box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12);\\n}\\n\\n.mat-elevation-z18 {\\n  box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12);\\n}\\n\\n.mat-elevation-z19 {\\n  box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12);\\n}\\n\\n.mat-elevation-z20 {\\n  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12);\\n}\\n\\n.mat-elevation-z21 {\\n  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12);\\n}\\n\\n.mat-elevation-z22 {\\n  box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12);\\n}\\n\\n.mat-elevation-z23 {\\n  box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12);\\n}\\n\\n.mat-elevation-z24 {\\n  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);\\n}\\n\\n.mat-h1,\\n.mat-headline,\\n.mat-typography h1 {\\n  font: 400 24px/32px Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n  margin: 0 0 16px;\\n}\\n\\n.mat-h2,\\n.mat-title,\\n.mat-typography h2 {\\n  font: 500 20px/32px Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n  margin: 0 0 16px;\\n}\\n\\n.mat-h3,\\n.mat-subheading-2,\\n.mat-typography h3 {\\n  font: 400 16px/28px Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n  margin: 0 0 16px;\\n}\\n\\n.mat-h4,\\n.mat-subheading-1,\\n.mat-typography h4 {\\n  font: 400 15px/24px Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n  margin: 0 0 16px;\\n}\\n\\n.mat-h5,\\n.mat-typography h5 {\\n  font: 400 11.62px/20px Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n  margin: 0 0 12px;\\n}\\n\\n.mat-h6,\\n.mat-typography h6 {\\n  font: 400 9.38px/20px Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n  margin: 0 0 12px;\\n}\\n\\n.mat-body-strong,\\n.mat-body-2 {\\n  font: 500 14px/24px Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n}\\n\\n.mat-body,\\n.mat-body-1,\\n.mat-typography {\\n  font: 400 14px/20px Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n}\\n\\n.mat-body p,\\n.mat-body-1 p,\\n.mat-typography p {\\n  margin: 0 0 12px;\\n}\\n\\n.mat-small,\\n.mat-caption {\\n  font: 400 12px/20px Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n}\\n\\n.mat-display-4,\\n.mat-typography .mat-display-4 {\\n  font: 300 112px/112px Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n  margin: 0 0 56px;\\n  letter-spacing: -0.05em;\\n}\\n\\n.mat-display-3,\\n.mat-typography .mat-display-3 {\\n  font: 400 56px/56px Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n  margin: 0 0 64px;\\n  letter-spacing: -0.02em;\\n}\\n\\n.mat-display-2,\\n.mat-typography .mat-display-2 {\\n  font: 400 45px/48px Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n  margin: 0 0 64px;\\n  letter-spacing: -0.005em;\\n}\\n\\n.mat-display-1,\\n.mat-typography .mat-display-1 {\\n  font: 400 34px/40px Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n  margin: 0 0 64px;\\n}\\n\\n.mat-button,\\n.mat-raised-button,\\n.mat-icon-button,\\n.mat-stroked-button,\\n.mat-flat-button,\\n.mat-fab,\\n.mat-mini-fab {\\n  font-family: Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n  font-size: 14px;\\n  font-weight: 500;\\n}\\n\\n.mat-button-toggle {\\n  font-family: Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n}\\n\\n.mat-card {\\n  font-family: Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n}\\n\\n.mat-card-title {\\n  font-size: 24px;\\n  font-weight: 400;\\n}\\n\\n.mat-card-subtitle,\\n.mat-card-content,\\n.mat-card-header .mat-card-title {\\n  font-size: 14px;\\n}\\n\\n.mat-checkbox {\\n  font-family: Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n}\\n\\n.mat-checkbox-layout .mat-checkbox-label {\\n  line-height: 24px;\\n}\\n\\n.mat-chip {\\n  font-size: 13px;\\n  line-height: 18px;\\n}\\n\\n.mat-chip .mat-chip-remove.mat-icon {\\n  font-size: 18px;\\n}\\n\\n.mat-table {\\n  font-family: Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n}\\n\\n.mat-header-cell {\\n  font-size: 12px;\\n  font-weight: 500;\\n}\\n\\n.mat-cell {\\n  font-size: 14px;\\n}\\n\\n.mat-calendar {\\n  font-family: Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n}\\n\\n.mat-calendar-body {\\n  font-size: 13px;\\n}\\n\\n.mat-calendar-body-label,\\n.mat-calendar-period-button {\\n  font-size: 14px;\\n  font-weight: 500;\\n}\\n\\n.mat-calendar-table-header th {\\n  font-size: 11px;\\n  font-weight: 400;\\n}\\n\\n.mat-dialog-title {\\n  font: 500 20px/32px Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n}\\n\\n.mat-expansion-panel-header {\\n  font-family: Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n  font-size: 15px;\\n  font-weight: 400;\\n}\\n\\n.mat-expansion-panel-content {\\n  font: 400 14px/20px Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n}\\n\\n.mat-form-field {\\n  font-size: inherit;\\n  font-weight: 400;\\n  line-height: 1.125;\\n  font-family: Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n}\\n\\n.mat-form-field-wrapper {\\n  padding-bottom: 1.25em;\\n}\\n\\n.mat-form-field-prefix .mat-icon,\\n.mat-form-field-suffix .mat-icon {\\n  font-size: 150%;\\n  line-height: 1.125;\\n}\\n\\n.mat-form-field-prefix .mat-icon-button,\\n.mat-form-field-suffix .mat-icon-button {\\n  height: 1.5em;\\n  width: 1.5em;\\n}\\n\\n.mat-form-field-prefix .mat-icon-button .mat-icon,\\n.mat-form-field-suffix .mat-icon-button .mat-icon {\\n  height: 1.125em;\\n  line-height: 1.125;\\n}\\n\\n.mat-form-field-infix {\\n  padding: 0.4375em 0;\\n  border-top: 0.84375em solid transparent;\\n}\\n\\n.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,\\n.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {\\n  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);\\n  -ms-transform: translateY(-1.28125em) scale(0.75);\\n  width: 133.33333%;\\n}\\n\\n.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper\\n.mat-form-field-label {\\n  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00101px);\\n  -ms-transform: translateY(-1.28124em) scale(0.75);\\n  width: 133.33334%;\\n}\\n\\n.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper\\n.mat-form-field-label {\\n  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00102px);\\n  -ms-transform: translateY(-1.28123em) scale(0.75);\\n  width: 133.33335%;\\n}\\n\\n.mat-form-field-label-wrapper {\\n  top: -0.84375em;\\n  padding-top: 0.84375em;\\n}\\n\\n.mat-form-field-label {\\n  top: 1.28125em;\\n}\\n\\n.mat-form-field-underline {\\n  bottom: 1.25em;\\n}\\n\\n.mat-form-field-subscript-wrapper {\\n  font-size: 75%;\\n  margin-top: 0.54167em;\\n  top: calc(100% - 1.66667em);\\n}\\n\\n.mat-grid-tile-header,\\n.mat-grid-tile-footer {\\n  font-size: 14px;\\n}\\n\\n.mat-grid-tile-header .mat-line,\\n.mat-grid-tile-footer .mat-line {\\n  white-space: nowrap;\\n  overflow: hidden;\\n  text-overflow: ellipsis;\\n  display: block;\\n  box-sizing: border-box;\\n}\\n\\n.mat-grid-tile-header .mat-line:nth-child(n+2),\\n.mat-grid-tile-footer .mat-line:nth-child(n+2) {\\n  font-size: 12px;\\n}\\n\\ninput.mat-input-element {\\n  margin-top: -0.0625em;\\n}\\n\\n.mat-menu-item {\\n  font-family: Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n  font-size: 16px;\\n  font-weight: 400;\\n}\\n\\n.mat-paginator,\\n.mat-paginator-page-size .mat-select-trigger {\\n  font-family: Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n  font-size: 12px;\\n}\\n\\n.mat-radio-button {\\n  font-family: Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n}\\n\\n.mat-select {\\n  font-family: Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n}\\n\\n.mat-select-trigger {\\n  height: 1.125em;\\n}\\n\\n.mat-slide-toggle-content {\\n  font: 400 14px/20px Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n}\\n\\n.mat-slider-thumb-label-text {\\n  font-family: Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n  font-size: 12px;\\n  font-weight: 500;\\n}\\n\\n.mat-stepper-vertical,\\n.mat-stepper-horizontal {\\n  font-family: Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n}\\n\\n.mat-step-label {\\n  font-size: 14px;\\n  font-weight: 400;\\n}\\n\\n.mat-step-label-selected {\\n  font-size: 14px;\\n  font-weight: 500;\\n}\\n\\n.mat-tab-group {\\n  font-family: Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n}\\n\\n.mat-tab-label,\\n.mat-tab-link {\\n  font-family: Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n  font-size: 14px;\\n  font-weight: 500;\\n}\\n\\n.mat-toolbar,\\n.mat-toolbar h1,\\n.mat-toolbar h2,\\n.mat-toolbar h3,\\n.mat-toolbar h4,\\n.mat-toolbar h5,\\n.mat-toolbar h6 {\\n  font: 500 20px/32px Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n  margin: 0;\\n}\\n\\n.mat-tooltip {\\n  font-family: Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n  font-size: 10px;\\n  padding-top: 6px;\\n  padding-bottom: 6px;\\n}\\n\\n.mat-tooltip-handset {\\n  font-size: 14px;\\n  padding-top: 9px;\\n  padding-bottom: 9px;\\n}\\n\\n.mat-list-item {\\n  font-family: Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n}\\n\\n.mat-list-option {\\n  font-family: Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n}\\n\\n.mat-list .mat-list-item,\\n.mat-nav-list .mat-list-item,\\n.mat-selection-list .mat-list-item {\\n  font-size: 16px;\\n}\\n\\n.mat-list .mat-list-item .mat-line,\\n.mat-nav-list .mat-list-item .mat-line,\\n.mat-selection-list .mat-list-item .mat-line {\\n  white-space: nowrap;\\n  overflow: hidden;\\n  text-overflow: ellipsis;\\n  display: block;\\n  box-sizing: border-box;\\n}\\n\\n.mat-list .mat-list-item .mat-line:nth-child(n+2),\\n.mat-nav-list .mat-list-item .mat-line:nth-child(n+2),\\n.mat-selection-list .mat-list-item .mat-line:nth-child(n+2) {\\n  font-size: 14px;\\n}\\n\\n.mat-list .mat-list-option,\\n.mat-nav-list .mat-list-option,\\n.mat-selection-list .mat-list-option {\\n  font-size: 16px;\\n}\\n\\n.mat-list .mat-list-option .mat-line,\\n.mat-nav-list .mat-list-option .mat-line,\\n.mat-selection-list .mat-list-option .mat-line {\\n  white-space: nowrap;\\n  overflow: hidden;\\n  text-overflow: ellipsis;\\n  display: block;\\n  box-sizing: border-box;\\n}\\n\\n.mat-list .mat-list-option .mat-line:nth-child(n+2),\\n.mat-nav-list .mat-list-option .mat-line:nth-child(n+2),\\n.mat-selection-list .mat-list-option .mat-line:nth-child(n+2) {\\n  font-size: 14px;\\n}\\n\\n.mat-list .mat-subheader,\\n.mat-nav-list .mat-subheader,\\n.mat-selection-list .mat-subheader {\\n  font-family: Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n  font-size: 14px;\\n  font-weight: 500;\\n}\\n\\n.mat-list[dense] .mat-list-item,\\n.mat-nav-list[dense] .mat-list-item,\\n.mat-selection-list[dense] .mat-list-item {\\n  font-size: 12px;\\n}\\n\\n.mat-list[dense] .mat-list-item .mat-line,\\n.mat-nav-list[dense] .mat-list-item .mat-line,\\n.mat-selection-list[dense] .mat-list-item .mat-line {\\n  white-space: nowrap;\\n  overflow: hidden;\\n  text-overflow: ellipsis;\\n  display: block;\\n  box-sizing: border-box;\\n}\\n\\n.mat-list[dense] .mat-list-item .mat-line:nth-child(n+2),\\n.mat-nav-list[dense] .mat-list-item .mat-line:nth-child(n+2),\\n.mat-selection-list[dense] .mat-list-item .mat-line:nth-child(n+2) {\\n  font-size: 12px;\\n}\\n\\n.mat-list[dense] .mat-list-option,\\n.mat-nav-list[dense] .mat-list-option,\\n.mat-selection-list[dense] .mat-list-option {\\n  font-size: 12px;\\n}\\n\\n.mat-list[dense] .mat-list-option .mat-line,\\n.mat-nav-list[dense] .mat-list-option .mat-line,\\n.mat-selection-list[dense] .mat-list-option .mat-line {\\n  white-space: nowrap;\\n  overflow: hidden;\\n  text-overflow: ellipsis;\\n  display: block;\\n  box-sizing: border-box;\\n}\\n\\n.mat-list[dense] .mat-list-option .mat-line:nth-child(n+2),\\n.mat-nav-list[dense] .mat-list-option .mat-line:nth-child(n+2),\\n.mat-selection-list[dense] .mat-list-option .mat-line:nth-child(n+2) {\\n  font-size: 12px;\\n}\\n\\n.mat-list[dense] .mat-subheader,\\n.mat-nav-list[dense] .mat-subheader,\\n.mat-selection-list[dense] .mat-subheader {\\n  font-family: Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n  font-size: 12px;\\n  font-weight: 500;\\n}\\n\\n.mat-option {\\n  font-family: Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n  font-size: 16px;\\n}\\n\\n.mat-optgroup-label {\\n  font: 500 14px/24px Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n}\\n\\n.mat-simple-snackbar {\\n  font-family: Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n  font-size: 14px;\\n}\\n\\n.mat-simple-snackbar-action {\\n  line-height: 1;\\n  font-family: inherit;\\n  font-size: inherit;\\n  font-weight: 500;\\n}\\n\\n.mat-ripple {\\n  overflow: hidden;\\n}\\n\\n@media screen and (-ms-high-contrast: active) {\\n  .mat-ripple {\\n    display: none;\\n  }\\n}\\n\\n.mat-ripple.mat-ripple-unbounded {\\n  overflow: visible;\\n}\\n\\n.mat-ripple-element {\\n  position: absolute;\\n  border-radius: 50%;\\n  pointer-events: none;\\n  transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1);\\n  transform: scale(0);\\n}\\n\\n.cdk-visually-hidden {\\n  border: 0;\\n  clip: rect(0 0 0 0);\\n  height: 1px;\\n  margin: -1px;\\n  overflow: hidden;\\n  padding: 0;\\n  position: absolute;\\n  width: 1px;\\n  outline: 0;\\n  -webkit-appearance: none;\\n  -moz-appearance: none;\\n}\\n\\n.cdk-overlay-container,\\n.cdk-global-overlay-wrapper {\\n  pointer-events: none;\\n  top: 0;\\n  left: 0;\\n  height: 100%;\\n  width: 100%;\\n}\\n\\n.cdk-overlay-container {\\n  position: fixed;\\n  z-index: 1000;\\n}\\n\\n.cdk-overlay-container:empty {\\n  display: none;\\n}\\n\\n.cdk-global-overlay-wrapper {\\n  display: flex;\\n  position: absolute;\\n  z-index: 1000;\\n}\\n\\n.cdk-overlay-pane {\\n  position: absolute;\\n  pointer-events: auto;\\n  box-sizing: border-box;\\n  z-index: 1000;\\n}\\n\\n.cdk-overlay-backdrop {\\n  position: absolute;\\n  top: 0;\\n  bottom: 0;\\n  left: 0;\\n  right: 0;\\n  z-index: 1000;\\n  pointer-events: auto;\\n  -webkit-tap-highlight-color: transparent;\\n  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);\\n  opacity: 0;\\n}\\n\\n.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {\\n  opacity: 1;\\n}\\n\\n.cdk-overlay-dark-backdrop {\\n  background: rgba(0, 0, 0, 0.288);\\n}\\n\\n.cdk-overlay-transparent-backdrop,\\n.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {\\n  opacity: 0;\\n}\\n\\n.cdk-global-scrollblock {\\n  position: fixed;\\n  width: 100%;\\n  overflow-y: scroll;\\n}\\n\\n.mat-ripple-element {\\n  background-color: rgba(0, 0, 0, 0.1);\\n}\\n\\n.mat-option {\\n  color: rgba(0, 0, 0, 0.87);\\n}\\n\\n.mat-option:hover:not(.mat-option-disabled),\\n.mat-option:focus:not(.mat-option-disabled) {\\n  background: rgba(0, 0, 0, 0.04);\\n}\\n\\n.mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {\\n  color: #212121;\\n}\\n\\n.mat-accent .mat-option.mat-selected:not(.mat-option-disabled) {\\n  color: #ffeb3b;\\n}\\n\\n.mat-warn .mat-option.mat-selected:not(.mat-option-disabled) {\\n  color: #f44336;\\n}\\n\\n.mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) {\\n  background: rgba(0, 0, 0, 0.04);\\n}\\n\\n.mat-option.mat-active {\\n  background: rgba(0, 0, 0, 0.04);\\n  color: rgba(0, 0, 0, 0.87);\\n}\\n\\n.mat-option.mat-option-disabled {\\n  color: rgba(0, 0, 0, 0.38);\\n}\\n\\n.mat-optgroup-label {\\n  color: rgba(0, 0, 0, 0.54);\\n}\\n\\n.mat-optgroup-disabled .mat-optgroup-label {\\n  color: rgba(0, 0, 0, 0.38);\\n}\\n\\n.mat-pseudo-checkbox {\\n  color: rgba(0, 0, 0, 0.54);\\n}\\n\\n.mat-pseudo-checkbox::after {\\n  color: #fafafa;\\n}\\n\\n.mat-pseudo-checkbox-checked,\\n.mat-pseudo-checkbox-indeterminate,\\n.mat-accent .mat-pseudo-checkbox-checked,\\n.mat-accent .mat-pseudo-checkbox-indeterminate {\\n  background: #ffeb3b;\\n}\\n\\n.mat-primary .mat-pseudo-checkbox-checked,\\n.mat-primary .mat-pseudo-checkbox-indeterminate {\\n  background: #212121;\\n}\\n\\n.mat-warn .mat-pseudo-checkbox-checked,\\n.mat-warn .mat-pseudo-checkbox-indeterminate {\\n  background: #f44336;\\n}\\n\\n.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,\\n.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {\\n  background: #b0b0b0;\\n}\\n\\n.mat-app-background {\\n  background-color: #fafafa;\\n  color: rgba(0, 0, 0, 0.87);\\n}\\n\\n.mat-theme-loaded-marker {\\n  display: none;\\n}\\n\\n.mat-button,\\n.mat-icon-button,\\n.mat-stroked-button {\\n  background: transparent;\\n}\\n\\n.mat-button.mat-primary .mat-button-focus-overlay,\\n.mat-icon-button.mat-primary .mat-button-focus-overlay,\\n.mat-stroked-button.mat-primary .mat-button-focus-overlay {\\n  background-color: rgba(33, 33, 33, 0.12);\\n}\\n\\n.mat-button.mat-accent .mat-button-focus-overlay,\\n.mat-icon-button.mat-accent .mat-button-focus-overlay,\\n.mat-stroked-button.mat-accent .mat-button-focus-overlay {\\n  background-color: rgba(255, 235, 59, 0.12);\\n}\\n\\n.mat-button.mat-warn .mat-button-focus-overlay,\\n.mat-icon-button.mat-warn .mat-button-focus-overlay,\\n.mat-stroked-button.mat-warn .mat-button-focus-overlay {\\n  background-color: rgba(244, 67, 54, 0.12);\\n}\\n\\n.mat-button[disabled] .mat-button-focus-overlay,\\n.mat-icon-button[disabled] .mat-button-focus-overlay,\\n.mat-stroked-button[disabled] .mat-button-focus-overlay {\\n  background-color: transparent;\\n}\\n\\n.mat-button.mat-primary,\\n.mat-icon-button.mat-primary,\\n.mat-stroked-button.mat-primary {\\n  color: #212121;\\n}\\n\\n.mat-button.mat-accent,\\n.mat-icon-button.mat-accent,\\n.mat-stroked-button.mat-accent {\\n  color: #ffeb3b;\\n}\\n\\n.mat-button.mat-warn,\\n.mat-icon-button.mat-warn,\\n.mat-stroked-button.mat-warn {\\n  color: #f44336;\\n}\\n\\n.mat-button.mat-primary[disabled],\\n.mat-button.mat-accent[disabled],\\n.mat-button.mat-warn[disabled],\\n.mat-button[disabled][disabled],\\n.mat-icon-button.mat-primary[disabled],\\n.mat-icon-button.mat-accent[disabled],\\n.mat-icon-button.mat-warn[disabled],\\n.mat-icon-button[disabled][disabled],\\n.mat-stroked-button.mat-primary[disabled],\\n.mat-stroked-button.mat-accent[disabled],\\n.mat-stroked-button.mat-warn[disabled],\\n.mat-stroked-button[disabled][disabled] {\\n  color: rgba(0, 0, 0, 0.26);\\n}\\n\\n.mat-raised-button,\\n.mat-fab,\\n.mat-mini-fab {\\n  color: rgba(0, 0, 0, 0.87);\\n  background-color: white;\\n}\\n\\n.mat-raised-button.mat-primary,\\n.mat-fab.mat-primary,\\n.mat-mini-fab.mat-primary {\\n  color: white;\\n}\\n\\n.mat-raised-button.mat-accent,\\n.mat-fab.mat-accent,\\n.mat-mini-fab.mat-accent {\\n  color: rgba(0, 0, 0, 0.87);\\n}\\n\\n.mat-raised-button.mat-warn,\\n.mat-fab.mat-warn,\\n.mat-mini-fab.mat-warn {\\n  color: white;\\n}\\n\\n.mat-raised-button.mat-primary[disabled],\\n.mat-raised-button.mat-accent[disabled],\\n.mat-raised-button.mat-warn[disabled],\\n.mat-raised-button[disabled][disabled],\\n.mat-fab.mat-primary[disabled],\\n.mat-fab.mat-accent[disabled],\\n.mat-fab.mat-warn[disabled],\\n.mat-fab[disabled][disabled],\\n.mat-mini-fab.mat-primary[disabled],\\n.mat-mini-fab.mat-accent[disabled],\\n.mat-mini-fab.mat-warn[disabled],\\n.mat-mini-fab[disabled][disabled] {\\n  color: rgba(0, 0, 0, 0.26);\\n}\\n\\n.mat-raised-button.mat-primary,\\n.mat-fab.mat-primary,\\n.mat-mini-fab.mat-primary {\\n  background-color: #212121;\\n}\\n\\n.mat-raised-button.mat-accent,\\n.mat-fab.mat-accent,\\n.mat-mini-fab.mat-accent {\\n  background-color: #ffeb3b;\\n}\\n\\n.mat-raised-button.mat-warn,\\n.mat-fab.mat-warn,\\n.mat-mini-fab.mat-warn {\\n  background-color: #f44336;\\n}\\n\\n.mat-raised-button.mat-primary[disabled],\\n.mat-raised-button.mat-accent[disabled],\\n.mat-raised-button.mat-warn[disabled],\\n.mat-raised-button[disabled][disabled],\\n.mat-fab.mat-primary[disabled],\\n.mat-fab.mat-accent[disabled],\\n.mat-fab.mat-warn[disabled],\\n.mat-fab[disabled][disabled],\\n.mat-mini-fab.mat-primary[disabled],\\n.mat-mini-fab.mat-accent[disabled],\\n.mat-mini-fab.mat-warn[disabled],\\n.mat-mini-fab[disabled][disabled] {\\n  background-color: rgba(0, 0, 0, 0.12);\\n}\\n\\n.mat-raised-button.mat-primary .mat-ripple-element,\\n.mat-fab.mat-primary .mat-ripple-element,\\n.mat-mini-fab.mat-primary .mat-ripple-element {\\n  background-color: rgba(255, 255, 255, 0.2);\\n}\\n\\n.mat-raised-button.mat-accent .mat-ripple-element,\\n.mat-fab.mat-accent .mat-ripple-element,\\n.mat-mini-fab.mat-accent .mat-ripple-element {\\n  background-color: rgba(0, 0, 0, 0.2);\\n}\\n\\n.mat-raised-button.mat-warn .mat-ripple-element,\\n.mat-fab.mat-warn .mat-ripple-element,\\n.mat-mini-fab.mat-warn .mat-ripple-element {\\n  background-color: rgba(255, 255, 255, 0.2);\\n}\\n\\n.mat-button.mat-primary .mat-ripple-element {\\n  background-color: rgba(33, 33, 33, 0.1);\\n}\\n\\n.mat-button.mat-accent .mat-ripple-element {\\n  background-color: rgba(255, 235, 59, 0.1);\\n}\\n\\n.mat-button.mat-warn .mat-ripple-element {\\n  background-color: rgba(244, 67, 54, 0.1);\\n}\\n\\n.mat-flat-button {\\n  color: rgba(0, 0, 0, 0.87);\\n  background-color: white;\\n}\\n\\n.mat-flat-button.mat-primary {\\n  color: white;\\n}\\n\\n.mat-flat-button.mat-accent {\\n  color: rgba(0, 0, 0, 0.87);\\n}\\n\\n.mat-flat-button.mat-warn {\\n  color: white;\\n}\\n\\n.mat-flat-button.mat-primary[disabled],\\n.mat-flat-button.mat-accent[disabled],\\n.mat-flat-button.mat-warn[disabled],\\n.mat-flat-button[disabled][disabled] {\\n  color: rgba(0, 0, 0, 0.26);\\n}\\n\\n.mat-flat-button.mat-primary {\\n  background-color: #212121;\\n}\\n\\n.mat-flat-button.mat-accent {\\n  background-color: #ffeb3b;\\n}\\n\\n.mat-flat-button.mat-warn {\\n  background-color: #f44336;\\n}\\n\\n.mat-flat-button.mat-primary[disabled],\\n.mat-flat-button.mat-accent[disabled],\\n.mat-flat-button.mat-warn[disabled],\\n.mat-flat-button[disabled][disabled] {\\n  background-color: rgba(0, 0, 0, 0.12);\\n}\\n\\n.mat-flat-button.mat-primary .mat-ripple-element {\\n  background-color: rgba(255, 255, 255, 0.2);\\n}\\n\\n.mat-flat-button.mat-accent .mat-ripple-element {\\n  background-color: rgba(0, 0, 0, 0.2);\\n}\\n\\n.mat-flat-button.mat-warn .mat-ripple-element {\\n  background-color: rgba(255, 255, 255, 0.2);\\n}\\n\\n.mat-icon-button.mat-primary .mat-ripple-element {\\n  background-color: rgba(33, 33, 33, 0.2);\\n}\\n\\n.mat-icon-button.mat-accent .mat-ripple-element {\\n  background-color: rgba(255, 235, 59, 0.2);\\n}\\n\\n.mat-icon-button.mat-warn .mat-ripple-element {\\n  background-color: rgba(244, 67, 54, 0.2);\\n}\\n\\n.mat-dialog-container {\\n  background: white;\\n  color: rgba(0, 0, 0, 0.87);\\n}\\n\\n.cdk-overlay-pane {\\n  flex: 0 0 auto;\\n}\\n\\n.cdk-overlay-pane .mat-dialog-container {\\n  padding: 0;\\n}\\n\\n.cdk-overlay-backdrop.deep-dark-dialog-backdrop {\\n  background: rgba(0, 0, 0, 0.888);\\n}\\n\\nviega-header ul[menu-items] {\\n  list-style: none;\\n  margin: 0;\\n  padding: 0;\\n  color: #808080;\\n}\\n\\nviega-header ul[menu-items] li {\\n  float: left;\\n}\\n\\nviega-header ul[menu-items] li a {\\n  display: inline-block;\\n  height: 100%;\\n  font-family: \\\"HelveticaNeue-Regular\\\", Helvetica, Arial, sans-serif;\\n  font-size: .7em;\\n  letter-spacing: 1px;\\n  color: #808080;\\n  padding: 0.88em 1em;\\n  text-decoration: none;\\n  cursor: pointer;\\n  transition: .2s;\\n}\\n\\nviega-header ul[menu-items] li a:hover {\\n  color: #fff;\\n}\\n\\nviega-header ul[menu-items] li.viega-header-menu-separator {\\n  width: 1px;\\n  height: .8em;\\n  background: #808080;\\n  margin: 0.6em 0;\\n}\\n\\nviega-header ul[menu-items] li:last-child a {\\n  padding-right: 0;\\n}\\n\\nviega-header ul[mobile-panel-bottom] {\\n  list-style: none;\\n  margin: 0;\\n  padding: 0;\\n  color: #fff;\\n}\\n\\nviega-header ul[mobile-panel-bottom] li {\\n  display: block;\\n  background: #333;\\n  border-bottom: 1px solid #111;\\n}\\n\\nviega-header ul[mobile-panel-bottom] li a {\\n  display: block;\\n  letter-spacing: 1px;\\n  font-family: \\\"HelveticaNeue-Regular\\\", Helvetica, Arial, sans-serif;\\n  font-size: 1em;\\n  letter-spacing: 1px;\\n  padding: 1.6em 1.3em;\\n  text-decoration: none;\\n  color: #bebebe;\\n  transition: .2s;\\n  white-space: nowrap;\\n  cursor: pointer;\\n}\\n\\nviega-header ul[mobile-panel-bottom] li a:hover {\\n  color: #fff;\\n}\\n\\nviega-header ul[mobile-panel-bottom] li:last-child {\\n  border: none;\\n}\\n\\nviega-start-page *[panel] viega-button,\\nviega-start-page *[panel-mobile] viega-button {\\n  margin-top: 1.5em;\\n  display: block;\\n}\\n\\nviega-start-page *[panel] div,\\nviega-start-page *[panel-mobile] div {\\n  font-family: viega-bold, Helvetica, Roboto, Arial, sans-serif;\\n  font-size: 1em;\\n}\\n\\nviega-start-page *[panel] p,\\nviega-start-page *[panel-mobile] p {\\n  font-family: viega-thin, Helvetica, Roboto, Arial, sans-serif;\\n  margin: 0;\\n  letter-spacing: 0.5px;\\n}\\n\\n:host {\\n  display: block;\\n  position: fixed;\\n  top: 4.35em;\\n  left: 0;\\n  right: 0;\\n  bottom: 0;\\n}\\n\\n.top-whitebox {\\n  height: 10vh;\\n  background: linear-gradient(to bottom, white 15%, rgba(255, 255, 255, 0) 100%);\\n}\\n\\n.v-whitebox {\\n  position: absolute;\\n  top: 0;\\n  bottom: 0;\\n  width: 13vw;\\n}\\n\\n.left-whitebox {\\n  left: 0;\\n  background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%);\\n}\\n\\n.right-whitebox {\\n  right: 0;\\n  background: linear-gradient(to left, white 0%, rgba(255, 255, 255, 0) 100%);\\n}\\n\\n.wrapper {\\n  position: fixed;\\n  left: 0;\\n  top: 4.35em;\\n  right: 0;\\n  bottom: 0;\\n}\\n\\n.article-item {\\n  position: fixed;\\n  top: 0;\\n  left: 0;\\n  right: 0;\\n  bottom: 0;\\n  overflow: hidden;\\n  display: flex;\\n  align-items: center;\\n  justify-content: center;\\n  transform: translate(0, 10000px);\\n  will-change: auto;\\n}\\n\\n.article-item a {\\n  background-position: center;\\n  background-size: contain;\\n  background-repeat: no-repeat;\\n  transition: transform .2s;\\n  will-change: auto;\\n}\\n\\n.article-item a.touching {\\n  transform: scale(0.95);\\n}\\n\\n.article-item .overlay {\\n  position: absolute;\\n  top: 50%;\\n  left: 50%;\\n  font-family: viega, Helvetica, Roboto, Arial, sans-serif;\\n  font-size: 2em;\\n  transform-origin: center;\\n  transform: translate(-50%, -50%) rotate(-25deg);\\n  opacity: .8;\\n  color: #fff;\\n  text-shadow: #212121 0px 0px .1em;\\n  user-select: none;\\n}\\n\\n.article-item .overlay.large {\\n  font-size: 3.5em;\\n}\\n\\n.article-item .overlay.thumbnail {\\n  font-size: .9em;\\n}\\n\\n@media (orientation: portrait) {\\n  .article-item a {\\n    width: 75%;\\n    height: 28vh;\\n  }\\n\\n  .article-item.urinal a {\\n    height: 41vh;\\n  }\\n}\\n\\n@media (orientation: landscape) {\\n  .article-item {\\n    top: 4.35em;\\n  }\\n\\n  .article-item a {\\n    width: 56vw;\\n    height: 49vh;\\n  }\\n\\n  .article-item.urinal a {\\n    width: 30vw;\\n    height: 49vh;\\n  }\\n}\\n\\n.article-item.dummy {\\n  position: fixed;\\n  width: 100%;\\n}\\n\\n.plate-info {\\n  display: inline-block;\\n  position: absolute;\\n  left: 50%;\\n  transform: translate(-50%, 0);\\n}\\n\\n@media (orientation: portrait) {\\n  .plate-info {\\n    bottom: 64vh;\\n    width: 77vw;\\n  }\\n\\n  .plate-info.urinal {\\n    bottom: 70vh;\\n  }\\n}\\n\\n@media (orientation: landscape) {\\n  .plate-info {\\n    bottom: 61vh;\\n    width: 50vw;\\n  }\\n}\\n\\n.plate-info h1 {\\n  font-family: viega-thin, Helvetica, Roboto, Arial, sans-serif;\\n  font-weight: normal;\\n  text-align: center;\\n  line-height: 1.5;\\n}\\n\\n@media (orientation: portrait) {\\n  .plate-info h1 {\\n    font-size: 1.5em;\\n  }\\n}\\n\\n@media (orientation: landscape) {\\n  .plate-info h1 {\\n    font-size: 1.2em;\\n  }\\n}\\n\\n.dot-bar {\\n  position: fixed;\\n  display: flex;\\n}\\n\\n.dot-bar.horizontal {\\n  left: 0;\\n  right: 0;\\n  justify-content: center;\\n}\\n\\n@media (orientation: portrait) {\\n  .dot-bar.horizontal {\\n    bottom: 25vh;\\n  }\\n\\n  .dot-bar.horizontal.urinal {\\n    bottom: 19vh;\\n  }\\n}\\n\\n@media (orientation: landscape) {\\n  .dot-bar.horizontal {\\n    position: absolute;\\n    bottom: 5%;\\n  }\\n}\\n\\n.dot-bar.vertical {\\n  flex-flow: column;\\n  justify-content: center;\\n  top: 0;\\n  bottom: 0;\\n  z-index: 1000;\\n}\\n\\n@media (orientation: portrait) {\\n  .dot-bar.vertical {\\n    left: 4vw;\\n  }\\n}\\n\\n@media (orientation: landscape) {\\n  .dot-bar.vertical {\\n    position: absolute;\\n    left: 18.5vw;\\n  }\\n\\n  .dot-bar.vertical.urinal {\\n    left: 31.5vw;\\n  }\\n}\\n\\n.dot-bar span {\\n  font-family: psp-icons;\\n  font-size: .55em;\\n  color: rgba(0, 0, 0, 0.6);\\n  margin: 1px .5px;\\n  transition: .2s;\\n}\\n\\n.dot-bar span.active {\\n  color: #ffed00;\\n  text-shadow: 0px 0px 2px #000;\\n}\\n\\n.dimmed {\\n  opacity: .2;\\n  transition: opacity .4s;\\n  will-change: auto;\\n}\\n\\n\", \"\"]);\n\n// exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/css-loader!./node_modules/resolve-url-loader!./node_modules/sass-loader/lib/loader.js?sourceMap!./src/app/mobile/articles/article-carousel/article-carousel.component.scss\n// module id = RtWp\n// module chunks = 1 4","exports = module.exports = require(\"../../../../../node_modules/css-loader/lib/css-base.js\")(false);\n// imports\n\n\n// module\nexports.push([module.id, \"/**\\n * Applies styles for users in high contrast mode. Note that this only applies\\n * to Microsoft browsers. Chrome can be included by checking for the `html[hc]`\\n * attribute, however Chrome handles high contrast differently.\\n */\\n\\n/* Theme for the ripple elements.*/\\n\\n/* stylelint-disable material/no-prefixes */\\n\\n/* stylelint-enable */\\n\\n.mat-elevation-z0 {\\n  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);\\n}\\n\\n.mat-elevation-z1 {\\n  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);\\n}\\n\\n.mat-elevation-z2 {\\n  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);\\n}\\n\\n.mat-elevation-z3 {\\n  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);\\n}\\n\\n.mat-elevation-z4 {\\n  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);\\n}\\n\\n.mat-elevation-z5 {\\n  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);\\n}\\n\\n.mat-elevation-z6 {\\n  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);\\n}\\n\\n.mat-elevation-z7 {\\n  box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);\\n}\\n\\n.mat-elevation-z8 {\\n  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);\\n}\\n\\n.mat-elevation-z9 {\\n  box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12);\\n}\\n\\n.mat-elevation-z10 {\\n  box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12);\\n}\\n\\n.mat-elevation-z11 {\\n  box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12);\\n}\\n\\n.mat-elevation-z12 {\\n  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);\\n}\\n\\n.mat-elevation-z13 {\\n  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);\\n}\\n\\n.mat-elevation-z14 {\\n  box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12);\\n}\\n\\n.mat-elevation-z15 {\\n  box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12);\\n}\\n\\n.mat-elevation-z16 {\\n  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);\\n}\\n\\n.mat-elevation-z17 {\\n  box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12);\\n}\\n\\n.mat-elevation-z18 {\\n  box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12);\\n}\\n\\n.mat-elevation-z19 {\\n  box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12);\\n}\\n\\n.mat-elevation-z20 {\\n  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12);\\n}\\n\\n.mat-elevation-z21 {\\n  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12);\\n}\\n\\n.mat-elevation-z22 {\\n  box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12);\\n}\\n\\n.mat-elevation-z23 {\\n  box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12);\\n}\\n\\n.mat-elevation-z24 {\\n  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);\\n}\\n\\n.mat-h1,\\n.mat-headline,\\n.mat-typography h1 {\\n  font: 400 24px/32px Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n  margin: 0 0 16px;\\n}\\n\\n.mat-h2,\\n.mat-title,\\n.mat-typography h2 {\\n  font: 500 20px/32px Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n  margin: 0 0 16px;\\n}\\n\\n.mat-h3,\\n.mat-subheading-2,\\n.mat-typography h3 {\\n  font: 400 16px/28px Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n  margin: 0 0 16px;\\n}\\n\\n.mat-h4,\\n.mat-subheading-1,\\n.mat-typography h4 {\\n  font: 400 15px/24px Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n  margin: 0 0 16px;\\n}\\n\\n.mat-h5,\\n.mat-typography h5 {\\n  font: 400 11.62px/20px Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n  margin: 0 0 12px;\\n}\\n\\n.mat-h6,\\n.mat-typography h6 {\\n  font: 400 9.38px/20px Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n  margin: 0 0 12px;\\n}\\n\\n.mat-body-strong,\\n.mat-body-2 {\\n  font: 500 14px/24px Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n}\\n\\n.mat-body,\\n.mat-body-1,\\n.mat-typography {\\n  font: 400 14px/20px Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n}\\n\\n.mat-body p,\\n.mat-body-1 p,\\n.mat-typography p {\\n  margin: 0 0 12px;\\n}\\n\\n.mat-small,\\n.mat-caption {\\n  font: 400 12px/20px Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n}\\n\\n.mat-display-4,\\n.mat-typography .mat-display-4 {\\n  font: 300 112px/112px Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n  margin: 0 0 56px;\\n  letter-spacing: -0.05em;\\n}\\n\\n.mat-display-3,\\n.mat-typography .mat-display-3 {\\n  font: 400 56px/56px Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n  margin: 0 0 64px;\\n  letter-spacing: -0.02em;\\n}\\n\\n.mat-display-2,\\n.mat-typography .mat-display-2 {\\n  font: 400 45px/48px Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n  margin: 0 0 64px;\\n  letter-spacing: -0.005em;\\n}\\n\\n.mat-display-1,\\n.mat-typography .mat-display-1 {\\n  font: 400 34px/40px Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n  margin: 0 0 64px;\\n}\\n\\n.mat-button,\\n.mat-raised-button,\\n.mat-icon-button,\\n.mat-stroked-button,\\n.mat-flat-button,\\n.mat-fab,\\n.mat-mini-fab {\\n  font-family: Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n  font-size: 14px;\\n  font-weight: 500;\\n}\\n\\n.mat-button-toggle {\\n  font-family: Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n}\\n\\n.mat-card {\\n  font-family: Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n}\\n\\n.mat-card-title {\\n  font-size: 24px;\\n  font-weight: 400;\\n}\\n\\n.mat-card-subtitle,\\n.mat-card-content,\\n.mat-card-header .mat-card-title {\\n  font-size: 14px;\\n}\\n\\n.mat-checkbox {\\n  font-family: Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n}\\n\\n.mat-checkbox-layout .mat-checkbox-label {\\n  line-height: 24px;\\n}\\n\\n.mat-chip {\\n  font-size: 13px;\\n  line-height: 18px;\\n}\\n\\n.mat-chip .mat-chip-remove.mat-icon {\\n  font-size: 18px;\\n}\\n\\n.mat-table {\\n  font-family: Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n}\\n\\n.mat-header-cell {\\n  font-size: 12px;\\n  font-weight: 500;\\n}\\n\\n.mat-cell {\\n  font-size: 14px;\\n}\\n\\n.mat-calendar {\\n  font-family: Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n}\\n\\n.mat-calendar-body {\\n  font-size: 13px;\\n}\\n\\n.mat-calendar-body-label,\\n.mat-calendar-period-button {\\n  font-size: 14px;\\n  font-weight: 500;\\n}\\n\\n.mat-calendar-table-header th {\\n  font-size: 11px;\\n  font-weight: 400;\\n}\\n\\n.mat-dialog-title {\\n  font: 500 20px/32px Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n}\\n\\n.mat-expansion-panel-header {\\n  font-family: Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n  font-size: 15px;\\n  font-weight: 400;\\n}\\n\\n.mat-expansion-panel-content {\\n  font: 400 14px/20px Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n}\\n\\n.mat-form-field {\\n  font-size: inherit;\\n  font-weight: 400;\\n  line-height: 1.125;\\n  font-family: Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n}\\n\\n.mat-form-field-wrapper {\\n  padding-bottom: 1.25em;\\n}\\n\\n.mat-form-field-prefix .mat-icon,\\n.mat-form-field-suffix .mat-icon {\\n  font-size: 150%;\\n  line-height: 1.125;\\n}\\n\\n.mat-form-field-prefix .mat-icon-button,\\n.mat-form-field-suffix .mat-icon-button {\\n  height: 1.5em;\\n  width: 1.5em;\\n}\\n\\n.mat-form-field-prefix .mat-icon-button .mat-icon,\\n.mat-form-field-suffix .mat-icon-button .mat-icon {\\n  height: 1.125em;\\n  line-height: 1.125;\\n}\\n\\n.mat-form-field-infix {\\n  padding: 0.4375em 0;\\n  border-top: 0.84375em solid transparent;\\n}\\n\\n.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,\\n.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {\\n  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);\\n  -ms-transform: translateY(-1.28125em) scale(0.75);\\n  width: 133.33333%;\\n}\\n\\n.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper\\n.mat-form-field-label {\\n  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00101px);\\n  -ms-transform: translateY(-1.28124em) scale(0.75);\\n  width: 133.33334%;\\n}\\n\\n.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper\\n.mat-form-field-label {\\n  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00102px);\\n  -ms-transform: translateY(-1.28123em) scale(0.75);\\n  width: 133.33335%;\\n}\\n\\n.mat-form-field-label-wrapper {\\n  top: -0.84375em;\\n  padding-top: 0.84375em;\\n}\\n\\n.mat-form-field-label {\\n  top: 1.28125em;\\n}\\n\\n.mat-form-field-underline {\\n  bottom: 1.25em;\\n}\\n\\n.mat-form-field-subscript-wrapper {\\n  font-size: 75%;\\n  margin-top: 0.54167em;\\n  top: calc(100% - 1.66667em);\\n}\\n\\n.mat-grid-tile-header,\\n.mat-grid-tile-footer {\\n  font-size: 14px;\\n}\\n\\n.mat-grid-tile-header .mat-line,\\n.mat-grid-tile-footer .mat-line {\\n  white-space: nowrap;\\n  overflow: hidden;\\n  text-overflow: ellipsis;\\n  display: block;\\n  box-sizing: border-box;\\n}\\n\\n.mat-grid-tile-header .mat-line:nth-child(n+2),\\n.mat-grid-tile-footer .mat-line:nth-child(n+2) {\\n  font-size: 12px;\\n}\\n\\ninput.mat-input-element {\\n  margin-top: -0.0625em;\\n}\\n\\n.mat-menu-item {\\n  font-family: Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n  font-size: 16px;\\n  font-weight: 400;\\n}\\n\\n.mat-paginator,\\n.mat-paginator-page-size .mat-select-trigger {\\n  font-family: Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n  font-size: 12px;\\n}\\n\\n.mat-radio-button {\\n  font-family: Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n}\\n\\n.mat-select {\\n  font-family: Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n}\\n\\n.mat-select-trigger {\\n  height: 1.125em;\\n}\\n\\n.mat-slide-toggle-content {\\n  font: 400 14px/20px Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n}\\n\\n.mat-slider-thumb-label-text {\\n  font-family: Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n  font-size: 12px;\\n  font-weight: 500;\\n}\\n\\n.mat-stepper-vertical,\\n.mat-stepper-horizontal {\\n  font-family: Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n}\\n\\n.mat-step-label {\\n  font-size: 14px;\\n  font-weight: 400;\\n}\\n\\n.mat-step-label-selected {\\n  font-size: 14px;\\n  font-weight: 500;\\n}\\n\\n.mat-tab-group {\\n  font-family: Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n}\\n\\n.mat-tab-label,\\n.mat-tab-link {\\n  font-family: Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n  font-size: 14px;\\n  font-weight: 500;\\n}\\n\\n.mat-toolbar,\\n.mat-toolbar h1,\\n.mat-toolbar h2,\\n.mat-toolbar h3,\\n.mat-toolbar h4,\\n.mat-toolbar h5,\\n.mat-toolbar h6 {\\n  font: 500 20px/32px Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n  margin: 0;\\n}\\n\\n.mat-tooltip {\\n  font-family: Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n  font-size: 10px;\\n  padding-top: 6px;\\n  padding-bottom: 6px;\\n}\\n\\n.mat-tooltip-handset {\\n  font-size: 14px;\\n  padding-top: 9px;\\n  padding-bottom: 9px;\\n}\\n\\n.mat-list-item {\\n  font-family: Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n}\\n\\n.mat-list-option {\\n  font-family: Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n}\\n\\n.mat-list .mat-list-item,\\n.mat-nav-list .mat-list-item,\\n.mat-selection-list .mat-list-item {\\n  font-size: 16px;\\n}\\n\\n.mat-list .mat-list-item .mat-line,\\n.mat-nav-list .mat-list-item .mat-line,\\n.mat-selection-list .mat-list-item .mat-line {\\n  white-space: nowrap;\\n  overflow: hidden;\\n  text-overflow: ellipsis;\\n  display: block;\\n  box-sizing: border-box;\\n}\\n\\n.mat-list .mat-list-item .mat-line:nth-child(n+2),\\n.mat-nav-list .mat-list-item .mat-line:nth-child(n+2),\\n.mat-selection-list .mat-list-item .mat-line:nth-child(n+2) {\\n  font-size: 14px;\\n}\\n\\n.mat-list .mat-list-option,\\n.mat-nav-list .mat-list-option,\\n.mat-selection-list .mat-list-option {\\n  font-size: 16px;\\n}\\n\\n.mat-list .mat-list-option .mat-line,\\n.mat-nav-list .mat-list-option .mat-line,\\n.mat-selection-list .mat-list-option .mat-line {\\n  white-space: nowrap;\\n  overflow: hidden;\\n  text-overflow: ellipsis;\\n  display: block;\\n  box-sizing: border-box;\\n}\\n\\n.mat-list .mat-list-option .mat-line:nth-child(n+2),\\n.mat-nav-list .mat-list-option .mat-line:nth-child(n+2),\\n.mat-selection-list .mat-list-option .mat-line:nth-child(n+2) {\\n  font-size: 14px;\\n}\\n\\n.mat-list .mat-subheader,\\n.mat-nav-list .mat-subheader,\\n.mat-selection-list .mat-subheader {\\n  font-family: Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n  font-size: 14px;\\n  font-weight: 500;\\n}\\n\\n.mat-list[dense] .mat-list-item,\\n.mat-nav-list[dense] .mat-list-item,\\n.mat-selection-list[dense] .mat-list-item {\\n  font-size: 12px;\\n}\\n\\n.mat-list[dense] .mat-list-item .mat-line,\\n.mat-nav-list[dense] .mat-list-item .mat-line,\\n.mat-selection-list[dense] .mat-list-item .mat-line {\\n  white-space: nowrap;\\n  overflow: hidden;\\n  text-overflow: ellipsis;\\n  display: block;\\n  box-sizing: border-box;\\n}\\n\\n.mat-list[dense] .mat-list-item .mat-line:nth-child(n+2),\\n.mat-nav-list[dense] .mat-list-item .mat-line:nth-child(n+2),\\n.mat-selection-list[dense] .mat-list-item .mat-line:nth-child(n+2) {\\n  font-size: 12px;\\n}\\n\\n.mat-list[dense] .mat-list-option,\\n.mat-nav-list[dense] .mat-list-option,\\n.mat-selection-list[dense] .mat-list-option {\\n  font-size: 12px;\\n}\\n\\n.mat-list[dense] .mat-list-option .mat-line,\\n.mat-nav-list[dense] .mat-list-option .mat-line,\\n.mat-selection-list[dense] .mat-list-option .mat-line {\\n  white-space: nowrap;\\n  overflow: hidden;\\n  text-overflow: ellipsis;\\n  display: block;\\n  box-sizing: border-box;\\n}\\n\\n.mat-list[dense] .mat-list-option .mat-line:nth-child(n+2),\\n.mat-nav-list[dense] .mat-list-option .mat-line:nth-child(n+2),\\n.mat-selection-list[dense] .mat-list-option .mat-line:nth-child(n+2) {\\n  font-size: 12px;\\n}\\n\\n.mat-list[dense] .mat-subheader,\\n.mat-nav-list[dense] .mat-subheader,\\n.mat-selection-list[dense] .mat-subheader {\\n  font-family: Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n  font-size: 12px;\\n  font-weight: 500;\\n}\\n\\n.mat-option {\\n  font-family: Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n  font-size: 16px;\\n}\\n\\n.mat-optgroup-label {\\n  font: 500 14px/24px Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n}\\n\\n.mat-simple-snackbar {\\n  font-family: Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n  font-size: 14px;\\n}\\n\\n.mat-simple-snackbar-action {\\n  line-height: 1;\\n  font-family: inherit;\\n  font-size: inherit;\\n  font-weight: 500;\\n}\\n\\n.mat-ripple {\\n  overflow: hidden;\\n}\\n\\n@media screen and (-ms-high-contrast: active) {\\n  .mat-ripple {\\n    display: none;\\n  }\\n}\\n\\n.mat-ripple.mat-ripple-unbounded {\\n  overflow: visible;\\n}\\n\\n.mat-ripple-element {\\n  position: absolute;\\n  border-radius: 50%;\\n  pointer-events: none;\\n  transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1);\\n  transform: scale(0);\\n}\\n\\n.cdk-visually-hidden {\\n  border: 0;\\n  clip: rect(0 0 0 0);\\n  height: 1px;\\n  margin: -1px;\\n  overflow: hidden;\\n  padding: 0;\\n  position: absolute;\\n  width: 1px;\\n  outline: 0;\\n  -webkit-appearance: none;\\n  -moz-appearance: none;\\n}\\n\\n.cdk-overlay-container,\\n.cdk-global-overlay-wrapper {\\n  pointer-events: none;\\n  top: 0;\\n  left: 0;\\n  height: 100%;\\n  width: 100%;\\n}\\n\\n.cdk-overlay-container {\\n  position: fixed;\\n  z-index: 1000;\\n}\\n\\n.cdk-overlay-container:empty {\\n  display: none;\\n}\\n\\n.cdk-global-overlay-wrapper {\\n  display: flex;\\n  position: absolute;\\n  z-index: 1000;\\n}\\n\\n.cdk-overlay-pane {\\n  position: absolute;\\n  pointer-events: auto;\\n  box-sizing: border-box;\\n  z-index: 1000;\\n}\\n\\n.cdk-overlay-backdrop {\\n  position: absolute;\\n  top: 0;\\n  bottom: 0;\\n  left: 0;\\n  right: 0;\\n  z-index: 1000;\\n  pointer-events: auto;\\n  -webkit-tap-highlight-color: transparent;\\n  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);\\n  opacity: 0;\\n}\\n\\n.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {\\n  opacity: 1;\\n}\\n\\n.cdk-overlay-dark-backdrop {\\n  background: rgba(0, 0, 0, 0.288);\\n}\\n\\n.cdk-overlay-transparent-backdrop,\\n.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {\\n  opacity: 0;\\n}\\n\\n.cdk-global-scrollblock {\\n  position: fixed;\\n  width: 100%;\\n  overflow-y: scroll;\\n}\\n\\n.mat-ripple-element {\\n  background-color: rgba(0, 0, 0, 0.1);\\n}\\n\\n.mat-option {\\n  color: rgba(0, 0, 0, 0.87);\\n}\\n\\n.mat-option:hover:not(.mat-option-disabled),\\n.mat-option:focus:not(.mat-option-disabled) {\\n  background: rgba(0, 0, 0, 0.04);\\n}\\n\\n.mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {\\n  color: #212121;\\n}\\n\\n.mat-accent .mat-option.mat-selected:not(.mat-option-disabled) {\\n  color: #ffeb3b;\\n}\\n\\n.mat-warn .mat-option.mat-selected:not(.mat-option-disabled) {\\n  color: #f44336;\\n}\\n\\n.mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) {\\n  background: rgba(0, 0, 0, 0.04);\\n}\\n\\n.mat-option.mat-active {\\n  background: rgba(0, 0, 0, 0.04);\\n  color: rgba(0, 0, 0, 0.87);\\n}\\n\\n.mat-option.mat-option-disabled {\\n  color: rgba(0, 0, 0, 0.38);\\n}\\n\\n.mat-optgroup-label {\\n  color: rgba(0, 0, 0, 0.54);\\n}\\n\\n.mat-optgroup-disabled .mat-optgroup-label {\\n  color: rgba(0, 0, 0, 0.38);\\n}\\n\\n.mat-pseudo-checkbox {\\n  color: rgba(0, 0, 0, 0.54);\\n}\\n\\n.mat-pseudo-checkbox::after {\\n  color: #fafafa;\\n}\\n\\n.mat-pseudo-checkbox-checked,\\n.mat-pseudo-checkbox-indeterminate,\\n.mat-accent .mat-pseudo-checkbox-checked,\\n.mat-accent .mat-pseudo-checkbox-indeterminate {\\n  background: #ffeb3b;\\n}\\n\\n.mat-primary .mat-pseudo-checkbox-checked,\\n.mat-primary .mat-pseudo-checkbox-indeterminate {\\n  background: #212121;\\n}\\n\\n.mat-warn .mat-pseudo-checkbox-checked,\\n.mat-warn .mat-pseudo-checkbox-indeterminate {\\n  background: #f44336;\\n}\\n\\n.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,\\n.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {\\n  background: #b0b0b0;\\n}\\n\\n.mat-app-background {\\n  background-color: #fafafa;\\n  color: rgba(0, 0, 0, 0.87);\\n}\\n\\n.mat-theme-loaded-marker {\\n  display: none;\\n}\\n\\n.mat-button,\\n.mat-icon-button,\\n.mat-stroked-button {\\n  background: transparent;\\n}\\n\\n.mat-button.mat-primary .mat-button-focus-overlay,\\n.mat-icon-button.mat-primary .mat-button-focus-overlay,\\n.mat-stroked-button.mat-primary .mat-button-focus-overlay {\\n  background-color: rgba(33, 33, 33, 0.12);\\n}\\n\\n.mat-button.mat-accent .mat-button-focus-overlay,\\n.mat-icon-button.mat-accent .mat-button-focus-overlay,\\n.mat-stroked-button.mat-accent .mat-button-focus-overlay {\\n  background-color: rgba(255, 235, 59, 0.12);\\n}\\n\\n.mat-button.mat-warn .mat-button-focus-overlay,\\n.mat-icon-button.mat-warn .mat-button-focus-overlay,\\n.mat-stroked-button.mat-warn .mat-button-focus-overlay {\\n  background-color: rgba(244, 67, 54, 0.12);\\n}\\n\\n.mat-button[disabled] .mat-button-focus-overlay,\\n.mat-icon-button[disabled] .mat-button-focus-overlay,\\n.mat-stroked-button[disabled] .mat-button-focus-overlay {\\n  background-color: transparent;\\n}\\n\\n.mat-button.mat-primary,\\n.mat-icon-button.mat-primary,\\n.mat-stroked-button.mat-primary {\\n  color: #212121;\\n}\\n\\n.mat-button.mat-accent,\\n.mat-icon-button.mat-accent,\\n.mat-stroked-button.mat-accent {\\n  color: #ffeb3b;\\n}\\n\\n.mat-button.mat-warn,\\n.mat-icon-button.mat-warn,\\n.mat-stroked-button.mat-warn {\\n  color: #f44336;\\n}\\n\\n.mat-button.mat-primary[disabled],\\n.mat-button.mat-accent[disabled],\\n.mat-button.mat-warn[disabled],\\n.mat-button[disabled][disabled],\\n.mat-icon-button.mat-primary[disabled],\\n.mat-icon-button.mat-accent[disabled],\\n.mat-icon-button.mat-warn[disabled],\\n.mat-icon-button[disabled][disabled],\\n.mat-stroked-button.mat-primary[disabled],\\n.mat-stroked-button.mat-accent[disabled],\\n.mat-stroked-button.mat-warn[disabled],\\n.mat-stroked-button[disabled][disabled] {\\n  color: rgba(0, 0, 0, 0.26);\\n}\\n\\n.mat-raised-button,\\n.mat-fab,\\n.mat-mini-fab {\\n  color: rgba(0, 0, 0, 0.87);\\n  background-color: white;\\n}\\n\\n.mat-raised-button.mat-primary,\\n.mat-fab.mat-primary,\\n.mat-mini-fab.mat-primary {\\n  color: white;\\n}\\n\\n.mat-raised-button.mat-accent,\\n.mat-fab.mat-accent,\\n.mat-mini-fab.mat-accent {\\n  color: rgba(0, 0, 0, 0.87);\\n}\\n\\n.mat-raised-button.mat-warn,\\n.mat-fab.mat-warn,\\n.mat-mini-fab.mat-warn {\\n  color: white;\\n}\\n\\n.mat-raised-button.mat-primary[disabled],\\n.mat-raised-button.mat-accent[disabled],\\n.mat-raised-button.mat-warn[disabled],\\n.mat-raised-button[disabled][disabled],\\n.mat-fab.mat-primary[disabled],\\n.mat-fab.mat-accent[disabled],\\n.mat-fab.mat-warn[disabled],\\n.mat-fab[disabled][disabled],\\n.mat-mini-fab.mat-primary[disabled],\\n.mat-mini-fab.mat-accent[disabled],\\n.mat-mini-fab.mat-warn[disabled],\\n.mat-mini-fab[disabled][disabled] {\\n  color: rgba(0, 0, 0, 0.26);\\n}\\n\\n.mat-raised-button.mat-primary,\\n.mat-fab.mat-primary,\\n.mat-mini-fab.mat-primary {\\n  background-color: #212121;\\n}\\n\\n.mat-raised-button.mat-accent,\\n.mat-fab.mat-accent,\\n.mat-mini-fab.mat-accent {\\n  background-color: #ffeb3b;\\n}\\n\\n.mat-raised-button.mat-warn,\\n.mat-fab.mat-warn,\\n.mat-mini-fab.mat-warn {\\n  background-color: #f44336;\\n}\\n\\n.mat-raised-button.mat-primary[disabled],\\n.mat-raised-button.mat-accent[disabled],\\n.mat-raised-button.mat-warn[disabled],\\n.mat-raised-button[disabled][disabled],\\n.mat-fab.mat-primary[disabled],\\n.mat-fab.mat-accent[disabled],\\n.mat-fab.mat-warn[disabled],\\n.mat-fab[disabled][disabled],\\n.mat-mini-fab.mat-primary[disabled],\\n.mat-mini-fab.mat-accent[disabled],\\n.mat-mini-fab.mat-warn[disabled],\\n.mat-mini-fab[disabled][disabled] {\\n  background-color: rgba(0, 0, 0, 0.12);\\n}\\n\\n.mat-raised-button.mat-primary .mat-ripple-element,\\n.mat-fab.mat-primary .mat-ripple-element,\\n.mat-mini-fab.mat-primary .mat-ripple-element {\\n  background-color: rgba(255, 255, 255, 0.2);\\n}\\n\\n.mat-raised-button.mat-accent .mat-ripple-element,\\n.mat-fab.mat-accent .mat-ripple-element,\\n.mat-mini-fab.mat-accent .mat-ripple-element {\\n  background-color: rgba(0, 0, 0, 0.2);\\n}\\n\\n.mat-raised-button.mat-warn .mat-ripple-element,\\n.mat-fab.mat-warn .mat-ripple-element,\\n.mat-mini-fab.mat-warn .mat-ripple-element {\\n  background-color: rgba(255, 255, 255, 0.2);\\n}\\n\\n.mat-button.mat-primary .mat-ripple-element {\\n  background-color: rgba(33, 33, 33, 0.1);\\n}\\n\\n.mat-button.mat-accent .mat-ripple-element {\\n  background-color: rgba(255, 235, 59, 0.1);\\n}\\n\\n.mat-button.mat-warn .mat-ripple-element {\\n  background-color: rgba(244, 67, 54, 0.1);\\n}\\n\\n.mat-flat-button {\\n  color: rgba(0, 0, 0, 0.87);\\n  background-color: white;\\n}\\n\\n.mat-flat-button.mat-primary {\\n  color: white;\\n}\\n\\n.mat-flat-button.mat-accent {\\n  color: rgba(0, 0, 0, 0.87);\\n}\\n\\n.mat-flat-button.mat-warn {\\n  color: white;\\n}\\n\\n.mat-flat-button.mat-primary[disabled],\\n.mat-flat-button.mat-accent[disabled],\\n.mat-flat-button.mat-warn[disabled],\\n.mat-flat-button[disabled][disabled] {\\n  color: rgba(0, 0, 0, 0.26);\\n}\\n\\n.mat-flat-button.mat-primary {\\n  background-color: #212121;\\n}\\n\\n.mat-flat-button.mat-accent {\\n  background-color: #ffeb3b;\\n}\\n\\n.mat-flat-button.mat-warn {\\n  background-color: #f44336;\\n}\\n\\n.mat-flat-button.mat-primary[disabled],\\n.mat-flat-button.mat-accent[disabled],\\n.mat-flat-button.mat-warn[disabled],\\n.mat-flat-button[disabled][disabled] {\\n  background-color: rgba(0, 0, 0, 0.12);\\n}\\n\\n.mat-flat-button.mat-primary .mat-ripple-element {\\n  background-color: rgba(255, 255, 255, 0.2);\\n}\\n\\n.mat-flat-button.mat-accent .mat-ripple-element {\\n  background-color: rgba(0, 0, 0, 0.2);\\n}\\n\\n.mat-flat-button.mat-warn .mat-ripple-element {\\n  background-color: rgba(255, 255, 255, 0.2);\\n}\\n\\n.mat-icon-button.mat-primary .mat-ripple-element {\\n  background-color: rgba(33, 33, 33, 0.2);\\n}\\n\\n.mat-icon-button.mat-accent .mat-ripple-element {\\n  background-color: rgba(255, 235, 59, 0.2);\\n}\\n\\n.mat-icon-button.mat-warn .mat-ripple-element {\\n  background-color: rgba(244, 67, 54, 0.2);\\n}\\n\\n.mat-dialog-container {\\n  background: white;\\n  color: rgba(0, 0, 0, 0.87);\\n}\\n\\n.cdk-overlay-pane {\\n  flex: 0 0 auto;\\n}\\n\\n.cdk-overlay-pane .mat-dialog-container {\\n  padding: 0;\\n}\\n\\n.cdk-overlay-backdrop.deep-dark-dialog-backdrop {\\n  background: rgba(0, 0, 0, 0.888);\\n}\\n\\nviega-header ul[menu-items] {\\n  list-style: none;\\n  margin: 0;\\n  padding: 0;\\n  color: #808080;\\n}\\n\\nviega-header ul[menu-items] li {\\n  float: left;\\n}\\n\\nviega-header ul[menu-items] li a {\\n  display: inline-block;\\n  height: 100%;\\n  font-family: \\\"HelveticaNeue-Regular\\\", Helvetica, Arial, sans-serif;\\n  font-size: .7em;\\n  letter-spacing: 1px;\\n  color: #808080;\\n  padding: 0.88em 1em;\\n  text-decoration: none;\\n  cursor: pointer;\\n  transition: .2s;\\n}\\n\\nviega-header ul[menu-items] li a:hover {\\n  color: #fff;\\n}\\n\\nviega-header ul[menu-items] li.viega-header-menu-separator {\\n  width: 1px;\\n  height: .8em;\\n  background: #808080;\\n  margin: 0.6em 0;\\n}\\n\\nviega-header ul[menu-items] li:last-child a {\\n  padding-right: 0;\\n}\\n\\nviega-header ul[mobile-panel-bottom] {\\n  list-style: none;\\n  margin: 0;\\n  padding: 0;\\n  color: #fff;\\n}\\n\\nviega-header ul[mobile-panel-bottom] li {\\n  display: block;\\n  background: #333;\\n  border-bottom: 1px solid #111;\\n}\\n\\nviega-header ul[mobile-panel-bottom] li a {\\n  display: block;\\n  letter-spacing: 1px;\\n  font-family: \\\"HelveticaNeue-Regular\\\", Helvetica, Arial, sans-serif;\\n  font-size: 1em;\\n  letter-spacing: 1px;\\n  padding: 1.6em 1.3em;\\n  text-decoration: none;\\n  color: #bebebe;\\n  transition: .2s;\\n  white-space: nowrap;\\n  cursor: pointer;\\n}\\n\\nviega-header ul[mobile-panel-bottom] li a:hover {\\n  color: #fff;\\n}\\n\\nviega-header ul[mobile-panel-bottom] li:last-child {\\n  border: none;\\n}\\n\\nviega-start-page *[panel] viega-button,\\nviega-start-page *[panel-mobile] viega-button {\\n  margin-top: 1.5em;\\n  display: block;\\n}\\n\\nviega-start-page *[panel] div,\\nviega-start-page *[panel-mobile] div {\\n  font-family: viega-bold, Helvetica, Roboto, Arial, sans-serif;\\n  font-size: 1em;\\n}\\n\\nviega-start-page *[panel] p,\\nviega-start-page *[panel-mobile] p {\\n  font-family: viega-thin, Helvetica, Roboto, Arial, sans-serif;\\n  margin: 0;\\n  letter-spacing: 0.5px;\\n}\\n\\n:host {\\n  position: fixed;\\n  top: 3.4em;\\n  bottom: 0;\\n  display: flex;\\n  flex-direction: column;\\n  padding: 3em 1em 0 1em;\\n  overflow-y: scroll;\\n}\\n\\n.image-wrapper {\\n  position: relative;\\n}\\n\\n@media (orientation: landscape) {\\n  .image-wrapper {\\n    margin: 0 7em;\\n  }\\n}\\n\\nimg {\\n  width: 100%;\\n  min-height: 11em;\\n}\\n\\nviega-button {\\n  display: block;\\n  margin: 1em 0;\\n}\\n\\nproduct-description-text {\\n  display: block;\\n  margin-top: 1em;\\n}\\n\\n.overlay {\\n  position: absolute;\\n  top: 50%;\\n  left: 50%;\\n  font-family: viega, Helvetica, Roboto, Arial, sans-serif;\\n  font-size: 2.5em;\\n  transform-origin: center;\\n  transform: translate(-50%, -50%) rotate(-25deg);\\n  opacity: .8;\\n  color: #fff;\\n  text-shadow: #212121 0px 0px .1em;\\n  user-select: none;\\n}\\n\\n.overlay.large {\\n  font-size: 3.5em;\\n}\\n\\n.overlay.thumbnail {\\n  font-size: .9em;\\n}\\n\\n\", \"\"]);\n\n// exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/css-loader!./node_modules/resolve-url-loader!./node_modules/sass-loader/lib/loader.js?sourceMap!./src/app/mobile/articles/article-details/article-details.component.scss\n// module id = Sd43\n// module chunks = 1 4","module.exports = \"<div class=\\\"mode-switcher\\\" [class.hide]=\\\"isViewingDetails || appState.isMobileMenuOpen\\\">\\n    <a [class.active]=\\\"activeMode === 'wc'\\\"\\n       (click)=\\\"switchMode('wc')\\\">\\n        {{\\\"appliance-wc-short-button\\\" | translate}}\\n    </a>\\n    <a [class.active]=\\\"activeMode === 'urinal'\\\"\\n       (click)=\\\"switchMode('urinal')\\\">\\n        {{\\\"appliance-urinal-short-button\\\" | translate}}\\n    </a>\\n</div>\\n\\n<router-outlet [class.hide]=\\\"!isViewingDetails\\\"></router-outlet>\\n\\n<article-carousel mode=\\\"urinal\\\"\\n                  *ngIf=\\\"activeMode === 'urinal'\\\"\\n                  [class.hide]=\\\"isViewingDetails\\\"></article-carousel>\\n<article-carousel mode=\\\"wc\\\"\\n                  *ngIf=\\\"activeMode === 'wc'\\\"\\n                  [class.hide]=\\\"isViewingDetails\\\"></article-carousel>\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/app/mobile/articles/articles.component.html\n// module id = Te/+\n// module chunks = 1 4","\n        var result = require(\"!!../../../../../node_modules/css-loader/index.js!../../../../../node_modules/resolve-url-loader/index.js!../../../../../node_modules/sass-loader/lib/loader.js?sourceMap!./article-details.component.scss\");\n\n        if (result && result.__esModule) {\n            result = result.default;\n        }\n\n        if (typeof result === \"string\") {\n            module.exports = result;\n        } else {\n            module.exports = result.toString();\n        }\n    \n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/app/mobile/articles/article-details/article-details.component.scss\n// module id = UlhI\n// module chunks = 1 4","module.exports = \"<!-- the wrapper is just a mere mouse/touch event hit tester -->\\n<div class=\\\"wrapper\\\">\\n    <ng-container *ngFor=\\\"let plate of plates; let x = index\\\" #plates>\\n        <div *ngFor=\\\"let article of plateArticles[x]; let y = index\\\"\\n             class=\\\"article-item\\\"\\n             [id]=\\\"uniqueIdPrefix + mode + x + ',' + y\\\"\\n             [style.transition]=\\\"transitionSpeed + 'ms'\\\"\\n             [class.urinal]=\\\"mode === 'urinal'\\\">\\n\\n            <a [style.background-image]=\\\"'url(' + pathService.articleImagePath(plate, article, 'front', 'medium') + ')'\\\"\\n               [class.touching]=\\\"startsDragging\\\"></a>\\n            <span class=\\\"overlay\\\" *ngIf=\\\"articleService.isSpecialColorArticle(article);\\\">\\n                {{ 'product-details-special-color-overlay' | translate }}\\n            </span>\\n        </div>\\n    </ng-container>\\n</div>\\n\\n<div class=\\\"left-whitebox v-whitebox\\\"></div>\\n<div class=\\\"right-whitebox v-whitebox\\\"></div>\\n\\n<div class=\\\"dot-bar horizontal\\\"\\n     [class.urinal]=\\\"mode === 'urinal'\\\"\\n     [class.dimmed]=\\\"isDragging\\\">\\n    <span *ngFor=\\\"let dot of plates; let x = index\\\" [class.active]=\\\"currentPlateIndex === x\\\" class=\\\"icon icon-bullet\\\"></span>\\n</div>\\n\\n<div class=\\\"dot-bar vertical\\\"\\n     [class.urinal]=\\\"mode === 'urinal'\\\"\\n     [class.dimmed]=\\\"isDragging\\\">\\n    <span *ngFor=\\\"let dot of currentArticles; let y = index\\\" [class.active]=\\\"currentArticleIndex === y\\\" class=\\\"icon icon-bullet\\\"></span>\\n</div>\\n\\n<!-- used to measure the size of one item -->\\n<div class=\\\"article-item dummy\\\" #measureItem></div>\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/app/mobile/articles/article-carousel/article-carousel.component.html\n// module id = peSo\n// module chunks = 1 4"],"sourceRoot":"webpack:///"}