/*
Theme Name: Kiosko
Theme URI: https://wordpress.com/theme/kiosko/
Author: Automattic
Author URI: https://automattic.com/
Description: Kiosko is a store theme for WooCommerce.
Requires at least: 5.8
Tested up to: 6.6
Requires PHP: 5.7
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: 
Text Domain: kiosko
Tags: e-commerce, four-columns, wide-blocks, block-patterns, block-styles, featured-images, full-site-editing, rtl-language-support, sticky-post, template-editing, threaded-comments, translation-ready
*/

/*
 * Control the hover stylings of outline block style.
 * Unnecessary once block styles are configurable via theme.json
 * https://github.com/WordPress/gutenberg/issues/42794
 */
.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-background):hover {
	background-color: var(--wp--preset--color--contrast);
	color: var(--wp--preset--color--base);
	border-color: var(--wp--preset--color--contrast);
}

/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */
a {
	text-decoration-color: var(--wp--preset--color--primary);
	text-decoration-thickness: 0.5px !important;
	text-underline-offset: 0.05em;
}

/* Reset browser default margins for blockquote element */
.wp-block-pullquote blockquote {
	margin: 0;
}

/* Search button inside style */
.wp-block-search__button-inside .wp-block-search__inside-wrapper {
	padding: 4px;
}

/* Adjust font size for comment reply title */
.wp-block-post-comments-form .comment-reply-title {
	font-size: var(--wp--preset--font-size--large);
}

/* Remove the bottom margin from the button */
.wp-block-post-comments-form .form-submit {
	margin-bottom: 0;
}

/*
 * Responsive menu container padding.
 * This ensures the responsive container inherits the same
 * spacing defined above. This behavior may be built into
 * the Block Editor in the future.
 */
.wp-block-navigation__responsive-container.is-menu-open {
	padding: var(--wp--preset--spacing--50);
}

/* Adjust the top padding for the submenu items */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container {
	padding-top: var(--wp--preset--spacing--30);
}

/* Override the Gutenberg style to theme style */
.wp-block-post-author__byline,
.wp-block-post-author__bio {
	font-size: inherit;
}

/* Round the avatar and reset the vertical alignment */
.wp-block-post-author__avatar img {
	border-radius: 999px;
	line-height: 0;
}

/* Style tag cloud outline style  */
.wp-block-tag-cloud.is-style-outline a {
	border-color: var(--wp--preset--color--tertiary);
	border-radius: 999px;
	padding: 0 0.5rem;
}

.wp-block-tag-cloud.is-style-outline a:hover {
	color: var(--wp--preset--color--base);
	background-color: var(--wp--preset--color--primary);
}

/* Remove the default margin from author bio */
.wp-block-post-author__bio {
	margin: 0;
}

/* Remove the default margin from term description. */
.wp-block-term-description p:first-child {
	margin-top: 0;
}

.wp-block-term-description p:last-child {
	margin-bottom: 0;
}

/* Normalise font sizes for the latest comments and latest posts widgets */
.wp-block-latest-comments__comment-excerpt p,
.wp-block-latest-comments__comment-date,
.wp-block-latest-posts__post-author,
.wp-block-latest-posts__post-date {
	font-size: inherit;
}

/* Adjust font colour in the Calendar widget */
.wp-block-calendar table:where(:not(.has-text-color)) {
	color: var(--wp--preset--color--foreground);
}

/* Fix border radius setting for the avatar block */
.wp-block-avatar a,
.wp-block-avatar img {
	border-radius: inherit;
	vertical-align: middle;
}

/* Fix line height for various fields */
.wp-block-search__input,
.wp-block-post-comments-form .comment-form input:not([type=submit]):not([type=checkbox]),
.wp-block-post-comments-form .comment-form textarea {
	line-height: inherit;
}

/* Style  border colour for search and Jetpack subscription blocks */
.wp-block-search__input,
.wp-block-search__button-inside .wp-block-search__inside-wrapper,
.wp-block-jetpack-subscriptions.wp-block-jetpack-subscriptions__supports-newline form input[type="email"] {
	border-color: var(--wp--preset--color--tertiary);
}

