"use strict";(self.webpackChunk_aidoop_aidoop_r=self.webpackChunk_aidoop_aidoop_r||[]).push([[6671],{56671:(o,e,n)=>{n.r(e),n.d(e,{Page404:()=>c});var a=n(50493),i=n(94430),t=n(56765),r=n(80645);let c=class extends r.B{get context(){return{title:"Page Not Found"}}render(){return i.dy`
      <section>
        <mwc-icon>error_outline</mwc-icon>
        <h2>page not found!</h2>
        The page you requested cannot be found.
      </section>
    `}};c.styles=i.iv`
    :host {
      display: block;
      box-sizing: border-box;
      background-color: var(--main-section-background-color);
      --padding-wide: 15%;
    }
    section {
      padding: var(--padding-wide) 0 0 0;
      text-align: center;
      color: var(--secondary-color);
    }
    mwc-icon {
      --mdc-icon-size: 120px;
      color: var(--status-danger-color);
      text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
    }
    h2 {
      margin: 0 auto;
      font-size: 2.5em;
      text-transform: capitalize;
    }
    @media only screen and (max-width: 460px) {
      mwc-icon {
        padding-top: 25%;
        --mdc-icon-size: 90px;
      }
      h2 {
        font-size: 2em;
      }
    }
  `,c=(0,a.gn)([(0,t.Mo)("page-404")],c)}}]);