/*
Theme Name: Galaxy
Theme URI: https://wordpress.org/themes/galaxy/
Author: Shaan
Author URI: https://shaan.icu
Description: A modern, minimal, and responsive theme for WordPress.
Requires at least: 6.4
Tested up to: 6.9
Requires PHP: 7.0
Version: 26.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: galaxy
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/
@keyframes moveGradient {
  50% {
    background-position: 100% 50%;
  }
}
.wp-block-group:has(> .wp-block-navigation.is-style-pills) {
  gap: 0.5em;
}

.custom-logo-link {
  --border-width: 1px;
  position: relative;
  border-style: none;
  margin: var(--border-width);
}
.custom-logo-link:hover {
  opacity: 1;
}
.custom-logo-link:hover::after {
  animation: moveGradient 4s alternate infinite;
}
.custom-logo-link::after {
  position: absolute;
  content: "";
  top: calc(-1 * var(--border-width));
  left: calc(-1 * var(--border-width));
  z-index: -1;
  width: calc(100% + var(--border-width) * 2);
  height: calc(100% + var(--border-width) * 2);
  background: linear-gradient(200deg, #111 0%, #2b2b2b 10%, #f7f7f7 22%, #9a9a9a 30%, #ffffff 38%, #5c5c5c 48%, #dcdcdc 58%, #1f1f1f 72%, #bfbfbf 85%, #f3f3f3 100%);
  background-size: 300% 300%;
  background-position: 0 50%;
  border-radius: inherit;
}

.wp-block-navigation.is-style-pills {
  gap: inherit;
}
.wp-block-navigation.is-style-pills .wp-block-navigation-item,
.wp-block-navigation.is-style-pills .menu-item {
  font-size: var(--wp--preset--font-size--small);
  border: 1px solid color-mix(var(--wp--preset--color--grey), transparent);
  border-radius: 1.25em;
  background-color: var(--wp--preset--color--accent-2);
  background: var(--wp--preset--gradient--pale-ocean);
  color: var(--wp--preset--color--contrast);
}
.wp-block-navigation.is-style-pills .wp-block-navigation-item > .wp-block-navigation-item__content,
.wp-block-navigation.is-style-pills .menu-item > .wp-block-navigation-item__content {
  padding: 0.5em 1em;
}
.wp-block-navigation.is-style-pills .wp-block-navigation-item:hover, .wp-block-navigation.is-style-pills .wp-block-navigation-item.current-menu-item, .wp-block-navigation.is-style-pills .wp-block-navigation-item.current-menu-ancestor, .wp-block-navigation.is-style-pills .wp-block-navigation-item.menu-item-type-home,
.wp-block-navigation.is-style-pills .menu-item:hover,
.wp-block-navigation.is-style-pills .menu-item.current-menu-item,
.wp-block-navigation.is-style-pills .menu-item.current-menu-ancestor,
.wp-block-navigation.is-style-pills .menu-item.menu-item-type-home {
  background-color: var(--wp--preset--color--accent-1);
  background: var(--wp--preset--gradient--pale-sky);
}
.wp-block-navigation.is-style-pills .wp-block-navigation-item.menu-item-type-home > a,
.wp-block-navigation.is-style-pills .menu-item.menu-item-type-home > a {
  width: 1em;
}
.wp-block-navigation.is-style-pills .wp-block-navigation-item.menu-item-type-home > a > span,
.wp-block-navigation.is-style-pills .wp-block-navigation-item.menu-item-type-home > a > div,
.wp-block-navigation.is-style-pills .menu-item.menu-item-type-home > a > span,
.wp-block-navigation.is-style-pills .menu-item.menu-item-type-home > a > div {
  overflow-wrap: normal;
  display: none;
}
.wp-block-navigation.is-style-pills .wp-block-navigation-item.menu-item-type-home > a::after,
.wp-block-navigation.is-style-pills .menu-item.menu-item-type-home > a::after {
  width: 1em;
  height: 1em;
  display: inline-flex;
  content: "";
  background-color: currentColor;
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 10L5 19C5 19.5523 5.44772 20 6 20L18 20C18.5523 20 19 19.5523 19 19L19 10' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M21 11L12.307 4.23875C12.1264 4.09832 11.8736 4.09832 11.693 4.23875L3 11' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-position: center;
}

.wp-block-tabor-dark-mode-toggle__track:not(.has-background) {
  --border-width: 1px;
  position: relative;
  border-style: none;
  margin: var(--border-width);
}
.wp-block-tabor-dark-mode-toggle__track:not(.has-background):hover {
  opacity: 1;
}
.wp-block-tabor-dark-mode-toggle__track:not(.has-background):hover::after {
  animation: moveGradient 4s alternate infinite;
}
.wp-block-tabor-dark-mode-toggle__track:not(.has-background)::after {
  position: absolute;
  content: "";
  top: calc(-1 * var(--border-width));
  left: calc(-1 * var(--border-width));
  z-index: -1;
  width: calc(100% + var(--border-width) * 2);
  height: calc(100% + var(--border-width) * 2);
  background: linear-gradient(200deg, #111 0%, #2b2b2b 10%, #f7f7f7 22%, #9a9a9a 30%, #ffffff 38%, #5c5c5c 48%, #dcdcdc 58%, #1f1f1f 72%, #bfbfbf 85%, #f3f3f3 100%);
  background-size: 300% 300%;
  background-position: 0 50%;
  border-radius: inherit;
}
.wp-block-tabor-dark-mode-toggle__track:not(.has-background):hover {
  background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray);
}
.wp-block-tabor-dark-mode-toggle__track:not(.has-background) {
  background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray);
}

.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {
  background-color: transparent;
}

.wp-block-navigation .has-child:not(.open-on-click):hover > .wp-block-navigation__submenu-container {
  min-width: -moz-available;
  min-width: -webkit-fill-available;
  min-width: stretch;
}

.wp-block-navigation .wp-block-navigation__submenu-icon {
  margin-left: 0;
  margin-right: 0.5em;
}

.wp-block-navigation-item {
  --border-width: 1px;
  position: relative;
  border-style: none;
  margin: var(--border-width);
}
.wp-block-navigation-item:hover {
  opacity: 1;
}
.wp-block-navigation-item:hover::after {
  animation: moveGradient 4s alternate infinite;
}
.wp-block-navigation-item::after {
  position: absolute;
  content: "";
  top: calc(-1 * var(--border-width));
  left: calc(-1 * var(--border-width));
  z-index: -1;
  width: calc(100% + var(--border-width) * 2);
  height: calc(100% + var(--border-width) * 2);
  background: linear-gradient(200deg, #111 0%, #2b2b2b 10%, #f7f7f7 22%, #9a9a9a 30%, #ffffff 38%, #5c5c5c 48%, #dcdcdc 58%, #1f1f1f 72%, #bfbfbf 85%, #f3f3f3 100%);
  background-size: 300% 300%;
  background-position: 0 50%;
  border-radius: inherit;
}

html {
  color-scheme: light;
}
html.theme-dark {
  color-scheme: dark;
}

:root {
  --wp--preset--color--base: #f0f0f0;
  --wp--preset--color--grey: #eee;
  --wp--preset--border-radius--small: 3px;
  --wp--preset--border-radius--medium: 5px;
  --wp--preset--border-radius--large: 8px;
  --wp--preset--gradient--pale-sky: linear-gradient(135deg, rgb(255, 255, 255) 0%, rgb(132, 204, 209) 50%, rgb(15, 81, 196) 100%);
}

.theme-dark {
  --wp--preset--color--base: #000003;
  --wp--preset--color--grey: #333;
  --wp--preset--color--content: #ddd;
  --wp--preset--color--contrast: #fff;
  --wp--preset--color--accent-2: #28d6bf;
  --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg, rgb(3, 73, 113) 0%, rgb(77, 40, 112) 100%);
  --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg, rgb(61, 110, 90) 0%, rgb(0, 104, 65) 100%);
  --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg, rgb(126, 92, 0) 0%, rgb(127, 52, 0) 100%);
  --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg, rgb(127, 52, 0) 0%, rgb(103, 23, 23) 100%);
  --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg, rgb(119, 119, 119) 0%, rgb(64, 92, 97) 100%);
  --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg, rgb(37, 117, 110) 0%, rgb(75, 60, 104) 20%, rgb(103, 21, 93) 40%, rgb(119, 22, 65) 60%, rgb(125, 52, 49) 80%, rgb(127, 124, 38) 100%);
  --wp--preset--gradient--blush-light-purple: linear-gradient(135deg, rgb(127, 103, 118) 0%, rgb(76, 75, 120) 100%);
  --wp--preset--gradient--blush-bordeaux: linear-gradient(135deg, rgb(127, 102, 82) 0%, rgb(127, 22, 22) 50%, rgb(53, 0, 31) 100%);
  --wp--preset--gradient--luminous-dusk: linear-gradient(135deg, rgb(127, 101, 56) 0%, rgb(99, 40, 96) 50%, rgb(32, 44, 104) 100%);
  --wp--preset--gradient--pale-ocean: linear-gradient(135deg, rgb(127, 122, 101) 0%, rgb(71, 113, 76) 50%, rgb(15, 83, 90) 100%);
  --wp--preset--gradient--pale-sky: linear-gradient(135deg, rgb(127, 122, 101) 0%, rgb(60, 146, 152) 50%, rgb(6, 39, 97) 100%);
  --wp--preset--gradient--electric-grass: linear-gradient(135deg, rgb(101, 124, 64) 0%, rgb(56, 103, 63) 100%);
  --wp--preset--gradient--midnight: linear-gradient(135deg, rgb(20, 20, 84) 0%, rgb(20, 78, 146) 100%);
}
.theme-dark .menu-item .menu-item-type-home > a::before {
  filter: invert(1);
}

a:where([rel]) {
  text-decoration: none;
}

a:not(.wp-element-button, .wp-block-navigation-item__content, [rel=next], [rel=prev], :has(img), :has(svg)) {
  text-decoration: none;
  border-bottom: 2px dotted var(--wp--preset--color--grey);
}
a:not(.wp-element-button, .wp-block-navigation-item__content, [rel=next], [rel=prev], :has(img), :has(svg)):hover {
  border-color: var(--wp--preset--color--content);
}

@keyframes moveGradient {
  50% {
    background-position: 100% 50%;
  }
}
header .wp-block-group:has(> .wp-block-navigation.is-style-pills) {
  gap: 0.5em;
}
header .custom-logo-link {
  --border-width: 1px;
  position: relative;
  border-style: none;
  margin: var(--border-width);
}
header .custom-logo-link:hover {
  opacity: 1;
}
header .custom-logo-link:hover::after {
  animation: moveGradient 4s alternate infinite;
}
header .custom-logo-link::after {
  position: absolute;
  content: "";
  top: calc(-1 * var(--border-width));
  left: calc(-1 * var(--border-width));
  z-index: -1;
  width: calc(100% + var(--border-width) * 2);
  height: calc(100% + var(--border-width) * 2);
  background: linear-gradient(200deg, #111 0%, #2b2b2b 10%, #f7f7f7 22%, #9a9a9a 30%, #ffffff 38%, #5c5c5c 48%, #dcdcdc 58%, #1f1f1f 72%, #bfbfbf 85%, #f3f3f3 100%);
  background-size: 300% 300%;
  background-position: 0 50%;
  border-radius: inherit;
}
header .wp-block-navigation.is-style-pills {
  gap: inherit;
}
header .wp-block-navigation.is-style-pills .wp-block-navigation-item,
header .wp-block-navigation.is-style-pills .menu-item {
  font-size: var(--wp--preset--font-size--small);
  border: 1px solid color-mix(var(--wp--preset--color--grey), transparent);
  border-radius: 1.25em;
  background-color: var(--wp--preset--color--accent-2);
  background: var(--wp--preset--gradient--pale-ocean);
  color: var(--wp--preset--color--contrast);
}
header .wp-block-navigation.is-style-pills .wp-block-navigation-item > .wp-block-navigation-item__content,
header .wp-block-navigation.is-style-pills .menu-item > .wp-block-navigation-item__content {
  padding: 0.5em 1em;
}
header .wp-block-navigation.is-style-pills .wp-block-navigation-item:hover, header .wp-block-navigation.is-style-pills .wp-block-navigation-item.current-menu-item, header .wp-block-navigation.is-style-pills .wp-block-navigation-item.current-menu-ancestor, header .wp-block-navigation.is-style-pills .wp-block-navigation-item.menu-item-type-home,
header .wp-block-navigation.is-style-pills .menu-item:hover,
header .wp-block-navigation.is-style-pills .menu-item.current-menu-item,
header .wp-block-navigation.is-style-pills .menu-item.current-menu-ancestor,
header .wp-block-navigation.is-style-pills .menu-item.menu-item-type-home {
  background-color: var(--wp--preset--color--accent-1);
  background: var(--wp--preset--gradient--pale-sky);
}
header .wp-block-navigation.is-style-pills .wp-block-navigation-item.menu-item-type-home > a,
header .wp-block-navigation.is-style-pills .menu-item.menu-item-type-home > a {
  width: 1em;
}
header .wp-block-navigation.is-style-pills .wp-block-navigation-item.menu-item-type-home > a > span,
header .wp-block-navigation.is-style-pills .wp-block-navigation-item.menu-item-type-home > a > div,
header .wp-block-navigation.is-style-pills .menu-item.menu-item-type-home > a > span,
header .wp-block-navigation.is-style-pills .menu-item.menu-item-type-home > a > div {
  overflow-wrap: normal;
  display: none;
}
header .wp-block-navigation.is-style-pills .wp-block-navigation-item.menu-item-type-home > a::after,
header .wp-block-navigation.is-style-pills .menu-item.menu-item-type-home > a::after {
  width: 1em;
  height: 1em;
  display: inline-flex;
  content: "";
  background-color: currentColor;
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 10L5 19C5 19.5523 5.44772 20 6 20L18 20C18.5523 20 19 19.5523 19 19L19 10' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M21 11L12.307 4.23875C12.1264 4.09832 11.8736 4.09832 11.693 4.23875L3 11' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-position: center;
}
header .wp-block-tabor-dark-mode-toggle__track:not(.has-background) {
  --border-width: 1px;
  position: relative;
  border-style: none;
  margin: var(--border-width);
}
header .wp-block-tabor-dark-mode-toggle__track:not(.has-background):hover {
  opacity: 1;
}
header .wp-block-tabor-dark-mode-toggle__track:not(.has-background):hover::after {
  animation: moveGradient 4s alternate infinite;
}
header .wp-block-tabor-dark-mode-toggle__track:not(.has-background)::after {
  position: absolute;
  content: "";
  top: calc(-1 * var(--border-width));
  left: calc(-1 * var(--border-width));
  z-index: -1;
  width: calc(100% + var(--border-width) * 2);
  height: calc(100% + var(--border-width) * 2);
  background: linear-gradient(200deg, #111 0%, #2b2b2b 10%, #f7f7f7 22%, #9a9a9a 30%, #ffffff 38%, #5c5c5c 48%, #dcdcdc 58%, #1f1f1f 72%, #bfbfbf 85%, #f3f3f3 100%);
  background-size: 300% 300%;
  background-position: 0 50%;
  border-radius: inherit;
}
header .wp-block-tabor-dark-mode-toggle__track:not(.has-background):hover {
  background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray);
}
header .wp-block-tabor-dark-mode-toggle__track:not(.has-background) {
  background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray);
}
header .wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {
  background-color: transparent;
}
header .wp-block-navigation .has-child:not(.open-on-click):hover > .wp-block-navigation__submenu-container {
  min-width: -moz-available;
  min-width: -webkit-fill-available;
  min-width: stretch;
}
header .wp-block-navigation .wp-block-navigation__submenu-icon {
  margin-left: 0;
  margin-right: 0.5em;
}
header .wp-block-navigation-item {
  --border-width: 1px;
  position: relative;
  border-style: none;
  margin: var(--border-width);
}
header .wp-block-navigation-item:hover {
  opacity: 1;
}
header .wp-block-navigation-item:hover::after {
  animation: moveGradient 4s alternate infinite;
}
header .wp-block-navigation-item::after {
  position: absolute;
  content: "";
  top: calc(-1 * var(--border-width));
  left: calc(-1 * var(--border-width));
  z-index: -1;
  width: calc(100% + var(--border-width) * 2);
  height: calc(100% + var(--border-width) * 2);
  background: linear-gradient(200deg, #111 0%, #2b2b2b 10%, #f7f7f7 22%, #9a9a9a 30%, #ffffff 38%, #5c5c5c 48%, #dcdcdc 58%, #1f1f1f 72%, #bfbfbf 85%, #f3f3f3 100%);
  background-size: 300% 300%;
  background-position: 0 50%;
  border-radius: inherit;
}

body.single-post .wp-block-navigation-item.menu-item-type-blog {
  background-color: var(--wp--preset--color--accent-1);
  background: var(--wp--preset--gradient--pale-sky);
}

body.home .wp-block-site-logo {
  display: none;
}
body.home .wp-block-media-text__media > img {
  border-radius: 50%;
  aspect-ratio: 1;
  border: 1px solid silver;
}
body .wp-block-media-text__media.is-exiting:has(img.wp-image-17) {
  animation: scaleAndMoveToLogo 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
}
@keyframes scaleAndMoveToLogo {
  0% {
    transform: translate(0, 0) scale(1);
  }
  50% {
    transform: scale(0.5);
  }
  100% {
    transform: translate(var(--target-x, 0px), var(--target-y, 0px)) scale(var(--target-s, 0.12));
  }
}
body:not(.home) .menu-item-type-home {
  display: none !important;
}
body:not(.single-post) .post-nav {
  display: none;
}

footer .wp-element-button {
  --border-width: 1px;
  position: relative;
  border-style: none;
  margin: var(--border-width);
}
footer .wp-element-button:hover {
  opacity: 1;
}
footer .wp-element-button:hover::after {
  animation: moveGradient 4s alternate infinite;
}
footer .wp-element-button::after {
  position: absolute;
  content: "";
  top: calc(-1 * var(--border-width));
  left: calc(-1 * var(--border-width));
  z-index: -1;
  width: calc(100% + var(--border-width) * 2);
  height: calc(100% + var(--border-width) * 2);
  background: linear-gradient(200deg, #111 0%, #2b2b2b 10%, #f7f7f7 22%, #9a9a9a 30%, #ffffff 38%, #5c5c5c 48%, #dcdcdc 58%, #1f1f1f 72%, #bfbfbf 85%, #f3f3f3 100%);
  background-size: 300% 300%;
  background-position: 0 50%;
  border-radius: inherit;
}
footer .wp-block-social-links {
  filter: saturate(0.5);
  gap: 0.5em;
}
footer .wp-block-columns li {
  zoom: 1.4;
}
footer .wp-block-columns .wp-block-column:nth-child(2n+1) {
  text-wrap: nowrap;
  flex-grow: 2;
}
footer .wp-block-columns .wp-block-column:nth-child(2n+1) ul {
  flex-wrap: nowrap;
}

@keyframes moveGradient {
  50% {
    background-position: 100% 50%;
  }
}
main :is(h1, h2, h3, h4, h5, h6) > a {
  border-bottom: none;
}
main :is(h1, h2, h3, h4, h5, h6):is(.prefix) {
  margin-bottom: 0.25em;
  font-weight: 200;
  font-size: 0.5lh;
}
main :is(h1, h2, h3, h4, h5, h6):is(.prefix) + :is(h1, h2, h3, h4, h5, h6) {
  margin-top: 0;
}
main .wp-post-image > video,
main .wp-post-image > img,
main .wp-block-image > video,
main .wp-block-image > img,
main .wp-block-video > video,
main .wp-block-video > img,
main .wp-block-post-featured-image > a > video,
main .wp-block-post-featured-image > a > img,
main .wp-block-post-featured-image > video,
main .wp-block-post-featured-image > img {
  border-radius: 3px;
  box-shadow: 0px 0px 5px black;
}
main .wp-block-query-title::after {
  content: " Archive";
}
main .wp-block-post-excerpt__more-text {
  text-align: center;
}
main .post-meta {
  gap: 0.25em;
}
main .wp-block-code {
  border-radius: var(--wp--preset--border-radius--medium, 5px);
  background: light-dark(white, color-mix(in srgb, gray 20%, transparent));
  box-shadow: 0px 0px 10px light-dark(silver, black);
  backdrop-filter: blur(15px);
}
main .wp-block-code:is(.editor-styles-wrapper *) {
  box-shadow: none;
  border: 1px solid silver;
}
main .wp-block-code > code {
  background: transparent;
  padding: var(--wp--preset--spacing--20);
  tab-size: 2;
  font-size: var(--wp--preset--font-size--small);
}
main .wp-block-group.post-meta {
  align-items: flex-end;
}
main .wp-block-group.post-meta > * {
  align-items: center;
}
main .wp-block-group.post-meta > * .wp-block-post-author__avatar {
  line-height: 1em;
  margin-right: 0.25em;
}
main .wp-block-group.post-meta > * .wp-block-post-author__avatar img {
  border-radius: 432px;
}
main .wp-block-post-excerpt__more-link {
  font-size: var(--wp--preset--font-size--small);
  color: var(--wp--preset--color--accent-2);
  text-decoration: none;
}
main .wp-block-query-pagination a {
  border-width: 0;
}
main .wp-block-query-pagination .page-numbers:not(.dots) {
  border-radius: 50%;
  min-width: 1.5em;
  display: inline-flex;
  justify-content: center;
  background: color-mix(in srgb, var(--wp--preset--color--accent-2), transparent 80%);
  text-decoration: none;
}
main .wp-block-query-pagination .page-numbers:not(.dots).current {
  background: color-mix(in srgb, var(--wp--preset--color--grey), transparent 80%);
}
main .abcs {
  --carousel-button-bg: var(--wp--preset--color--grey);
}
main .abcs::scroll-marker-group {
  position: unset;
  transform: none;
  width: 100%;
  padding-bottom: var(--wp--preset--spacing--50);
  --carousel-marker-bottom-offset: var(--wp--preset--spacing--50);
}
main .wp-block-media-text .wp-element-button,
main .repo .wp-element-button {
  --border-width: 2px;
  position: relative;
  border-style: none;
  margin: var(--border-width);
}
main .wp-block-media-text .wp-element-button:hover,
main .repo .wp-element-button:hover {
  opacity: 1;
}
main .wp-block-media-text .wp-element-button:hover::after,
main .repo .wp-element-button:hover::after {
  animation: moveGradient 4s alternate infinite;
}
main .wp-block-media-text .wp-element-button::after,
main .repo .wp-element-button::after {
  position: absolute;
  content: "";
  top: calc(-1 * var(--border-width));
  left: calc(-1 * var(--border-width));
  z-index: -1;
  width: calc(100% + var(--border-width) * 2);
  height: calc(100% + var(--border-width) * 2);
  background: linear-gradient(200deg, #111 0%, #2b2b2b 10%, #f7f7f7 22%, #9a9a9a 30%, #ffffff 38%, #5c5c5c 48%, #dcdcdc 58%, #1f1f1f 72%, #bfbfbf 85%, #f3f3f3 100%);
  background-size: 300% 300%;
  background-position: 0 50%;
  border-radius: inherit;
}

@keyframes moveGradient {
  50% {
    background-position: 100% 50%;
  }
}
section.comments .wp-block-post-comments-form .comment-reply-title {
  display: none;
}
section.comments .wp-block-post-comments-form textarea#comment {
  border-radius: var(--wp--preset--border-radius--large);
}
section.comments .wp-block-post-comments-form .wp-block-button {
  text-align: center;
}
section.comments .wp-block-post-comments-form .wp-block-button .wp-element-button {
  --border-width: 2px;
  position: relative;
  border-style: none;
  margin: var(--border-width);
}
section.comments .wp-block-post-comments-form .wp-block-button .wp-element-button:hover {
  opacity: 1;
}
section.comments .wp-block-post-comments-form .wp-block-button .wp-element-button:hover::after {
  animation: moveGradient 4s alternate infinite;
}
section.comments .wp-block-post-comments-form .wp-block-button .wp-element-button::after {
  position: absolute;
  content: "";
  top: calc(-1 * var(--border-width));
  left: calc(-1 * var(--border-width));
  z-index: -1;
  width: calc(100% + var(--border-width) * 2);
  height: calc(100% + var(--border-width) * 2);
  background: linear-gradient(200deg, #111 0%, #2b2b2b 10%, #f7f7f7 22%, #9a9a9a 30%, #ffffff 38%, #5c5c5c 48%, #dcdcdc 58%, #1f1f1f 72%, #bfbfbf 85%, #f3f3f3 100%);
  background-size: 300% 300%;
  background-position: 0 50%;
  border-radius: inherit;
}

canvas {
  --overlay-corners-light: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.dev/svgjs' width='1920' height='1920' preserveAspectRatio='none' viewBox='0 0 1920 1920'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1126%26quot%3b)' fill='none'%3e%3cpath d='M113 1920L2033 0L3789.5 0L1869.5 1920z' fill='url(%26quot%3b%23SvgjsLinearGradient1127%26quot%3b)'%3e%3c/path%3e%3cpath d='M1761 1920L-159 0L-1470 0L450 1920z' fill='url(%26quot%3b%23SvgjsLinearGradient1128%26quot%3b)'%3e%3c/path%3e%3cpath d='M376.8812212718817 1920L1920 376.8812212718817L1920 1920z' fill='url(%26quot%3b%23SvgjsLinearGradient1127%26quot%3b)'%3e%3c/path%3e%3cpath d='M0 1920L1543.1187787281183 1920L 0 376.8812212718817z' fill='url(%26quot%3b%23SvgjsLinearGradient1128%26quot%3b)'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1126'%3e%3crect width='1920' height='1920' fill='white'%3e%3c/rect%3e%3c/mask%3e%3clinearGradient x1='0%25' y1='100%25' x2='100%25' y2='0%25' id='SvgjsLinearGradient1127'%3e%3cstop stop-color='rgba(15%2c 70%2c 185%2c 0.66)' offset='0'%3e%3c/stop%3e%3cstop stop-opacity='0' stop-color='rgba(15%2c 70%2c 185%2c 0.66)' offset='0.66'%3e%3c/stop%3e%3c/linearGradient%3e%3clinearGradient x1='100%25' y1='100%25' x2='0%25' y2='0%25' id='SvgjsLinearGradient1128'%3e%3cstop stop-color='rgba(15%2c 70%2c 185%2c 0.66)' offset='0'%3e%3c/stop%3e%3cstop stop-opacity='0' stop-color='rgba(15%2c 70%2c 185%2c 0.66)' offset='0.66'%3e%3c/stop%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e");
  --overlay-corners-dark: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.dev/svgjs' width='1920' height='1920' preserveAspectRatio='none' viewBox='0 0 1920 1920'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1016%26quot%3b)' fill='none'%3e%3cpath d='M-66.88543819998316 380.0912807335915L587.1996312935779 300.41241361311 248.6353259731133-165.5813751468596z' fill='rgba(28%2c 83%2c 142%2c 0.4)' class='triangle-float2'%3e%3c/path%3e%3cpath d='M-254.97671893357452 262.7941574663919L211.01706982639533 601.3584627868563 83.58758638688991-203.19963129357797z' fill='rgba(28%2c 83%2c 142%2c 0.4)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M354.1788206613762-230.49027222988838L-172.0233629407619 3.790034181772569 588.4591270730372 295.71191137224974z' fill='rgba(28%2c 83%2c 142%2c 0.4)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M1535.4191925913444-63.563363215133734L1626.5012827117905 589.0314979807624 2086.515336499031 242.3860446451826z' fill='rgba(28%2c 83%2c 142%2c 0.4)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M1939.2454509415447-80.32216115568616L1570.1209597012303-186.1669057894138 1595.916088370796 420.4422033879217z' fill='rgba(28%2c 83%2c 142%2c 0.4)' class='triangle-float3'%3e%3c/path%3e%3cpath d='M2047.1050075271203 61.784815896468274L1780.3561932708653-214.4416674335738 1499.3908754039296 323.7947956158296z' fill='rgba(28%2c 83%2c 142%2c 0.4)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M-127.95126245004519 1733.5847700599306L453.54578001996697 2043.4834464021008 443.49319391209167 1467.5711739920193z' fill='rgba(28%2c 83%2c 142%2c 0.4)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M274.82209443280664 1418.9037355874982L-183.35393995874716 1892.454917097195 373.0193359837562 2041.5346870762469z' fill='rgba(28%2c 83%2c 142%2c 0.4)' class='triangle-float2'%3e%3c/path%3e%3cpath d='M-151.72560160473535 1753.2331290462114L16.608918762270235 2098.3700428250913 450.14702924708763 1673.2998053851431z' fill='rgba(28%2c 83%2c 142%2c 0.4)' class='triangle-float2'%3e%3c/path%3e%3cpath d='M2048 1408L1472 1408 2048 1984z' fill='rgba(28%2c 83%2c 142%2c 0.4)' class='triangle-float3'%3e%3c/path%3e%3cpath d='M2006.6165786355757 2084.6129584148703L2076.813320436941 1512.9063750694688 1434.9099952901743 2014.4162166135052z' fill='rgba(28%2c 83%2c 142%2c 0.4)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M1417.5053675916813 1805.4150065918934L2053.810712518549 1976.5626271348037 1914.4637006531402 1417.6722887998299z' fill='rgba(28%2c 83%2c 142%2c 0.4)' class='triangle-float2'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1016'%3e%3crect width='1920' height='1920' fill='white'%3e%3c/rect%3e%3c/mask%3e%3cstyle%3e %40keyframes float1 %7b 0%25%7btransform: translate(0%2c 0)%7d 50%25%7btransform: translate(-10px%2c 0)%7d 100%25%7btransform: translate(0%2c 0)%7d %7d .triangle-float1 %7b animation: float1 5s infinite%3b %7d %40keyframes float2 %7b 0%25%7btransform: translate(0%2c 0)%7d 50%25%7btransform: translate(-5px%2c -5px)%7d 100%25%7btransform: translate(0%2c 0)%7d %7d .triangle-float2 %7b animation: float2 4s infinite%3b %7d %40keyframes float3 %7b 0%25%7btransform: translate(0%2c 0)%7d 50%25%7btransform: translate(0%2c -10px)%7d 100%25%7btransform: translate(0%2c 0)%7d %7d .triangle-float3 %7b animation: float3 6s infinite%3b %7d %3c/style%3e%3c/defs%3e%3c/svg%3e");
  background-image: var(--overlay-corners-dark);
  background-size: 100vw 100vh;
  opacity: 0.5;
}