/**
 * Variables
 */
:root {
  /**
   * Heading
   */
  --orokublocks-font-size-h1: 56;
  --orokublocks-font-size-h2: 46;
  --orokublocks-font-size-h3: 38;
  --orokublocks-font-size-h4: 28;
  --orokublocks-font-size-h5: 24;
  --orokublocks-font-size-h6: 18;

  /**
   * Border
   */
  --orokublocks-border-radius: 24;

  /**
   * Color
   */
  --orokublocks-color-text-primary: #22212c;
  --orokublocks-color-text-secondary: #8b899b;
  --orokublocks-color-text-over-color: #ffffff;

  --orokublocks-color-background-primary: #ffffff;
  --orokublocks-color-background-secondary: #f7f7f9;

  --orokublocks-color-border: #c7cdd6;

  --orokublocks-color-icon: #252831;
  --orokublocks-color-icon-texture: #181720;
  --orokublocks-color-icon-texture-background: #22212c;

  --orokublocks-color-button-text: #22212c;
  --orokublocks-color-button-text-negative: #ffffff;

  --orokublocks-color-tag-text: #22212c;
  --orokublocks-color-tag-text-negative: #ffffff;

  --orokublocks-color-blocky-word-text: #22212c;

  --orokublocks-color-input-border-hover: #22212c;

  --orokublocks-color-secondary: #6147ff;
  --orokublocks-color-highlight: #fff835;
  --orokublocks-color-positive: #00d4cf;
  --orokublocks-color-negative: #ff2c78;

  --orokublocks-color-gamipress: #00a3ff;
  --orokublocks-color-sportspress: #ff6939;
  --orokublocks-color-woocommerce: #ae47ff;

  --orokublocks-color-youtube: #ff2c48;
  --orokublocks-color-tiktok: #22212c;
}

/*------------------------------------------------------------------------------*/
/**
 * Font Icon
 */
#toplevel_page_orokublocks .dashicons-before::before {
  content: '\ea13';
  font-family: 'OrokuBlocks Icons';
  font-size: calc((20 / 16) * 1em);
}

.oroku-font-icon::before {
  color: var(--orokublocks-color-text-primary);
  font-size: calc((64 / 16) * 1rem);
}

/*------------------------------------------------------------------------------*/
/**
 * Wrap
 */
.oroku-wrap {
  margin: 0;
  padding: calc((20 / 16) * 1em) calc((20 / 16) * 1em) 0 0;
  font-size: 16px;
}

.oroku-wrap__inner {
  max-width: calc((1540 / 16) * 1em);
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  row-gap: calc((20 / 16) * 1em);
}

.oroku-wrap *,
.oroku-wrap *::before,
.oroku-wrap *::after {
  box-sizing: border-box;
}

/**
 * Wrap - Media Queries
 */
@media screen and (max-width: 782px) {
  .oroku-wrap {
    padding: calc((10 / 16) * 1em) calc((10 / 16) * 1em) 0 0;
  }
}

/*------------------------------------------------------------------------------*/
/**
 * WordPress Global Style Override
 */
.oroku-menu__item,
.oroku-social-link-list__item,
.oroku-link-list__item {
  margin-bottom: 0;
}

.oroku-menu__link:hover,
.oroku-menu__link:active,
.oroku-menu__link:focus,
.oroku-link-list__link:focus,
.oroku-link-list__link:active,
.oroku-feature-spotlight__link:focus,
.oroku-feature-spotlight__link:active {
  color: var(--orokublocks-color-text-primary);
}

.oroku-focusable-link:focus,
.oroku-menu__link:focus,
.oroku-button--theme--primary:focus,
.oroku-button--theme--secondary:focus,
.oroku-button--theme--highlight:focus,
.oroku-button--theme--outline:focus,
.oroku-button--theme--outline--inverse:focus,
.oroku-button--theme--negative:focus,
.oroku-social-link-list__link:focus,
.oroku-link-list__link:focus,
.oroku-feature-spotlight__link:focus {
  box-shadow: none;
}

.oroku-button--theme--primary:active {
  color: var(--orokublocks-color-background-primary);
}

.oroku-button--theme--secondary:active,
.oroku-button--theme--outline--inverse:active {
  color: var(--orokublocks-color-button-text-negative);
}

.oroku-button--theme--highlight:active,
.oroku-button--theme--negative:focus,
.oroku-button--theme--negative:active,
.oroku-button--theme--outline:focus,
.oroku-button--theme--outline:active,
.oroku-button--theme--outline--inverse:focus {
  color: var(--orokublocks-color-button-text);
}

.oroku-button--theme--secondary:focus {
  color: var(--orokublocks-color-background-primary);
}

.oroku-button--theme--primary:focus,
.oroku-button--theme--highlight:focus {
  color: var(--orokublocks-color-button-text-negative);
}

.oroku-input-element {
  margin: 0;
}

input[type="text"].oroku-input-element {
  padding: 1em calc((24 / 16) * 1em);
  border: calc((1 / 16) * 1rem) solid var(--orokublocks-color-border);
  border-radius: 999em;
  background-color: transparent;
  color: var(--orokublocks-color-text-primary);
  line-height: 1;
}

input[type="text"].oroku-input-element:focus {
  box-shadow: none;
  outline: none;
}

input[type="checkbox"].oroku-toggle-control__input {
  margin: 0;
  border: unset;
  box-shadow: none;
}

input[type="checkbox"].oroku-toggle-control__input:checked::before,
input[type="checkbox"].oroku-input-selectable:checked::before {
  display: none;
}

input[type="checkbox"].oroku-input-selectable {
  width: auto;
  min-width: auto;
  height: auto;
  margin: 0;
  border: unset;
  box-shadow: none;
  appearance: none;
}

.wp-core-ui .oroku-input-select {
  max-width: none;
  padding: calc((18 / 16) * 1em) calc((24 / 16) * 1em);
  padding-right: calc((56 / 16) * 1em);
  border: calc((1 / 16) * 1rem) solid var(--orokublocks-color-border);
  border-radius: 999em;
  background: transparent;
  color: var(--orokublocks-color-text-primary);
  font-size: 1rem;
  line-height: 1;
}

.wp-core-ui .oroku-input-select:hover {
  color: var(--orokublocks-color-text-primary);
}

.wp-core-ui .oroku-input-select:active {
  border-color: var(--orokublocks-color-border);
}

.wp-core-ui .oroku-input-select:focus {
  border-color: var(--orokublocks-color-border);
  color: var(--orokublocks-color-text-primary);
  box-shadow: none;
}

.wp-core-ui .oroku-input-select:focus-visible {
  color: var(--orokublocks-color-text-primary);
  text-shadow: none;
}

/*------------------------------------------------------------------------------*/
/**
 * Visually Hidden
 */
.oroku-visually-hidden {
  width: 1px;
  height: 1px;
  overflow: hidden;
  white-space: nowrap;
  position: absolute;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
}

/*------------------------------------------------------------------------------*/
/**
 * Icon
 */
.oroku-icon {
  fill: var(--orokublocks-color-icon);
}

.oroku-icon-orokublocks {
  width: calc((60 / 16) * 1rem);
  height: calc((60 / 16) * 1rem);
}

.oroku-icon-orokublocks--size--small {
  width: calc((28 / 16) * 1rem);
  height: calc((28 / 16) * 1rem);
}

.oroku-icon-orokublocks--size--tiny {
  width: calc((18 / 16) * 1rem);
  height: calc((18 / 16) * 1rem);
}

.oroku-icon-orokublocks--size--micro {
  width: calc((14 / 16) * 1rem);
  height: calc((14 / 16) * 1rem);
}

.oroku-icon-orokublocks--theme--negative {
  fill: var(--orokublocks-color-text-over-color);
}

.oroku-icon-orokublocks--theme--highlight {
  fill: var(--orokublocks-color-highlight);
}

.oroku-icon-x {
  width: calc((12 / 16) * 1rem);
  height: calc((12 / 16) * 1rem);
}

.oroku-icon-youtube,
.oroku-icon-discord {
  width: calc((12 / 16) * 1rem);
  height: calc((9 / 16) * 1rem);
}

.oroku-icon-reddit {
  width: calc((12 / 16) * 1rem);
  height: calc((11 / 16) * 1rem);
}

