<?php
/**
 * Title: 404 Error Page
 * Slug: gutenify-nox/hidden-404
 * Categories: gutenify-nox
 */
?>
<!-- wp:group {"metadata":{"categories":["gutenify-nox"],"patternName":"gutenify-nox/404","name":"404 Error Page"},"style":{"spacing":{"padding":{"top":"var:preset|spacing|60","bottom":"var:preset|spacing|60"}}},"layout":{"inherit":true,"type":"constrained"}} -->
<div class="wp-block-group"
  style="padding-top:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60)">
  <!-- wp:heading {"className":"has-text-align-center","style":{"typography":{"fontSize":"clamp(4rem, 40vw, 20rem)","fontWeight":"200","lineHeight":"1","fontStyle":"normal"}},"textColor":"background"} -->
  <h2 class="wp-block-heading has-text-align-center has-background-color has-text-color"
    style="font-size:clamp(4rem, 40vw, 20rem);font-style:normal;font-weight:200;line-height:1">
    <?php echo esc_html__('4', 'gutenify-nox'); ?><mark style="background-color: rgba(0, 0, 0, 0)"
      class="has-inline-color has-secondary-color"><?php echo esc_html__('0', 'gutenify-nox'); ?></mark><?php echo esc_html__('4', 'gutenify-nox'); ?>
  </h2>
  <!-- /wp:heading -->

  <!-- wp:paragraph {"align":"center"} -->
  <p class="has-text-align-center">
    <?php echo esc_html__('This page could not be found. Maybe try a search?', 'gutenify-nox'); ?></p>
  <!-- /wp:paragraph -->

  <!-- wp:search {"label":"Search","showLabel":false,"placeholder":"Search Now","width":75,"widthUnit":"%","buttonText":"Search","buttonUseIcon":true,"align":"center","backgroundColor":"primary","textColor":"white"} /-->
</div>
<!-- /wp:group -->