/* Needed to style input field for various Jetpack blocks */
.wp-block-jetpack-contact-form input:not([type="submit"]):not([type="checkbox"]),
.wp-block-jetpack-contact-form select,
.wp-block-jetpack-contact-form textarea,
.wp-block-jetpack-mailchimp input:not([type="submit"]):not([type="checkbox"]),
.wp-block-jetpack-revue input:not([type="submit"]):not([type="checkbox"]) {
	background-color: #fff;
	border: 1px solid var(--wp--preset--color--tertiary);
	font-size: inherit;
	line-height: inherit;
	padding: 0.5rem;
}

.wp-block-jetpack-contact-form.contact-form label {
	font-weight: 400;
}

.wp-block-jetpack-contact-form.contact-form label span {
	opacity: 0.7;
}

.wp-block-jetpack-contact-form.contact-form select {
	padding: 0.5rem;
}

.wp-block-jetpack-contact-form.contact-form textarea {
	margin-bottom: var(--wp--preset--spacing--40);
}

/* Style the feedback you get after submitting the contact form */
div[id^="contact-form-"] h4 {
	font-size: var(--wp--preset--font-size--medium);
	font-weight: inherit;
	line-height: 1.555555556;
}

div[id^="contact-form-"] .contact-form-submission {
	margin: 0;
	padding: 0;
}

/* Adjust vertical margins in the mailchimp block */
.wp-block-jetpack-mailchimp .wp-block-jetpack-button,
.wp-block-jetpack-mailchimp p {
	margin: var(--wp--preset--spacing--40) 0;
}

/* Adjust the size of the consent text in mailchimp block */
#wp-block-jetpack-mailchimp_consent-text {
	font-size: var(--wp--preset--font-size--small);
	margin-bottom: 0;
}

/* Remove underline from the price after discounted */
ins {
	text-decoration: none;
}

/* Fix the hardcoded wide width value in the stylesheet for TT3 */
.woocommerce.woocommerce-page main {
	max-width: calc(var(--wp--style--global--wide-size) + var(--wp--style--root--padding-right) + var(--wp--style--root--padding-left));
}

html, body {
  height: 100%;
  margin: 0;
}

body > .wp-site-blocks {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  transition: all 0.3s ease;
}

main {
  flex: 1;
}

/*
header.wp-block-template-part > .wp-block-group {
  background-color: white;
  border-top-left-radius: 20px;
  border-top-right-radius: 0px;
  overflow: hidden;
  padding: 1rem;
}

header.wp-block-template-part {
  background-color: black;
  padding: 0rem;
  box-sizing: border-box;
}
*/

.wp-block-search__input {
  padding-left: 0px;
  font-size: var(--wp--preset--font-size--normal) !important;
}

.wp-block-navigation-item__label {
  font-size: var(--wp--preset--font-size--normal) !important;
}

.wp-block-search__button {
  padding-left: 0px;
  margin-left: 0px;
}

/* Target variation selects (e.g., Size, Color) */
.variations_form select {
  background-color: white !important;
  color: #444 !important;
  border: 0px solid hsla(0,0%,7%,.11) !important;
  padding: 0.7rem !important;
  border-radius: 4px;
  font-weight: bold !important;
}

/* Style the dropdown options */
.variations_form select option {
  background-color: white;
  color: black;
}

/* Optional: style focus state */
.variations_form select:focus {
  outline: none;
  box-shadow: 0 0 0 2px white;
}

.single_variation_wrap {
  margin-top: 0 !important;
}

.variations_form .single_variation_wrap > a:nth-child(1) {
  display: none;
}

.woocommerce-tabs .wc-tabs {
  display: none !important; /* hides the tab buttons */
}

.woocommerce-tabs {
  padding-top: 0 !important;
}

/* Show description panel normally */
.woocommerce-tabs .woocommerce-Tabs-panel {
  display: block !important;
  opacity: 1 !important;
  height: auto !important;
  position: static !important;
  visibility: visible !important;
  padding-top: 0 !important;
}

/*
.wp-block-woocommerce-product-image-gallery {
  max-width: var(--wp--style--layout--wide-size, 1200px);
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.wp-block-woocommerce-product-image-gallery > .flex-viewport {
  margin-left: auto !important;
  margin-right: auto !important;
}
*/