.oroku-icon-tiktok {
  width: calc((11 / 16) * 1rem);
  height: calc((12 / 16) * 1rem);
}

.oroku-icon-dropdown-arrow {
  width: calc((8 / 16) * 1rem);
  height: calc((6 / 16) * 1rem);
}

.oroku-icon-cross {
  width: calc((8 / 16) * 1rem);
  height: calc((8 / 16) * 1rem);
}

.oroku-icon-checkmark {
  width: calc((6 / 16) * 1rem);
  height: calc((6 / 16) * 1rem);
}

.oroku-icon-pin,
.oroku-icon-alert {
  width: calc((14 / 16) * 1rem);
  height: calc((14 / 16) * 1rem);
}

.oroku-icon-unlocked {
  width: calc((16 / 16) * 1rem);
  height: calc((18 / 16) * 1rem);
}

/*------------------------------------------------------------------------------*/
/**
 * Heading
 */
.oroku-wrap .oroku-h1,
.oroku-h1,
.oroku-h2,
.oroku-h3,
.oroku-h4,
.oroku-h5,
.oroku-h6 {
  margin: 0;
  padding: 0;
  color: var(--orokublocks-color-text-primary);
  font-family: "Lexend", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-size: calc((var(--orokublocks-font-size-current) / 16) * 1rem);
  font-weight: 800;
  letter-spacing: -.06em;
}

.oroku-wrap .oroku-h1,
.oroku-h1,
.oroku-h2,
.oroku-h3,
.oroku-h4,
.oroku-h5 {
  line-height: 1.1;
}

.oroku-wrap .oroku-h1,
.oroku-h1 {
  --orokublocks-font-size-current: var(--orokublocks-font-size-h1);
}

.oroku-h2 {
  --orokublocks-font-size-current: var(--orokublocks-font-size-h2);
}

.oroku-h3 {
  --orokublocks-font-size-current: var(--orokublocks-font-size-h3);
}

.oroku-h4 {
  --orokublocks-font-size-current: var(--orokublocks-font-size-h4);
}

.oroku-h5 {
  --orokublocks-font-size-current: var(--orokublocks-font-size-h5);
}

.oroku-h6 {
  --orokublocks-font-size-current: var(--orokublocks-font-size-h6);
  line-height: 1.16;
}

/**
 * Heading - Media Queries
 */
@media screen and (max-width: 980px) {
  .oroku-wrap .oroku-h1,
  .oroku-h1 {
    --orokublocks-font-size-current: var(--orokublocks-font-size-h2);
  }

  .oroku-h2 {
    --orokublocks-font-size-current: var(--orokublocks-font-size-h3);
  }

  .oroku-h3 {
    --orokublocks-font-size-current: var(--orokublocks-font-size-h4);
  }

  .oroku-h4 {
    --orokublocks-font-size-current: var(--orokublocks-font-size-h5);
  }

  .oroku-h5 {
    --orokublocks-font-size-current: var(--orokublocks-font-size-h6);
  }

  .oroku-h6 {
    --orokublocks-font-size-current: 16;
  }
}

/*------------------------------------------------------------------------------*/
/**
 * Blocky Word
 */
.oroku-blocky-word {
  margin: 0 calc((4 / 16) * 1rem);
  box-shadow: calc((6 / 16) * 1rem) 0 0 var(--orokublocks-color-highlight), calc((-6 / 16) * 1rem) 0 0 var(--orokublocks-color-highlight);
  background-color: var(--orokublocks-color-highlight);
  color: var(--orokublocks-color-blocky-word-text);
}

.oroku-blocky-word--size--short {
  margin: 0 calc((2 / 16) * 1rem);
  box-shadow: calc((3 / 16) * 1rem) 0 0 var(--orokublocks-color-highlight), calc((-3 / 16) * 1rem) 0 0 var(--orokublocks-color-highlight);
}

/**
 * Blocky Word - Theme
 */
.oroku-blocky-word--theme--negative {
  box-shadow: calc((6 / 16) * 1rem) 0 0 var(--orokublocks-color-text-primary), calc((-6 / 16) * 1rem) 0 0 var(--orokublocks-color-text-primary);
  background-color: var(--orokublocks-color-text-primary);
  color: var(--orokublocks-color-background-primary);
}

/*------------------------------------------------------------------------------*/
/**
 * Paragraph
 */
.oroku-paragraph {
  margin: 0;
  color: var(--orokublocks-color-text-primary);
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;letter-spacing: -.04em;
  font-size: 1rem;
  line-height: 1.8;
}

/*------------------------------------------------------------------------------*/
/**
 * Focusable Link
 */
.oroku-focusable-link {
  text-decoration: none;
}

.oroku-focusable-link:focus-visible {
  outline-color: var(--orokublocks-color-text-primary);
  outline-offset: calc((12 / 16) * 1rem);
}

/*------------------------------------------------------------------------------*/
/**
 * Button
 */
.oroku-button {
  --orokublocks-font-size-current: 14;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: calc((12 / 14) * 1em);
  padding: calc((16 / 14) * 1em) calc((36 / 14) * 1em);
  border: unset;
  border-radius: 999em;
  font-family: "Lexend", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  letter-spacing: -.06em;
  font-size: calc((14 / 16) * 1rem);
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  transition: background-color .2s ease-in-out, border-color .2s ease-in-out, color .2s ease-in-out;
}

button.oroku-button {
  cursor: pointer;
}

.oroku-button__icon {
  transition: fill .2s ease-in-out;
}

.oroku-button .oroku-loader {
  display: none;
}

.oroku-button--style--loading {
  pointer-events: none;
}

.oroku-button--style--loading .oroku-loader {
  display: block;
}

/**
 * Button - Size
 */
.oroku-button--size--medium {
  --orokublocks-font-size-current: 16;
  padding: calc((18 / 16) * 1em) calc((60 / 16) * 1em);
  font-size: 1rem;
}

.oroku-button--size--small {
  padding: calc((12 / 14) * 1em) calc((18 / 14) * 1em);
}

/**
 * Button - Width
 */
.oroku-button--width--full,
.oroku-button--width--120,
.oroku-button--width--180 {
  width: 100%;
  text-align: center;
}

.oroku-button--width--120 {
  max-width: calc((120 / var(--orokublocks-font-size-current)) * 1em);
}

.oroku-button--width--180 {
  max-width: calc((180 / var(--orokublocks-font-size-current)) * 1em);
}

/**
 * Button - Theme
 */
.oroku-button--theme--primary,
.oroku-button--theme--outline,
.oroku-button--theme--outline--inverse,
.oroku-button--theme--negative {
  border-width: calc((1 / 16) * 1rem);
  border-style: solid;
  border-color: transparent;
}

.oroku-button--theme--primary {
  background-color: var(--orokublocks-color-text-primary);
  color: var(--orokublocks-color-background-primary);
}

.oroku-button--theme--secondary,
.oroku-button--theme--outline--inverse {
  color: var(--orokublocks-color-button-text-negative);
}

.oroku-button--theme--secondary {
  background-color: var(--orokublocks-color-secondary);
}

.oroku-button--theme--highlight {
  background-color: var(--orokublocks-color-highlight);
  color: var(--orokublocks-color-button-text);
}

.oroku-button--theme--outline,
.oroku-button--theme--negative {
  border-color: var(--orokublocks-color-button-text);
  background-color: var(--orokublocks-color-background-primary);
  color: var(--orokublocks-color-text-primary);
}

.oroku-button--theme--outline--inverse {
  border-color: var(--orokublocks-color-button-text-negative);
  background-color: transparent;
}

/**
 * Button - Disabled
 */
.oroku-button--theme--primary:disabled {
  background-color: var(--orokublocks-color-border);
  pointer-events: none;
}

/**
 * Button - Focus
 */
.oroku-button:focus-visible {
  outline: calc((2 / 16) * 1rem) solid var(--orokublocks-color-text-primary);
  outline-offset: calc((6 / 16) * 1rem);
}

/**
 * Button - Hover, Focus, Active
 */
.oroku-button--theme--primary:hover,
.oroku-button--theme--primary:focus-visible,
.oroku-button--theme--outline:hover,
.oroku-button--theme--outline:focus-visible,
.oroku-button--theme--outline--inverse:hover,
.oroku-button--theme--outline--inverse:focus-visible {
  border-color: var(--orokublocks-color-button-text);
  background-color: var(--orokublocks-color-highlight);
  color: var(--orokublocks-color-button-text);
}

