- ID de l'analyse :
- 347ecdd5-8fda-4eb5-b6f5-b8075ae2b971Terminée
- URL soumise :
- https://juice-shop.herokuapp.com/
- Fin du rapport :
Liens : 3 trouvé(s)
Liens sortants identifiés à partir de la page
| Lien | texte |
|---|---|
| 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 |
Variables JavaScript : 160 trouvée(s)
Les variables JavaScript globales chargées dans l'objet fenêtre d'une page sont des variables déclarées en dehors des fonctions et accessibles depuis n'importe quel endroit du code au sein du champ d'application actuel
| Nom | Type |
|---|---|
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
| cookieconsent | object |
| $ | function |
| jQuery | function |
| webpackChunkfrontend | object |
| Zone | function |
| __zone_symbol__Promise | function |
| __zone_symbol__fetch | function |
Messages de journal de console : 0 trouvé(s)
Messages consignés dans la console web
HTML
Le corps HTML de la page en données brutes
<!--
~ 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>