.wp-block-woocommerce-product-image-gallery .flex-control-nav {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  width: 100% !important;
}

.wp-block-woocommerce-product-image-gallery .flex-control-nav li {
  display: inline-block !important;
  float: none !important;
}

.nav-my-account > a {
  display: inline-block;
  position: relative;
  text-indent: 0;       /* Ensure text is visible */
  overflow: visible;
  width: auto;
  height: auto;
  vertical-align: bottom;
}

.nav-my-account > a::after {
  content: '';
  display: inline-block;
  width: 27px;
  height: 27px;
  margin-left: 0.5em;   /* <-- Adds space between text and icon */
  vertical-align: bottom;
  background: url('data:image/svg+xml;utf8,<svg class="wc-block-customer-account__account-icon" viewBox="1 1 29 29" xmlns="http://www.w3.org/2000/svg"><circle cx="16" cy="10.5" r="3.5" stroke="currentColor" stroke-width="2" fill="none"></circle><path fill-rule="evenodd" clip-rule="evenodd" d="M11.5 18.5H20.5C21.8807 18.5 23 19.6193 23 21V25.5H25V21C25 18.5147 22.9853 16.5 20.5 16.5H11.5C9.01472 16.5 7 18.5147 7 21V25.5H9V21C9 19.6193 10.1193 18.5 11.5 18.5Z" fill="currentColor"></path></svg>') no-repeat center;
  background-size: contain;
}


/* Optional: add hover effect */
.nav-my-account > a:hover::before {
  filter: brightness(0.7);
}

/* Target the WooCommerce block store notices */
.wp-block-woocommerce-store-notices .wc-block-components-notice-banner {
  background-color: #ffffff;    /* white background */
  color: #000000;               /* black text */
  border: 1px solid #cccccc;    /* optional: light border for contrast */
}

/* Make sure the SVG icon also renders in black */
.wp-block-woocommerce-store-notices .wc-block-components-notice-banner svg {
  fill: currentColor;           /* inherits the text color */
}

/* Optional: style the inner content specifically */
.wp-block-woocommerce-store-notices .wc-block-components-notice-banner__content {
  font-size: 1rem;
  padding-left: 0.5rem;
}

/* Remove blue outline (focus ring) */
.wp-block-woocommerce-store-notices .wc-block-components-notice-banner:focus-visible {
  outline-color: transparent !important;
  box-shadow: none !important;
}

/* Remove blue background behind the SVG */
.wp-block-woocommerce-store-notices .wc-block-components-notice-banner svg {
  background: transparent !important;
  fill: currentColor !important; /* keep icon black */
  box-shadow: none !important;
}

/* Also remove any blue borders around the banner */
.wp-block-woocommerce-store-notices .wc-block-components-notice-banner {
  border-color: #aaa !important; /* or your desired neutral color */
  box-shadow: none !important;
}

/* Also remove any blue borders around the banner */
.wp-block-woocommerce-store-notices .wc-block-components-notice-banner:hover {
  border-color: #000 !important; /* or your desired neutral color */
  box-shadow: none !important;
}

.wp-block-add-to-cart-form table {
  padding: 0 !important;
}

.wp-block-add-to-cart-form tbody {
  display: inline-block !important;
  width: 100%;
}

.wp-block-add-to-cart-form tbody tr {
  display: inline-block !important;
  width: 100%;
}

.wp-block-add-to-cart-form tbody tr td {
  width: 33% !important;
  text-align: center !important;
}

.single_variation_wrap .woocommerce-variation-price {
  text-align: center !important;
}

.woocommerce-variation {
  margin: 0 !important;
}

.woocommerce-variation .woocommerce-variation-price {
  display: none;
}

.woocommerce-variation .woocommerce-variation-availability {
  display: none;
}

.woocommerce-variation > div {
  margin: 0 !important;
}

.woocommerce-variation > div > * {
  margin: 0 !important;
}

div.wp-block-add-to-cart-form p.stock {
  display: none;
}

.woocommerce-variation-add-to-cart {
  display: flex !important;
  flex-direction: row !important;
  justify-content: center !important;
  align-items: center !important;
 /* gap: 1rem !important; */
}