.oroku-button--theme--secondary:hover,
.oroku-button--theme--secondary:focus-visible,
.oroku-button--theme--negative:hover,
.oroku-button--theme--negative:focus-visible {
  background-color: var(--orokublocks-color-text-primary);
  color: var(--orokublocks-color-background-primary);
}

.oroku-button--theme--negative:hover .oroku-button__icon,
.oroku-button--theme--negative:focus-visible .oroku-button__icon {
  fill: var(--orokublocks-color-highlight);
}

.oroku-button--theme--highlight:hover,
.oroku-button--theme--highlight:focus-visible {
  background-color: var(--orokublocks-color-secondary);
  color: var(--orokublocks-color-button-text-negative);
}

/*------------------------------------------------------------------------------*/
/**
 * Header
 */
.oroku-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: calc((90 / 16) * 1em);
  padding: calc((16 / 16) * 1em) calc((60 / 16) * 1em);
  border: calc((1 / 16) * 1rem) solid var(--orokublocks-color-border);
  border-radius: calc(var(--orokublocks-border-radius) * 1px);
  background-color: var(--orokublocks-color-background-primary);
}

.oroku-header__items {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.oroku-header__items .oroku-social-link-list + .oroku-button {
  margin-left: calc((18 / var(--orokublocks-font-size-current)) * 1em);
}

.oroku-header__items .oroku-button + .oroku-button {
  margin-left: calc((8 / var(--orokublocks-font-size-current)) * 1em);
}

.oroku-header .oroku-main-logo {
  margin-right: calc((42 / 16) * 1em);
}

/**
 * Header - Media Queries
 */
@media screen and (max-width: 1280px) {
  .oroku-header {
    flex-direction: column;
    row-gap: calc((32 / 16) * 1em);
    padding: calc((16 / 16) * 1em) calc((32 / 16) * 1em) calc((24 / 16) * 1em);
  }
}

@media screen and (max-width: 680px) {
  .oroku-header {
    row-gap: calc((16 / 16) * 1em);
    padding: calc((24 / 16) * 1em) calc((32 / 16) * 1em);
  }

  .oroku-header__items {
    flex-direction: column;
  }

  .oroku-header__items .oroku-social-link-list + .oroku-button {
    margin-left: 0;
    margin-top: calc((18 / var(--orokublocks-font-size-current)) * 1em);
  }

  .oroku-header .oroku-main-logo {
    margin-right: 0;
    margin-bottom: calc((8 / 16) * 1em);
  }
}

/*------------------------------------------------------------------------------*/
/**
 * Menu
 */
.oroku-menu {
  margin: 0;
  display: flex;
  gap: calc((12 / 16) * 1em) calc((32 / 16) * 1em);
  flex-wrap: wrap;
}

.oroku-menu__item {
  position: relative;
  overflow: hidden;
}

.oroku-menu__link {
  display: inline-flex;
  padding: calc((18 / 14) * 1em) 0;
  color: var(--orokublocks-color-text-primary);
  font-family: "Lexend", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  letter-spacing: -.06em;
  font-size: calc((14 / 16) * 1rem);
  font-weight: 700;
  text-decoration: none;
}

.oroku-menu__link::after {
  content: '';
  width: 100%;
  height: calc((4 / 14) * 1em);
  background-color: var(--orokublocks-color-highlight);
  position: absolute;
  left: 0;
  bottom: calc((15 / 14) * 1em);
  transform: translateX(-100%);
  transition: transform .2s ease-in-out;
}

.oroku-menu__link--active::after,
.oroku-menu__link:hover::after,
.oroku-menu__link:focus-visible::after {
  transform: translateX(0);
}

/*------------------------------------------------------------------------------*/
/**
 * Page
 */
.oroku-page {
  padding: calc((60 / 16) * 1em) calc((59 / 16) * 1em) calc((80 / 16) * 1em);
  border: calc((1 / 16) * 1rem) solid var(--orokublocks-color-border);
  border-radius: calc(var(--orokublocks-border-radius) * 1px);
  background-color: var(--orokublocks-color-background-primary);
  display: none;
}

.oroku-page--visible {
  display: block;
}

.oroku-page .oroku-feature-box-list {
  margin-top: calc((90 / 16) * 1em);
}

/**
 * Page - Media Queries
 */
@media screen and (max-width: 680px) {
  .oroku-page {
    padding: calc((42 / 16) * 1em) calc((32 / 16) * 1em);
  }
}

/*------------------------------------------------------------------------------*/
/**
 * Page Header
 */
.oroku-page-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  flex-wrap: wrap;
  gap: calc((32 / 16) * 1em);
  margin-bottom: calc((48 / 16) * 1em);
}

.oroku-page-header__pretitle {
  margin: 0;
  color: var(--orokublocks-color-text-primary);
  font-family: "Lexend", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-size: calc((14 / 16) * 1rem);
  font-weight: 300;
  letter-spacing: -.06em;
  line-height: 1;
}

.oroku-page-header__title {
  margin-top: calc((18 / var(--orokublocks-font-size-current)) * 1em);
}

.oroku-page-header__text {
  max-width: calc((670 / 16) * 1em);
  margin-top: calc((24 / 16) * 1em);
}

/**
 * Page Header - Media Queries
 */
@media screen and (max-width: 980px) {
  
}

/*------------------------------------------------------------------------------*/
/**
 * Main Logo
 */
.oroku-main-logo {
  display: flex;
  align-items: center;
  gap: calc((10 / 16) * 1em);
}

.oroku-main-logo__link {
  text-decoration: none;
}

.oroku-main-logo__link:focus-visible {
  outline: none;
}

.oroku-main-logo__link:focus-visible .oroku-main-logo__title {
  outline: calc((2 / 16) * 1rem) solid var(--orokublocks-color-text-primary);
  outline-offset: calc((4 / 16) * 1rem);
}

h1.oroku-main-logo__title,
h1.oroku-main-logo__text {
  padding: 0;
}

h1.oroku-main-logo__title,
h1.oroku-main-logo__text,
.oroku-main-logo__title,
.oroku-main-logo__text {
  color: var(--orokublocks-color-text-primary);
  font-family: "Lexend", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-size: calc((20 / 16) * 1em);
  font-weight: 700;
  letter-spacing: -.06em;
  line-height: 1;
}

.oroku-main-logo__title {
  font-size: calc((20 / 16) * 1rem);
}

.oroku-main-logo__metadata {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc((6 / 16) * 1em);
}

.oroku-main-logo__text {
  margin: 0;
  font-size: calc((12 / 16) * 1rem);
  text-transform: uppercase;
}

/**
 * Main Logo - Style
 */
.oroku-main-logo--style--negative .oroku-main-logo__link:focus-visible .oroku-main-logo__title {
  outline-color: var(--orokublocks-color-text-over-color);
}

.oroku-main-logo--style--negative .oroku-main-logo__title {
  color: var(--orokublocks-color-text-over-color);
}

.oroku-main-logo--style--vertical {
  flex-direction: column;
  gap: calc((18 / 16) * 1em);
}

.oroku-main-logo--style--vertical .oroku-main-logo__title {
  font-size: calc((28 / 16) * 1rem);
  font-weight: 800;
}

/**
 * Main Logo - Size
 */
.oroku-main-logo--size--small {
  column-gap: calc((6 / 16) * 1em);
}

.oroku-main-logo--size--small .oroku-main-logo__title {
  font-size: calc((14 / 16) * 1rem);
}

/*------------------------------------------------------------------------------*/
/**
 * Social Link List
 */
.oroku-social-link-list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style: none;
}

/**
 * Social Link List - Theme
 */
.oroku-social-link-list--theme--dark .oroku-social-link-list__icon {
  fill: var(--orokublocks-color-text-negative);
}

.oroku-social-link-list--theme--dark .oroku-social-link-list__link:hover .oroku-social-link-list__icon,
.oroku-social-link-list--theme--dark .oroku-social-link-list__link:focus-visible .oroku-social-link-list__icon {
  fill: var(--orokublocks-color-highlight);
}

