:root {
  --nuu3d-page-canvas: #f9f9f9;
  --nuu3d-paper: var(--nuu3d-page-canvas);
  --nuu3d-site-action-primary-background: #6f52d9;
  --nuu3d-site-action-primary-hover: #5d42c4;
  --nuu3d-site-action-primary-foreground: #fff;
  --nuu3d-site-action-secondary-background: transparent;
  --nuu3d-site-action-secondary-hover: #f0eaff;
  --nuu3d-site-action-disabled-background: #d7dad8;
  --nuu3d-site-action-disabled-foreground: #737a77;
  --wp--preset--font-family--heading: var(--wp--preset--font-family--body, Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
  --wp--preset--font-family--cardo: var(--wp--preset--font-family--body, Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
  --wp--custom--brand--font-brand: var(--wp--preset--font-family--body, Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
  --nuu3d-font-brand: var(--wp--preset--font-family--body, Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
}

:root :where(.wp-element-button, .wp-block-button__link) {
  border-color: var(--nuu3d-site-action-primary-background);
  background-color: var(--nuu3d-site-action-primary-background);
  color: var(--nuu3d-site-action-primary-foreground);
}

:root :where(.wp-element-button:hover, .wp-block-button__link:hover),
:root :where(.wp-element-button:focus, .wp-block-button__link:focus) {
  border-color: var(--nuu3d-site-action-primary-hover);
  background-color: var(--nuu3d-site-action-primary-hover);
  color: var(--nuu3d-site-action-primary-foreground);
}

:root :where(
  .nuu3d-actions .wp-element-button:not(.nuu3d-button--primary),
  .nuu3d-catalog__peer.wp-element-button
) {
  border: 1px solid var(--nuu3d-site-action-primary-background);
  background-color: var(--nuu3d-site-action-secondary-background);
  color: var(--nuu3d-site-action-primary-background);
}

:root :where(
  .nuu3d-actions .wp-element-button:not(.nuu3d-button--primary):hover,
  .nuu3d-actions .wp-element-button:not(.nuu3d-button--primary):focus,
  .nuu3d-catalog__peer.wp-element-button:hover,
  .nuu3d-catalog__peer.wp-element-button:focus
) {
  border-color: var(--nuu3d-site-action-primary-background);
  background-color: var(--nuu3d-site-action-secondary-hover);
  color: var(--nuu3d-site-action-primary-background);
}

:root :where(
  .wp-element-button:disabled,
  .wp-block-button__link[aria-disabled="true"],
  .nuu3d-product-action--disabled
) {
  border-color: var(--nuu3d-site-action-disabled-background);
  background-color: var(--nuu3d-site-action-disabled-background);
  color: var(--nuu3d-site-action-disabled-foreground);
}

.nuu3d-generator .nuu3d-add-ring.wp-element-button {
  border: 1px solid var(--nuu3d-site-action-primary-background);
  background: var(--nuu3d-site-action-secondary-background);
  color: var(--nuu3d-site-action-primary-background);
}

.nuu3d-generator .nuu3d-add-ring.wp-element-button:is(:hover, :focus) {
  background: var(--nuu3d-site-action-secondary-hover);
}

html,
body,
.wp-site-blocks {
  background-color: var(--nuu3d-page-canvas);
}

header.wp-block-template-part > .wp-block-group:first-child {
  padding-top: 19.2px !important;
  padding-bottom: 19.2px !important;
}

.nuu3d-storefront,
body.tml-action .wp-site-blocks main,
body.login {
  background: var(--nuu3d-page-canvas) !important;
}

.nuu3d-standard-logo {
  display: none !important;
}

.nuu3d-brand-logo,
.nuu3d-kids-logo {
  display: block !important;
  position: relative;
  width: fit-content;
}

.nuu3d-brand-logo img,
.nuu3d-kids-logo img {
  height: 38.4px !important;
  max-width: 176px !important;
}

.nuu3d-brand-logo::after,
.nuu3d-kids-logo::after {
  content: "BETA";
  position: absolute;
  top: -4px;
  right: -24px;
  padding: 2.4px 5.6px;
  border-radius: 999px;
  background: #6f52d9;
  color: #fff;
  font: 700 8px/1 Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  letter-spacing: .08em;
  box-shadow: 0 2px 8px rgba(111, 82, 217, .25);
}

.nuu3d-launcher > summary {
  transform: scale(.8);
  transform-origin: center;
}

.nuu3d-account-trigger {
  width: 32px !important;
  height: 32px !important;
}

.nuu3d-account-trigger svg {
  width: 19.2px;
  height: 19.2px;
}

.nuu3d-account-card {
  top: 42px !important;
}

body.nuu3d-regional-storefront-page .nuu3d-region {
  display: block;
}

body.nuu3d-region-my .nuu3d-region-label.nuu3d-region-my,
body.nuu3d-region-sg .nuu3d-region-label.nuu3d-region-sg,
body.nuu3d-region-global .nuu3d-region-label.nuu3d-region-global {
  display: inline;
}

@media (max-width: 700px) {
  .nuu3d-brand-logo img,
  .nuu3d-kids-logo img {
    height: 30.4px !important;
    max-width: 132px !important;
  }
}