:root{--e404-heading-color:#FFFFFF;--e404-desc-color:#D5DCE8;--e404-scrim:radial-gradient(ellipse 95% 75% at 50% 50%,rgba(0,0,0,0.72) 0%,rgba(0,0,0,0.60) 45%,rgba(0,0,0,0.00) 100%);--e404-icon-filter:grayscale(1);--e404-icon-size-mb:150px;--e404-icon-size-pc:220px;--e404-btn-min-width-pc:240px;--e404-btn-max-width-mb:320px}.e404{position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-height:100vh;min-height:100dvh;padding:32px 24px;text-align:center}.e404:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:var(--e404-scrim)}.e404-inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;width:100%;max-width:720px}.e404-icon{width:var(--e404-icon-size-mb);height:auto;filter:var(--e404-icon-filter);-webkit-user-select:none;-moz-user-select:none;user-select:none}.e404-heading{margin:40px 0 0;font-size:18px;font-weight:700;line-height:1.5;color:var(--e404-heading-color)}.e404-desc{margin:12px 0 0;font-size:13px;font-weight:400;line-height:1.9;color:var(--e404-desc-color)}.e404-desc-line{display:block;max-width:300px;margin:0 auto}.e404-btn{margin-top:40px;width:100%;max-width:var(--e404-btn-max-width-mb);font-weight:600}@media(min-width:768px){.e404-icon{width:var(--e404-icon-size-pc)}.e404-heading{margin-top:60px;font-size:28px;line-height:1.4}.e404-desc{margin-top:16px;font-size:16px}.e404-btn,.e404-desc-line{max-width:none}.e404-btn{width:auto;min-width:var(--e404-btn-min-width-pc)}}@media(max-height:520px){.e404-icon{width:110px}.e404-heading{margin-top:20px}.e404-btn{margin-top:24px}}