.oroku-social-link-list--theme--dark .oroku-social-link-list__link:focus-visible {
  outline-color: var(--orokublocks-color-text-negative);
}

/**
 * Social Link List - Size
 */
.oroku-social-link-list--size--medium .oroku-social-link-list__icon {
  width: 1rem;
  height: 1rem;
}

.oroku-social-link-list--size--medium .oroku-social-link-list__icon.icon-youtube,
.oroku-social-link-list--size--medium .oroku-social-link-list__icon.icon-discord {
  height: calc((12 / 16) * 1rem);
}

/**
 * Social Link List - Style
 */
.oroku-social-link-list--style--rounded {
  gap: calc((12 / 16) * 1em);
}

.oroku-social-link-list--style--rounded .oroku-social-link-list__link {
  width: calc((32 / 16) * 1em);
  height: calc((32 / 16) * 1em);
  border: calc((1 / 16) * 1rem) solid var(--orokublocks-color-border);
  border-radius: 50%;
  transition: background-color .2s ease-in-out, border-color .2s ease-in-out;
}

.oroku-social-link-list--style--rounded .oroku-social-link-list__link:focus-visible {
  outline-offset: calc((4 / 16) * 1rem);
}

.oroku-social-link-list--style--rounded .oroku-social-link-list__link:hover,
.oroku-social-link-list--style--rounded .oroku-social-link-list__link:focus-visible {
  background-color: var(--orokublocks-color-text-primary);
  border-color: var(--orokublocks-color-text-primary);
}

.oroku-social-link-list--style--rounded .oroku-social-link-list__link:hover .oroku-social-link-list__icon,
.oroku-social-link-list--style--rounded .oroku-social-link-list__link:focus-visible .oroku-social-link-list__icon {
  fill: var(--orokublocks-color-highlight);
}

.oroku-social-link-list__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: calc((38 / 16) * 1em);
  height: calc((44 / 16) * 1em);
}

.oroku-social-link-list__link:focus-visible {
  outline: calc((2 / 16) * 1rem) solid var(--orokublocks-color-text-primary);
}

.oroku-social-link-list__icon {
  transition: fill .2s ease-in-out;
}

/*------------------------------------------------------------------------------*/
/**
 * Banner
 */
.oroku-banner {
  min-height: calc((158 / 16) * 1em);
  padding: calc((30 / 16) * 1em) calc((60 / 16) * 1em);
  border: calc((1 / 16) * 1rem) solid var(--orokublocks-color-border);
  border-radius: calc(var(--orokublocks-border-radius) * 1px);
  background-color: var(--orokublocks-color-icon-texture-background);
  position: relative;
}

.oroku-banner__background {
  width: 100%;
  height: 100%;
  border-radius: calc(var(--orokublocks-border-radius) * 1px);
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  background: url('../image/banner-background.png') no-repeat center bottom;
  background-size: cover;
}

.oroku-banner__decoration {
  width: 100%;
  height: 100%;
  border-radius: calc(var(--orokublocks-border-radius) * 1px);
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.oroku-banner__decoration .oroku-icon-squiggly-texture {
  fill: var(--orokublocks-color-icon-texture);
  width: calc((1554 / 16) * 1em);
  height: calc((863 / 16) * 1em);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.oroku-banner__content {
  max-width: calc((370 / 16) * 1em);
  margin-right: auto;
  margin-left: auto;
  position: relative;
}

.oroku-banner__pretitle-text,
.oroku-banner__title {
  color: var(--orokublocks-color-text-over-color);
  text-align: center;
}

.oroku-banner__pretitle {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: calc((5 / 16) * 1em);
  margin-bottom: calc((10 / 16) * 1em);
}

.oroku-banner__pretitle-text {
  margin: 0;
  font-family: "Lexend", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-size: calc((12 / 16) * 1rem);
  font-weight: 800;
  letter-spacing: -.06em;
  line-height: 1;
}

/**
 * Banner - Media Queries
 */
@media screen and (max-width: 680px) {
  .oroku-banner {
    height: auto;
    padding: calc((32 / 16) * 1em) calc((32 / 16) * 1em) calc((42 / 16) * 1em);
  }

  .oroku-banner__background {
    background: none;
  }
}

/*------------------------------------------------------------------------------*/
/**
 * Link list
 */
.oroku-link-list {
  display: flex;
  gap: calc((8 / 16) * 1em);
  margin: 0;
}

.oroku-link-list__link {
  color: var(--orokublocks-color-text-primary);
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-size: calc((14 / 16) * 1rem);
  letter-spacing: -.04em;
  font-weight: 700;
  text-decoration: none;
}

.oroku-link-list__link:hover {
  color: var(--orokublocks-color-secondary);
}

.oroku-link-list__link:focus-visible {
  outline: calc((2 / 16) * 1rem) solid var(--orokublocks-color-text-primary);
  outline-offset: calc((4 / 16) * 1rem);
}

/**
 * Link list - Style
 */
.oroku-link-list--style--columned .oroku-link-list__item:not(:last-child)::after {
  display: inline-flex;
  content: '';
  width: calc((1 / 16) * 1em);
  height: calc((8 / 16) * 1em);
  margin-left: calc((4 / 16) * 1em);
  background-color: var(--orokublocks-color-text-primary);
}

/*------------------------------------------------------------------------------*/
/**
 * Tag List
 */
.oroku-tag-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: calc((8 / 16) * 1em);
  padding: 0;
  margin: 0;
  list-style: none;
}

/**
 * Tag List Item
 */
.oroku-tag-list__item {
  margin: 0;
  border-radius: 999em;
}

.oroku-tag-list__text,
.oroku-tag-list__link {
  display: block;
  padding: calc((7 / 12) * 1em) 1em;
  border-radius: 999em;
  font-family: "Lexend", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  letter-spacing: -.06em;
  font-size: calc((12 / 16) * 1rem);
  font-weight: 800;
  line-height: 1;
  text-transform: uppercase;
}

.oroku-tag-list__link {
  color: inherit;
  text-decoration: none;
}

.oroku-tag-list__link:focus-visible {
  outline: calc((2 / 16) * 1rem) solid var(--orokublocks-color-text-primary);
  outline-offset: calc((4 / 16) * 1rem);
}

/**
 * Tag List Item - Size
 */
.oroku-tag-list__item--size--small :is(.oroku-tag-list__text, .oroku-tag-list__link) {
  padding: calc((4 / 10) * 1em) calc((9 / 10) * 1em);
}

.oroku-tag-list__item--size--tiny :is(.oroku-tag-list__text, .oroku-tag-list__link) {
  padding: calc((3 / 12) * 1em) calc((8 / 12) * 1em);
}

/**
 * Tag List Item - Theme
 */
.oroku-tag-list__item--theme--primary {
  background-color: var(--orokublocks-color-text-primary);
  color: var(--orokublocks-color-background-primary);
}

.oroku-tag-list__item--theme--secondary {
  background-color: var(--orokublocks-color-secondary);
  color: var(--orokublocks-color-tag-text-negative);
}

.oroku-tag-list__item--theme--highlight {
  background-color: var(--orokublocks-color-highlight);
  color: var(--orokublocks-color-tag-text);
}

.oroku-tag-list__item--theme--positive {
  background-color: var(--orokublocks-color-positive);
  color: var(--orokublocks-color-tag-text-negative);
}

/*------------------------------------------------------------------------------*/
/**
 * Toggle Control
 */
.oroku-toggle-control {
  width: calc((78 / 16) * 1em);
  height: calc((40 / 16) * 1em);
  position: relative;
}

input[type="checkbox"].oroku-toggle-control__input {
  appearance: none;
  pointer-events: none;
  position: absolute;
  background: none;
}

.oroku-toggle-control__label {
  width: 100%;
  height: 100%;
  border: calc((1 / 16) * 1rem) solid var(--orokublocks-color-border);
  border-radius: 999em;
  background-color: var(--orokublocks-color-background-secondary);
  position: absolute;
  cursor: pointer;
  transition: background-color .2s ease-in-out;
}

.oroku-toggle-control__label::after {
  content: '';
  display: block;
  width: calc((28 / 16) * 1em);
  height: calc((28 / 16) * 1em);
  border: calc((1 / 16) * 1rem) solid var(--orokublocks-color-border);
  border-radius: 50%;
  background-color: var(--orokublocks-color-background-primary);
  position: absolute;
  top: calc((5 / 16) * 1em);
  left: calc((6 / 16) * 1em);
  transition: left .15s ease-in-out;
}

input[type="checkbox"].oroku-toggle-control__input:focus-visible + .oroku-toggle-control__label {
  outline: calc((2 / 16) * 1rem) solid var(--orokublocks-color-text-primary);
  outline-offset: calc((4 / 16) * 1rem);
}

/**
 * Toggle Control - Checked
 */
.oroku-toggle-control__input:checked + .oroku-toggle-control__label {
  background-color: var(--orokublocks-color-text-primary);
}

.oroku-toggle-control__input:checked + .oroku-toggle-control__label::after {
  left: calc((44 / 16) * 1em);
}

/*------------------------------------------------------------------------------*/
/**
 * Setting Box Section
 */
.oroku-setting-box-section {
  margin-top: calc((60 / 16) * 1em);
}

.oroku-setting-box-section__heading {
  margin-bottom: calc((28 / var(--orokublocks-font-size-current)) * 1em);
}

.oroku-setting-box-section .oroku-message-box {
  margin-bottom: calc((20 / 16) * 1em);
}

/*------------------------------------------------------------------------------*/
/**
 * Setting Box
 */
.oroku-setting-box-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: calc((20 / 16) * 1em);
}