form.variations_form.cart table.variations tbody tr {
  background: white;
  border: 1px solid hsla(0,0%,7%,.11) !important;
  border-radius: 0.4em 0.4em 0.4em 0.4em;
  margin-bottom: 28px;
}

form.variations_form.cart table.variations tbody tr th,
form.variations_form.cart table.variations tbody tr td {
  padding: 0px;
}

form.variations_form.cart table.variations tbody tr td {
  padding-right: 10px;
}

form.variations_form.cart table.variations tbody tr th {
  text-align: center;
  padding-left: 10px;
  padding-right: 5px;
}

form.variations_form.cart table.variations tbody tr th.label {
  padding-right: 0px;
  font-size: var(--wp--preset--font-size--medium);
  color: black;
}

.wp-element-button {
  font-weight: bold;
}

.wp-element-button.disabled {
  background: transparent;
  border: 2px solid black;
  color: black;
  filter: blur(1px) contrast(20) hue-rotate(20deg);
}

.wpsm-footer {
  display: none;
}

#subscribe-submit .wp-block-button__link {
  background-color: white;
  color: black;
  border: 2px solid white;
  padding: 0.5em 1em;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  padding: 0 !important;
}

#subscribe-submit {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  position: relative; /* just in case */
}

#subscribe-submit::after {
  content: "";
  display: inline-block;
  width: 1.4em;
  height: 1.2em;
  flex-shrink: 0;
  background-color: white;
  border: 2px solid black;
  border-radius: 0.4em 0.4em 0.4em 0; /* speech bubble shape */
  position: relative;
}

/* Create the tail of the bubble with a pseudo-element */
#subscribe-submit::after::before {
  content: "";
  position: absolute;
  bottom: -0.4em;
  left: 0.2em;
  width: 0;
  height: 0;
  border: 0.4em solid transparent;
  border-top-color: black; /* border color */
  border-bottom: 0;
  border-left: 0;
  transform: translateY(0.1em);
  background: none;
}

/* Fill inside the tail white so it looks consistent */
#subscribe-submit::after::after {
  content: "";
  position: absolute;
  bottom: -0.34em;
  left: 0.24em;
  width: 0;
  height: 0;
  border: 0.35em solid transparent;
  border-top-color: white; /* fill color */
  border-bottom: 0;
  border-left: 0;
  transform: translateY(0.05em);
  background: none;
}




.wc-block-components-product-price {
  text-align: center;
}

body.home,
body.wp-singular,
body.archive,
body.wp-theme-kiosko,
body.woocommerce {
  background: black;
}

.wp-block-woocommerce-mini-cart-contents,
.wp-block-woocommerce-filled-mini-cart-contents-block {
  background: white;
}

.wp-site-blocks {
  background: white;
  padding: 0rem;
  overflow: hidden;

  border-bottom-left-radius: 2rem;
  border-bottom-right-radius: 2rem;

  margin-top: 7px !important;
  margin-bottom: 5px !important;

  clip-path: polygon(
    0px 0%,         /* inset top-left */
    calc(100% - 10px) 0%, /* inset top-right */
    100% 10px,
    100% 100%,
    0% 100%,
    0% 10px
  );
}

footer.wp-block-template-part {
  --s: 140px; /* control the size */
  --c: #efffff; /* first color */
  
  --_g: #0000 52%, var(--c) 54% 57%, #0000 59%;

  background:
    radial-gradient(farthest-side at -33.33% 50%, var(--_g)) 0 calc(var(--s)/2),
    radial-gradient(farthest-side at 50% 133.33%, var(--_g)) calc(var(--s)/2) 0,
    radial-gradient(farthest-side at 133.33% 50%, var(--_g)) 0 0,
    radial-gradient(farthest-side at 50% -33.33%, var(--_g)) 0 0,
    #ffffff;
    
  background-size:
    calc(var(--s)/4.667) var(--s),
    var(--s) calc(var(--s)/4.667),
    calc(var(--s)/4.667) var(--s),
    var(--s) calc(var(--s)/4.667),
    auto;

  animation: slide-bg 15s linear infinite;
}

