- 扫描 ID：
- 347ecdd5-8fda-4eb5-b6f5-b8075ae2b971已完成
- 提交的 URL：
- https://juice-shop.herokuapp.com/
- 报告完成时间：
链接 · 找到 3 个
从页面中识别出的传出链接
| 链接 | 文本 |
|---|---|
| https://www.youtube.com/watch?v=9PnbKL3wuH4 | learn more about cookiesBut me wait! |
| https://owasp.org | Open Worldwide Application Security Project (OWASP) |
| https://owasp-juice.shop | https://owasp-juice.shop |
JavaScript 变量 · 找到 160 个
在页面窗口对象上加载的全局 JavaScript 变量是在函数外部声明的变量，可以从当前范围内的代码中的任何位置访问
| 名称 | 类型 |
|---|---|
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
| cookieconsent | object |
| $ | function |
| jQuery | function |
| webpackChunkfrontend | object |
| Zone | function |
| __zone_symbol__Promise | function |
| __zone_symbol__fetch | function |
控制台日志消息 · 找到 0 条
记录到 Web 控制台的消息
HTML
页面的原始 HTML 正文
<!--
~ Copyright (c) 2014-2024 Bjoern Kimminich & the OWASP Juice Shop contributors.
~ SPDX-License-Identifier: MIT
--><!DOCTYPE html><html lang="en" class="fontawesome-i2svg-active fontawesome-i2svg-complete"><head>
<meta charset="utf-8">
<title>OWASP Juice Shop</title>
<meta name="description" content="Probably the most modern and sophisticated insecure web application">
<meta name="viewport" content="width=device-width, initial-scale=1">
<style type="text/css">svg:not(:root).svg-inline--fa {
overflow: visible;
}
.svg-inline--fa {
display: inline-block;
font-size: inherit;
height: 1em;
overflow: visible;
vertical-align: -0.125em;
}
.svg-inline--fa.fa-lg {
vertical-align: -0.225em;
}
.svg-inline--fa.fa-w-1 {
width: 0.0625em;
}
.svg-inline--fa.fa-w-2 {
width: 0.125em;
}
.svg-inline--fa.fa-w-3 {
width: 0.1875em;
}
.svg-inline--fa.fa-w-4 {
width: 0.25em;
}
.svg-inline--fa.fa-w-5 {
width: 0.3125em;
}
.svg-inline--fa.fa-w-6 {
width: 0.375em;
}
.svg-inline--fa.fa-w-7 {
width: 0.4375em;
}
.svg-inline--fa.fa-w-8 {
width: 0.5em;
}
.svg-inline--fa.fa-w-9 {
width: 0.5625em;
}
.svg-inline--fa.fa-w-10 {
width: 0.625em;
}
.svg-inline--fa.fa-w-11 {
width: 0.6875em;
}
.svg-inline--fa.fa-w-12 {
width: 0.75em;
}
.svg-inline--fa.fa-w-13 {
width: 0.8125em;
}
.svg-inline--fa.fa-w-14 {
width: 0.875em;
}
.svg-inline--fa.fa-w-15 {
width: 0.9375em;
}
.svg-inline--fa.fa-w-16 {
width: 1em;
}
.svg-inline--fa.fa-w-17 {
width: 1.0625em;
}
.svg-inline--fa.fa-w-18 {
width: 1.125em;
}
.svg-inline--fa.fa-w-19 {
width: 1.1875em;
}
.svg-inline--fa.fa-w-20 {
width: 1.25em;
}
.svg-inline--fa.fa-pull-left {
margin-right: 0.3em;
width: auto;
}
.svg-inline--fa.fa-pull-right {
margin-left: 0.3em;
width: auto;
}
.svg-inline--fa.fa-border {
height: 1.5em;
}
.svg-inline--fa.fa-li {
width: 2em;
}
.svg-inline--fa.fa-fw {
width: 1.25em;
}
.fa-layers svg.svg-inline--fa {
bottom: 0;
left: 0;
margin: auto;
position: absolute;
right: 0;
top: 0;
}
.fa-layers {
display: inline-block;
height: 1em;
position: relative;
text-align: center;
vertical-align: -0.125em;
width: 1em;
}
.fa-layers svg.svg-inline--fa {
-webkit-transform-origin: center center;
transform-origin: center center;
}
.fa-layers-counter, .fa-layers-text {
display: inline-block;
position: absolute;
text-align: center;
}
.fa-layers-text {
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transform-origin: center center;
transform-origin: center center;
}
.fa-layers-counter {
background-color: #ff253a;
border-radius: 1em;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #fff;
height: 1.5em;
line-height: 1;
max-width: 5em;
min-width: 1.5em;
overflow: hidden;
padding: 0.25em;
right: 0;
text-overflow: ellipsis;
top: 0;
-webkit-transform: scale(0.25);
transform: scale(0.25);
-webkit-transform-origin: top right;
transform-origin: top right;
}
.fa-layers-bottom-right {
bottom: 0;
right: 0;
top: auto;
-webkit-transform: scale(0.25);
transform: scale(0.25);
-webkit-transform-origin: bottom right;
transform-origin: bottom right;
}
.fa-layers-bottom-left {
bottom: 0;
left: 0;
right: auto;
top: auto;
-webkit-transform: scale(0.25);
transform: scale(0.25);
-webkit-transform-origin: bottom left;
transform-origin: bottom left;
}
.fa-layers-top-right {
right: 0;
top: 0;
-webkit-transform: scale(0.25);
transform: scale(0.25);
-webkit-transform-origin: top right;
transform-origin: top right;
}
.fa-layers-top-left {
left: 0;
right: auto;
top: 0;
-webkit-transform: scale(0.25);
transform: scale(0.25);
-webkit-transform-origin: top left;
transform-origin: top left;
}
.fa-lg {
font-size: 1.3333333333em;
line-height: 0.75em;
vertical-align: -0.0667em;
}
.fa-xs {
font-size: 0.75em;
}
.fa-sm {
font-size: 0.875em;
}
.fa-1x {
font-size: 1em;
}
.fa-2x {
font-size: 2em;
}
.fa-3x {
font-size: 3em;
}
.fa-4x {
font-size: 4em;
}
.fa-5x {
font-size: 5em;
}
.fa-6x {
font-size: 6em;
}
.fa-7x {
font-size: 7em;
}
.fa-8x {
font-size: 8em;
}
.fa-9x {
font-size: 9em;
}
.fa-10x {
font-size: 10em;
}
.fa-fw {
text-align: center;
width: 1.25em;
}
.fa-ul {
list-style-type: none;
margin-left: 2.5em;
padding-left: 0;
}
.fa-ul > li {
position: relative;
}
.fa-li {
left: -2em;
position: absolute;
text-align: center;
width: 2em;
line-height: inherit;
}
.fa-border {
border: solid 0.08em #eee;
border-radius: 0.1em;
padding: 0.2em 0.25em 0.15em;
}
.fa-pull-left {
float: left;
}
.fa-pull-right {
float: right;
}
.fa.fa-pull-left,
.fas.fa-pull-left,
.far.fa-pull-left,
.fal.fa-pull-left,
.fab.fa-pull-left {
margin-right: 0.3em;
}
.fa.fa-pull-right,
.fas.fa-pull-right,
.far.fa-pull-right,
.fal.fa-pull-right,
.fab.fa-pull-right {
margin-left: 0.3em;
}
.fa-spin {
-webkit-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear;
}
.fa-pulse {
-webkit-animation: fa-spin 1s infinite steps(8);
animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.fa-rotate-90 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.fa-rotate-180 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.fa-rotate-270 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
-webkit-transform: rotate(270deg);
transform: rotate(270deg);
}
.fa-flip-horizontal {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
-webkit-transform: scale(-1, 1);
transform: scale(-1, 1);
}
.fa-flip-vertical {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
-webkit-transform: scale(1, -1);
transform: scale(1, -1);
}
.fa-flip-both, .fa-flip-horizontal.fa-flip-vertical {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
-webkit-transform: scale(-1, -1);
transform: scale(-1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-flip-both {
-webkit-filter: none;
filter: none;
}
.fa-stack {
display: inline-block;
height: 2em;
position: relative;
width: 2.5em;
}
.fa-stack-1x,
.fa-stack-2x {
bottom: 0;
left: 0;
margin: auto;
position: absolute;
right: 0;
top: 0;
}
.svg-inline--fa.fa-stack-1x {
height: 1em;
width: 1.25em;
}
.svg-inline--fa.fa-stack-2x {
height: 2em;
width: 2.5em;
}
.fa-inverse {
color: #fff;
}
.sr-only {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.sr-only-focusable:active, .sr-only-focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}
.svg-inline--fa .fa-primary {
fill: var(--fa-primary-color, currentColor);
opacity: 1;
opacity: var(--fa-primary-opacity, 1);
}
.svg-inline--fa .fa-secondary {
fill: var(--fa-secondary-color, currentColor);
opacity: 0.4;
opacity: var(--fa-secondary-opacity, 0.4);
}
.svg-inline--fa.fa-swap-opacity .fa-primary {
opacity: 0.4;
opacity: var(--fa-secondary-opacity, 0.4);
}
.svg-inline--fa.fa-swap-opacity .fa-secondary {
opacity: 1;
opacity: var(--fa-primary-opacity, 1);
}
.svg-inline--fa mask .fa-primary,
.svg-inline--fa mask .fa-secondary {
fill: black;
}
.fad.fa-inverse {
color: #fff;
}</style><link id="favicon" rel="icon" type="image/x-icon" href="assets/public/favicon_js.ico">
<link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.1.0/cookieconsent.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.1.0/cookieconsent.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<script>
window.addEventListener("load", function(){
window.cookieconsent.initialise({
"palette": {
"popup": { "background": "var(--theme-primary)", "text": "var(--theme-text)" },
"button": { "background": "var(--theme-accent)", "text": "var(--theme-text)" }
},
"theme": "classic",
"position": "bottom-right",
"content": { "message": "This website uses fruit cookies to ensure you get the juiciest tracking experience.", "dismiss": "Me want it!", "link": "But me wait!", "href": "https://www.youtube.com/watch?v=9PnbKL3wuH4" }
})});
</script>
<style>.bluegrey-lightgreen-theme{--theme-primary:#546e7a;--theme-primary-lighter:#607e8c;--theme-primary-light:#698998;--theme-primary-darker:#485e68;--theme-primary-dark:#3f535c;--theme-primary-fade-10:rgba(84, 110, 122, .9);--theme-primary-fade-20:rgba(84, 110, 122, .8);--theme-primary-fade-30:rgba(84, 110, 122, .7);--theme-primary-fade-40:rgba(84, 110, 122, .6);--theme-primary-fade-50:rgba(84, 110, 122, .5);--theme-accent:#689f38;--theme-accent-lighter:#77b640;--theme-accent-light:#81bf4b;--theme-accent-darker:#598830;--theme-accent-dark:#4f792b;--theme-accent-fade-10:rgba(104, 159, 56, .9);--theme-accent-fade-20:rgba(104, 159, 56, .8);--theme-accent-fade-30:rgba(104, 159, 56, .7);--theme-accent-fade-40:rgba(104, 159, 56, .6);--theme-accent-fade-50:rgba(104, 159, 56, .5);--theme-warn:#ff5722;--theme-warn-lighter:#ff6e41;--theme-warn-light:#ff7e55;--theme-warn-darker:#ff4003;--theme-warn-dark:#ee3900;--theme-warn-fade-10:rgba(255, 87, 34, .9);--theme-warn-fade-20:rgba(255, 87, 34, .8);--theme-warn-fade-30:rgba(255, 87, 34, .7);--theme-warn-fade-40:rgba(255, 87, 34, .6);--theme-warn-fade-50:rgba(255, 87, 34, .5);--theme-text:white;--theme-text-lighter:white;--theme-text-light:white;--theme-text-darker:#e6e6e6;--theme-text-dark:#bfbfbf;--theme-text-fade-10:rgba(255, 255, 255, .9);--theme-text-fade-20:rgba(255, 255, 255, .8);--theme-text-fade-30:rgba(255, 255, 255, .7);--theme-text-fade-40:rgba(255, 255, 255, .6);--theme-text-fade-50:rgba(255, 255, 255, .5);--theme-text-invert-15:#d9d9d9;--theme-text-invert-30:#b3b3b3;--theme-background:#424242;--theme-background-lighter:#515151;--theme-background-light:#5c5c5c;--theme-background-darker:#333333;--theme-background-dark:#292929;--theme-background-darkest:#1e1e1e}.bluegrey-lightgreen-theme.mat-app-background{background-color:#303030;color:#fff}@media screen and (-webkit-min-device-pixel-ratio:0){}</style><link rel="stylesheet" href="styles.css" media="all" onload="this.media='all'"><noscript><link rel="stylesheet" href="styles.css"></noscript><style type="text/css"></style><style>.mat-sidenav[_ngcontent-avf-c132]{width:280px}</style><style>.mat-drawer-container{position:relative;z-index:1;box-sizing:border-box;-webkit-overflow-scrolling:touch;display:block;overflow:hidden}.mat-drawer-container[fullscreen]{top:0;left:0;right:0;bottom:0;position:absolute}.mat-drawer-container[fullscreen].mat-drawer-container-has-open{overflow:hidden}.mat-drawer-container.mat-drawer-container-explicit-backdrop .mat-drawer-side{z-index:3}.mat-drawer-container.ng-animate-disabled .mat-drawer-backdrop,.mat-drawer-container.ng-animate-disabled .mat-drawer-content,.ng-animate-disabled .mat-drawer-container .mat-drawer-backdrop,.ng-animate-disabled .mat-drawer-container .mat-drawer-content{transition:none}.mat-drawer-backdrop{top:0;left:0;right:0;bottom:0;position:absolute;display:block;z-index:3;visibility:hidden}.mat-drawer-backdrop.mat-drawer-shown{visibility:visible}.mat-drawer-transition .mat-drawer-backdrop{transition-duration:400ms;transition-timing-function:cubic-bezier(0.25, 0.8, 0.25, 1);transition-property:background-color,visibility}.cdk-high-contrast-active .mat-drawer-backdrop{opacity:.5}.mat-drawer-content{position:relative;z-index:1;display:block;height:100%;overflow:auto}.mat-drawer-transition .mat-drawer-content{transition-duration:400ms;transition-timing-function:cubic-bezier(0.25, 0.8, 0.25, 1);transition-property:transform,margin-left,margin-right}.mat-drawer{position:relative;z-index:4;display:block;position:absolute;top:0;bottom:0;z-index:3;outline:0;box-sizing:border-box;overflow-y:auto;transform:translate3d(-100%, 0, 0)}.cdk-high-contrast-active .mat-drawer,.cdk-high-contrast-active [dir=rtl] .mat-drawer.mat-drawer-end{border-right:solid 1px currentColor}.cdk-high-contrast-active [dir=rtl] .mat-drawer,.cdk-high-contrast-active .mat-drawer.mat-drawer-end{border-left:solid 1px currentColor;border-right:none}.mat-drawer.mat-drawer-side{z-index:2}.mat-drawer.mat-drawer-end{right:0;transform:translate3d(100%, 0, 0)}[dir=rtl] .mat-drawer{transform:translate3d(100%, 0, 0)}[dir=rtl] .mat-drawer.mat-drawer-end{left:0;right:auto;transform:translate3d(-100%, 0, 0)}.mat-drawer[style*="visibility: hidden"]{display:none}.mat-drawer-inner-container{width:100%;height:100%;overflow:auto;-webkit-overflow-scrolling:touch}.mat-sidenav-fixed{position:fixed}</style><style>mat-toolbar[_ngcontent-avf-c131]{height:auto;min-width:100%;padding-bottom:5px;width:100%}a[_ngcontent-avf-c131]{text-decoration:none!important}.menu-text[_ngcontent-avf-c131]{padding-left:10px}.mat-list-base[_ngcontent-avf-c131], .mat-list-item[_ngcontent-avf-c131], .mat-list-icon[_ngcontent-avf-c131]{padding:0!important}.toolbar-title[_ngcontent-avf-c131]{margin:0 16px}.mat-subheader[_ngcontent-avf-c131]{font-size:18px;font-weight:900}.app-nav-list-icon[_ngcontent-avf-c131]{margin:0 12px}.side-subHeader[_ngcontent-avf-c131]{font-weight:300}mat-nav-list[_ngcontent-avf-c131]{margin-bottom:50px}.menu-button[_ngcontent-avf-c131]{transform:rotate(0);transition:.3s ease-in-out}.menu-button.rotated[_ngcontent-avf-c131]{transform:rotate(180deg)}.submenu[_ngcontent-avf-c131]{overflow-y:hidden;padding-left:30px;transform:scaleY(0);transform-origin:top;transition:transform .3s ease}.submenu.expanded[_ngcontent-avf-c131]{transform:scaleY(1)}.appVersion[_ngcontent-avf-c131]{margin-bottom:20px;margin-top:20px;text-align:center}.truncate[_ngcontent-avf-c131]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}</style><style>mat-toolbar[_ngcontent-avf-c124]{height:auto;min-width:100%;padding-bottom:5px;width:100%}.mat-button[_ngcontent-avf-c124]{padding-left:8px;padding-right:8px}.logo[_ngcontent-avf-c124]{max-height:60px;width:auto}.avatar[_ngcontent-avf-c124]{background-repeat:no-repeat no-repeat;border-radius:50%;display:inline-block;max-height:35px;max-width:35px;padding:0;pointer-events:none}.fill-remaining-space[_ngcontent-avf-c124]{flex:1 1 auto}.language-select[_ngcontent-avf-c124]{margin-left:10px;width:11%} .mat-select-value-text{font-size:15px}.user-info[_ngcontent-avf-c124]{margin-left:10px;margin-right:10px}.fi[_ngcontent-avf-c124]{margin-right:2px}[_nghost-avf-c124] mat-form-field{background:transparent!important}[_nghost-avf-c124] mat-icon{background:transparent!important}mat-search-bar[_ngcontent-avf-c124]{font-size:13px;margin-right:14px}.buttons[_ngcontent-avf-c124]{width:auto}@media screen and (max-width: 959px){.buttons[_ngcontent-avf-c124]{width:48px}}[_nghost-avf-c124] .mat-form-field-infix{max-width:250px!important;width:14vw!important}</style><style>.container[_ngcontent-avf-c127]{font-size:14px;margin:40px}#closeButton[_ngcontent-avf-c127]{float:right}</style><style>.container[_ngcontent-avf-c128]{font-size:14px;margin:40px}mat-card[_ngcontent-avf-c128]{margin-bottom:10px}#closeButton[_ngcontent-avf-c128]{float:right}.icon-box[_ngcontent-avf-c128]{display:inline-flex;vertical-align:middle}</style><style>.welcome-style[_ngcontent-avf-c126] .mat-dialog-container[_ngcontent-avf-c126]{margin-left:auto;margin-right:auto;max-width:50%;min-width:320px}</style><style>.cdk-high-contrast-active .mat-toolbar{outline:solid 1px}.mat-toolbar-row,.mat-toolbar-single-row{display:flex;box-sizing:border-box;padding:0 16px;width:100%;flex-direction:row;align-items:center;white-space:nowrap}.mat-toolbar-multiple-rows{display:flex;box-sizing:border-box;flex-direction:column;width:100%}</style><style>.mat-subheader{display:flex;box-sizing:border-box;padding:16px;align-items:center}.mat-list-base .mat-subheader{margin:0}button.mat-list-item,button.mat-list-option{padding:0;width:100%;background:none;color:inherit;border:none;outline:inherit;-webkit-tap-highlight-color:rgba(0,0,0,0);text-align:left}[dir=rtl] button.mat-list-item,[dir=rtl] button.mat-list-option{text-align:right}button.mat-list-item::-moz-focus-inner,button.mat-list-option::-moz-focus-inner{border:0}.mat-list-base{padding-top:8px;display:block;-webkit-tap-highlight-color:rgba(0,0,0,0)}.mat-list-base .mat-subheader{height:48px;line-height:16px}.mat-list-base .mat-subheader:first-child{margin-top:-8px}.mat-list-base .mat-list-item,.mat-list-base .mat-list-option{display:block;height:48px;-webkit-tap-highlight-color:rgba(0,0,0,0);width:100%;padding:0}.mat-list-base .mat-list-item .mat-list-item-content,.mat-list-base .mat-list-option .mat-list-item-content{display:flex;flex-direction:row;align-items:center;box-sizing:border-box;padding:0 16px;position:relative;height:inherit}.mat-list-base .mat-list-item .mat-list-item-content-reverse,.mat-list-base .mat-list-option .mat-list-item-content-reverse{display:flex;align-items:center;padding:0 16px;flex-direction:row-reverse;justify-content:space-around}.mat-list-base .mat-list-item .mat-list-item-ripple,.mat-list-base .mat-list-option .mat-list-item-ripple{display:block;top:0;left:0;right:0;bottom:0;position:absolute;pointer-events:none}.mat-list-base .mat-list-item.mat-list-item-with-avatar,.mat-list-base .mat-list-option.mat-list-item-with-avatar{height:56px}.mat-list-base .mat-list-item.mat-2-line,.mat-list-base .mat-list-option.mat-2-line{height:72px}.mat-list-base .mat-list-item.mat-3-line,.mat-list-base .mat-list-option.mat-3-line{height:88px}.mat-list-base .mat-list-item.mat-multi-line,.mat-list-base .mat-list-option.mat-multi-line{height:auto}.mat-list-base .mat-list-item.mat-multi-line .mat-list-item-content,.mat-list-base .mat-list-option.mat-multi-line .mat-list-item-content{padding-top:16px;padding-bottom:16px}.mat-list-base .mat-list-item .mat-list-text,.mat-list-base .mat-list-option .mat-list-text{display:flex;flex-direction:column;flex:auto;box-sizing:border-box;overflow:hidden;padding:0}.mat-list-base .mat-list-item .mat-list-text>*,.mat-list-base .mat-list-option .mat-list-text>*{margin:0;padding:0;font-weight:normal;font-size:inherit}.mat-list-base .mat-list-item .mat-list-text:empty,.mat-list-base .mat-list-option .mat-list-text:empty{display:none}.mat-list-base .mat-list-item.mat-list-item-with-avatar .mat-list-item-content .mat-list-text,.mat-list-base .mat-list-item.mat-list-option .mat-list-item-content .mat-list-text,.mat-list-base .mat-list-option.mat-list-item-with-avatar .mat-list-item-content .mat-list-text,.mat-list-base .mat-list-option.mat-list-option .mat-list-item-content .mat-list-text{padding-right:0;padding-left:16px}[dir=rtl] .mat-list-base .mat-list-item.mat-list-item-with-avatar .mat-list-item-content .mat-list-text,[dir=rtl] .mat-list-base .mat-list-item.mat-list-option .mat-list-item-content .mat-list-text,[dir=rtl] .mat-list-base .mat-list-option.mat-list-item-with-avatar .mat-list-item-content .mat-list-text,[dir=rtl] .mat-list-base .mat-list-option.mat-list-option .mat-list-item-content .mat-list-text{padding-right:16px;padding-left:0}.mat-list-base .mat-list-item.mat-list-item-with-avatar .mat-list-item-content-reverse .mat-list-text,.mat-list-base .mat-list-item.mat-list-option .mat-list-item-content-reverse .mat-list-text,.mat-list-base .mat-list-option.mat-list-item-with-avatar .mat-list-item-content-reverse .mat-list-text,.mat-list-base .mat-list-option.mat-list-option .mat-list-item-content-reverse .mat-list-text{padding-left:0;padding-right:16px}[dir=rtl] .mat-list-base .mat-list-item.mat-list-item-with-avatar .mat-list-item-content-reverse .mat-list-text,[dir=rtl] .mat-list-base .mat-list-item.mat-list-option .mat-list-item-content-reverse .mat-list-text,[dir=rtl] .mat-list-base .mat-list-option.mat-list-item-with-avatar .mat-list-item-content-reverse .mat-list-text,[dir=rtl] .mat-list-base .mat-list-option.mat-list-option .mat-list-item-content-reverse .mat-list-text{padding-right:0;padding-left:16px}.mat-list-base .mat-list-item.mat-list-item-with-avatar.mat-list-option .mat-list-item-content-reverse .mat-list-text,.mat-list-base .mat-list-item.mat-list-item-with-avatar.mat-list-option .mat-list-item-content .mat-list-text,.mat-list-base .mat-list-option.mat-list-item-with-avatar.mat-list-option .mat-list-item-content-reverse .mat-list-text,.mat-list-base .mat-list-option.mat-list-item-with-avatar.mat-list-option .mat-list-item-content .mat-list-text{padding-right:16px;padding-left:16px}.mat-list-base .mat-list-item .mat-list-avatar,.mat-list-base .mat-list-option .mat-list-avatar{flex-shrink:0;width:40px;height:40px;border-radius:50%;object-fit:cover}.mat-list-base .mat-list-item .mat-list-avatar~.mat-divider-inset,.mat-list-base .mat-list-option .mat-list-avatar~.mat-divider-inset{margin-left:72px;width:calc(100% - 72px)}[dir=rtl] .mat-list-base .mat-list-item .mat-list-avatar~.mat-divider-inset,[dir=rtl] .mat-list-base .mat-list-option .mat-list-avatar~.mat-divider-inset{margin-left:auto;margin-right:72px}.mat-list-base .mat-list-item .mat-list-icon,.mat-list-base .mat-list-option .mat-list-icon{flex-shrink:0;width:24px;height:24px;font-size:24px;box-sizing:content-box;border-radius:50%;padding:4px}.mat-list-base .mat-list-item .mat-list-icon~.mat-divider-inset,.mat-list-base .mat-list-option .mat-list-icon~.mat-divider-inset{margin-left:64px;width:calc(100% - 64px)}[dir=rtl] .mat-list-base .mat-list-item .mat-list-icon~.mat-divider-inset,[dir=rtl] .mat-list-base .mat-list-option .mat-list-icon~.mat-divider-inset{margin-left:auto;margin-right:64px}.mat-list-base .mat-list-item .mat-divider,.mat-list-base .mat-list-option .mat-divider{position:absolute;bottom:0;left:0;width:100%;margin:0}[dir=rtl] .mat-list-base .mat-list-item .mat-divider,[dir=rtl] .mat-list-base .mat-list-option .mat-divider{margin-left:auto;margin-right:0}.mat-list-base .mat-list-item .mat-divider.mat-divider-inset,.mat-list-base .mat-list-option .mat-divider.mat-divider-inset{position:absolute}.mat-list-base[dense]{padding-top:4px;display:block}.mat-list-base[dense] .mat-subheader{height:40px;line-height:8px}.mat-list-base[dense] .mat-subheader:first-child{margin-top:-4px}.mat-list-base[dense] .mat-list-item,.mat-list-base[dense] .mat-list-option{display:block;height:40px;-webkit-tap-highlight-color:rgba(0,0,0,0);width:100%;padding:0}.mat-list-base[dense] .mat-list-item .mat-list-item-content,.mat-list-base[dense] .mat-list-option .mat-list-item-content{display:flex;flex-direction:row;align-items:center;box-sizing:border-box;padding:0 16px;position:relative;height:inherit}.mat-list-base[dense] .mat-list-item .mat-list-item-content-reverse,.mat-list-base[dense] .mat-list-option .mat-list-item-content-reverse{display:flex;align-items:center;padding:0 16px;flex-direction:row-reverse;justify-content:space-around}.mat-list-base[dense] .mat-list-item .mat-list-item-ripple,.mat-list-base[dense] .mat-list-option .mat-list-item-ripple{display:block;top:0;left:0;right:0;bottom:0;position:absolute;pointer-events:none}.mat-list-base[dense] .mat-list-item.mat-list-item-with-avatar,.mat-list-base[dense] .mat-list-option.mat-list-item-with-avatar{height:48px}.mat-list-base[dense] .mat-list-item.mat-2-line,.mat-list-base[dense] .mat-list-option.mat-2-line{height:60px}.mat-list-base[dense] .mat-list-item.mat-3-line,.mat-list-base[dense] .mat-list-option.mat-3-line{height:76px}.mat-list-base[dense] .mat-list-item.mat-multi-line,.mat-list-base[dense] .mat-list-option.mat-multi-line{height:auto}.mat-list-base[dense] .mat-list-item.mat-multi-line .mat-list-item-content,.mat-list-base[dense] .mat-list-option.mat-multi-line .mat-list-item-content{padding-top:16px;padding-bottom:16px}.mat-list-base[dense] .mat-list-item .mat-list-text,.mat-list-base[dense] .mat-list-option .mat-list-text{display:flex;flex-direction:column;flex:auto;box-sizing:border-box;overflow:hidden;padding:0}.mat-list-base[dense] .mat-list-item .mat-list-text>*,.mat-list-base[dense] .mat-list-option .mat-list-text>*{margin:0;padding:0;font-weight:normal;font-size:inherit}.mat-list-base[dense] .mat-list-item .mat-list-text:empty,.mat-list-base[dense] .mat-list-option .mat-list-text:empty{display:none}.mat-list-base[dense] .mat-list-item.mat-list-item-with-avatar .mat-list-item-content .mat-list-text,.mat-list-base[dense] .mat-list-item.mat-list-option .mat-list-item-content .mat-list-text,.mat-list-base[dense] .mat-list-option.mat-list-item-with-avatar .mat-list-item-content .mat-list-text,.mat-list-base[dense] .mat-list-option.mat-list-option .mat-list-item-content .mat-list-text{padding-right:0;padding-left:16px}[dir=rtl] .mat-list-base[dense] .mat-list-item.mat-list-item-with-avatar .mat-list-item-content .mat-list-text,[dir=rtl] .mat-list-base[dense] .mat-list-item.mat-list-option .mat-list-item-content .mat-list-text,[dir=rtl] .mat-list-base[dense] .mat-list-option.mat-list-item-with-avatar .mat-list-item-content .mat-list-text,[dir=rtl] .mat-list-base[dense] .mat-list-option.mat-list-option .mat-list-item-content .mat-list-text{padding-right:16px;padding-left:0}.mat-list-base[dense] .mat-list-item.mat-list-item-with-avatar .mat-list-item-content-reverse .mat-list-text,.mat-list-base[dense] .mat-list-item.mat-list-option .mat-list-item-content-reverse .mat-list-text,.mat-list-base[dense] .mat-list-option.mat-list-item-with-avatar .mat-list-item-content-reverse .mat-list-text,.mat-list-base[dense] .mat-list-option.mat-list-option .mat-list-item-content-reverse .mat-list-text{padding-left:0;padding-right:16px}[dir=rtl] .mat-list-base[dense] .mat-list-item.mat-list-item-with-avatar .mat-list-item-content-reverse .mat-list-text,[dir=rtl] .mat-list-base[dense] .mat-list-item.mat-list-option .mat-list-item-content-reverse .mat-list-text,[dir=rtl] .mat-list-base[dense] .mat-list-option.mat-list-item-with-avatar .mat-list-item-content-reverse .mat-list-text,[dir=rtl] .mat-list-base[dense] .mat-list-option.mat-list-option .mat-list-item-content-reverse .mat-list-text{padding-right:0;padding-left:16px}.mat-list-base[dense] .mat-list-item.mat-list-item-with-avatar.mat-list-option .mat-list-item-content-reverse .mat-list-text,.mat-list-base[dense] .mat-list-item.mat-list-item-with-avatar.mat-list-option .mat-list-item-content .mat-list-text,.mat-list-base[dense] .mat-list-option.mat-list-item-with-avatar.mat-list-option .mat-list-item-content-reverse .mat-list-text,.mat-list-base[dense] .mat-list-option.mat-list-item-with-avatar.mat-list-option .mat-list-item-content .mat-list-text{padding-right:16px;padding-left:16px}.mat-list-base[dense] .mat-list-item .mat-list-avatar,.mat-list-base[dense] .mat-list-option .mat-list-avatar{flex-shrink:0;width:36px;height:36px;border-radius:50%;object-fit:cover}.mat-list-base[dense] .mat-list-item .mat-list-avatar~.mat-divider-inset,.mat-list-base[dense] .mat-list-option .mat-list-avatar~.mat-divider-inset{margin-left:68px;width:calc(100% - 68px)}[dir=rtl] .mat-list-base[dense] .mat-list-item .mat-list-avatar~.mat-divider-inset,[dir=rtl] .mat-list-base[dense] .mat-list-option .mat-list-avatar~.mat-divider-inset{margin-left:auto;margin-right:68px}.mat-list-base[dense] .mat-list-item .mat-list-icon,.mat-list-base[dense] .mat-list-option .mat-list-icon{flex-shrink:0;width:20px;height:20px;font-size:20px;box-sizing:content-box;border-radius:50%;padding:4px}.mat-list-base[dense] .mat-list-item .mat-list-icon~.mat-divider-inset,.mat-list-base[dense] .mat-list-option .mat-list-icon~.mat-divider-inset{margin-left:60px;width:calc(100% - 60px)}[dir=rtl] .mat-list-base[dense] .mat-list-item .mat-list-icon~.mat-divider-inset,[dir=rtl] .mat-list-base[dense] .mat-list-option .mat-list-icon~.mat-divider-inset{margin-left:auto;margin-right:60px}.mat-list-base[dense] .mat-list-item .mat-divider,.mat-list-base[dense] .mat-list-option .mat-divider{position:absolute;bottom:0;left:0;width:100%;margin:0}[dir=rtl] .mat-list-base[dense] .mat-list-item .mat-divider,[dir=rtl] .mat-list-base[dense] .mat-list-option .mat-divider{margin-left:auto;margin-right:0}.mat-list-base[dense] .mat-list-item .mat-divider.mat-divider-inset,.mat-list-base[dense] .mat-list-option .mat-divider.mat-divider-inset{position:absolute}.mat-nav-list a{text-decoration:none;color:inherit}.mat-nav-list .mat-list-item{cursor:pointer;outline:none}mat-action-list .mat-list-item{cursor:pointer;outline:inherit}.mat-list-option:not(.mat-list-item-disabled){cursor:pointer;outline:none}.mat-list-item-disabled{pointer-events:none}.cdk-high-contrast-active .mat-list-item-disabled{opacity:.5}.cdk-high-contrast-active :host .mat-list-item-disabled{opacity:.5}.cdk-high-contrast-active .mat-list-option:hover,.cdk-high-contrast-active .mat-nav-list .mat-list-item:hover,.cdk-high-contrast-active mat-action-list .mat-list-item:hover{outline:dotted 1px;z-index:1}.cdk-high-contrast-active .mat-list-single-selected-option::after{content:"";position:absolute;top:50%;right:16px;transform:translateY(-50%);width:10px;height:0;border-bottom:solid 10px;border-radius:10px}.cdk-high-contrast-active [dir=rtl] .mat-list-single-selected-option::after{right:auto;left:16px}@media(hover: none){.mat-list-option:not(.mat-list-single-selected-option):not(.mat-list-item-disabled):hover,.mat-nav-list .mat-list-item:not(.mat-list-item-disabled):hover,.mat-action-list .mat-list-item:not(.mat-list-item-disabled):hover{background:none}}</style><style>.mat-button .mat-button-focus-overlay,.mat-icon-button .mat-button-focus-overlay{opacity:0}.mat-button:hover:not(.mat-button-disabled) .mat-button-focus-overlay,.mat-stroked-button:hover:not(.mat-button-disabled) .mat-button-focus-overlay{opacity:.04}@media(hover: none){.mat-button:hover:not(.mat-button-disabled) .mat-button-focus-overlay,.mat-stroked-button:hover:not(.mat-button-disabled) .mat-button-focus-overlay{opacity:0}}.mat-button,.mat-icon-button,.mat-stroked-button,.mat-flat-button{box-sizing:border-box;position:relative;-webkit-user-select:none;user-select:none;cursor:pointer;outline:none;border:none;-webkit-tap-highlight-color:rgba(0,0,0,0);display:inline-block;white-space:nowrap;text-decoration:none;vertical-align:baseline;text-align:center;margin:0;min-width:64px;line-height:36px;padding:0 16px;border-radius:4px;overflow:visible}.mat-button::-moz-focus-inner,.mat-icon-button::-moz-focus-inner,.mat-stroked-button::-moz-focus-inner,.mat-flat-button::-moz-focus-inner{border:0}.mat-button.mat-button-disabled,.mat-icon-button.mat-button-disabled,.mat-stroked-button.mat-button-disabled,.mat-flat-button.mat-button-disabled{cursor:default}.mat-button.cdk-keyboard-focused .mat-button-focus-overlay,.mat-button.cdk-program-focused .mat-button-focus-overlay,.mat-icon-button.cdk-keyboard-focused .mat-button-focus-overlay,.mat-icon-button.cdk-program-focused .mat-button-focus-overlay,.mat-stroked-button.cdk-keyboard-focused .mat-button-focus-overlay,.mat-stroked-button.cdk-program-focused .mat-button-focus-overlay,.mat-flat-button.cdk-keyboard-focused .mat-button-focus-overlay,.mat-flat-button.cdk-program-focused .mat-button-focus-overlay{opacity:.12}.mat-button::-moz-focus-inner,.mat-icon-button::-moz-focus-inner,.mat-stroked-button::-moz-focus-inner,.mat-flat-button::-moz-focus-inner{border:0}.mat-raised-button{box-sizing:border-box;position:relative;-webkit-user-select:none;user-select:none;cursor:pointer;outline:none;border:none;-webkit-tap-highlight-color:rgba(0,0,0,0);display:inline-block;white-space:nowrap;text-decoration:none;vertical-align:baseline;text-align:center;margin:0;min-width:64px;line-height:36px;padding:0 16px;border-radius:4px;overflow:visible;transform:translate3d(0, 0, 0);transition:background 400ms cubic-bezier(0.25, 0.8, 0.25, 1),box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1)}.mat-raised-button::-moz-focus-inner{border:0}.mat-raised-button.mat-button-disabled{cursor:default}.mat-raised-button.cdk-keyboard-focused .mat-button-focus-overlay,.mat-raised-button.cdk-program-focused .mat-button-focus-overlay{opacity:.12}.mat-raised-button::-moz-focus-inner{border:0}.mat-raised-button._mat-animation-noopable{transition:none !important;animation:none !important}.mat-stroked-button{border:1px solid currentColor;padding:0 15px;line-height:34px}.mat-stroked-button .mat-button-ripple.mat-ripple,.mat-stroked-button .mat-button-focus-overlay{top:-1px;left:-1px;right:-1px;bottom:-1px}.mat-fab{box-sizing:border-box;position:relative;-webkit-user-select:none;user-select:none;cursor:pointer;outline:none;border:none;-webkit-tap-highlight-color:rgba(0,0,0,0);display:inline-block;white-space:nowrap;text-decoration:none;vertical-align:baseline;text-align:center;margin:0;min-width:64px;line-height:36px;padding:0 16px;border-radius:4px;overflow:visible;transform:translate3d(0, 0, 0);transition:background 400ms cubic-bezier(0.25, 0.8, 0.25, 1),box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);min-width:0;border-radius:50%;width:56px;height:56px;padding:0;flex-shrink:0}.mat-fab::-moz-focus-inner{border:0}.mat-fab.mat-button-disabled{cursor:default}.mat-fab.cdk-keyboard-focused .mat-button-focus-overlay,.mat-fab.cdk-program-focused .mat-button-focus-overlay{opacity:.12}.mat-fab::-moz-focus-inner{border:0}.mat-fab._mat-animation-noopable{transition:none !important;animation:none !important}.mat-fab .mat-button-wrapper{padding:16px 0;display:inline-block;line-height:24px}.mat-mini-fab{box-sizing:border-box;position:relative;-webkit-user-select:none;user-select:none;cursor:pointer;outline:none;border:none;-webkit-tap-highlight-color:rgba(0,0,0,0);display:inline-block;white-space:nowrap;text-decoration:none;vertical-align:baseline;text-align:center;margin:0;min-width:64px;line-height:36px;padding:0 16px;border-radius:4px;overflow:visible;transform:translate3d(0, 0, 0);transition:background 400ms cubic-bezier(0.25, 0.8, 0.25, 1),box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);min-width:0;border-radius:50%;width:40px;height:40px;padding:0;flex-shrink:0}.mat-mini-fab::-moz-focus-inner{border:0}.mat-mini-fab.mat-button-disabled{cursor:default}.mat-mini-fab.cdk-keyboard-focused .mat-button-focus-overlay,.mat-mini-fab.cdk-program-focused .mat-button-focus-overlay{opacity:.12}.mat-mini-fab::-moz-focus-inner{border:0}.mat-mini-fab._mat-animation-noopable{transition:none !important;animation:none !important}.mat-mini-fab .mat-button-wrapper{padding:8px 0;display:inline-block;line-height:24px}.mat-icon-button{padding:0;min-width:0;width:40px;height:40px;flex-shrink:0;line-height:40px;border-radius:50%}.mat-icon-button i,.mat-icon-button .mat-icon{line-height:24px}.mat-button-ripple.mat-ripple,.mat-button-focus-overlay{top:0;left:0;right:0;bottom:0;position:absolute;pointer-events:none;border-radius:inherit}.mat-button-ripple.mat-ripple:not(:empty){transform:translateZ(0)}.mat-button-focus-overlay{opacity:0;transition:opacity 200ms cubic-bezier(0.35, 0, 0.25, 1),background-color 200ms cubic-bezier(0.35, 0, 0.25, 1)}._mat-animation-noopable .mat-button-focus-overlay{transition:none}.mat-button-ripple-round{border-radius:50%;z-index:1}.mat-button .mat-button-wrapper>*,.mat-flat-button .mat-button-wrapper>*,.mat-stroked-button .mat-button-wrapper>*,.mat-raised-button .mat-button-wrapper>*,.mat-icon-button .mat-button-wrapper>*,.mat-fab .mat-button-wrapper>*,.mat-mini-fab .mat-button-wrapper>*{vertical-align:middle}.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-prefix .mat-icon-button,.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-suffix .mat-icon-button{display:inline-flex;justify-content:center;align-items:center;font-size:inherit;width:2.5em;height:2.5em}.mat-flat-button::before,.mat-raised-button::before,.mat-fab::before,.mat-mini-fab::before{margin:calc(calc(var(--mat-focus-indicator-border-width, 3px) + 2px) * -1)}.mat-stroked-button::before{margin:calc(calc(var(--mat-focus-indicator-border-width, 3px) + 3px) * -1)}.cdk-high-contrast-active .mat-button,.cdk-high-contrast-active .mat-flat-button,.cdk-high-contrast-active .mat-raised-button,.cdk-high-contrast-active .mat-icon-button,.cdk-high-contrast-active .mat-fab,.cdk-high-contrast-active .mat-mini-fab{outline:solid 1px}</style><style type="text/css">
/*
@angular/flex-layout - workaround for possible browser quirk with mediaQuery listeners
see http://bit.ly/2sd4HMP
*/
@media screen and (min-width: 600px), screen and (min-width: 960px), screen and (min-width: 1280px), screen and (min-width: 1920px), screen and (min-width: 1920px) and (max-width: 4999.9px), screen and (max-width: 1919.9px), screen and (min-width: 1280px) and (max-width: 1919.9px), screen and (max-width: 1279.9px), screen and (min-width: 960px) and (max-width: 1279.9px), screen and (max-width: 959.9px), screen and (min-width: 600px) and (max-width: 959.9px), screen and (max-width: 599.9px), screen and (min-width: 0px) and (max-width: 599.9px), print {.fx-query-test{ }}
</style><style>.mat-divider{display:block;margin:0;border-top-width:1px;border-top-style:solid}.mat-divider.mat-divider-vertical{border-top:0;border-right-width:1px;border-right-style:solid}.mat-divider.mat-divider-inset{margin-left:80px}[dir=rtl] .mat-divider.mat-divider-inset{margin-left:auto;margin-right:80px}</style><style>.mat-icon{-webkit-user-select:none;user-select:none;background-repeat:no-repeat;display:inline-block;fill:currentColor;height:24px;width:24px;overflow:hidden}.mat-icon.mat-icon-inline{font-size:inherit;height:inherit;line-height:inherit;width:inherit}.mat-icon.mat-ligature-font[fontIcon]::before{content:attr(fontIcon)}[dir=rtl] .mat-icon-rtl-mirror{transform:scale(-1, 1)}.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-prefix .mat-icon,.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-suffix .mat-icon{display:block}.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-prefix .mat-icon-button .mat-icon,.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-suffix .mat-icon-button .mat-icon{margin:auto}</style><style>[_nghost-avf-c123]{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-end;width:24px;height:24px}.mat-search_field[_ngcontent-avf-c123]{position:absolute;z-index:1;padding:0 24px 0 0}.mat-search_icons[_ngcontent-avf-c123]{display:block;margin:0;padding:0;position:absolute;top:0;left:0}.mat-search_icons[_ngcontent-avf-c123]:hover{cursor:pointer}.mat-search_icons[_ngcontent-avf-c123] .mat-search_icon-close[_ngcontent-avf-c123], .mat-search_icons[_ngcontent-avf-c123] .mat-search_icon-search[_ngcontent-avf-c123]{transition:all .2s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0;z-index:2;border-radius:50%}.mat-search_icons[_ngcontent-avf-c123] .mat-search_icon-close[_ngcontent-avf-c123], .mat-search_icons.mat-search_icons--active[_ngcontent-avf-c123] .mat-search_icon-search[_ngcontent-avf-c123]{opacity:0;transform:rotate(225deg)}.mat-search_icons.mat-search_icons--active[_ngcontent-avf-c123] .mat-search_icon-close[_ngcontent-avf-c123]{opacity:1;z-index:3;visibility:visible;transform:rotate(360deg)}</style><style>mat-menu{display:none}.mat-menu-panel{min-width:112px;max-width:280px;overflow:auto;-webkit-overflow-scrolling:touch;max-height:calc(100vh - 48px);border-radius:4px;outline:0;min-height:64px;position:relative}.mat-menu-panel.ng-animating{pointer-events:none}.cdk-high-contrast-active .mat-menu-panel{outline:solid 1px}.mat-menu-content:not(:empty){padding-top:8px;padding-bottom:8px}.mat-menu-item{-webkit-user-select:none;user-select:none;cursor:pointer;outline:none;border:none;-webkit-tap-highlight-color:rgba(0,0,0,0);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;line-height:48px;height:48px;padding:0 16px;text-align:left;text-decoration:none;max-width:100%;position:relative}.mat-menu-item::-moz-focus-inner{border:0}.mat-menu-item[disabled]{cursor:default}[dir=rtl] .mat-menu-item{text-align:right}.mat-menu-item .mat-icon{margin-right:16px;vertical-align:middle}.mat-menu-item .mat-icon svg{vertical-align:top}[dir=rtl] .mat-menu-item .mat-icon{margin-left:16px;margin-right:0}.mat-menu-item[disabled]::after{display:block;position:absolute;content:"";top:0;left:0;bottom:0;right:0}.cdk-high-contrast-active .mat-menu-item{margin-top:1px}.mat-menu-item-submenu-trigger{padding-right:32px}[dir=rtl] .mat-menu-item-submenu-trigger{padding-right:16px;padding-left:32px}.mat-menu-submenu-icon{position:absolute;top:50%;right:16px;transform:translateY(-50%);width:5px;height:10px;fill:currentColor}[dir=rtl] .mat-menu-submenu-icon{right:auto;left:16px;transform:translateY(-50%) scaleX(-1)}.cdk-high-contrast-active .mat-menu-submenu-icon{fill:CanvasText}button.mat-menu-item{width:100%}.mat-menu-item .mat-menu-ripple{top:0;left:0;right:0;bottom:0;position:absolute;pointer-events:none}</style><style>.mat-form-field{display:inline-block;position:relative;text-align:left}[dir=rtl] .mat-form-field{text-align:right}.mat-form-field-wrapper{position:relative}.mat-form-field-flex{display:inline-flex;align-items:baseline;box-sizing:border-box;width:100%}.mat-form-field-prefix,.mat-form-field-suffix{white-space:nowrap;flex:none;position:relative}.mat-form-field-infix{display:block;position:relative;flex:auto;min-width:0;width:180px}.cdk-high-contrast-active .mat-form-field-infix{border-image:linear-gradient(transparent, transparent)}.mat-form-field-label-wrapper{position:absolute;left:0;box-sizing:content-box;width:100%;height:100%;overflow:hidden;pointer-events:none}[dir=rtl] .mat-form-field-label-wrapper{left:auto;right:0}.mat-form-field-label{position:absolute;left:0;font:inherit;pointer-events:none;width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;transform-origin:0 0;transition:transform 400ms cubic-bezier(0.25, 0.8, 0.25, 1),color 400ms cubic-bezier(0.25, 0.8, 0.25, 1),width 400ms cubic-bezier(0.25, 0.8, 0.25, 1);display:none}[dir=rtl] .mat-form-field-label{transform-origin:100% 0;left:auto;right:0}.cdk-high-contrast-active .mat-form-field-disabled .mat-form-field-label{color:GrayText}.mat-form-field-empty.mat-form-field-label,.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label{display:block}.mat-form-field-autofill-control:-webkit-autofill+.mat-form-field-label-wrapper .mat-form-field-label{display:none}.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill+.mat-form-field-label-wrapper .mat-form-field-label{display:block;transition:none}.mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label,.mat-input-server[placeholder]:not(:placeholder-shown)+.mat-form-field-label-wrapper .mat-form-field-label{display:none}.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label,.mat-form-field-can-float .mat-input-server[placeholder]:not(:placeholder-shown)+.mat-form-field-label-wrapper .mat-form-field-label{display:block}.mat-form-field-label:not(.mat-form-field-empty){transition:none}.mat-form-field-underline{position:absolute;width:100%;pointer-events:none;transform:scale3d(1, 1.0001, 1)}.mat-form-field-ripple{position:absolute;left:0;width:100%;transform-origin:50%;transform:scaleX(0.5);opacity:0;transition:background-color 300ms cubic-bezier(0.55, 0, 0.55, 0.2)}.mat-form-field.mat-focused .mat-form-field-ripple,.mat-form-field.mat-form-field-invalid .mat-form-field-ripple{opacity:1;transform:none;transition:transform 300ms cubic-bezier(0.25, 0.8, 0.25, 1),opacity 100ms cubic-bezier(0.25, 0.8, 0.25, 1),background-color 300ms cubic-bezier(0.25, 0.8, 0.25, 1)}.mat-form-field-subscript-wrapper{position:absolute;box-sizing:border-box;width:100%;overflow:hidden}.mat-form-field-subscript-wrapper .mat-icon,.mat-form-field-label-wrapper .mat-icon{width:1em;height:1em;font-size:inherit;vertical-align:baseline}.mat-form-field-hint-wrapper{display:flex}.mat-form-field-hint-spacer{flex:1 0 1em}.mat-error{display:block}.mat-form-field-control-wrapper{position:relative}.mat-form-field-hint-end{order:1}.mat-form-field._mat-animation-noopable .mat-form-field-label,.mat-form-field._mat-animation-noopable .mat-form-field-ripple{transition:none}</style><style>.mat-form-field-appearance-fill .mat-form-field-flex{border-radius:4px 4px 0 0;padding:.75em .75em 0 .75em}.cdk-high-contrast-active .mat-form-field-appearance-fill .mat-form-field-flex{outline:solid 1px}.cdk-high-contrast-active .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex{outline-color:GrayText}.cdk-high-contrast-active .mat-form-field-appearance-fill.mat-focused .mat-form-field-flex{outline:dashed 3px}.mat-form-field-appearance-fill .mat-form-field-underline::before{content:"";display:block;position:absolute;bottom:0;height:1px;width:100%}.mat-form-field-appearance-fill .mat-form-field-ripple{bottom:0;height:2px}.cdk-high-contrast-active .mat-form-field-appearance-fill .mat-form-field-ripple{height:0}.mat-form-field-appearance-fill:not(.mat-form-field-disabled) .mat-form-field-flex:hover~.mat-form-field-underline .mat-form-field-ripple{opacity:1;transform:none;transition:opacity 600ms cubic-bezier(0.25, 0.8, 0.25, 1)}.mat-form-field-appearance-fill._mat-animation-noopable:not(.mat-form-field-disabled) .mat-form-field-flex:hover~.mat-form-field-underline .mat-form-field-ripple{transition:none}.mat-form-field-appearance-fill .mat-form-field-subscript-wrapper{padding:0 1em}</style><style>.mat-input-element{font:inherit;background:rgba(0,0,0,0);color:currentColor;border:none;outline:none;padding:0;margin:0;width:100%;max-width:100%;vertical-align:bottom;text-align:inherit;box-sizing:content-box}.mat-input-element:-moz-ui-invalid{box-shadow:none}.mat-input-element,.mat-input-element::-webkit-search-cancel-button,.mat-input-element::-webkit-search-decoration,.mat-input-element::-webkit-search-results-button,.mat-input-element::-webkit-search-results-decoration{-webkit-appearance:none}.mat-input-element::-webkit-contacts-auto-fill-button,.mat-input-element::-webkit-caps-lock-indicator,.mat-input-element:not([type=password])::-webkit-credentials-auto-fill-button{visibility:hidden}.mat-input-element[type=date],.mat-input-element[type=datetime],.mat-input-element[type=datetime-local],.mat-input-element[type=month],.mat-input-element[type=week],.mat-input-element[type=time]{line-height:1}.mat-input-element[type=date]::after,.mat-input-element[type=datetime]::after,.mat-input-element[type=datetime-local]::after,.mat-input-element[type=month]::after,.mat-input-element[type=week]::after,.mat-input-element[type=time]::after{content:" ";white-space:pre;width:1px}.mat-input-element::-webkit-inner-spin-button,.mat-input-element::-webkit-calendar-picker-indicator,.mat-input-element::-webkit-clear-button{font-size:.75em}.mat-input-element::placeholder{-webkit-user-select:none;user-select:none;transition:color 400ms 133.3333333333ms cubic-bezier(0.25, 0.8, 0.25, 1)}.mat-input-element::-moz-placeholder{-webkit-user-select:none;user-select:none;transition:color 400ms 133.3333333333ms cubic-bezier(0.25, 0.8, 0.25, 1)}.mat-input-element::-webkit-input-placeholder{-webkit-user-select:none;user-select:none;transition:color 400ms 133.3333333333ms cubic-bezier(0.25, 0.8, 0.25, 1)}.mat-input-element:-ms-input-placeholder{-webkit-user-select:none;user-select:none;transition:color 400ms 133.3333333333ms cubic-bezier(0.25, 0.8, 0.25, 1)}.mat-form-field-hide-placeholder .mat-input-element::placeholder{color:rgba(0,0,0,0) !important;-webkit-text-fill-color:rgba(0,0,0,0);transition:none}.cdk-high-contrast-active .mat-form-field-hide-placeholder .mat-input-element::placeholder{opacity:0}.mat-form-field-hide-placeholder .mat-input-element::-moz-placeholder{color:rgba(0,0,0,0) !important;-webkit-text-fill-color:rgba(0,0,0,0);transition:none}.cdk-high-contrast-active .mat-form-field-hide-placeholder .mat-input-element::-moz-placeholder{opacity:0}.mat-form-field-hide-placeholder .mat-input-element::-webkit-input-placeholder{color:rgba(0,0,0,0) !important;-webkit-text-fill-color:rgba(0,0,0,0);transition:none}.cdk-high-contrast-active .mat-form-field-hide-placeholder .mat-input-element::-webkit-input-placeholder{opacity:0}.mat-form-field-hide-placeholder .mat-input-element:-ms-input-placeholder{color:rgba(0,0,0,0) !important;-webkit-text-fill-color:rgba(0,0,0,0);transition:none}.cdk-high-contrast-active .mat-form-field-hide-placeholder .mat-input-element:-ms-input-placeholder{opacity:0}._mat-animation-noopable .mat-input-element::placeholder{transition:none}._mat-animation-noopable .mat-input-element::-moz-placeholder{transition:none}._mat-animation-noopable .mat-input-element::-webkit-input-placeholder{transition:none}._mat-animation-noopable .mat-input-element:-ms-input-placeholder{transition:none}textarea.mat-input-element{resize:vertical;overflow:auto}textarea.mat-input-element.cdk-textarea-autosize{resize:none}textarea.mat-input-element{padding:2px 0;margin:-2px 0}select.mat-input-element{-moz-appearance:none;-webkit-appearance:none;position:relative;background-color:rgba(0,0,0,0);display:inline-flex;box-sizing:border-box;padding-top:1em;top:-1em;margin-bottom:-1em}select.mat-input-element::-moz-focus-inner{border:0}select.mat-input-element:not(:disabled){cursor:pointer}.mat-form-field-type-mat-native-select .mat-form-field-infix::after{content:"";width:0;height:0;border-left:5px solid rgba(0,0,0,0);border-right:5px solid rgba(0,0,0,0);border-top:5px solid;position:absolute;top:50%;right:0;margin-top:-2.5px;pointer-events:none}[dir=rtl] .mat-form-field-type-mat-native-select .mat-form-field-infix::after{right:auto;left:0}.mat-form-field-type-mat-native-select .mat-input-element{padding-right:15px}[dir=rtl] .mat-form-field-type-mat-native-select .mat-input-element{padding-right:0;padding-left:15px}.mat-form-field-type-mat-native-select .mat-form-field-label-wrapper{max-width:calc(100% - 10px)}.mat-form-field-type-mat-native-select.mat-form-field-appearance-outline .mat-form-field-infix::after{margin-top:-5px}.mat-form-field-type-mat-native-select.mat-form-field-appearance-fill .mat-form-field-infix::after{margin-top:-10px}</style><style>.mat-form-field-appearance-legacy .mat-form-field-label{transform:perspective(100px)}.mat-form-field-appearance-legacy .mat-form-field-prefix .mat-icon,.mat-form-field-appearance-legacy .mat-form-field-suffix .mat-icon{width:1em}.mat-form-field-appearance-legacy .mat-form-field-prefix .mat-icon-button,.mat-form-field-appearance-legacy .mat-form-field-suffix .mat-icon-button{font:inherit;vertical-align:baseline}.mat-form-field-appearance-legacy .mat-form-field-prefix .mat-icon-button .mat-icon,.mat-form-field-appearance-legacy .mat-form-field-suffix .mat-icon-button .mat-icon{font-size:inherit}.mat-form-field-appearance-legacy .mat-form-field-underline{height:1px}.cdk-high-contrast-active .mat-form-field-appearance-legacy .mat-form-field-underline{height:0;border-top:solid 1px}.mat-form-field-appearance-legacy .mat-form-field-ripple{top:0;height:2px;overflow:hidden}.cdk-high-contrast-active .mat-form-field-appearance-legacy .mat-form-field-ripple{height:0;border-top:solid 2px}.mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline{background-position:0;background-color:rgba(0,0,0,0)}.cdk-high-contrast-active .mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline{border-top-style:dotted;border-top-width:2px;border-top-color:GrayText}.mat-form-field-appearance-legacy.mat-form-field-invalid:not(.mat-focused) .mat-form-field-ripple{height:1px}</style><style>.mat-form-field-appearance-outline .mat-form-field-wrapper{margin:.25em 0}.mat-form-field-appearance-outline .mat-form-field-flex{padding:0 .75em 0 .75em;margin-top:-0.25em;position:relative}.mat-form-field-appearance-outline .mat-form-field-prefix,.mat-form-field-appearance-outline .mat-form-field-suffix{top:.25em}.mat-form-field-appearance-outline .mat-form-field-outline{display:flex;position:absolute;top:.25em;left:0;right:0;bottom:0;pointer-events:none}.mat-form-field-appearance-outline .mat-form-field-outline-start,.mat-form-field-appearance-outline .mat-form-field-outline-end{border:1px solid currentColor;min-width:5px}.mat-form-field-appearance-outline .mat-form-field-outline-start{border-radius:5px 0 0 5px;border-right-style:none}[dir=rtl] .mat-form-field-appearance-outline .mat-form-field-outline-start{border-right-style:solid;border-left-style:none;border-radius:0 5px 5px 0}.mat-form-field-appearance-outline .mat-form-field-outline-end{border-radius:0 5px 5px 0;border-left-style:none;flex-grow:1}[dir=rtl] .mat-form-field-appearance-outline .mat-form-field-outline-end{border-left-style:solid;border-right-style:none;border-radius:5px 0 0 5px}.mat-form-field-appearance-outline .mat-form-field-outline-gap{border-radius:.000001px;border:1px solid currentColor;border-left-style:none;border-right-style:none}.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-outline-gap{border-top-color:rgba(0,0,0,0)}.mat-form-field-appearance-outline .mat-form-field-outline-thick{opacity:0}.mat-form-field-appearance-outline .mat-form-field-outline-thick .mat-form-field-outline-start,.mat-form-field-appearance-outline .mat-form-field-outline-thick .mat-form-field-outline-end,.mat-form-field-appearance-outline .mat-form-field-outline-thick .mat-form-field-outline-gap{border-width:2px}.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline,.mat-form-field-appearance-outline.mat-form-field-invalid .mat-form-field-outline{opacity:0;transition:opacity 100ms cubic-bezier(0.25, 0.8, 0.25, 1)}.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick,.mat-form-field-appearance-outline.mat-form-field-invalid .mat-form-field-outline-thick{opacity:1}.cdk-high-contrast-active .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick{border:3px dashed}.mat-form-field-appearance-outline:not(.mat-form-field-disabled) .mat-form-field-flex:hover .mat-form-field-outline{opacity:0;transition:opacity 600ms cubic-bezier(0.25, 0.8, 0.25, 1)}.mat-form-field-appearance-outline:not(.mat-form-field-disabled) .mat-form-field-flex:hover .mat-form-field-outline-thick{opacity:1}.mat-form-field-appearance-outline .mat-form-field-subscript-wrapper{padding:0 1em}.cdk-high-contrast-active .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline{color:GrayText}.mat-form-field-appearance-outline._mat-animation-noopable:not(.mat-form-field-disabled) .mat-form-field-flex:hover~.mat-form-field-outline,.mat-form-field-appearance-outline._mat-animation-noopable .mat-form-field-outline,.mat-form-field-appearance-outline._mat-animation-noopable .mat-form-field-outline-start,.mat-form-field-appearance-outline._mat-animation-noopable .mat-form-field-outline-end,.mat-form-field-appearance-outline._mat-animation-noopable .mat-form-field-outline-gap{transition:none}</style><style>.mat-form-field-appearance-standard .mat-form-field-flex{padding-top:.75em}.mat-form-field-appearance-standard .mat-form-field-underline{height:1px}.cdk-high-contrast-active .mat-form-field-appearance-standard .mat-form-field-underline{height:0;border-top:solid 1px}.mat-form-field-appearance-standard .mat-form-field-ripple{bottom:0;height:2px}.cdk-high-contrast-active .mat-form-field-appearance-standard .mat-form-field-ripple{height:0;border-top:solid 2px}.mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline{background-position:0;background-color:rgba(0,0,0,0)}.cdk-high-contrast-active .mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline{border-top-style:dotted;border-top-width:2px}.mat-form-field-appearance-standard:not(.mat-form-field-disabled) .mat-form-field-flex:hover~.mat-form-field-underline .mat-form-field-ripple{opacity:1;transform:none;transition:opacity 600ms cubic-bezier(0.25, 0.8, 0.25, 1)}.mat-form-field-appearance-standard._mat-animation-noopable:not(.mat-form-field-disabled) .mat-form-field-flex:hover~.mat-form-field-underline .mat-form-field-ripple{transition:none}</style><style>.table-container[_ngcontent-avf-c46]{min-width:350px;width:80%}.heading[_ngcontent-avf-c46]{background:rgba(0,0,0,.2);font-size:x-large;justify-content:center;padding:12px 20px}.img-thumbnail[_ngcontent-avf-c46]{width:100%}.product[_ngcontent-avf-c46]{cursor:pointer}.btn-basket[_ngcontent-avf-c46]{bottom:10%}mat-card[_ngcontent-avf-c46]{height:calc(100% - 70px)}.item-price[_ngcontent-avf-c46]{font-size:initial;margin-top:12px;text-align:center}.item-name[_ngcontent-avf-c46]{font-size:large;text-align:center}.emptyState[_ngcontent-avf-c46]{display:block;height:auto!important;margin:20px auto;width:50%}.noResult[_ngcontent-avf-c46]{display:block;margin-left:auto;margin-right:auto;width:60%}.noResultText[_ngcontent-avf-c46]{display:block;margin-top:10px;text-align:center}.ribbon-card[_ngcontent-avf-c46]{position:relative}.ribbon[_ngcontent-avf-c46]{height:150px;overflow:hidden;pointer-events:none;position:absolute;width:150px}.ribbon[_ngcontent-avf-c46]:before{content:"";display:block;position:absolute;z-index:-1}.ribbon[_ngcontent-avf-c46] span[_ngcontent-avf-c46]{box-shadow:0 5px 10px #0000001a;color:#fff;display:block;font:700 18px/1 Lato,sans-serif;padding:15px 0;position:absolute;text-align:center;text-shadow:0 1px 1px rgba(0,0,0,.2);width:225px}.ribbon-top-left[_ngcontent-avf-c46]{left:-10px;top:-10px}.ribbon-top-left[_ngcontent-avf-c46]:before{border-left-color:transparent;border-top-color:transparent;right:0;top:0}.ribbon-top-left[_ngcontent-avf-c46] span[_ngcontent-avf-c46]{right:-25px;top:30px;transform:rotate(-45deg)}</style><style>.mat-paginator{display:block}.mat-paginator-outer-container{display:flex}.mat-paginator-container{display:flex;align-items:center;justify-content:flex-end;padding:0 8px;flex-wrap:wrap-reverse;width:100%}.mat-paginator-page-size{display:flex;align-items:baseline;margin-right:8px}[dir=rtl] .mat-paginator-page-size{margin-right:0;margin-left:8px}.mat-paginator-page-size-label{margin:0 4px}.mat-paginator-page-size-select{margin:6px 4px 0 4px;width:56px}.mat-paginator-page-size-select.mat-form-field-appearance-outline{width:64px}.mat-paginator-page-size-select.mat-form-field-appearance-fill{width:64px}.mat-paginator-range-label{margin:0 32px 0 24px}.mat-paginator-range-actions{display:flex;align-items:center}.mat-paginator-icon{display:inline-block;width:28px;fill:currentColor}[dir=rtl] .mat-paginator-icon{transform:rotate(180deg)}.cdk-high-contrast-active .mat-paginator-icon{fill:CanvasText}</style><style>.mat-grid-list{display:block;position:relative}.mat-grid-tile{display:block;position:absolute;overflow:hidden}.mat-grid-tile .mat-grid-tile-header,.mat-grid-tile .mat-grid-tile-footer{display:flex;align-items:center;height:48px;color:#fff;background:rgba(0,0,0,.38);overflow:hidden;padding:0 16px;position:absolute;left:0;right:0}.mat-grid-tile .mat-grid-tile-header>*,.mat-grid-tile .mat-grid-tile-footer>*{margin:0;padding:0;font-weight:normal;font-size:inherit}.mat-grid-tile .mat-grid-tile-header.mat-2-line,.mat-grid-tile .mat-grid-tile-footer.mat-2-line{height:68px}.mat-grid-tile .mat-grid-list-text{display:flex;flex-direction:column;flex:auto;box-sizing:border-box;overflow:hidden}.mat-grid-tile .mat-grid-list-text>*{margin:0;padding:0;font-weight:normal;font-size:inherit}.mat-grid-tile .mat-grid-list-text:empty{display:none}.mat-grid-tile .mat-grid-tile-header{top:0}.mat-grid-tile .mat-grid-tile-footer{bottom:0}.mat-grid-tile .mat-grid-avatar{padding-right:16px}[dir=rtl] .mat-grid-tile .mat-grid-avatar{padding-right:0;padding-left:16px}.mat-grid-tile .mat-grid-avatar:empty{display:none}.mat-grid-tile-content{top:0;left:0;right:0;bottom:0;position:absolute;display:flex;align-items:center;justify-content:center;height:100%;padding:0;margin:0}</style><style>.mat-snack-bar-container{border-radius:4px;box-sizing:border-box;display:block;margin:24px;max-width:33vw;min-width:344px;padding:14px 16px;min-height:48px;transform-origin:center}.cdk-high-contrast-active .mat-snack-bar-container{border:solid 1px}.mat-snack-bar-handset{width:100%}.mat-snack-bar-handset .mat-snack-bar-container{margin:8px;max-width:100%;min-width:0;width:100%}</style><style>.mat-simple-snackbar{display:flex;justify-content:space-between;align-items:center;line-height:20px;opacity:1}.mat-simple-snackbar-action{flex-shrink:0;margin:-8px -8px -8px 8px}.mat-simple-snackbar-action button{max-height:36px;min-width:0}[dir=rtl] .mat-simple-snackbar-action{margin-left:-8px;margin-right:8px}.mat-simple-snack-bar-content{overflow:hidden;text-overflow:ellipsis}</style><style>.mat-radio-button{display:inline-block;-webkit-tap-highlight-color:rgba(0,0,0,0);outline:0}.mat-radio-label{-webkit-user-select:none;user-select:none;cursor:pointer;display:inline-flex;align-items:center;white-space:nowrap;vertical-align:middle;width:100%}.mat-radio-container{box-sizing:border-box;display:inline-block;position:relative;width:20px;height:20px;flex-shrink:0}.mat-radio-outer-circle{box-sizing:border-box;display:block;height:20px;left:0;position:absolute;top:0;transition:border-color ease 280ms;width:20px;border-width:2px;border-style:solid;border-radius:50%}._mat-animation-noopable .mat-radio-outer-circle{transition:none}.mat-radio-inner-circle{border-radius:50%;box-sizing:border-box;display:block;height:20px;left:0;position:absolute;top:0;opacity:0;transition:transform ease 280ms,background-color ease 280ms,opacity linear 1ms 280ms;width:20px;transform:scale(0.001);-webkit-print-color-adjust:exact;color-adjust:exact}.mat-radio-checked .mat-radio-inner-circle{transform:scale(0.5);opacity:1;transition:transform ease 280ms,background-color ease 280ms}.cdk-high-contrast-active .mat-radio-checked .mat-radio-inner-circle{border:solid 10px}._mat-animation-noopable .mat-radio-inner-circle{transition:none}.mat-radio-label-content{-webkit-user-select:auto;user-select:auto;display:inline-block;order:0;line-height:inherit;padding-left:8px;padding-right:0}[dir=rtl] .mat-radio-label-content{padding-right:8px;padding-left:0}.mat-radio-label-content.mat-radio-label-before{order:-1;padding-left:0;padding-right:8px}[dir=rtl] .mat-radio-label-content.mat-radio-label-before{padding-right:0;padding-left:8px}.mat-radio-disabled,.mat-radio-disabled .mat-radio-label{cursor:default}.mat-radio-button .mat-radio-ripple{position:absolute;left:calc(50% - 20px);top:calc(50% - 20px);height:40px;width:40px;z-index:1;pointer-events:none}.mat-radio-button .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple){opacity:.16}.mat-radio-persistent-ripple{width:100%;height:100%;transform:none;top:0;left:0}.mat-radio-container:hover .mat-radio-persistent-ripple{opacity:.04}.mat-radio-button:not(.mat-radio-disabled).cdk-keyboard-focused .mat-radio-persistent-ripple,.mat-radio-button:not(.mat-radio-disabled).cdk-program-focused .mat-radio-persistent-ripple{opacity:.12}.mat-radio-persistent-ripple,.mat-radio-disabled .mat-radio-container:hover .mat-radio-persistent-ripple{opacity:0}@media(hover: none){.mat-radio-container:hover .mat-radio-persistent-ripple{display:none}}.mat-radio-input{opacity:0;position:absolute;top:0;left:0;margin:0;width:100%;height:100%;cursor:inherit;z-index:-1}.mat-radio-input:focus~.mat-focus-indicator::before{content:""}.cdk-high-contrast-active .mat-radio-disabled{opacity:.5}</style><style>.mat-card{transition:box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);display:block;position:relative;padding:16px;border-radius:4px}.mat-card._mat-animation-noopable{transition:none !important;animation:none !important}.mat-card>.mat-divider-horizontal{position:absolute;left:0;width:100%}[dir=rtl] .mat-card>.mat-divider-horizontal{left:auto;right:0}.mat-card>.mat-divider-horizontal.mat-divider-inset{position:static;margin:0}[dir=rtl] .mat-card>.mat-divider-horizontal.mat-divider-inset{margin-right:0}.cdk-high-contrast-active .mat-card{outline:solid 1px}.mat-card-actions,.mat-card-subtitle,.mat-card-content{display:block;margin-bottom:16px}.mat-card-title{display:block;margin-bottom:8px}.mat-card-actions{margin-left:-8px;margin-right:-8px;padding:8px 0}.mat-card-actions-align-end{display:flex;justify-content:flex-end}.mat-card-image{width:calc(100% + 32px);margin:0 -16px 16px -16px;display:block;overflow:hidden}.mat-card-image img{width:100%}.mat-card-footer{display:block;margin:0 -16px -16px -16px}.mat-card-actions .mat-button,.mat-card-actions .mat-raised-button,.mat-card-actions .mat-stroked-button{margin:0 8px}.mat-card-header{display:flex;flex-direction:row}.mat-card-header .mat-card-title{margin-bottom:12px}.mat-card-header-text{margin:0 16px}.mat-card-avatar{height:40px;width:40px;border-radius:50%;flex-shrink:0;object-fit:cover}.mat-card-title-group{display:flex;justify-content:space-between}.mat-card-sm-image{width:80px;height:80px}.mat-card-md-image{width:112px;height:112px}.mat-card-lg-image{width:152px;height:152px}.mat-card-xl-image{width:240px;height:240px;margin:-8px}.mat-card-title-group>.mat-card-xl-image{margin:-8px 0 8px}@media(max-width: 599px){.mat-card-title-group{margin:0}.mat-card-xl-image{margin-left:0;margin-right:0}}.mat-card>:first-child,.mat-card-content>:first-child{margin-top:0}.mat-card>:last-child:not(.mat-card-footer),.mat-card-content>:last-child:not(.mat-card-footer){margin-bottom:0}.mat-card-image:first-child{margin-top:-16px;border-top-left-radius:inherit;border-top-right-radius:inherit}.mat-card>.mat-card-actions:last-child{margin-bottom:-8px;padding-bottom:0}.mat-card-actions:not(.mat-card-actions-align-end) .mat-button:first-child,.mat-card-actions:not(.mat-card-actions-align-end) .mat-raised-button:first-child,.mat-card-actions:not(.mat-card-actions-align-end) .mat-stroked-button:first-child{margin-left:0;margin-right:0}.mat-card-actions-align-end .mat-button:last-child,.mat-card-actions-align-end .mat-raised-button:last-child,.mat-card-actions-align-end .mat-stroked-button:last-child{margin-left:0;margin-right:0}.mat-card-title:not(:first-child),.mat-card-subtitle:not(:first-child){margin-top:-4px}.mat-card-header .mat-card-subtitle:not(:first-child){margin-top:-8px}.mat-card>.mat-card-xl-image:first-child{margin-top:-8px}.mat-card>.mat-card-xl-image:last-child{margin-bottom:-8px}</style><style>.mat-select{display:inline-block;width:100%;outline:none}.mat-select-trigger{display:inline-flex;align-items:center;cursor:pointer;position:relative;box-sizing:border-box;width:100%}.mat-select-disabled .mat-select-trigger{-webkit-user-select:none;user-select:none;cursor:default}.mat-select-value{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mat-select-value-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mat-select-arrow-wrapper{height:16px;flex-shrink:0;display:inline-flex;align-items:center}.mat-form-field-appearance-fill .mat-select-arrow-wrapper{transform:translateY(-50%)}.mat-form-field-appearance-outline .mat-select-arrow-wrapper{transform:translateY(-25%)}.mat-form-field-appearance-standard.mat-form-field-has-label .mat-select:not(.mat-select-empty) .mat-select-arrow-wrapper{transform:translateY(-50%)}.mat-form-field-appearance-standard .mat-select.mat-select-empty .mat-select-arrow-wrapper{transition:transform 400ms cubic-bezier(0.25, 0.8, 0.25, 1)}._mat-animation-noopable.mat-form-field-appearance-standard .mat-select.mat-select-empty .mat-select-arrow-wrapper{transition:none}.mat-select-arrow{width:0;height:0;border-left:5px solid rgba(0,0,0,0);border-right:5px solid rgba(0,0,0,0);border-top:5px solid;margin:0 4px}.mat-form-field.mat-focused .mat-select-arrow{transform:translateX(0)}.mat-select-panel-wrap{flex-basis:100%}.mat-select-panel{min-width:112px;max-width:280px;overflow:auto;-webkit-overflow-scrolling:touch;padding-top:0;padding-bottom:0;max-height:256px;min-width:100%;border-radius:4px;outline:0}.cdk-high-contrast-active .mat-select-panel{outline:solid 1px}.mat-select-panel .mat-optgroup-label,.mat-select-panel .mat-option{font-size:inherit;line-height:3em;height:3em}.mat-form-field-type-mat-select:not(.mat-form-field-disabled) .mat-form-field-flex{cursor:pointer}.mat-form-field-type-mat-select .mat-form-field-label{width:calc(100% - 18px)}.mat-select-placeholder{transition:color 400ms 133.3333333333ms cubic-bezier(0.25, 0.8, 0.25, 1)}._mat-animation-noopable .mat-select-placeholder{transition:none}.mat-form-field-hide-placeholder .mat-select-placeholder{color:rgba(0,0,0,0);-webkit-text-fill-color:rgba(0,0,0,0);transition:none;display:block}.mat-select-min-line:empty::before{content:" ";white-space:pre;width:1px;display:inline-block;visibility:hidden}</style><style>.mat-option{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;line-height:48px;height:48px;padding:0 16px;text-align:left;text-decoration:none;max-width:100%;position:relative;cursor:pointer;outline:none;display:flex;flex-direction:row;max-width:100%;box-sizing:border-box;align-items:center;-webkit-tap-highlight-color:rgba(0,0,0,0)}.mat-option[disabled]{cursor:default}[dir=rtl] .mat-option{text-align:right}.mat-option .mat-icon{margin-right:16px;vertical-align:middle}.mat-option .mat-icon svg{vertical-align:top}[dir=rtl] .mat-option .mat-icon{margin-left:16px;margin-right:0}.mat-option[aria-disabled=true]{-webkit-user-select:none;user-select:none;cursor:default}.mat-optgroup .mat-option:not(.mat-option-multiple){padding-left:32px}[dir=rtl] .mat-optgroup .mat-option:not(.mat-option-multiple){padding-left:16px;padding-right:32px}.mat-option.mat-active::before{content:""}.cdk-high-contrast-active .mat-option[aria-disabled=true]{opacity:.5}.cdk-high-contrast-active .mat-option.mat-selected:not(.mat-option-multiple)::after{content:"";position:absolute;top:50%;right:16px;transform:translateY(-50%);width:10px;height:0;border-bottom:solid 10px;border-radius:10px}[dir=rtl] .cdk-high-contrast-active .mat-option.mat-selected:not(.mat-option-multiple)::after{right:auto;left:16px}.mat-option-text{display:inline-block;flex-grow:1;overflow:hidden;text-overflow:ellipsis}.mat-option .mat-option-ripple{top:0;left:0;right:0;bottom:0;position:absolute;pointer-events:none}.mat-option-pseudo-checkbox{margin-right:8px}[dir=rtl] .mat-option-pseudo-checkbox{margin-left:8px;margin-right:0}</style><style>.mat-dialog-container{display:block;padding:24px;border-radius:4px;box-sizing:border-box;overflow:auto;outline:0;width:100%;height:100%;min-height:inherit;max-height:inherit}.cdk-high-contrast-active .mat-dialog-container{outline:solid 1px}.mat-dialog-content{display:block;margin:0 -24px;padding:0 24px;max-height:65vh;overflow:auto;-webkit-overflow-scrolling:touch}.mat-dialog-title{margin:0 0 20px;display:block}.mat-dialog-actions{padding:8px 0;display:flex;flex-wrap:wrap;min-height:52px;align-items:center;box-sizing:content-box;margin-bottom:-24px}.mat-dialog-actions.mat-dialog-actions-align-center,.mat-dialog-actions[align=center]{justify-content:center}.mat-dialog-actions.mat-dialog-actions-align-end,.mat-dialog-actions[align=end]{justify-content:flex-end}.mat-dialog-actions .mat-button-base+.mat-button-base,.mat-dialog-actions .mat-mdc-button-base+.mat-mdc-button-base{margin-left:8px}[dir=rtl] .mat-dialog-actions .mat-button-base+.mat-button-base,[dir=rtl] .mat-dialog-actions .mat-mdc-button-base+.mat-mdc-button-base{margin-left:0;margin-right:8px}</style><style>.text-justify[_ngcontent-avf-c125]{text-align:justify;text-justify:inter-word}[_nghost-avf-c125] h1 a{font-size:20px}[_nghost-avf-c125] strong{font-style:italic}</style><style></style></head>
<body class="mat-app-background bluegrey-lightgreen-theme"><div role="dialog" aria-live="polite" aria-label="cookieconsent" aria-describedby="cookieconsent:desc" class="cc-window cc-floating cc-type-info cc-theme-classic cc-bottom cc-right cc-color-override--1225450786 " style=""><!--googleoff: all--><span id="cookieconsent:desc" class="cc-message">This website uses fruit cookies to ensure you get the juiciest tracking experience. <a aria-label="learn more about cookies" role="button" tabindex="0" class="cc-link" href="https://www.youtube.com/watch?v=9PnbKL3wuH4" rel="noopener noreferrer nofollow" target="_blank">But me wait!</a></span><div class="cc-compliance"><a aria-label="dismiss cookie message" role="button" tabindex="0" class="cc-btn cc-dismiss">Me want it!</a></div><!--googleon: all--></div>
<app-root _nghost-avf-c132="" ng-version="15.2.10" aria-hidden="true"><div _ngcontent-avf-c132="" class="mat-typography"><mat-sidenav-container _ngcontent-avf-c132="" fullscreen="" class="mat-drawer-container mat-sidenav-container"><div class="mat-drawer-backdrop ng-star-inserted"></div><!----><div class="cdk-visually-hidden cdk-focus-trap-anchor" aria-hidden="true"></div><mat-sidenav _ngcontent-avf-c132="" tabindex="-1" mode="over" class="mat-drawer mat-sidenav ng-tns-c73-0 ng-trigger ng-trigger-transform mat-drawer-over ng-star-inserted" style="box-shadow: none; visibility: hidden;"><div cdkscrollable="" class="mat-drawer-inner-container ng-tns-c73-0"><sidenav _ngcontent-avf-c132="" _nghost-avf-c131="" class="ng-tns-c73-0"><mat-toolbar _ngcontent-avf-c131="" color="primary" class="mat-toolbar mat-elevation-z6 mat-primary mat-toolbar-multiple-rows"><mat-toolbar-row _ngcontent-avf-c131="" class="mat-toolbar-row"><h2 _ngcontent-avf-c131=""> OWASP Juice Shop</h2></mat-toolbar-row></mat-toolbar><mat-nav-list _ngcontent-avf-c131="" role="navigation" class="mat-nav-list mat-list-base"><button _ngcontent-avf-c131="" mat-button="" class="mat-focus-indicator mat-button mat-button-base" style="height: 0; position: absolute;"><span class="mat-button-wrapper"></span><span matripple="" class="mat-ripple mat-button-ripple"></span><span class="mat-button-focus-overlay"></span></button><h3 _ngcontent-avf-c131="" mat-subheader="" translate="" fxhide="" fxshow.lt-md="" class="mat-subheader side-subHeader">Account</h3><div _ngcontent-avf-c131="" fxhide="" fxshow.lt-md=""><a _ngcontent-avf-c131="" mat-list-item="" routerlink="/login" aria-label="Go to login page" class="mat-list-item mat-focus-indicator ng-star-inserted" href="#/login" style=""><span class="mat-list-item-content"><span mat-ripple="" class="mat-ripple mat-list-item-ripple"></span><span class="mat-list-text"></span><mat-icon _ngcontent-avf-c131="" role="img" class="mat-icon notranslate material-icons mat-ligature-font mat-icon-no-color" aria-hidden="true" data-mat-icon-type="font"> exit_to_app </mat-icon><span _ngcontent-avf-c131="" class="menu-text truncate"> Login </span></span></a><!----><!----><!----><!----><!----><!----><!----><!----></div><mat-divider _ngcontent-avf-c131="" role="separator" fxhide="" fxshow.lt-md="" class="mat-divider mat-divider-horizontal" aria-orientation="horizontal"></mat-divider><h3 _ngcontent-avf-c131="" mat-subheader="" translate="" class="mat-subheader side-subHeader">Contact</h3><a _ngcontent-avf-c131="" mat-list-item="" routerlink="/contact" aria-label="Go to contact us page" class="mat-list-item mat-focus-indicator" href="#/contact"><span class="mat-list-item-content"><span mat-ripple="" class="mat-ripple mat-list-item-ripple"></span><span class="mat-list-text"></span><i _ngcontent-avf-c131="" class="material-icons"> feedback </i><span _ngcontent-avf-c131="" class="menu-text truncate"> Customer Feedback </span></span></a><!----><!----><mat-divider _ngcontent-avf-c131="" role="separator" class="mat-divider mat-divider-horizontal" aria-orientation="horizontal"></mat-divider><h3 _ngcontent-avf-c131="" mat-subheader="" translate="" class="mat-subheader side-subHeader">Company</h3><a _ngcontent-avf-c131="" mat-list-item="" routerlink="/about" aria-label="Go to about us page" class="mat-list-item mat-focus-indicator" href="#/about"><span class="mat-list-item-content"><span mat-ripple="" class="mat-ripple mat-list-item-ripple"></span><span class="mat-list-text"></span><i _ngcontent-avf-c131="" class="material-icons"> business_center </i><span _ngcontent-avf-c131="" class="menu-text truncate"> About Us </span></span></a><a _ngcontent-avf-c131="" mat-list-item="" routerlink="/photo-wall" aria-label="Go to photo wall" class="mat-list-item mat-focus-indicator" href="#/photo-wall"><span class="mat-list-item-content"><span mat-ripple="" class="mat-ripple mat-list-item-ripple"></span><span class="mat-list-text"></span><i _ngcontent-avf-c131="" class="material-icons"> camera </i><span _ngcontent-avf-c131="" class="menu-text truncate"> Photo Wall </span></span></a><!----><mat-divider _ngcontent-avf-c131="" role="separator" class="mat-divider mat-divider-horizontal ng-star-inserted" style="margin-bottom: 10px;" aria-orientation="horizontal"></mat-divider><!----><a _ngcontent-avf-c131="" mat-list-item="" routerlink="/score-board" aria-label="Open score-board" class="mat-list-item mat-focus-indicator mat-list-item-with-avatar ng-star-inserted" href="#/score-board" style=""><span class="mat-list-item-content"><span mat-ripple="" class="mat-ripple mat-list-item-ripple"></span><svg _ngcontent-avf-c131="" role="img" matlisticon="" class="svg-inline--fa fa-trophy fa-w-18 mat-icon notranslate mat-list-icon fa-lg material-icons mat-ligature-font mat-icon-no-color" aria-hidden="true" data-mat-icon-type="font" focusable="false" data-prefix="fas" data-icon="trophy" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" data-fa-i2svg=""><path fill="currentColor" d="M552 64H448V24c0-13.3-10.7-24-24-24H152c-13.3 0-24 10.7-24 24v40H24C10.7 64 0 74.7 0 88v56c0 35.7 22.5 72.4 61.9 100.7 31.5 22.7 69.8 37.1 110 41.7C203.3 338.5 240 360 240 360v72h-48c-35.3 0-64 20.7-64 56v12c0 6.6 5.4 12 12 12h296c6.6 0 12-5.4 12-12v-12c0-35.3-28.7-56-64-56h-48v-72s36.7-21.5 68.1-73.6c40.3-4.6 78.6-19 110-41.7 39.3-28.3 61.9-65 61.9-100.7V88c0-13.3-10.7-24-24-24zM99.3 192.8C74.9 175.2 64 155.6 64 144v-16h64.2c1 32.6 5.8 61.2 12.8 86.2-15.1-5.2-29.2-12.4-41.7-21.4zM512 144c0 16.1-17.7 36.1-35.3 48.8-12.5 9-26.7 16.2-41.8 21.4 7-25 11.8-53.6 12.8-86.2H512v16z"></path></svg><!-- <mat-icon _ngcontent-avf-c131="" role="img" matlisticon="" class="mat-icon notranslate mat-list-icon fas fa-trophy fa-lg material-icons mat-ligature-font mat-icon-no-color" aria-hidden="true" data-mat-icon-type="font"></mat-icon> Font Awesome fontawesome.com --><span class="mat-list-text"></span><span _ngcontent-avf-c131="" class="menu-text truncate"> Score Board </span></span></a><!----><!----><a _ngcontent-avf-c131="" mat-list-item="" href="./redirect?to=https://github.com/juice-shop/juice-shop" aria-label="Go to OWASP Juice Shop GitHub page" class="mat-list-item mat-focus-indicator mat-list-item-with-avatar ng-star-inserted" style=""><span class="mat-list-item-content"><span mat-ripple="" class="mat-ripple mat-list-item-ripple"></span><svg _ngcontent-avf-c131="" role="img" matlisticon="" class="svg-inline--fa fa-github fa-w-16 mat-icon notranslate mat-list-icon fa-lg material-icons mat-ligature-font mat-icon-no-color" aria-hidden="true" data-mat-icon-type="font" focusable="false" data-prefix="fab" data-icon="github" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" data-fa-i2svg=""><path fill="currentColor" d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg><!-- <mat-icon _ngcontent-avf-c131="" role="img" matlisticon="" class="mat-icon notranslate mat-list-icon fab fa-github fa-lg material-icons mat-ligature-font mat-icon-no-color" aria-hidden="true" data-mat-icon-type="font"></mat-icon> Font Awesome fontawesome.com --><span class="mat-list-text"></span><span _ngcontent-avf-c131="" class="menu-text truncate"> GitHub </span></span></a><!----></mat-nav-list><div _ngcontent-avf-c131="" class="appVersion"><span _ngcontent-avf-c131=""><span _ngcontent-avf-c131="" style="font-size: 13px;">OWASP Juice Shop</span><br _ngcontent-avf-c131=""><span _ngcontent-avf-c131="" style="font-size: 12px;">v17.1.1</span><br _ngcontent-avf-c131=""><div _ngcontent-avf-c131="" style="margin-top: 10px;"><i _ngcontent-avf-c131="" class="icon-angular"></i> <i _ngcontent-avf-c131="" class="icon-html5"></i> <i _ngcontent-avf-c131="" class="icon-sass"></i> <i _ngcontent-avf-c131="" class="icon-css3"></i> <i _ngcontent-avf-c131="" class="icon-javascript-alt"></i> <i _ngcontent-avf-c131="" class="icon-nodejs"></i> <i _ngcontent-avf-c131="" class="icon-database-alt2"></i> <i _ngcontent-avf-c131="" class="icon-mongodb"></i></div></span></div></sidenav></div></mat-sidenav><div class="cdk-visually-hidden cdk-focus-trap-anchor" aria-hidden="true"></div><mat-sidenav-content class="mat-drawer-content mat-sidenav-content ng-star-inserted"><app-navbar _ngcontent-avf-c132="" _nghost-avf-c124=""><mat-toolbar _ngcontent-avf-c124="" color="primary" fxlayout="column" xmlns="http://www.w3.org/1999/html" class="mat-toolbar mat-elevation-z6 mat-primary mat-toolbar-multiple-rows" style="flex-direction: column; box-sizing: border-box; display: flex;"><mat-toolbar-row _ngcontent-avf-c124="" fxlayout="row" class="mat-toolbar-row" style="flex-direction: row; box-sizing: border-box; display: flex;"><button _ngcontent-avf-c124="" mat-button="" aria-label="Open Sidenav" mattooltipposition="below" class="mat-focus-indicator mat-tooltip-trigger mat-button mat-button-base" style="height: 48px; width: 48px;" aria-describedby="cdk-describedby-message-avf-1-2" cdk-describedby-host="avf-1"><span class="mat-button-wrapper"><mat-icon _ngcontent-avf-c124="" role="img" class="mat-icon notranslate material-icons mat-ligature-font mat-icon-no-color" aria-hidden="true" data-mat-icon-type="font">menu</mat-icon></span><span matripple="" class="mat-ripple mat-button-ripple"></span><span class="mat-button-focus-overlay"></span></button><!----><button _ngcontent-avf-c124="" mat-button="" routerlink="/search" aria-label="Back to homepage" class="mat-focus-indicator buttons mat-button mat-button-base" style="height: 60px;" tabindex="0"><span class="mat-button-wrapper"><img _ngcontent-avf-c124="" class="logo" alt="OWASP Juice Shop" src="assets/public/images/JuiceShop_Logo.png"><span _ngcontent-avf-c124="" fxhide.lt-sm="" fxshow="" style="font-size: x-large;"> OWASP Juice Shop </span></span><span matripple="" class="mat-ripple mat-button-ripple"></span><span class="mat-button-focus-overlay"></span></button><span _ngcontent-avf-c124="" class="fill-remaining-space"></span><mat-search-bar _ngcontent-avf-c124="" id="searchQuery" aria-label="Click to search" _nghost-avf-c123="" class="ng-tns-c123-1 ng-star-inserted"><!----><!----><!----><mat-form-field _ngcontent-avf-c123="" class="mat-form-field mat-search_field ng-tns-c21-6 mat-primary ng-tns-c123-1 ng-trigger ng-trigger-slideInOut mat-form-field-type-mat-input mat-form-field-appearance-standard mat-form-field-can-float ng-untouched ng-pristine ng-valid ng-star-inserted" style="width: 0px;"><div class="mat-form-field-wrapper ng-tns-c21-6"><div class="mat-form-field-flex ng-tns-c21-6"><!----><!----><div class="mat-form-field-infix ng-tns-c21-6"><input _ngcontent-avf-c123="" matinput="" type="text" autocapitalize="none" class="mat-input-element mat-form-field-autofill-control ng-tns-c21-6 ng-untouched ng-pristine ng-valid cdk-text-field-autofill-monitored" id="mat-input-0" data-placeholder="" aria-invalid="false" aria-required="false"><span class="mat-form-field-label-wrapper ng-tns-c21-6"><!----></span></div><!----></div><div class="mat-form-field-underline ng-tns-c21-6 ng-star-inserted" style=""><span class="mat-form-field-ripple ng-tns-c21-6"></span></div><!----><div class="mat-form-field-subscript-wrapper ng-tns-c21-6"><!----><div class="mat-form-field-hint-wrapper ng-tns-c21-6 ng-trigger ng-trigger-transitionMessages ng-star-inserted" style="opacity: 1; transform: translateY(0%);"><!----><div class="mat-form-field-hint-spacer ng-tns-c21-6"></div></div><!----></div></div></mat-form-field><!----><!----><span _ngcontent-avf-c123="" class="mat-search_icons ng-tns-c123-1"><mat-icon _ngcontent-avf-c123="" role="img" matripple="" class="mat-icon notranslate mat-ripple mat-search_icon-close ng-tns-c123-1 material-icons mat-ligature-font mat-icon-no-color" aria-hidden="true" data-mat-icon-type="font"> close </mat-icon><mat-icon _ngcontent-avf-c123="" role="img" matripple="" class="mat-icon notranslate mat-ripple mat-search_icon-search ng-tns-c123-1 material-icons mat-ligature-font mat-icon-no-color" aria-hidden="true" data-mat-icon-type="font"> search </mat-icon></span></mat-search-bar><button _ngcontent-avf-c124="" mat-button="" fxhide.lt-md="" fxshow="" aria-label="Show/hide account menu" id="navbarAccount" class="mat-focus-indicator mat-menu-trigger buttons mat-button mat-button-base" style="vertical-align: middle; height: 48px; display: none;" aria-haspopup="menu"><span class="mat-button-wrapper"><i _ngcontent-avf-c124="" class="material-icons"> account_circle </i><span _ngcontent-avf-c124=""> Account </span></span><span matripple="" class="mat-ripple mat-button-ripple"></span><span class="mat-button-focus-overlay"></span></button><!----><mat-menu _ngcontent-avf-c124="" class="ng-tns-c122-2 ng-star-inserted"><!----></mat-menu><!----><button _ngcontent-avf-c124="" mat-button="" aria-label="Language selection menu" mattooltipposition="below" class="mat-focus-indicator mat-tooltip-trigger mat-menu-trigger buttons mat-button mat-button-base" style="height: 48px; width: 48px;" aria-haspopup="menu" aria-describedby="cdk-describedby-message-avf-1-3" cdk-describedby-host="avf-1"><span class="mat-button-wrapper"><mat-icon _ngcontent-avf-c124="" role="img" class="mat-icon notranslate material-icons mat-ligature-font mat-icon-no-color" aria-hidden="true" data-mat-icon-type="font"> language </mat-icon><span _ngcontent-avf-c124="" fxhide.lt-md="" fxshow="" style="display: none;"> EN </span></span><span matripple="" class="mat-ripple mat-button-ripple"></span><span class="mat-button-focus-overlay"></span></button><!----><mat-menu _ngcontent-avf-c124="" class="ng-tns-c122-3 ng-star-inserted"><!----></mat-menu><mat-menu _ngcontent-avf-c124="" class="ng-tns-c122-4 ng-star-inserted"><!----></mat-menu><mat-menu _ngcontent-avf-c124="" class="ng-tns-c122-5 ng-star-inserted"><!----></mat-menu></mat-toolbar-row></mat-toolbar></app-navbar><app-server-started-notification _ngcontent-avf-c132="" _nghost-avf-c127=""><!----></app-server-started-notification><app-challenge-solved-notification _ngcontent-avf-c132="" _nghost-avf-c128=""><div _ngcontent-avf-c128="" class="container challenge-solved-toast mat-elevation-z4"><!----></div></app-challenge-solved-notification><app-welcome _ngcontent-avf-c132="" _nghost-avf-c126=""><div _ngcontent-avf-c126=""></div></app-welcome><router-outlet _ngcontent-avf-c132=""></router-outlet><app-search-result _nghost-avf-c46="" class="ng-star-inserted"><div _ngcontent-avf-c46="" fxlayoutalign="center" style="place-content: stretch center; align-items: stretch; flex-direction: row; box-sizing: border-box; display: flex;"><div _ngcontent-avf-c46="" class="table-container custom-slate"><div _ngcontent-avf-c46="" class="heading mat-elevation-z6"><!----><div _ngcontent-avf-c46="" class="ng-star-inserted">All Products</div><!----><div _ngcontent-avf-c46="" id="search-result-heading"></div></div><div _ngcontent-avf-c46="" class="ng-star-inserted"><mat-grid-list _ngcontent-avf-c46="" guttersize="30px" class="mat-grid-list" cols="1" style="padding-bottom: calc(1200% + 330px);"><div><mat-grid-tile _ngcontent-avf-c46="" class="mat-grid-tile ng-star-inserted" rowspan="1" colspan="1" style="left: 0px; width: calc(100% + 0px); margin-top: 0px; padding-top: calc(100% + 0px);"><div class="mat-grid-tile-content"><mat-card _ngcontent-avf-c46="" class="mat-card mat-focus-indicator mat-elevation-z6 ribbon-card" style="width: 100%;"><!----><!----><div _ngcontent-avf-c46="" aria-label="Click for more information about the product" mattooltip="Click for more information" mattooltipposition="above" class="mat-tooltip-trigger product" aria-describedby="cdk-describedby-message-avf-1-4" cdk-describedby-host="avf-1" style="flex-direction: row; box-sizing: border-box; display: flex;"><div _ngcontent-avf-c46="" fxflexalign="center" fxflex="60%" class="img-container" style="align-self: center; flex: 1 1 100%; box-sizing: border-box; max-width: 60%;"><img _ngcontent-avf-c46="" mat-card-image="" role="button" class="mat-card-image img-responsive img-thumbnail" alt="Apple Juice (1000ml)" src="assets/public/images/products/apple_juice.jpg"></div><div _ngcontent-avf-c46="" fxflexalign="center" fxflex="40%" style="align-self: center; flex: 1 1 100%; box-sizing: border-box; max-width: 40%;"><div _ngcontent-avf-c46="" class="item-name"> Apple Juice (1000ml) </div><div _ngcontent-avf-c46="" class="item-price"><span _ngcontent-avf-c46="" class="ng-star-inserted">1.99¤</span><!----><!----></div></div></div><!----><div _ngcontent-avf-c46="" style="display: flex; justify-content: center;"><!----></div></mat-card></div></mat-grid-tile><mat-grid-tile _ngcontent-avf-c46="" class="mat-grid-tile ng-star-inserted" rowspan="1" colspan="1" style="left: 0px; width: calc(100% + 0px); margin-top: calc(100% + 30px); padding-top: calc(100% + 0px);"><div class="mat-grid-tile-content"><mat-card _ngcontent-avf-c46="" class="mat-card mat-focus-indicator mat-elevation-z6 ribbon-card" style="width: 100%;"><!----><!----><div _ngcontent-avf-c46="" aria-label="Click for more information about the product" mattooltip="Click for more information" mattooltipposition="above" class="mat-tooltip-trigger product" aria-describedby="cdk-describedby-message-avf-1-4" cdk-describedby-host="avf-1" style="flex-direction: row; box-sizing: border-box; display: flex;"><div _ngcontent-avf-c46="" fxflexalign="center" fxflex="60%" class="img-container" style="align-self: center; flex: 1 1 100%; box-sizing: border-box; max-width: 60%;"><img _ngcontent-avf-c46="" mat-card-image="" role="button" class="mat-card-image img-responsive img-thumbnail" alt="Apple Pomace" src="assets/public/images/products/apple_pressings.jpg"></div><div _ngcontent-avf-c46="" fxflexalign="center" fxflex="40%" style="align-self: center; flex: 1 1 100%; box-sizing: border-box; max-width: 40%;"><div _ngcontent-avf-c46="" class="item-name"> Apple Pomace </div><div _ngcontent-avf-c46="" class="item-price"><span _ngcontent-avf-c46="" class="ng-star-inserted">0.89¤</span><!----><!----></div></div></div><!----><div _ngcontent-avf-c46="" style="display: flex; justify-content: center;"><!----></div></mat-card></div></mat-grid-tile><mat-grid-tile _ngcontent-avf-c46="" class="mat-grid-tile ng-star-inserted" rowspan="1" colspan="1" style="left: 0px; width: calc(100% + 0px); margin-top: calc(200% + 60px); padding-top: calc(100% + 0px);"><div class="mat-grid-tile-content"><mat-card _ngcontent-avf-c46="" class="mat-card mat-focus-indicator mat-elevation-z6 ribbon-card" style="width: 100%;"><!----><!----><div _ngcontent-avf-c46="" aria-label="Click for more information about the product" mattooltip="Click for more information" mattooltipposition="above" class="mat-tooltip-trigger product" aria-describedby="cdk-describedby-message-avf-1-4" cdk-describedby-host="avf-1" style="flex-direction: row; box-sizing: border-box; display: flex;"><div _ngcontent-avf-c46="" fxflexalign="center" fxflex="60%" class="img-container" style="align-self: center; flex: 1 1 100%; box-sizing: border-box; max-width: 60%;"><img _ngcontent-avf-c46="" mat-card-image="" role="button" class="mat-card-image img-responsive img-thumbnail" alt="Banana Juice (1000ml)" src="assets/public/images/products/banana_juice.jpg"></div><div _ngcontent-avf-c46="" fxflexalign="center" fxflex="40%" style="align-self: center; flex: 1 1 100%; box-sizing: border-box; max-width: 40%;"><div _ngcontent-avf-c46="" class="item-name"> Banana Juice (1000ml) </div><div _ngcontent-avf-c46="" class="item-price"><span _ngcontent-avf-c46="" class="ng-star-inserted">1.99¤</span><!----><!----></div></div></div><!----><div _ngcontent-avf-c46="" style="display: flex; justify-content: center;"><!----></div></mat-card></div></mat-grid-tile><mat-grid-tile _ngcontent-avf-c46="" class="mat-grid-tile ng-star-inserted" rowspan="1" colspan="1" style="left: 0px; width: calc(100% + 0px); margin-top: calc(300% + 90px); padding-top: calc(100% + 0px);"><div class="mat-grid-tile-content"><mat-card _ngcontent-avf-c46="" class="mat-card mat-focus-indicator mat-elevation-z6 ribbon-card" style="width: 100%;"><div _ngcontent-avf-c46="" class="ribbon ribbon-top-left ng-star-inserted"><span _ngcontent-avf-c46="" translate="">Only 1 left</span></div><!----><!----><div _ngcontent-avf-c46="" aria-label="Click for more information about the product" mattooltip="Click for more information" mattooltipposition="above" class="mat-tooltip-trigger product" aria-describedby="cdk-describedby-message-avf-1-4" cdk-describedby-host="avf-1" style="flex-direction: row; box-sizing: border-box; display: flex;"><div _ngcontent-avf-c46="" fxflexalign="center" fxflex="60%" class="img-container" style="align-self: center; flex: 1 1 100%; box-sizing: border-box; max-width: 60%;"><img _ngcontent-avf-c46="" mat-card-image="" role="button" class="mat-card-image img-responsive img-thumbnail" alt="Best Juice Shop Salesman Artwork" src="assets/public/images/products/artwork2.jpg"></div><div _ngcontent-avf-c46="" fxflexalign="center" fxflex="40%" style="align-self: center; flex: 1 1 100%; box-sizing: border-box; max-width: 40%;"><div _ngcontent-avf-c46="" class="item-name"> Best Juice Shop Salesman Artwork </div><div _ngcontent-avf-c46="" class="item-price"><span _ngcontent-avf-c46="" class="ng-star-inserted">5000¤</span><!----><!----></div></div></div><!----><div _ngcontent-avf-c46="" style="display: flex; justify-content: center;"><!----></div></mat-card></div></mat-grid-tile><mat-grid-tile _ngcontent-avf-c46="" class="mat-grid-tile ng-star-inserted" rowspan="1" colspan="1" style="left: 0px; width: calc(100% + 0px); margin-top: calc(400% + 120px); padding-top: calc(100% + 0px);"><div class="mat-grid-tile-content"><mat-card _ngcontent-avf-c46="" class="mat-card mat-focus-indicator mat-elevation-z6 ribbon-card" style="width: 100%;"><!----><!----><div _ngcontent-avf-c46="" aria-label="Click for more information about the product" mattooltip="Click for more information" mattooltipposition="above" class="mat-tooltip-trigger product" aria-describedby="cdk-describedby-message-avf-1-4" cdk-describedby-host="avf-1" style="flex-direction: row; box-sizing: border-box; display: flex;"><div _ngcontent-avf-c46="" fxflexalign="center" fxflex="60%" class="img-container" style="align-self: center; flex: 1 1 100%; box-sizing: border-box; max-width: 60%;"><img _ngcontent-avf-c46="" mat-card-image="" role="button" class="mat-card-image img-responsive img-thumbnail" alt="Carrot Juice (1000ml)" src="assets/public/images/products/carrot_juice.jpeg"></div><div _ngcontent-avf-c46="" fxflexalign="center" fxflex="40%" style="align-self: center; flex: 1 1 100%; box-sizing: border-box; max-width: 40%;"><div _ngcontent-avf-c46="" class="item-name"> Carrot Juice (1000ml) </div><div _ngcontent-avf-c46="" class="item-price"><span _ngcontent-avf-c46="" class="ng-star-inserted">2.99¤</span><!----><!----></div></div></div><!----><div _ngcontent-avf-c46="" style="display: flex; justify-content: center;"><!----></div></mat-card></div></mat-grid-tile><mat-grid-tile _ngcontent-avf-c46="" class="mat-grid-tile ng-star-inserted" rowspan="1" colspan="1" style="left: 0px; width: calc(100% + 0px); margin-top: calc(500% + 150px); padding-top: calc(100% + 0px);"><div class="mat-grid-tile-content"><mat-card _ngcontent-avf-c46="" class="mat-card mat-focus-indicator mat-elevation-z6 ribbon-card" style="width: 100%;"><!----><!----><div _ngcontent-avf-c46="" aria-label="Click for more information about the product" mattooltip="Click for more information" mattooltipposition="above" class="mat-tooltip-trigger product" aria-describedby="cdk-describedby-message-avf-1-4" cdk-describedby-host="avf-1" style="flex-direction: row; box-sizing: border-box; display: flex;"><div _ngcontent-avf-c46="" fxflexalign="center" fxflex="60%" class="img-container" style="align-self: center; flex: 1 1 100%; box-sizing: border-box; max-width: 60%;"><img _ngcontent-avf-c46="" mat-card-image="" role="button" class="mat-card-image img-responsive img-thumbnail" alt="DSOMM & Juice Shop User Day Ticket" src="assets/public/images/products/user_day_ticket.png"></div><div _ngcontent-avf-c46="" fxflexalign="center" fxflex="40%" style="align-self: center; flex: 1 1 100%; box-sizing: border-box; max-width: 40%;"><div _ngcontent-avf-c46="" class="item-name"> DSOMM & Juice Shop User Day Ticket </div><div _ngcontent-avf-c46="" class="item-price"><span _ngcontent-avf-c46="" class="ng-star-inserted">55.2¤</span><!----><!----></div></div></div><!----><div _ngcontent-avf-c46="" style="display: flex; justify-content: center;"><!----></div></mat-card></div></mat-grid-tile><mat-grid-tile _ngcontent-avf-c46="" class="mat-grid-tile ng-star-inserted" rowspan="1" colspan="1" style="left: 0px; width: calc(100% + 0px); margin-top: calc(600% + 180px); padding-top: calc(100% + 0px);"><div class="mat-grid-tile-content"><mat-card _ngcontent-avf-c46="" class="mat-card mat-focus-indicator mat-elevation-z6 ribbon-card" style="width: 100%;"><!----><!----><div _ngcontent-avf-c46="" aria-label="Click for more information about the product" mattooltip="Click for more information" mattooltipposition="above" class="mat-tooltip-trigger product" aria-describedby="cdk-describedby-message-avf-1-4" cdk-describedby-host="avf-1" style="flex-direction: row; box-sizing: border-box; display: flex;"><div _ngcontent-avf-c46="" fxflexalign="center" fxflex="60%" class="img-container" style="align-self: center; flex: 1 1 100%; box-sizing: border-box; max-width: 60%;"><img _ngcontent-avf-c46="" mat-card-image="" role="button" class="mat-card-image img-responsive img-thumbnail" alt="Eggfruit Juice (500ml)" src="assets/public/images/products/eggfruit_juice.jpg"></div><div _ngcontent-avf-c46="" fxflexalign="center" fxflex="40%" style="align-self: center; flex: 1 1 100%; box-sizing: border-box; max-width: 40%;"><div _ngcontent-avf-c46="" class="item-name"> Eggfruit Juice (500ml) </div><div _ngcontent-avf-c46="" class="item-price"><span _ngcontent-avf-c46="" class="ng-star-inserted">8.99¤</span><!----><!----></div></div></div><!----><div _ngcontent-avf-c46="" style="display: flex; justify-content: center;"><!----></div></mat-card></div></mat-grid-tile><mat-grid-tile _ngcontent-avf-c46="" class="mat-grid-tile ng-star-inserted" rowspan="1" colspan="1" style="left: 0px; width: calc(100% + 0px); margin-top: calc(700% + 210px); padding-top: calc(100% + 0px);"><div class="mat-grid-tile-content"><mat-card _ngcontent-avf-c46="" class="mat-card mat-focus-indicator mat-elevation-z6 ribbon-card" style="width: 100%;"><!----><!----><div _ngcontent-avf-c46="" aria-label="Click for more information about the product" mattooltip="Click for more information" mattooltipposition="above" class="mat-tooltip-trigger product" aria-describedby="cdk-describedby-message-avf-1-4" cdk-describedby-host="avf-1" style="flex-direction: row; box-sizing: border-box; display: flex;"><div _ngcontent-avf-c46="" fxflexalign="center" fxflex="60%" class="img-container" style="align-self: center; flex: 1 1 100%; box-sizing: border-box; max-width: 60%;"><img _ngcontent-avf-c46="" mat-card-image="" role="button" class="mat-card-image img-responsive img-thumbnail" alt="Fruit Press" src="assets/public/images/products/fruit_press.jpg"></div><div _ngcontent-avf-c46="" fxflexalign="center" fxflex="40%" style="align-self: center; flex: 1 1 100%; box-sizing: border-box; max-width: 40%;"><div _ngcontent-avf-c46="" class="item-name"> Fruit Press </div><div _ngcontent-avf-c46="" class="item-price"><span _ngcontent-avf-c46="" class="ng-star-inserted">89.99¤</span><!----><!----></div></div></div><!----><div _ngcontent-avf-c46="" style="display: flex; justify-content: center;"><!----></div></mat-card></div></mat-grid-tile><mat-grid-tile _ngcontent-avf-c46="" class="mat-grid-tile ng-star-inserted" rowspan="1" colspan="1" style="left: 0px; width: calc(100% + 0px); margin-top: calc(800% + 240px); padding-top: calc(100% + 0px);"><div class="mat-grid-tile-content"><mat-card _ngcontent-avf-c46="" class="mat-card mat-focus-indicator mat-elevation-z6 ribbon-card" style="width: 100%;"><!----><!----><div _ngcontent-avf-c46="" aria-label="Click for more information about the product" mattooltip="Click for more information" mattooltipposition="above" class="mat-tooltip-trigger product" aria-describedby="cdk-describedby-message-avf-1-4" cdk-describedby-host="avf-1" style="flex-direction: row; box-sizing: border-box; display: flex;"><div _ngcontent-avf-c46="" fxflexalign="center" fxflex="60%" class="img-container" style="align-self: center; flex: 1 1 100%; box-sizing: border-box; max-width: 60%;"><img _ngcontent-avf-c46="" mat-card-image="" role="button" class="mat-card-image img-responsive img-thumbnail" alt="Green Smoothie" src="assets/public/images/products/green_smoothie.jpg"></div><div _ngcontent-avf-c46="" fxflexalign="center" fxflex="40%" style="align-self: center; flex: 1 1 100%; box-sizing: border-box; max-width: 40%;"><div _ngcontent-avf-c46="" class="item-name"> Green Smoothie </div><div _ngcontent-avf-c46="" class="item-price"><span _ngcontent-avf-c46="" class="ng-star-inserted">1.99¤</span><!----><!----></div></div></div><!----><div _ngcontent-avf-c46="" style="display: flex; justify-content: center;"><!----></div></mat-card></div></mat-grid-tile><mat-grid-tile _ngcontent-avf-c46="" class="mat-grid-tile ng-star-inserted" rowspan="1" colspan="1" style="left: 0px; width: calc(100% + 0px); margin-top: calc(900% + 270px); padding-top: calc(100% + 0px);"><div class="mat-grid-tile-content"><mat-card _ngcontent-avf-c46="" class="mat-card mat-focus-indicator mat-elevation-z6 ribbon-card" style="width: 100%;"><div _ngcontent-avf-c46="" class="ribbon ribbon-top-left ng-star-inserted"><span _ngcontent-avf-c46="" translate="">Only 1 left</span></div><!----><!----><div _ngcontent-avf-c46="" aria-label="Click for more information about the product" mattooltip="Click for more information" mattooltipposition="above" class="mat-tooltip-trigger product" aria-describedby="cdk-describedby-message-avf-1-4" cdk-describedby-host="avf-1" style="flex-direction: row; box-sizing: border-box; display: flex;"><div _ngcontent-avf-c46="" fxflexalign="center" fxflex="60%" class="img-container" style="align-self: center; flex: 1 1 100%; box-sizing: border-box; max-width: 60%;"><img _ngcontent-avf-c46="" mat-card-image="" role="button" class="mat-card-image img-responsive img-thumbnail" alt="Juice Shop "Permafrost" 2020 Edition" src="assets/public/images/products/permafrost.jpg"></div><div _ngcontent-avf-c46="" fxflexalign="center" fxflex="40%" style="align-self: center; flex: 1 1 100%; box-sizing: border-box; max-width: 40%;"><div _ngcontent-avf-c46="" class="item-name"> Juice Shop "Permafrost" 2020 Edition </div><div _ngcontent-avf-c46="" class="item-price"><span _ngcontent-avf-c46="" class="ng-star-inserted">9999.99¤</span><!----><!----></div></div></div><!----><div _ngcontent-avf-c46="" style="display: flex; justify-content: center;"><!----></div></mat-card></div></mat-grid-tile><mat-grid-tile _ngcontent-avf-c46="" class="mat-grid-tile ng-star-inserted" rowspan="1" colspan="1" style="left: 0px; width: calc(100% + 0px); margin-top: calc(1000% + 300px); padding-top: calc(100% + 0px);"><div class="mat-grid-tile-content"><mat-card _ngcontent-avf-c46="" class="mat-card mat-focus-indicator mat-elevation-z6 ribbon-card" style="width: 100%;"><!----><!----><div _ngcontent-avf-c46="" aria-label="Click for more information about the product" mattooltip="Click for more information" mattooltipposition="above" class="mat-tooltip-trigger product" aria-describedby="cdk-describedby-message-avf-1-4" cdk-describedby-host="avf-1" style="flex-direction: row; box-sizing: border-box; display: flex;"><div _ngcontent-avf-c46="" fxflexalign="center" fxflex="60%" class="img-container" style="align-self: center; flex: 1 1 100%; box-sizing: border-box; max-width: 60%;"><img _ngcontent-avf-c46="" mat-card-image="" role="button" class="mat-card-image img-responsive img-thumbnail" alt="Lemon Juice (500ml)" src="assets/public/images/products/lemon_juice.jpg"></div><div _ngcontent-avf-c46="" fxflexalign="center" fxflex="40%" style="align-self: center; flex: 1 1 100%; box-sizing: border-box; max-width: 40%;"><div _ngcontent-avf-c46="" class="item-name"> Lemon Juice (500ml) </div><div _ngcontent-avf-c46="" class="item-price"><span _ngcontent-avf-c46="" class="ng-star-inserted">2.99¤</span><!----><!----></div></div></div><!----><div _ngcontent-avf-c46="" style="display: flex; justify-content: center;"><!----></div></mat-card></div></mat-grid-tile><mat-grid-tile _ngcontent-avf-c46="" class="mat-grid-tile ng-star-inserted" rowspan="1" colspan="1" style="left: 0px; width: calc(100% + 0px); margin-top: calc(1100% + 330px); padding-top: calc(100% + 0px);"><div class="mat-grid-tile-content"><mat-card _ngcontent-avf-c46="" class="mat-card mat-focus-indicator mat-elevation-z6 ribbon-card" style="width: 100%;"><div _ngcontent-avf-c46="" class="ribbon ribbon-top-left ng-star-inserted"><span _ngcontent-avf-c46="" translate="">Only 3 left</span></div><!----><!----><div _ngcontent-avf-c46="" aria-label="Click for more information about the product" mattooltip="Click for more information" mattooltipposition="above" class="mat-tooltip-trigger product" aria-describedby="cdk-describedby-message-avf-1-4" cdk-describedby-host="avf-1" style="flex-direction: row; box-sizing: border-box; display: flex;"><div _ngcontent-avf-c46="" fxflexalign="center" fxflex="60%" class="img-container" style="align-self: center; flex: 1 1 100%; box-sizing: border-box; max-width: 60%;"><img _ngcontent-avf-c46="" mat-card-image="" role="button" class="mat-card-image img-responsive img-thumbnail" alt="Melon Bike (Comeback-Product 2018 Edition)" src="assets/public/images/products/melon_bike.jpeg"></div><div _ngcontent-avf-c46="" fxflexalign="center" fxflex="40%" style="align-self: center; flex: 1 1 100%; box-sizing: border-box; max-width: 40%;"><div _ngcontent-avf-c46="" class="item-name"> Melon Bike (Comeback-Product 2018 Edition) </div><div _ngcontent-avf-c46="" class="item-price"><span _ngcontent-avf-c46="" class="ng-star-inserted">2999¤</span><!----><!----></div></div></div><!----><div _ngcontent-avf-c46="" style="display: flex; justify-content: center;"><!----></div></mat-card></div></mat-grid-tile><!----></div></mat-grid-list></div><!----><!----><mat-divider _ngcontent-avf-c46="" role="separator" class="mat-divider mat-divider-horizontal" aria-orientation="horizontal"></mat-divider><mat-paginator _ngcontent-avf-c46="" role="group" color="accent" class="mat-paginator mat-elevation-z6"><div class="mat-paginator-outer-container"><div class="mat-paginator-container"><div class="mat-paginator-page-size ng-star-inserted"><div class="mat-paginator-page-size-label"> Items per page: </div><mat-form-field class="mat-form-field mat-paginator-page-size-select ng-tns-c21-8 mat-accent mat-form-field-type-mat-select mat-form-field-appearance-legacy mat-form-field-can-float mat-form-field-hide-placeholder ng-star-inserted mat-form-field-should-float"><div class="mat-form-field-wrapper ng-tns-c21-8"><div class="mat-form-field-flex ng-tns-c21-8"><!----><!----><div class="mat-form-field-infix ng-tns-c21-8"><mat-select role="combobox" aria-autocomplete="none" aria-haspopup="true" class="mat-select ng-tns-c30-9 ng-tns-c21-8 ng-star-inserted" id="mat-select-0" tabindex="0" aria-expanded="false" aria-label="Items per page:" aria-required="false" aria-disabled="false" aria-invalid="false"><div cdk-overlay-origin="" class="mat-select-trigger ng-tns-c30-9"><div class="mat-select-value ng-tns-c30-9" id="mat-select-value-1"><!----><span class="mat-select-value-text ng-tns-c30-9 ng-star-inserted"><span class="mat-select-min-line ng-tns-c30-9 ng-star-inserted">12</span><!----><!----></span><!----></div><div class="mat-select-arrow-wrapper ng-tns-c30-9"><div class="mat-select-arrow ng-tns-c30-9"></div></div></div><!----></mat-select><span class="mat-form-field-label-wrapper ng-tns-c21-8"><!----></span></div><!----></div><div class="mat-form-field-underline ng-tns-c21-8 ng-star-inserted"><span class="mat-form-field-ripple ng-tns-c21-8 mat-accent"></span></div><!----><div class="mat-form-field-subscript-wrapper ng-tns-c21-8"><!----><div class="mat-form-field-hint-wrapper ng-tns-c21-8 ng-trigger ng-trigger-transitionMessages ng-star-inserted" style="opacity: 1; transform: translateY(0%);"><!----><div class="mat-form-field-hint-spacer ng-tns-c21-8"></div></div><!----></div></div></mat-form-field><!----><!----></div><!----><div class="mat-paginator-range-actions"><div class="mat-paginator-range-label"> 1 – 12 of 37 </div><!----><button mat-icon-button="" type="button" class="mat-focus-indicator mat-tooltip-trigger mat-paginator-navigation-previous mat-icon-button mat-button-base mat-button-disabled" aria-label="Previous page" disabled="true"><span class="mat-button-wrapper"><svg viewBox="0 0 24 24" focusable="false" class="mat-paginator-icon"><path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"></path></svg></span><span matripple="" class="mat-ripple mat-button-ripple mat-button-ripple-round"></span><span class="mat-button-focus-overlay"></span></button><!----><button mat-icon-button="" type="button" class="mat-focus-indicator mat-tooltip-trigger mat-paginator-navigation-next mat-icon-button mat-button-base" aria-label="Next page"><span class="mat-button-wrapper"><svg viewBox="0 0 24 24" focusable="false" class="mat-paginator-icon"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></span><span matripple="" class="mat-ripple mat-button-ripple mat-button-ripple-round"></span><span class="mat-button-focus-overlay"></span></button><!----><!----></div></div></div></mat-paginator></div></div></app-search-result><!----></mat-sidenav-content><!----></mat-sidenav-container></div></app-root>
<script src="runtime.js" type="module"></script><script src="polyfills.js" type="module"></script><script src="vendor.js" type="module"></script><script src="main.js" type="module"></script>
<div class="cdk-live-announcer-element cdk-visually-hidden" aria-atomic="true" aria-live="polite"></div><div class="cdk-overlay-container bluegrey-lightgreen-theme"><div class="cdk-global-overlay-wrapper" dir="ltr" style="justify-content: center; align-items: flex-end;"><div id="cdk-overlay-0" class="cdk-overlay-pane" style="position: static; margin-bottom: 0px;"><snack-bar-container class="mat-snack-bar-container ng-tns-c9-7 ng-trigger ng-trigger-state mat-snack-bar-center ng-star-inserted" style="transform: scale(1); opacity: 1;"><div class="ng-tns-c9-7" aria-live="assertive"><div class="ng-tns-c9-7"><simple-snack-bar class="mat-simple-snackbar ng-star-inserted"><span class="mat-simple-snack-bar-content">Language has been changed to English</span><div class="mat-simple-snackbar-action ng-star-inserted"><button mat-button="" class="mat-focus-indicator mat-button mat-button-base"><span class="mat-button-wrapper">Force page reload</span><span matripple="" class="mat-ripple mat-button-ripple"></span><span class="mat-button-focus-overlay"></span></button></div><!----></simple-snack-bar><!----></div></div></snack-bar-container></div></div><div class="cdk-overlay-backdrop cdk-overlay-dark-backdrop cdk-overlay-backdrop-showing"></div><div class="cdk-global-overlay-wrapper" dir="ltr" style="justify-content: center; align-items: flex-start;"><div id="cdk-overlay-1" class="cdk-overlay-pane" style="width: 35%; min-width: 320px; max-width: 80vw; position: static; margin-top: 50px;"><div tabindex="0" class="cdk-visually-hidden cdk-focus-trap-anchor" aria-hidden="true"></div><mat-dialog-container tabindex="-1" class="mat-dialog-container cdk-dialog-container ng-tns-c37-10 ng-trigger ng-trigger-dialogContainer ng-star-inserted ng-animating" id="mat-dialog-0" role="dialog" aria-modal="true"><app-welcome-banner _nghost-avf-c125="" class="ng-star-inserted"><div _ngcontent-avf-c125="" class="mat-typography"><h1 _ngcontent-avf-c125=""><span _ngcontent-avf-c125="">Welcome to OWASP Juice Shop!</span></h1><div _ngcontent-avf-c125="" class="text-justify"><p>Being a web application with a vast number of intended security vulnerabilities, the <strong>OWASP Juice Shop</strong> is supposed to be the opposite of a best practice or template application for web developers: It is an awareness, training, demonstration and exercise tool for security risks in modern web applications. The <strong>OWASP Juice Shop</strong> is an open-source project hosted by the non-profit <a href="https://owasp.org" target="_blank">Open Worldwide Application Security Project (OWASP)</a> and is developed and maintained by volunteers. Check out the link below for more information and documentation on the project.</p><h1><a href="https://owasp-juice.shop" target="_blank">https://owasp-juice.shop</a></h1></div><div _ngcontent-avf-c125=""><button _ngcontent-avf-c125="" mat-raised-button="" color="warn" mattooltipposition="above" class="mat-focus-indicator mat-tooltip-trigger mat-raised-button mat-button-base mat-warn ng-star-inserted" aria-describedby="cdk-describedby-message-avf-1-5" cdk-describedby-host="avf-1" style=""><span class="mat-button-wrapper"><mat-icon _ngcontent-avf-c125="" role="img" class="mat-icon notranslate material-icons mat-ligature-font mat-icon-no-color" aria-hidden="true" data-mat-icon-type="font"> school </mat-icon><span _ngcontent-avf-c125="" fxshow="" fxhide.lt-lg="" translate="" style="display: none;">Help getting started</span></span><span matripple="" class="mat-ripple mat-button-ripple"></span><span class="mat-button-focus-overlay"></span></button><!----><!----><button _ngcontent-avf-c125="" mat-raised-button="" color="primary" aria-label="Close Welcome Banner" class="mat-focus-indicator close-dialog mat-raised-button mat-button-base mat-primary ng-star-inserted" style=""><span class="mat-button-wrapper"><mat-icon _ngcontent-avf-c125="" role="img" class="mat-icon notranslate material-icons mat-ligature-font mat-icon-no-color" aria-hidden="true" data-mat-icon-type="font"> visibility_off </mat-icon><span _ngcontent-avf-c125="" fxshow="" fxhide.lt-sm="" translate="">Dismiss</span></span><span matripple="" class="mat-ripple mat-button-ripple"></span><span class="mat-button-focus-overlay"></span></button><!----></div></div></app-welcome-banner><!----></mat-dialog-container><div tabindex="0" class="cdk-visually-hidden cdk-focus-trap-anchor" aria-hidden="true"></div></div></div></div><div class="cdk-describedby-message-container cdk-visually-hidden" style="visibility: hidden;" aria-hidden="true"><div id="cdk-describedby-message-avf-1-2" role="tooltip">Open side menu</div><div id="cdk-describedby-message-avf-1-3" role="tooltip">Choose language</div><div id="cdk-describedby-message-avf-1-4" role="tooltip">Click for more information</div><div id="cdk-describedby-message-avf-1-5" role="tooltip">Launch a tutorial to get you started hacking the Juice Shop.</div></div></body></html>