.oroku-setting-box-wrap {
  padding-left: calc((29 / 16) * 1em);
  position: relative;
}

.oroku-setting-box-wrap__decoration {
  width: calc((84 / 16) * 1em);
  height: 100%;
  border: calc((1 / 16) * 1rem) solid var(--orokublocks-color-border);
  border-radius: calc(var(--orokublocks-border-radius) * 1px);
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.oroku-setting-box-wrap__decoration .oroku-icon-squiggly-texture {
  fill: var(--orokublocks-color-icon-texture);
  width: calc((1068 / 16) * 1em);
  height: calc((593 / 16) * 1em);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.oroku-setting-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: calc((20 / 16) * 1em);
  min-height: calc((118 / 16) * 1em);
  height: 100%;
  padding: calc((32 / 16) * 1em);
  border: calc((1 / 16) * 1rem) solid var(--orokublocks-color-border);
  border-radius: calc(var(--orokublocks-border-radius) * 1px);
  background-color: var(--orokublocks-color-background-primary);
  position: relative;
}

.oroku-setting-box__information {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: calc((22 / 16) * 1em);
}

.oroku-widget-icon-box {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc((100 / 16) * 1em);
  height: calc((100 / 16) * 1em);
  border: calc((1 / 16) * 1rem) solid var(--orokublocks-color-border);
  border-radius: calc(var(--orokublocks-border-radius) * 1px);
  background-color: var(--orokublocks-color-background-secondary);
}

.oroku-setting-box__title-wrap {
  display: flex;
  gap: calc((8 / 16) * 1em);
}

.oroku-setting-box__text {
  margin: calc((8 / 14) * 1em) 0 0;
  color: var(--orokublocks-color-text-primary);
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-size: calc((14 / 16) * 1rem);
  letter-spacing: -.04em;
}

.oroku-setting-box__links {
  margin-top: calc((18 / 16) * 1em);
}

.oroku-setting-box__control {
  flex-shrink: 0;
}

/**
 * Setting Box - Theme
 */
.oroku-setting-box-wrap__decoration--theme--primary {
  background-color: var(--orokublocks-color-background-secondary);
}

.oroku-setting-box-wrap__decoration--theme--primary .oroku-icon-squiggly-texture {
  fill: var(--orokublocks-color-border);
}

.oroku-setting-box-wrap__decoration--theme--secondary {
  background-color: var(--orokublocks-color-secondary);
}

.oroku-setting-box-wrap__decoration--theme--gamipress {
  background-color: var(--orokublocks-color-gamipress);
}

.oroku-setting-box-wrap__decoration--theme--sportspress {
  background-color: var(--orokublocks-color-sportspress);
}

.oroku-setting-box-wrap__decoration--theme--woocommerce {
  background-color: var(--orokublocks-color-woocommerce);
}

/**
 * Setting Box - Media Queries
 */
@media screen and (max-width: 1280px) {
  .oroku-setting-box-list {
    grid-template-columns: 1fr;
  }
}

/*------------------------------------------------------------------------------*/
/**
 * Feature Spotlight
 */
.oroku-feature-spotlight-list {
  display: flex;
  flex-direction: column;
  gap: calc((60 / 16) * 1em);
}

.oroku-feature-spotlight {
  max-width: calc((1180 / 16) * 1em);
  display: flex;
  justify-content: space-between;
  column-gap: calc((80 / 16) * 1em);
}

.oroku-feature-spotlight--position--center {
  margin-right: auto;
  margin-left: auto;
}

.oroku-feature-spotlight__content {
  max-width: calc((540 / 16) * 1em);
  padding-top: calc((56 / 16) * 1em);
}

.oroku-feature-spotlight__pretitle {
  margin: 0 0 calc((18 / 14) * 1em);
  color: var(--orokublocks-color-text-primary);
  font-family: "Lexend", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-size: calc((14 / 16) * 1rem);
  font-weight: 300;
  letter-spacing: -.06em;
  text-transform: uppercase;
}

.oroku-feature-spotlight__description {
  margin-top: calc((30 / 16) * 1em);
}

.oroku-feature-spotlight__description + .oroku-button {
  margin-top: calc((40 / 16) * 1em);
}

.oroku-feature-spotlight__link {
  margin-top: calc((36 / 16) * 1em);
  display: inline-flex;
  align-items: center;
  column-gap: calc((6 / 16) * 1em);
  color: var(--orokublocks-color-text-primary);
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-size: 1rem;
  letter-spacing: -.04em;
  font-weight: 700;
  text-decoration: none;
  transition: color .25s ease-in-out;
}

.oroku-feature-spotlight__link:focus-visible {
  outline: calc((2 / 16) * 1rem) solid var(--orokublocks-color-text-primary);
  outline-offset: calc((6 / 16) * 1rem);
}

.oroku-feature-spotlight__link:hover {
  color: var(--orokublocks-color-secondary);
}

.oroku-feature-spotlight__link:hover .oroku-feature-spotlight__link-icon {
  fill: var(--orokublocks-color-secondary);
  transform: rotate(-90deg) translateY(calc((2 / 16) * 1em));
}

.oroku-feature-spotlight__link-icon {
  width: calc((10 / 16) * 1rem);
  height: calc((6 / 16) * 1rem);
  transform: rotate(-90deg);
  transition: fill .25s ease-in-out, transform .2s ease-in-out;
}

.oroku-feature-spotlight__image-wrapper {
  width: 100%;
  max-width: calc((580 / 16) * 1em);
  min-width: calc((348 / 16) * 1em);
}

.oroku-feature-spotlight__image {
  width: 100%;
  height: auto;
}

/**
 * Feature Spotlight - Media Queries
 */
@media screen and (max-width: 980px) {
  .oroku-feature-spotlight {
    column-gap: calc((40 / 16) * 1em);
  }

  .oroku-feature-spotlight__content {
    padding-top: 0;
  }
}

@media screen and (max-width: 860px) {
  .oroku-feature-spotlight {
    flex-direction: column;
    gap: calc((20 / 16) * 1em);
  }

  .oroku-feature-spotlight__content {
    max-width: none;
    order: 2;
  }

  .oroku-feature-spotlight__image-wrapper {
    width: 100%;
    min-width: auto;
    max-width: calc((348 / 16) * 1em);
    order: 1;
  }
}

/*------------------------------------------------------------------------------*/
/**
 * Box Wrapper
 */
.oroku-box-wrapper {
  position: relative;
}

.oroku-box-wrapper--padding--top {
  padding-top: calc((40 / 16) * 1em);
}

.oroku-box-wrapper--padding--bottom {
  padding-bottom: calc((22 / 16) * 1em);
}

.oroku-box-wrapper--padding--bottom--medium {
  padding-bottom: calc((40 / 16) * 1em);
}

.oroku-box-wrapper--animate--slideup {
  transition: transform .2s ease-in-out;
}

.oroku-box-wrapper--animate--slideup:hover {
  transform: translateY(calc((-12 / 16) * 1em));
}

/**
 * Box Wrapper - Decoration
 */
.oroku-box-wrapper__decoration {
  width: 100%;
  border: calc((1 / 16) * 1rem) solid var(--orokublocks-color-border);
  position: absolute;
  left: 0;
  overflow: hidden;
}

/**
 * Box Wrapper - Decoration - Position
 */
.oroku-box-wrapper__decoration--position--top {
  height: calc((62 / 16) * 1em);
  border-top-left-radius: calc(var(--orokublocks-border-radius) * 1px);
  border-top-right-radius: calc(var(--orokublocks-border-radius) * 1px);
  top: 0;
}

.oroku-box-wrapper__decoration--position--bottom {
  height: calc((48 / 16) * 1em);
  border-bottom-left-radius: calc(var(--orokublocks-border-radius) * 1px);
  border-bottom-right-radius: calc(var(--orokublocks-border-radius) * 1px);
  bottom: 0;
}

.oroku-box-wrapper__decoration--position--bottom--medium {
  height: calc((62 / 16) * 1em);
  border-bottom-left-radius: calc(var(--orokublocks-border-radius) * 1px);
  border-bottom-right-radius: calc(var(--orokublocks-border-radius) * 1px);
  bottom: 0;
}

/**
 * Box Wrapper - Decoration - Theme
 */
.oroku-box-wrapper__decoration--theme--highlight {
  background-color: var(--orokublocks-color-highlight);
}

.oroku-box-wrapper__decoration--theme--secondary {
  background-color: var(--orokublocks-color-secondary);
}

.oroku-box-wrapper__decoration--theme--red {
  background-color: #ff4773;
}

.oroku-box-wrapper__decoration--theme--gamipress {
  background-color: var(--orokublocks-color-gamipress);
}

.oroku-box-wrapper__decoration--theme--positive {
  background-color: var(--orokublocks-color-positive);
}

.oroku-box-wrapper__decoration--theme--pink {
  background-color: #ff3da8;
}

.oroku-box-wrapper__decoration .oroku-icon-squiggly-texture {
  width: calc((1068 / 16) * 1em);
  height: calc((593 / 16) * 1em);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.oroku-box-wrapper__content {
  position: relative;
  z-index: 2;
}

.oroku-box-wrapper__footer {
  display: flex;
  gap: calc((12 / 16) * 1em) calc((20 / 16) * 1em);
  padding: calc((56 / 16) * 1em) calc((48 / 16) * 1em) calc((28 / 16) * 1em);
  border: calc((1 / 16) * 1rem) solid var(--orokublocks-color-border);
  border-bottom-left-radius: calc(var(--orokublocks-border-radius) * 1px);
  border-bottom-right-radius: calc(var(--orokublocks-border-radius) * 1px);
  background-color: var(--orokublocks-color-background-secondary);
  position: relative;
  top: calc((-28 / 16) * 1em);
  z-index: 1;
}

.oroku-box-wrapper__footer .oroku-button {
  width: 100%;
}

/**
 * Box Wrapper - Media Queries
 */
@media screen and (max-width: 680px) {
  .oroku-box-wrapper__footer {
    flex-wrap: wrap;
  }
}

/*------------------------------------------------------------------------------*/
/**
 * Feature Box
 */
.oroku-feature-box-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: calc(( 20 / 16) * 1em);
}

.oroku-feature-box {
  border: calc((1 / 16) * 1rem) solid var(--orokublocks-color-border);
  border-radius: calc(var(--orokublocks-border-radius) * 1px);
  background-color: var(--orokublocks-color-background-primary);
}

.oroku-feature-box__details {
  padding: calc((32 / 16) * 1em) calc((48 / 16) * 1em) 0;
}

/**
 * Feature Box - Image
 */
.oroku-feature-box__image {
  display: block;
  max-width: calc((458 / 16) * 1em);
  width: 100%;
  height: auto;
  margin-right: auto;
  margin-left: auto;
}

/**
 * Feature Box - Image - Spacing
 */
.oroku-feature-box__image--spacing--regular {
  margin-top: calc((90 / 16) * 1em);
  margin-bottom: calc((26 / 16) * 1em);
}

.oroku-feature-box__image--spacing--small {
  margin-top: calc((12 / 16) * 1em);
  margin-bottom: calc((36 / 16) * 1em);
}

/**
 * Feature Box - Image - Size
 */
.oroku-feature-box__image--size--regular {
  width: calc((100 / 16) * 1em);
  height: calc((80 / 16) * 1em);
}

.oroku-feature-box__image--size--small {
  width: calc((80 / 16) * 1em);
  height: calc((80 / 16) * 1em);
}

.oroku-feature-box__counter {
  margin: 0 0 calc((18 / 14) * 1em) 0;
  color: var(--orokublocks-color-text-primary);
  font-family: "Lexend", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  letter-spacing: -.06em;
  font-size: calc((14 / 16) * 1rem);
  font-weight: 300;
}

.oroku-feature-box__title {
  margin: 0;
  color: var(--orokublocks-color-text-primary);
  font-family: "Lexend", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-size: calc((24 / 16) * 1rem);
  font-weight: 800;
  line-height: 1.1;
  letter-spacing: -.06em;
}

.oroku-feature-box__text {
  margin-top: calc((28 / 16) * 1em);
}

.oroku-feature-box__text strong {
  font-weight: 700;
}

/**
 * Feature Box - Media Queries
 */
@media screen and (max-width: 1570px) {
  .oroku-feature-box-list {
    grid-template-columns: 1fr 1fr;
  }
}

@media screen and (max-width: 1280px) {
  .oroku-feature-box-list {
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 750px) {
  .oroku-feature-box__image--spacing--regular {
    margin-top: calc((12 / 16) * 1em);
  }
}

/*------------------------------------------------------------------------------*/
/**
 * Details
 */
.oroku-details-list {
  display: flex;
  flex-direction: column;
  gap: calc((60 / 16) * 1em);
}

.oroku-details__heading {
  margin-bottom: calc((34 / var(--orokublocks-font-size-current)) * 1em);
}

/*------------------------------------------------------------------------------*/
/**
 * Table
 */
.oroku-table {
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 0;
  border: calc((1 / 16) * 1rem) solid var(--orokublocks-color-border);
  border-radius: calc(var(--orokublocks-border-radius) * 1px);
  background-color: var(--orokublocks-color-background-primary);
}

.oroku-table tr:first-child td:first-child {
  border-top-left-radius: calc(var(--orokublocks-border-radius) * 1px);
}

.oroku-table tr:first-child td:last-child {
  border-top-right-radius: calc(var(--orokublocks-border-radius) * 1px);
}

.oroku-table tr:last-child td:first-child {
  border-bottom-left-radius: calc(var(--orokublocks-border-radius) * 1px);
}

.oroku-table tr:last-child td:last-child {
  border-bottom-right-radius: calc(var(--orokublocks-border-radius) * 1px);
}


.oroku-table tr:nth-child(even) td {
  background-color: var(--orokublocks-color-background-secondary);
}

.oroku-table td {
  padding: calc((18 / 16) * 1em) calc((32 / 16) * 1em);
  border-bottom: calc((1 / 16) * 1rem) solid var(--orokublocks-color-border);
  color: var(--orokublocks-color-text-primary);
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  letter-spacing: -.04em;
  font-size: calc((14 / 16) * 1rem);
}

.oroku-table td:first-child {
  font-weight: 700;
}

.oroku-table tr:last-child td {
  border-bottom: unset;
}

/*------------------------------------------------------------------------------*/
/**
 * Loader
 */
.oroku-loader {
  display: inline-block;
  width: calc((48 / 16) * 1em);
  height: calc((48 / 16) * 1em);
  border-top: calc((3 / 16) * 1rem) solid var(--orokublocks-color-secondary);
  border-right: calc((3 / 16) * 1rem) solid transparent;
  border-radius: 50%;
  animation: orokuLoaderSpin 1s linear infinite;
}

.oroku-loader--size--small {
  width: calc((22 / 16) * 1em);
  height: calc((22 / 16) * 1em);
}

@keyframes orokuLoaderSpin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/*------------------------------------------------------------------------------*/
/**
 * Input Group
 */
.oroku-input-group {
  display: flex;
  flex-direction: column;
  gap: calc((28 / 16) * 1em);
}

.oroku-input-group--style--row {
  flex-direction: row;
  gap: calc((20 / 16) * 1em);
}

.oroku-input-group__item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

.oroku-input-element,
.oroku-input-label,
.oroku-input-selectable-label {
  color: var(--orokublocks-color-text-primary);
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  letter-spacing: -.04em;
}

/**
 * Input Label
 */
.oroku-input-label {
  margin-bottom: calc((10 / 14) * 1em);
  font-size: calc((14 / 16) * 1rem);
  font-weight: 700;
  line-height: 1;
}

/**
 * Input Element
 */
.oroku-input-element {
  padding: 1em calc((24 / 16) * 1em);
  border: calc((1 / 16) * 1rem) solid var(--orokublocks-color-border);
  border-radius: 999em;
  background-color: transparent;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1;
  transition: border-color .2s ease-in-out;
}

.oroku-input-element::placeholder {
  color: var(--orokublocks-color-text-secondary);
  font-weight: 400;
}

/**
 * Input Element - Focus
 */
.oroku-input-element:focus-visible {
  outline: none;
}

.oroku-input-element:not(.oroku-input-element--theme--immutable):focus,
.oroku-input-element:not(.oroku-input-element--theme--immutable):focus-visible {
  border-color: var(--orokublocks-color-secondary);
}

/**
 * Input Element - Hover
 */
.oroku-input-element:not(:disabled, :focus-visible, .oroku-input-element--theme--immutable):hover {
  border-color: var(--orokublocks-color-input-border-hover);
}

/**
 * Input Element - Disabled
 */
.oroku-input-element:disabled {
  color: var(--orokublocks-color-border);
}

/**
 * Input Select
 */
.oroku-input-select-wrapper {
  display: inline-block;
  position: relative;
}

.oroku-input-select-wrapper__icon {
  width: calc((8 / 16) * 1em);
  height: calc((5 / 16) * 1em);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: calc((25 / 16) * 1em);
  pointer-events: none;
}

/* Opt-in to the custom select functionality, for the select element and the dropdown picker */
.oroku-input-select,
.oroku-input-select::picker(select) {
  appearance: base-select;
}

.oroku-input-select {
  padding: calc((18 / 16) * 1em) calc((24 / 16) * 1em);
  padding-right: calc((56 / 16) * 1em);
  background-color: transparent;
  line-height: 1;
  position: relative;
}

.oroku-input-select:disabled + .oroku-input-select-wrapper__icon {
  fill: var(--orokublocks-color-border);
}

.oroku-input-select:not(:disabled) {
  cursor: pointer;
}

/* Reset background when opt-in to the custom select functionality, which also adds some base styles */
.oroku-input-select:hover,
.oroku-input-select:active {
  background-color: transparent;
}

/**
 * Input Select - Dropdown picker
 */
.oroku-input-select::picker(select) {
  border: calc((1 / 16) * 1rem) solid var(--orokublocks-color-border);
  border-radius: calc(var(--orokublocks-border-radius) * 1px);
}

/**
 * Input Select - Dropdown picker
 */
.oroku-input-select selectedcontent {}

/**
 * Input Select - Dropdown picker icon
 */
.oroku-input-select::picker-icon {
  content: none;
}

/**
 * Input Select - Dropdown picker icon when picker is open
 */
.oroku-input-select:open::picker-icon {}

/**
 * Input Select - Option
 */
.oroku-input-select option {
  padding: calc((14 / 16) * 1em) calc((24 / 16) * 1em);
}

.oroku-input-select option:checked,
.oroku-input-select option:hover,
.oroku-input-select option:focus-visible {
  background-color: var(--orokublocks-color-highlight);
}

.oroku-input-select option:focus-visible {
  outline: none;
}

/**
 * Input Select - Option checkmark when option is selected
 */
.oroku-input-select option::checkmark {
  display: none;
}

/*------------------------------------------------------------------------------*/
/**
 * Input Selectable Wrapper
 */
.oroku-input-selectable-wrapper {
  display: flex;
  align-items: flex-end;
  position: relative;
}

/**
 * Input Selectable Wrapper - Spacing
 */

.oroku-input-selectable-wrapper--spacing--top {
  margin-top: calc((24 / 16) * 1em);
}

/**
 * Input Selectable Wrapper - Size
 */
.oroku-input-selectable-wrapper--size--small .oroku-input-selectable-box {
  width: 1em;
  height: 1em;
}

.oroku-input-selectable-wrapper--size--small .oroku-input-selectable-box__icon.icon-cross {
  width: calc((7 / 16) * 1em);
  height: calc((7 / 16) * 1em);
}

.oroku-input-selectable-wrapper--size--small .oroku-input-selectable-box--shape--round::after {
  width: calc((6 / 16) * 1em);
  height: calc((6 / 16) * 1em);
}

.oroku-input-selectable-wrapper--size--small .oroku-input-selectable-label {
  padding-left: calc((22 / 14) * 1em);
  font-size: calc((14 / 16) * 1rem);
  line-height: calc(16 / 14);
}

/**
 * Input Selectable
 */
.oroku-input-selectable {
  margin: 0;
  appearance: none;
}

/**
 * Input Selectable - Focus
 */
.oroku-input-selectable:focus-visible + .oroku-input-selectable-box + .oroku-input-selectable-label {
  outline: calc((2 / 16) * 1rem) solid var(--orokublocks-color-text-primary);
  outline-offset: calc((4 / 16) * 1rem);
}

/**
 * Input Selectable - Checked
 */
.oroku-input-selectable:checked + .oroku-input-selectable-box .oroku-input-selectable-box__icon {
  display: block;
}

.oroku-input-selectable:checked + .oroku-input-selectable-box {
  background-color: var(--orokublocks-color-highlight);
  border-color: var(--orokublocks-color-highlight);
}

.oroku-input-selectable:checked + .oroku-input-selectable-box--shape--round::after {
  display: block;
}

/**
 * Input Selectable Box
 */
.oroku-input-selectable-box {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc((18 / 16) * 1em);
  height: calc((18 / 16) * 1em);
  border: calc((1 / 16) * 1rem) solid var(--orokublocks-color-border);
  border-radius: 4px;
  position: absolute;
  z-index: 1;
}

/**
 * Input Selectable Box - Shape
 */
.oroku-input-selectable-box--shape--round {
  border-radius: 50%;
}

.oroku-input-selectable-box--shape--round::after {
  content: '';
  width: calc((8 / 16) * 1em);
  height: calc((8 / 16) * 1em);
  border-radius: 50%;
  background-color: var(--orokublocks-color-icon-over-color);
  display: none;
}

/**
 * Input Selectable Box - Icon
 */
.oroku-input-selectable-box__icon {
  display: none;
  fill: var(--orokublocks-color-icon-over-color);
}

.oroku-input-selectable-box__icon.oroku-icon-cross {
  width: calc((8 / 16) * 1em);
  height: calc((8 / 16) * 1em);
}

/**
 * Input Selectable Label
 */
.oroku-input-selectable-label {
  padding-left: calc((24 / 16) * 1em);
  font-weight: 700;
  line-height: calc(18 / 16);
  position: relative;
  z-index: 2;
  cursor: pointer;
}

/**
 * Input Selectable Wrapper - Media Queries
 */
@media screen and (max-width: 1280px) {
  .oroku-input-selectable-wrapper--spacing--top {
    margin-top: calc((12 / 16) * 1em);
    margin-bottom: calc((12 / 16) * 1em);
  }
}

/*------------------------------------------------------------------------------*/
/**
 * Settings Block
 */
.oroku-settings-block-list {
  display: flex;
  flex-direction: column;
  gap: calc((60 / 16) * 1em);
}

.oroku-settings-block {

}

.oroku-settings-block__header {
  display: flex;
  align-items: center;
  gap: calc((6 / 16) * 1em);
}

.oroku-settings-block__header .oroku-icon-decoration {
  flex-shrink: 0;
}

.oroku-settings-block__heading {

}

.oroku-settings-block__options {
  display: flex;
  flex-direction: column;
  gap: calc((28 / 16) * 1em);
  margin-top: calc((28 / 16) * 1em);
}

.oroku-settings-block__options .oroku-input-group__item {
  width: 100%;
  max-width: calc((460 / 16) * 1em);
}

.oroku-settings-block__options .oroku-input-element,
.oroku-settings-block__options .oroku-input-select-wrapper {
  width: 100%;
}

/**
 * Settings Block - Media Queries
 */
@media screen and (max-width: 1280px) {
  .oroku-settings-block__options .oroku-input-group--style--row {
    flex-direction: column;
  }

  .oroku-settings-block__options .oroku-input-group__item {
    max-width: none;
  }
}

/*------------------------------------------------------------------------------*/
/**
 * Icon Decoration
 */
.oroku-icon-decoration {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc((24 / 16) * 1em);
  height: calc((24 / 16) * 1em);
  border-radius: 50%;
  background-color: var(--orokublocks-color-text-primary);
}

.oroku-icon-decoration__icon {
  fill: #ffffff;
}

/**
 * Icon Decoration - Theme
 */
.oroku-icon-decoration--theme--youtube {
  background-color: var(--orokublocks-color-youtube);
}

.oroku-icon-decoration--theme--tiktok {
  background-color: var(--orokublocks-color-tiktok);
}

/*------------------------------------------------------------------------------*/
/**
 * Status Tag
 */
.oroku-status-tag {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}

/**
 * Status Tag - Theme
 */
.oroku-status-tag--theme--positive {
  --orokublocks-status-tag-color-decoration: var(--orokublocks-color-positive);
  --orokublocks-status-tag-color-icon: var(--orokublocks-color-positive);
}

.oroku-status-tag--theme--negative {
  --orokublocks-status-tag-color-decoration: var(--orokublocks-color-negative);
  --orokublocks-status-tag-color-icon: var(--orokublocks-color-negative);
}

/**
 * Status Tag - Style
 */
.oroku-status-tag--style--border {
  border: calc((2 / 16) * 1rem) solid var(--orokublocks-status-tag-color-decoration);
}

/**
 * Status Tag - Size
 */
.oroku-status-tag--size--small {
  width: calc((14 / 16) * 1em);
  height: calc((14 / 16) * 1em);
}

.oroku-status-tag--size--small .oroku-status-tag__icon {
  width: calc((6 / 16) * 1em);
  height: calc((6 / 16) * 1em);
}

/**
 * Status Tag Icon
 */
.oroku-status-tag__icon {
  fill: var(--orokublocks-status-tag-color-icon);
}

/*------------------------------------------------------------------------------*/
/**
 * Message Box
 */
.oroku-message-box {
  padding: calc((36 / 16) * 1em) calc((30 / 16) * 1em) calc((32 / 16) * 1em);
  border-width: calc((1 / 16) * 1rem);
  border-style: solid;
  border-radius: calc(var(--orokublocks-border-radius) * 1px);
}

.oroku-message-box__header {
  display: flex;
  align-items: center;
  margin-bottom: calc((10 / 16) * 1em);
}

.oroku-message-box__icon {
  margin-right: calc((10 / 16) * 1em);
}

.oroku-message-box__title {
  font-size: 1rem;
  font-weight: 700;
}

.oroku-message-box__text {}

/**
 * Message Box - Style
 */
.oroku-message-box--style--small {
  padding-top: calc((22 / 16) * 1em);
  padding-bottom: calc((22 / 16) * 1em);
}

/**
 * Message Box - Theme
 */
.oroku-message-box--theme--positive {
  border-color: var(--orokublocks-color-positive);
  background-color: rgba(0, 212, 207, .04);
}

.oroku-message-box--theme--negative {
  border-color: var(--orokublocks-color-negative);
  background-color: rgba(255, 44, 120, .04);
}

.oroku-message-box--theme--neutral {
  border-color: #ffe500;
  background-color: rgba(255, 229, 0, .04);
}

.oroku-message-box--theme--passive {
  border-color: #0033ff;
  background-color: rgba(0, 51, 255, .04);
}

/**
 * Message Box Icon - Theme
 */
.oroku-message-box__icon--theme--neutral {
  fill: #ffe500;
}

.oroku-message-box__icon--theme--passive {
  fill: #0033ff;
}

/*------------------------------------------------------------------------------*/
/**
 * Freemius Overrides
 */
#fs_pricing_app {
  /**
   * General
   */
  --fs-ds-theme-primary-accent-color: var(--orokublocks-color-secondary) !important;

  /**
   * Text
   */
  --fs-ds-theme-text-color: var(--orokublocks-color-text-primary) !important;

  /**
   * Plan
   */
  --fs-ds-theme-package-popular-background: var(--orokublocks-color-highlight) !important;

  /**
   * Button
   */
  --fs-ds-theme-button-primary-border-color: var(--orokublocks-color-text-primary) !important;
  --fs-ds-theme-button-primary-background-hover-color: var(--orokublocks-color-text-primary) !important;
  --fs-ds-theme-button-primary-border-hover-color: var(--orokublocks-color-text-primary) !important;
  --fs-ds-theme-button-disabled-background-color: var(--orokublocks-color-background-secondary) !important;
  --fs-ds-theme-button-disabled-text-color: var(--orokublocks-color-border) !important;
  --fs-ds-theme-button-disabled-border-color: var(--orokublocks-color-border) !important;
}

#fs_pricing_app :is(h1, h2, h3, h4, h5, h6) {
  margin: 0;
  padding: 0;
  color: var(--orokublocks-color-text-primary);
  font-family: "Lexend", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 800;
  letter-spacing: -.06em;
}