@keyframes slide-bg {
  0%, 5% {
    background-position:
      calc(var(--s)) calc(var(--s)/2),
      calc(var(--s) + var(--s)/2) calc(var(--s)),
      calc(var(--s)) calc(var(--s)),
      calc(var(--s)) calc(var(--s)),
      0 0;
  }
  100% {
    /* At top right */
    background-position:
      calc(var(--s)) calc(-1 * var(--s) - var(--s)/2),
      calc(var(--s) + var(--s)/2) calc(-1 * var(--s)),
      var(--s) calc(-1 * var(--s)),
      var(--s) calc(-1 * var(--s)),
      0 0;
  }
}

.has-base-background-color {
  background: transparent !important;
}

.flow-wave {
  --s: 35px; /* the size of the wave */
  --b: 15px; /* the thickness of the line*/
  
  height: calc(2*var(--s));
  width: 170.45px !important;
  aspect-ratio: 2.5;
  display: grid;
  padding: 20px;
  filter: blur(7px) contrast(20) hue-rotate(20deg);
  background: #fff;
  mix-blend-mode: darken;
}
.flow-wave::before{
  width: 170.45px !important;
  content: "";
  --_g: calc(-.6*var(--s)), #0000 calc(99% - var(--b)),black calc(101% - var(--b)) 99%,#0000 101%;
  --_r: calc(1.166*var(--s) + var(--b)/2) at left 50%;
  background :
    radial-gradient(var(--_r) bottom var(--_g)) 
      calc(50% - var(--s)) calc(50% - var(--s))/calc(4*var(--s)) calc(2*var(--s)),
    radial-gradient(var(--_r) top    var(--_g)) 
      calc(50% + var(--s)) calc(50% + var(--s))/calc(4*var(--s)) calc(2*var(--s));
  animation: m 3s infinite linear;
}
@keyframes m {
  to {
    background-position: 
      calc(50% - 5*var(--s)) calc(50% - var(--s)),
      calc(50% - 3*var(--s)) calc(50% + var(--s))
  }
}

p.wp-block-site-title {
  font-weight: 1000;
  line-height: 64px;
}

.living-flow-living-title-normal {
  /*
  font-size: clamp(0.781rem, 4.64vw, 4.031rem) !important;
  */
  font-size: clamp(1.2rem, 4vw, 4.031rem) !important;
}

.living-flow-living-title-normal > a {
  /*
  --blur-amount: ;
  --s: ; the size of the wave
  --b: ; the thickness of the line
  --blur-amount: 1.2px;
  --s: 10px;
  --b: 1px;
  --blur-amount: 4px;
  --s: 35px;
  --b: 3px;

  
  Assume 1rem = 16px:
    1.2rem = 19.2px
    4.031rem = 64.496px

  Set up the proportion:
    (4vw − 19.2) / (64.496 − 19.2) = (xvw − 1.2) / (4 − 1.2)
    x ≈ (11.2vw + 0.5952) / 45.296vw

  We want the vw in blur clamp to match the proportional scaling:
    blurRange / fontSizeRange = (4 − 1.2) / (64.496 − 19.2) = 2.8 / 45.296 ≈ 0.0618

  so the vw value in the blur clamp should be:
    0.0618×100=6.18

  Your font-size uses 4vw, so:
    4vw×0.0618≈0.2472vw
  */
  --blur-amount: clamp(1.2px, 0.2472vw, 4px);
  --s: clamp(10px, 2.208vw, 35px);
  --b: clamp(1px, 0.1768vw, 3px);
}

.living-flow-living-title > a {
  height: calc(2*var(--s));
  aspect-ratio: 2.5;
  display: inline-block;
  position: relative;
  z-index: 1;
  filter: blur(var(--blur-amount)) contrast(20) hue-rotate(20deg);
  background: #fff;
  mix-blend-mode: darken;
}
.living-flow-living-title > a::before{
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;

  --_g: calc(-.6*var(--s)), #0000 calc(99% - var(--b)), black calc(101% - var(--b)) 99%, #0000 101%;
  --_r: calc(1.166*var(--s) + var(--b)/2) at left 50%;

  width: calc(100%);
  height: calc(2*var(--s));
  background:
    radial-gradient(var(--_r) bottom var(--_g))
      calc(50% - var(--s)) calc(50% - var(--s)) / calc(4*var(--s)) calc(2*var(--s)),
    radial-gradient(var(--_r) top var(--_g))
      calc(50% + var(--s)) calc(50% + var(--s)) / calc(4*var(--s)) calc(2*var(--s));
  animation: m 5s infinite linear;
}
@keyframes m {
  to {
    background-position:
      calc(50% - 5*var(--s)) calc(50% - var(--s)),
      calc(50% - 3*var(--s)) calc(50% + var(--s));
  }
}

