.tides-content-wrap{grid-column:main}.tides-counter{--spacing:var(--spacing);--outer-spacing:2rem;--color:var(--color-light);--background-color:var(--color-dark-trans-2);--size:10.5rem;--gap:0.25rem;display:grid;grid-template-columns:min-content;grid-template-rows:min-content;justify-content:center;align-content:center;justify-items:center;align-items:center;margin:var(--outer-spacing)}@media(min-width:768px){.tides-counter{--size:14rem;--outer-spacing:4rem;--gap:0.5rem}}@media(min-width:768px){.stage__content--align-right .tides-counter{justify-content:flex-end}}@media(min-width:768px){.stage__content--align-left .tides-counter{justify-content:flex-start}}.tides-counter__box{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--gap);color:var(--color);background-color:var(--background-color);width:var(--size);height:var(--size);border-radius:50%;padding:10%;text-align:center;line-height:1;margin:var(--spacing)}.tides-counter__text{font-family:var(--typo-text-font-family);font-weight:var(--typo-text-font-weight);line-height:var(--typo-text-line-height);font-style:var(--typo-text-font-style);font-size:var(--typo-xs-font-size);font-family:var(--typo-xs-font-family,var(--typo-text-font-family));font-weight:var(--typo-xs-font-weight,var(--typo-text-font-weight));line-height:var(--typo-xs-line-height,var(--typo-text-line-height));font-style:var(--typo-xs-font-style,var(--typo-text-font-style))}.tides-counter__countdown,.tides-counter__time{transition:opacity 0.25s ease;opacity:0}.is-loaded .tides-counter__countdown,.is-loaded .tides-counter__time{opacity:1}.tides-counter__countdown{font-family:var(--typo-hx-font-family);font-weight:var(--typo-hx-font-weight);line-height:var(--typo-hx-line-height);font-style:var(--typo-hx-font-style);font-size:var(--typo-l-font-size);font-family:var(--typo-l-font-family,var(--typo-hx-font-family));font-weight:var(--typo-l-font-weight,var(--typo-hx-font-weight));line-height:var(--typo-l-line-height,var(--typo-hx-line-height));font-style:var(--typo-l-font-style,var(--typo-hx-font-style))}.tides-counter__time{display:flex;align-items:center;gap:var(--gap)}.tides-counter__time-icon .icon__svg{width:var(--icon-size-s);height:var(--icon-size-s);margin-right:var(--spacing)}