#fs_pricing_app p {
  line-height: 1.8;
}

#fs_pricing_app :is(p, li) {
  margin: 0;
  padding: 0;
  color: var(--orokublocks-color-text-primary);
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  letter-spacing: -.04em;
  font-size: 1rem;
}

/**
 * FAQ and contact sections
 */
#fs_pricing_app .fs-app-main .fs-section:is(.fs-section--faq, .fs-section--custom-implementation) {
  display: none;
}

/**
 * Money back learn more button
 */
#fs_pricing_app .fs-app-main .fs-section.fs-section--money-back-guarantee .fs-button {
  display: none;
}

/**
 * Plans
 */
#fs_pricing_app .fs-app-main .fs-package.fs-featured-plan .fs-most-popular h4 {
  font-size: calc((12 / 16) * 1rem);
}

/**
 * Tooltip
 */
#fs_pricing_app .fs-tooltip .fs-tooltip-message {
  font-size: calc((14 / 16) * 1rem);
}

#fs_pricing_app .fs-tooltip .fs-icon {
  color: var(--orokublocks-color-text-primary);
}

/**
 * Button
 */
#fs_pricing_app .fs-app-main .fs-button {
  padding: 17px 32px;
  border-radius: 999em;
  color: var(--orokublocks-color-text-primary);
  font-family: "Lexend", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-size: 1rem;
  letter-spacing: -.06em;
}