.living-flow-living-title-large {
  font-size: 12.093rem !important;
}

.living-flow-living-title-large > a {
  --blur-amount: 12px;
  --s: 105px;
  --b: 9px;
}


/* temporarily disable admin bar for easier website viewing
#wpadminbar {
  display: none;
}

html {
  margin-top: 0px !important;
}
*/

.wp-block-post-title {
  background-color: white !important;
}
.wp-block-site-title > a {
  background-color: white !important;
}
.wp-block-tag-cloud {
  background-color: white !important;
}
.wc-block-components-product-price {
  background-color: white !important;
}
.woocommerce-tabs {
  background-color: white !important;
}
.footer-left-text {
  background-color: white !important;
}
.taxonomy-product_cat {
  background-color: white !important;
}
.page-main-wrapper {
  min-width: 100% !important;
}

.page-main-wrapper > div {
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.page-main-wrapper > div > h2 {
  margin: 0 !important;
  max-width: none !important;
}

.page-main-wrapper .woocommerce {
  max-width: 1200px !important;
}




.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation li.is-active a::before {
  content: "" !important;
}

.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation li.is-active a {
  font-weight: bold;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation li a {
  background-color: white !important;
}

.woocommerce-MyAccount-content p {
  background-color: white !important;
}

.woocommerce-account .woocommerce .woocommerce-MyAccount-content .button {
  background-color: #ffffff;    /* white background */
  color: #333;               /* black text */
  border: 1px solid #cccccc;    /* optional: light border for contrast */
  border-radius: 0.4em 0.4em 0.4em 0.4em;
  padding: 0.5em 1em;
  font-weight: bold !important;
}




.woocommerce-error {
  background-color: #ffffff !important;    /* white background */
  color: #333 !important;               /* black text */
  border: 1px solid #cccccc;    /* optional: light border for contrast */
}

.woocommerce-PaymentMethods {
  list-style-type: none;
  padding-left: 0px !important;
}

.woocommerce-MyAccount-navigation-link--downloads {
  display: none;
}





#the-flow-entity {
 z-index: 9999;
  position: absolute;
  width: 10vw;
  height: 10vw;
  max-width: 150px;
  max-height: 150px;
  background: black;
  border-radius: 50% 50% 40% 60% / 60% 40% 50% 50%;
  filter: blur(2px);
  animation:
  worm-wiggle 3s infinite ease-in-out,
  worm-wander 90s infinite linear;
  will-change: transform;
}

/* Organic morphing shape */
@keyframes worm-wiggle {
  0%   { border-radius: 50% 50% 40% 60% / 60% 40% 50% 50%; }
  25%  { border-radius: 70% 30% 90% 10% / 30% 80% 20% 70%; }
  50%  { border-radius: 60% 40% 60% 40% / 40% 60% 50% 50%; }
  75%  { border-radius: 35% 65% 35% 65% / 70% 40% 70% 30%; }
  100% { border-radius: 50% 50% 40% 60% / 60% 40% 50% 50%; }
}

/* Random-walk style wandering far beyond viewport */
@keyframes worm-wander {
  0%   { transform: translate(-30vw, -20vh); }
  10%  { transform: translate(10vw, -40vh); }
  20%  { transform: translate(50vw, 20vh); }
  30%  { transform: translate(120vw, -10vh); }
  40%  { transform: translate(90vw, 80vh); }
  50%  { transform: translate(150vw, 150vh); }
  60%  { transform: translate(60vw, 100vh); }
  70%  { transform: translate(-10vw, 130vh); }
  80%  { transform: translate(-40vw, 60vh); }
  90%  { transform: translate(30vw, 10vh); }
  100% { transform: translate(-30vw, -20vh); }
}

.wp-site-blocks {
  overflow: hidden;
  position: relative;
}