#fs_pricing_app .fs-app-main .fs-button.fs-button--type-primary.fs-button--outline {
  color: var(--orokublocks-color-text-primary);
}

#fs_pricing_app .fs-app-main .fs-button.fs-button--outline {
  padding: 16px 32px;
}

#fs_pricing_app .fs-app-main .fs-button:disabled {

}

#fs_pricing_app .fs-app-main .fs-button.fs-button--type-primary.fs-button--outline:focus:not(:disabled),
#fs_pricing_app .fs-app-main .fs-button.fs-button--type-primary.fs-button--outline:hover:not(:disabled),
#fs_pricing_app .fs-app-main .fs-button.fs-button--type-primary.fs-button--outline:active:not(:disabled) {
  background-color: var(--orokublocks-color-highlight);
  border-color: var(--orokublocks-color-text-primary);
}

/**
 * Modal
 */
#fs_pricing_wrapper #fs_pricing_app .fs-app-main .fs-modal.fs-modal--refund-policy .fs-modal-content-container .fs-modal-content {
  padding: 24px 32px;
}

#fs_pricing_app .fs-app-main .fs-package.fs-featured-plan .fs-license-quantities .fs-license-quantity-selected {
  background: var(--orokublocks-color-text-primary);
  border-color: var(--orokublocks-color-text-primary);
}

#fs_pricing_app .fs-app-main .fs-package.fs-featured-plan .fs-license-quantities .fs-license-quantity-selected:last-child {
  border-bottom-color: var(--orokublocks-color-text-primary);
}