/*------------------------------------------------------------------
[Table of contents]

1. Reset
2. Variables
3. General
4. Gradient
5. Text Gradient
  5.1. Text Gradient - Style
  5.2. Text Gradient - Size
6. Text Line Through
7. Text Shadow
8. Pretty Link
8. Button
  8.1. Button - Width
  8.2. Button - Style
9. Symbol Button
9. Icon
10. Card
11. Card Content
  11.1. Card Content - Theme
  11.2. Card Content - Width
  11.3. Card Content - Border
  11.4. Card Content - Padding
  11.5. Card Content - Adjacent
  11.6. Card Content - Layered
  11.7. Card Content - Size
  11.8. Card Content - Media Queries
12. Card Content Columns
  12.1. Card Content Columns - Media Queries
13. Card Item
  13.1. Card Item - Media Queries
14. Card Cover
15. Card Image
16. Card Title
  16.1. Card Title - Siblings
17. Card Text
  17.1. Card Text - Siblings
18. Card Text Link
19. Card Link
20. Social Links
21. Rating
  21.1. Rating - Size
22. Tag
23. Tag Box
  23.1. Tag Box - Position
  23.2. Tag Box - Spacing
24. Status Tag
25. Text Box
  25.1. Text Box - Theme
26. Text Box Status Tag
  26.1. Text Box Status Tag - Theme
  26.2. Text Box Status Tag - Style
  26.3. Text Box Status Tag - Size
27. Text Box Status Tag Icon
28. Verified Tag
29. Feature List
  29.1. Feature List - Style
30. Detail list
  30.1. Detail list - Style
  30.2. Detail list Item
31. Countdown
32. Image Tag
  32.1. Image Tag - Style
  32.2. Image Tag - Size
33. Image Composition
34. User Avatar
  34.1. User Avatar - Style
35. Overlayed Avatars
36. Thumbnail
  36.1. Thumbnail - Size
37. Point Award
38. Profile
  38.1. Profile - Size
  38.2. Profile - Style
39. Profile Cover
40. Profile Image
41. Profile Overlay
42. Profile Details
43. Profile Floaty
44. Profile Logo
  44.1. Profile Logo - Size
45. Profile Drop
  45.1. Profile Drop - Style
46. Metrics
  46.1. Metrics - Align
47. Bullets
  47.1. Bullets - Style
48. Glide Carousel
49. Thumbnail Bullets
50. Pill Option
51. Color Bullet
-------------------------------------------------------------------*/
/**
 * 1. Reset
 */
.orokublocks-widget *,
.orokublocks-widget *::before,
.orokublocks-widget *::after {
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
  box-sizing: border-box;
}

/*------------------------------------------------------------------*/
/**
 * 2. Variables
 */
.orokublocks-widget {
  /**
   * Font
   */
  --font-size-base: calc(16 / var(--font-scale));

  /**
   * Color
   */
  --card-primary-color: var(--light-primary-color);
  --card-background-color: var(--light-background-color);
  --card-background-alt-color: var(--light-background-alt-color);
  --card-line-color: var(--light-line-color);
  --card-text-color: var(--light-text-color);

  --card-icon-color: var(--card-text-color);

  --card-button-text-color: var(--card-background-color);
  --card-button-background-color: var(--card-text-color);
  --card-button-background-hover-color: var(--card-primary-color);
}

.orokublocks-widget--theme--dark {
  /**
   * Color
   */
  --card-primary-color: var(--dark-primary-color);
  --card-background-color: var(--dark-background-color);
  --card-background-alt-color: var(--dark-background-alt-color);
  --card-line-color: var(--dark-line-color);
  --card-text-color: var(--dark-text-color);
}

/*------------------------------------------------------------------*/
/**
 * 3. General
 */
.orokublocks-widget :is(h1, h2, h3, h4, h5, h6, p, a) {
  color: var(--card-text-color);
  font-family: var(--font-family);
  line-height: 1;
  letter-spacing: -.02em;
}

.orokublocks-widget :is(h1, h2, h3, h4, h5, h6) {
  font-weight: 700;
}

.orokublocks-widget :is(p, a) {
  font-weight: 400;
}

/*------------------------------------------------------------------*/
/**
 * 4. Gradient
 */
.orokublocks-widget .orokublocks-gradient--style--holographic {
  background: linear-gradient(to right bottom, #8251F0 0%, #CEA5E4 10%, #B6F3FC 17%, #FF7EF8 17%, #FFFFFF 24%, #4FB9F2 34%, #B787FF 47%, #FFFFFF 60%, #FF7EF8 60%, #98FFC6 67%, #ACB9FF 76%, #E1CDFF 82%, #4FB9F2 82%, #FFA3FA 100%);
}

.orokublocks-widget .orokublocks-gradient--style--holographic--gold {
  background: linear-gradient(to right bottom, #EF8367 0%, #FFC800 9%, #FFFFA3 24%, #CE6538 24%, #EFBC3D 32%, #FFF2E5 39%, #F5B415 47%, #FF4DF3 60%, #6E1AB7 60%, #FFA3FA 67%, #B6F3FC 75%, #FFFFA3 75%, #FFC630 82%, #FFFFA3 90%, #E98C10 100%);
}

.orokublocks-widget .orokublocks-gradient--style--holographic--silver {
  background: linear-gradient(to right bottom, #8792A5 0%, #CBD1E5 9%, #FFFFFF 12%, #61FFDF 24%, #F7F5FE 24%, #59BEFF 39%, #8695A8 47%, #61FFDF 60%, #E2FF28 60%, #FF8D3D 75%, #969DB6 75%, #DFE4EF 83%, #F5F5F5 86%, #939DB0 100%);
}

/*------------------------------------------------------------------*/
/**
 * 5. Text Gradient
 */
.orokublocks-widget .orokublocks-text-gradient {
  display: inline-flex;
  font-size: calc((20 / var(--font-size-base)) * 1rem);
  font-weight: 800;
}

.orokublocks-widget .orokublocks-text-gradient + .orokublocks-card__title {
  margin-top: calc((8 / 20) * 1em);
}

/**
 * 5.1. Text Gradient - Style
 */
.orokublocks-widget .orokublocks-text-gradient--style--color {
  color: var(--text-gradient-color);
}

.orokublocks-widget .orokublocks-text-gradient--style--background {
  background: linear-gradient(to right, var(--text-gradient-start-color), var(--text-gradient-end-color));
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

/**
 * 5.2. Text Gradient - Size
 */
.orokublocks-widget .orokublocks-text-gradient--size--medium {
  font-size: calc((32 / var(--font-size-base)) * 1rem);
}

/*------------------------------------------------------------------*/
/**
 * 6. Text Line Through
 */
.orokublocks-widget .orokublocks-text-line-through {
  text-decoration: line-through;
  opacity: .6;
}

/*------------------------------------------------------------------*/
/**
 * 7. Text Shadow
 */
.orokublocks-widget .orokublocks-text-shadow {
  text-shadow: 0 0 40px rgba(0, 0, 0, .8);
}

/*------------------------------------------------------------------*/
/**
 * 8. Pretty Link
 */
.orokublocks-widget .orokublocks-pretty-link {
  text-decoration: none;
  border-bottom: calc((2 / 16) * 1rem) solid var(--card-primary-color);
  font-weight: 700;
}

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

.has-background-white .site .orokublocks-widget a.orokublocks-pretty-link:focus,
.site .orokublocks-widget a.orokublocks-pretty-link:focus {
  outline: calc((2 / 16) * 1rem) solid var(--card-text-color);
  outline-offset: calc((4 / 16) * 1rem);
  background: transparent;
  color: var(--card-text-color);
  text-decoration: none;
}

/*------------------------------------------------------------------*/
/**
 * 8. Button
 */
.orokublocks-widget .orokublocks-button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: calc((16 / 14) * 1em) calc((42 / 14) * 1em);
  border-radius: 999em;
  background-color: var(--card-button-background-color);
  color: var(--card-button-text-color);
  font-size: calc((14 / var(--font-size-base)) * 1rem);
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
  transition: background-color .2s ease-in-out;
}

.orokublocks-widget .orokublocks-button:hover {
  background-color: var(--card-button-background-hover-color);
}

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

.has-background-white .site .orokublocks-widget a.orokublocks-button:focus,
.site .orokublocks-widget a.orokublocks-button:focus {
  outline: calc((2 / 16) * 1rem) solid var(--card-text-color);
  outline-offset: calc((6 / 16) * 1rem);
  text-decoration: none;
  background-color: var(--card-button-background-color);
  color: var(--card-button-text-color);
}

.has-background-white .site .orokublocks-widget a.orokublocks-button:focus:hover,
.site .orokublocks-widget a.orokublocks-button:focus:hover {
  background-color: var(--card-button-background-hover-color);
}

/**
 * 8.1. Button - Width
 */
.orokublocks-widget .orokublocks-button--width--full {
  width: 100%;
  min-width: calc((220 / 16) * 1em);
}

/**
 * 8.2. Button - Style
 */
.orokublocks-widget .orokublocks-button--style--round {
  border-radius: 12px;
}

/*------------------------------------------------------------------*/
/**
 * 9. Symbol Button
 */
.orokublocks-widget .orokublocks-symbol-button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: calc((60 / 16) * 1em);
  height: calc((36 / 16) * 1em);
  border-radius: 999em;
  background-color: var(--card-text-color);
}

.orokublocks-widget .orokublocks-icon.orokublocks-symbol-button__icon {
  fill: var(--card-background-color);
}

.orokublocks-widget .orokublocks-symbol-button--floaty {
  position: absolute;
  z-index: 10;
}

.orokublocks-widget .orokublocks-symbol-button--position--top {
  top: calc((10 / 16) * 1em);
}

.orokublocks-widget .orokublocks-symbol-button--position--bottom--overlayed {
  bottom: calc((-10 / 16) * 1em);
}

.orokublocks-widget .orokublocks-symbol-button--position--right {
  right: calc((14 / 16) * 1em);
}

.orokublocks-widget .orokublocks-symbol-button--position--right--overlayed {
  right: calc((-30 / 16) * 1em);
}

.orokublocks-widget .orokublocks-symbol-button--position--center {
  left: 50%;
  transform: translateX(-50%);
}

.orokublocks-widget .orokublocks-symbol-button:focus-visible,
.site .orokublocks-widget a.orokublocks-symbol-button:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
  outline: calc((2 / 16) * 1rem) solid var(--card-text-color);
  outline-offset: calc((4 / 16) * 1rem);
}

.has-background-white .site .orokublocks-widget a.orokublocks-symbol-button:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
  background: var(--card-text-color);
}

.site .orokublocks-widget a.orokublocks-symbol-button:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
  text-decoration: none;
}

/*------------------------------------------------------------------*/
/**
 * 9. Icon
 */
.orokublocks-widget .orokublocks-icon {
  display: block;
  fill: var(--card-icon-color);
}

.orokublocks-widget .orokublocks-icon-check {
  width: calc((8 / 16) * 1rem);
  height: calc((7 / 16) * 1rem);
}

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

.orokublocks-widget .orokublocks-icon-minus {
  width: calc((8 / 16) * 1rem);
  height: calc((2 / 16) * 1rem);
}

.orokublocks-widget .orokublocks-icon-small-minus {
  width: calc((6 / 16) * 1rem);
  height: calc((2 / 16) * 1rem);
}

.orokublocks-widget .orokublocks-icon-plus {
  width: calc((6 / 16) * 1rem);
  height: calc((6 / 16) * 1rem);
}

.orokublocks-widget .orokublocks-icon-lightning {
  width: calc((14 / 16) * 1rem);
  height: calc((18 / 16) * 1rem);
}

.orokublocks-widget .orokublocks-icon-star {
  width: calc((22 / 16) * 1rem);
  height: calc((20 / 16) * 1rem);
}

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

.orokublocks-widget .orokublocks-icon-bag {
  width: calc((18 / 16) * 1rem);
  height: calc((18 / 16) * 1rem);
}

/*------------------------------------------------------------------*/
/**
 * 10. Card
 */
.orokublocks-widget .orokublocks-card {
  font-size: 16px;
  position: relative;
}

/*------------------------------------------------------------------*/
/**
 * 11. Card Content
 */
.orokublocks-widget .orokublocks-card__content {
  padding: calc((17 / 16) * 1em);
  background-color: var(--card-background-color);
  position: relative;
  z-index: 5;
}

/**
 * 11.1. Card Content - Theme
 */
.orokublocks-widget .orokublocks-card__content--theme--darker {
  background-color: var(--card-background-alt-color);
}

.orokublocks-widget .orokublocks-card__content--theme--achievement--unlocked {
  background-color: var(--achievement-unlocked-background-color);
}

.orokublocks-widget .orokublocks-card__content--theme--achievement--unlocked--gradient {
  background: linear-gradient(to right, var(--achievement-unlocked-background-gradient-start-color), var(--achievement-unlocked-background-gradient-end-color));
}

.orokublocks-widget :is(.orokublocks-card__content--theme--achievement--unlocked, .orokublocks-card__content--theme--achievement--unlocked--gradient) .orokublocks-card__text {
  color: #fff;
}

.orokublocks-widget .orokublocks-card__content--theme--negative {
  background-color: var(--card-text-color);
}

.orokublocks-widget .orokublocks-card__content--theme--negative .orokublocks-card__text {
  color: var(--card-background-color);
}

/**
 * 11.2. Card Content - Width
 */
.orokublocks-widget .orokublocks-card__content--width--full {
  width: 100%;
}

/**
 * 11.3. Card Content - Border
 */
.orokublocks-widget .orokublocks-card__content--bordered {
  border: calc((1 / 16) * 1rem) solid var(--card-line-color);
  border-radius: calc(var(--card-border-radius) * 1px);
}

.orokublocks-widget .orokublocks-card__content--border--top {
  border-top: calc((1 / 16) * 1rem) solid var(--card-line-color);
}

.orokublocks-widget .orokublocks-card__content--border--bottom {
  border-bottom: calc((1 / 16) * 1rem) solid var(--card-line-color);
}

.orokublocks-widget .orokublocks-card__content--border--right--desktop {
  border-right: calc((1 / 16) * 1rem) solid var(--card-line-color);
}

.orokublocks-widget .orokublocks-card__content--border--bottom--left--radius {
  border-bottom-left-radius: calc(var(--card-border-radius) * 1px);
}

.orokublocks-widget .orokublocks-card__content--border--bottom--right--radius {
  border-bottom-right-radius: calc(var(--card-border-radius) * 1px);
}

.orokublocks-widget .orokublocks-card__content--border--top--flat {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.orokublocks-widget .orokublocks-card__content--border--bottom--flat {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.orokublocks-widget .orokublocks-card__content--border--bottom--dashed {
  border-bottom-style: dashed;
  border-bottom-color: var(--card-text-color);
}

.orokublocks-widget .orokublocks-card__content--border--top--none {
  border-top: unset;
}

.orokublocks-widget .orokublocks-card__content--border--bottom--none {
  border-bottom: unset;
}

/**
 * 11.4. Card Content - Padding
 */
.orokublocks-widget .orokublocks-card__content--padding--inner {
  padding: calc((11 / 16) * 1em) calc((14 / 16) * 1em);
}

.orokublocks-widget .orokublocks-card__content--padding--inner--merge {
  padding-top: calc((8 / 16) * 1em);
  padding-bottom: calc((20 / 16) * 1em);
}

.orokublocks-widget .orokublocks-card__content--padding--top--mega {
  padding-top: calc((132 / 16) * 1em);
}

.orokublocks-widget .orokublocks-card__content--padding--top--large {
  padding-top: calc((80 / 16) * 1em);
}

.orokublocks-widget .orokublocks-card__content--padding--top--big {
  padding-top: calc((60 / 16) * 1em);
}

.orokublocks-widget .orokublocks-card__content--padding--top--medium {
  padding-top: calc((32 / 16) * 1em);
}

.orokublocks-widget .orokublocks-card__content--padding--top--mid {
  padding-top: calc((28 / 16) * 1em);
}

.orokublocks-widget .orokublocks-card__content--padding--top--regular {
  padding-top: calc((20 / 16) * 1em);
}

.orokublocks-widget .orokublocks-card__content--padding--bottom--medium {
  padding-bottom: calc((20 / 16) * 1em);
}

.orokublocks-widget .orokublocks-card__content--padding--bottom--big {
  padding-bottom: calc((60 / 16) * 1em);
}

.orokublocks-widget .orokublocks-card__content--padding--small {
  padding: calc((16 / 16) * 1em) calc((31 / 16) * 1em);
}

.orokublocks-widget .orokublocks-card__content--padding--regular {
  padding: calc((31 / 16) * 1em);
}

.orokublocks-widget .orokublocks-card__content--padding--none {
  padding: 0;
}

.orokublocks-widget .orokublocks-card__content--padding--top--none {
  padding-top: 0;
}

.orokublocks-widget .orokublocks-card__content--padding--bottom--none {
  padding-bottom: 0;
}

.orokublocks-widget .orokublocks-card__content--padding--vertical--medium {
  padding-top: calc((20 / 16) * 1em);
  padding-bottom: calc((20 / 16) * 1em);
}

.orokublocks-widget .orokublocks-card__content--padding--sides--none {
  padding-right: 0;
  padding-left: 0;
}

/**
 * 11.11. Card Content - Adjacent
 */
.orokublocks-widget .orokublocks-card__content--adjacent {
  padding: calc((54 / 16) * 1em) calc((31 / 16) * 1em) calc((32 / 16) * 1em);
  margin-top: calc((-22 / 16) * 1em);
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.orokublocks-widget .orokublocks-card__content--adjacent--regular {
  padding-top: calc((44 / 16) * 1em);
  padding-bottom: calc((22 / 16) * 1em);
}

.orokublocks-widget .orokublocks-card__content--adjacent--medium {
  padding-top: calc((50 / 16) * 1em);
  padding-bottom: calc((28 / 16) * 1em);
}

.orokublocks-widget .orokublocks-card__content--adjacent--small {
  padding-top: calc((40 / 16) * 1em);
  padding-bottom: calc((18 / 16) * 1em);
}

.orokublocks-widget .orokublocks-card__content--adjacent--padding--none {
  padding-top: calc((21 / 16) * 1em);
  padding-bottom: 0;
  padding-right: 0;
  padding-left: 0;
}

.orokublocks-widget .orokublocks-card__content--adjacent--padding--sides--small {
  padding-right: calc((17 / 16) * 1em);
  padding-left: calc((17 / 16) * 1em);
}

.orokublocks-widget .orokublocks-card__content--adjacent:nth-last-child(1) {
  z-index: 0;
}

.orokublocks-widget .orokublocks-card__content--adjacent:nth-last-child(2) {
  z-index: 1;
}

.orokublocks-widget .orokublocks-card__content--adjacent:nth-last-child(3) {
  z-index: 2;
}

.orokublocks-widget .orokublocks-card__content--adjacent:nth-last-child(4) {
  z-index: 3;
}

.orokublocks-widget .orokublocks-card__content--adjacent:nth-last-child(5) {
  z-index: 4;
}

/**
 * 11.6. Card Content - Layered
 */
.orokublocks-widget .orokublocks-card__content--layered {
  margin-right: auto;
  margin-left: auto;
  border-top-right-radius: calc(var(--card-border-radius) * 1px);
  border-top-left-radius: calc(var(--card-border-radius) * 1px);
  position: relative;
}

/**
 * 11.7. Card Content - Size
 */
.orokublocks-widget .orokublocks-card__content--size--narrow {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

/**
 * 11.8. Card Content - Media Queries
 */
@media screen and (max-width: 680px) {
  .orokublocks-widget .orokublocks-card__content--border--right--desktop {
    border-right: unset;
  }
}

/*------------------------------------------------------------------*/
/**
 * 12. Card Content Columns
 */
.orokublocks-widget .orokublocks-card__content-columns {
  position: relative;
  z-index: 1;
}

/**
 * 12.1. Card Content Columns - Media Queries
 */
@media screen and (min-width: 980px) {
  .orokublocks-widget .orokublocks-card__content-columns {
    display: flex;
  }

  .orokublocks-widget .orokublocks-card__content-columns .orokublocks-card__content--border--bottom--flat {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: calc(var(--card-border-radius) * 1px);
  }

  .orokublocks-widget .orokublocks-card__content-columns .orokublocks-card__content--border--bottom--dashed {
    border-right: calc((1 / 16) * 1rem) dashed var(--card-text-color);
    border-bottom: calc((1 / 16) * 1rem) solid var(--card-line-color);
  }

  .orokublocks-widget .orokublocks-card__content-columns .orokublocks-card__content--adjacent {
    margin-top: 0;
  }

  .orokublocks-widget .orokublocks-card__content-columns .orokublocks-card__content--adjacent.orokublocks-card__content--bordered {
    border-top: calc((1 / 16) * 1rem) solid var(--card-line-color);
    border-left: unset;
    border-top-right-radius: calc(var(--card-border-radius) * 1px);
    border-bottom-left-radius: 0;
  }

  .orokublocks-widget .orokublocks-card__content-columns .orokublocks-card__content--adjacent--small {
    padding-top: calc((18 / 16) * 1em);
  }

  .orokublocks-widget .orokublocks-card__content-columns .orokublocks-card__content--adjacent--regular {
    padding-top: calc((28 / 16) * 1em);
    padding-bottom: calc((28 / 16) * 1em);
  }
}

/*------------------------------------------------------------------*/
/**
 * 13. Card Item
 */
.orokublocks-widget .orokublocks-card__item--divided {
  display: flex;
}

.orokublocks-widget .orokublocks-card__item--divided--width--full > * {
  width: 100%;
}

.orokublocks-widget .orokublocks-card__item--divided--width--medium > * {
  max-width: calc((280 / 16) * 1em);
  width: 100%;
}

.orokublocks-widget .orokublocks-card__item--divided--width--medium.orokublocks-card__item--gap--big > * {
  max-width: calc((248 / 16) * 1em);
}

.orokublocks-widget .orokublocks-card__item--divided--wrap {
  flex-wrap: wrap;
}

.orokublocks-widget .orokublocks-card__item--flex--fixed {
  flex-shrink: 0;
}

.orokublocks-widget .orokublocks-card__item--direction--vertical {
  flex-direction: column;
}

.orokublocks-widget .orokublocks-card__item--direction--vertical--full {
  height: 100%;
}

.orokublocks-widget .orokublocks-card__item--sideways--lr--desktop {
  writing-mode: sideways-lr;
  text-align: center;
}

.orokublocks-widget .orokublocks-card__item--justify--space--between {
  justify-content: space-between;
}

.orokublocks-widget .orokublocks-card__item--justify--center {
  justify-content: center;
}

.orokublocks-widget .orokublocks-card__item--align--center {
  align-items: center;
}

.orokublocks-widget .orokublocks-card__item--align--start {
  align-items: flex-start;
}

.orokublocks-widget .orokublocks-card__item--align--bottom {
  align-items: flex-end;
}

.orokublocks-widget .orokublocks-card__item--text--align--right {
  text-align: right;
}

.orokublocks-widget .orokublocks-card__item--centered {
  text-align: center;
}

.orokublocks-widget .orokublocks-card__item--gap {
  gap: calc((24 / 16) * 1em);
}

.orokublocks-widget .orokublocks-card__item--gap--micro {
  gap: calc((4 / 16) * 1em);
}

.orokublocks-widget .orokublocks-card__item--gap--tiny {
  gap: calc((8 / 16) * 1em);
}

.orokublocks-widget .orokublocks-card__item--gap--minier {
  gap: calc((10 / 16) * 1em);
}

.orokublocks-widget .orokublocks-card__item--gap--mini {
  gap: calc((12 / 16) * 1em);
}

.orokublocks-widget .orokublocks-card__item--gap--smaller {
  gap: calc((14 / 16) * 1em);
}

.orokublocks-widget .orokublocks-card__item--gap--small {
  gap: calc((18 / 16) * 1em);
}

.orokublocks-widget .orokublocks-card__item--gap--regular {
  gap: calc((20 / 16) * 1em);
}

.orokublocks-widget .orokublocks-card__item--gap--medium {
  gap: calc((28 / 16) * 1em);
}

.orokublocks-widget .orokublocks-card__item--gap--big {
  gap: calc((32 / 16) * 1em);
}

.orokublocks-widget .orokublocks-card__item--gap--large {
  gap: calc((40 / 16) * 1em);
}

.orokublocks-widget .orokublocks-card__item--gap--huge {
  gap: calc((60 / 16) * 1em);
}

.orokublocks-widget .orokublocks-card__item--style--floating--top {
  position: absolute;
}

/**
 * 13.1. Card Item - Media Queries
 */
@media screen and (max-width: 980px) {
  .orokublocks-widget .orokublocks-card__item--direction--vertical--desktop {
    flex-direction: column;
  }

  .orokublocks-widget .orokublocks-card__item--sideways--lr--desktop {
    writing-mode: unset;
  }

  .orokublocks-widget .orokublocks-card__item--gap--big > .orokublocks-card__content--padding--inner--merge {
    padding-top: 0;
  }
}

@media screen and (max-width: 680px) {
  .orokublocks-widget .orokublocks-card__item--direction--vertical--tablet {
    flex-direction: column;
  }

  .orokublocks-widget .orokublocks-card__item--divided--wrap--tablet {
    flex-wrap: wrap;
  }
}

@media screen and (max-width: 480px) {
  .orokublocks-widget .orokublocks-card__item--direction--vertical--mobile {
    flex-direction: column;
    align-items: flex-start;
  }
}

/*------------------------------------------------------------------*/
/**
 * 14. Card Cover
 */
.orokublocks-widget .orokublocks-card__cover + .orokublocks-card__content-columns {
  margin-top: calc((-22 / 16) * 1em);
}

.orokublocks-widget .orokublocks-card__cover .orokublocks-card__image-container,
.orokublocks-widget .orokublocks-card__cover .orokublocks-card__image {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

/*------------------------------------------------------------------*/
/**
 * 15. Card Image
 */
.orokublocks-widget .orokublocks-card__image-container,
.orokublocks-widget .orokublocks-card__image {
  width: 100%;
  border-radius: calc(var(--card-image-border-radius) * 1px);
}

.orokublocks-widget .orokublocks-card__image-container {
  position: relative;
}

.orokublocks-widget .orokublocks-card__image-container--style--bordered .orokublocks-card__image {
  border: calc((1 / 16) * 1rem) solid var(--card-line-color);
}

.orokublocks-widget .orokublocks-card__image-container--style--bordered--void .orokublocks-card__image {
  border: calc((2 / 16) * 1rem) solid var(--card-background-color);
}

.orokublocks-widget .orokublocks-card__image-container--style--outlined {
  background-color: var(--card-background-color);
  border: calc((12 / 16) * 1rem) solid var(--card-background-color);
  border-radius: 50%;
}

.orokublocks-widget .orokublocks-card__image-container--margin--bottom {
  margin-bottom: calc((20 / 16) * 1em);
}

.orokublocks-widget .orokublocks-card__image {
  display: block;
  height: 100%;
  max-width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  object-position: center center;
}

/*------------------------------------------------------------------*/
/**
 * 16. Card Title
 */
.orokublocks-widget .orokublocks-card__title {
  font-size: calc((20 / var(--font-size-base)) * 1rem);
  font-weight: 800;
}

.orokublocks-widget .orokublocks-card__title--size--smaller {
  font-size: calc((14 / var(--font-size-base)) * 1rem);
}

.orokublocks-widget .orokublocks-card__title--size--small {
  font-size: calc((18 / var(--font-size-base)) * 1rem);
}

.orokublocks-widget .orokublocks-card__title--size--mid {
  font-size: calc((24 / var(--font-size-base)) * 1rem);
}

.orokublocks-widget .orokublocks-card__title--size--medium {
  font-size: calc((28 / var(--font-size-base)) * 1rem);
}

.orokublocks-widget .orokublocks-card__title--size--big {
  font-size: calc((32 / var(--font-size-base)) * 1rem);
}

.orokublocks-widget .orokublocks-card__title--size--bigger {
  font-size: calc((36 / var(--font-size-base)) * 1rem);
}

.orokublocks-widget .orokublocks-card__title--size--large {
  font-size: calc((42 / var(--font-size-base)) * 1rem);
}

.orokublocks-widget .orokublocks-card__title--size--mega {
  font-size: calc((96 / var(--font-size-base)) * 1rem);
}

.orokublocks-widget .orokublocks-card__title--line--height--small {
  line-height: 1.2;
}

.orokublocks-widget .orokublocks-card__title--nowrap {
  white-space: nowrap;
}

/**
 * 16.1. Card Title - Siblings
 */
.orokublocks-widget :is(.orokublocks-card__title, .orokublocks-card__link) + .orokublocks-card__text {
  margin-top: calc((10 / 16) * 1em);
}

.orokublocks-widget .orokublocks-card__title + .orokublocks-social-links,
.orokublocks-widget .orokublocks-card__title + .orokublocks-tag-list {
  margin-top: calc((16 / 16) * 1em);
}

.orokublocks-widget .orokublocks-card__title + .orokublocks-card__text.orokublocks-card__text--no--space {
  margin-top: 0;
}

/*------------------------------------------------------------------*/
/**
 * 17. Card Text
 */
.orokublocks-widget .orokublocks-card__text {
  font-size: calc((14 / var(--font-size-base)) * 1rem);
  line-height: 1;
}

.orokublocks-widget .orokublocks-card__text--size--small {
  font-size: calc((10 / var(--font-size-base)) * 1rem);
}

.orokublocks-widget .orokublocks-card__text--size--regular {
  font-size: calc((12 / var(--font-size-base)) * 1rem);
}

.orokublocks-widget .orokublocks-card__text--style--bold {
  font-weight: 700;
}

.orokublocks-widget .orokublocks-card__text--line--height--small {
  line-height: 1.2;
}

.orokublocks-widget .orokublocks-card__text--line--height,
.orokublocks-widget .orokublocks-card__text--line--height p {
  line-height: 1.6;
}

.orokublocks-widget .orokublocks-card__text--style--highlighted {
  color: var(--card-primary-color);
}

.orokublocks-widget .orokublocks-card__text--size--small.orokublocks-card__text--space--below {
  margin-bottom: calc((14 / 16) * 1em);
}

.orokublocks-widget .orokublocks-card__text--nowrap {
  white-space: nowrap;
}

/**
 * 17.1. Card Text - Siblings
 */
.orokublocks-widget .orokublocks-card__text + .orokublocks-card__text {
  margin-top: calc((14 / 16) * 1em);
}

.orokublocks-widget .orokublocks-card__text + .orokublocks-card__text.orokublocks-card__text--no--space {
  margin-top: 0;
}

.orokublocks-widget .orokublocks-card__text + .orokublocks-feature-list,
.orokublocks-widget .orokublocks-card__text + .orokublocks-social-links,
.orokublocks-widget .orokublocks-card__text + .orokublocks-tag-list {
  margin-top: calc((16 / 16) * 1em);
}

.orokublocks-widget .orokublocks-card__text--sibling--spacing--small + .orokublocks-social-links {
  margin-top: calc((10 / 16) * 1em);
}

/*------------------------------------------------------------------*/
/**
 * 18. Card Text Link
 */
.orokublocks-widget .orokublocks-card__text-link {
  color: var(--card-primary-color);
  text-decoration: none;
}

.has-background-white .site .orokublocks-widget a.orokublocks-card__text-link:focus,
.site .orokublocks-widget a.orokublocks-card__text-link:focus {
  background: transparent;
  outline: calc((2 / 16) * 1rem) solid var(--card-text-color);
  color: var(--card-primary-color);
  text-decoration: none;
}

.orokublocks-widget .orokublocks-card__text-link:focus,
.orokublocks-widget .orokublocks-card__text-link:focus-visible {
  outline-offset: calc((4 / 16) * 1rem);
}

/*------------------------------------------------------------------*/
/**
 * 19. Card Link
 */
.orokublocks-widget .orokublocks-card__link {
  display: inline-block;
  text-decoration: none;
}

.orokublocks-widget .orokublocks-card__link:focus-visible {
  outline: calc((2 / 16) * 1rem) solid var(--card-text-color);
  outline-offset: calc((4 / 16) * 1rem);
}

.has-background-white .site a.orokublocks-card__link:focus:not(.wp-block-button__link):not(.wp-block-file__button),
.site .orokublocks-widget a.orokublocks-card__link:focus {
  background-color: transparent;
  outline: calc((2 / 16) * 1rem) solid var(--card-text-color);
  outline-offset: calc((4 / 16) * 1rem);
  color: inherit;
  text-decoration: none;
}

/*------------------------------------------------------------------*/
/**
 * 20. Social Links
 */
.orokublocks-widget .orokublocks-social-links {
  display: flex;
  gap: calc((12 / 16) * 1em);
}

.has-background-white .site .orokublocks-widget a.orokublocks-social-link:focus,
.site .orokublocks-widget a.orokublocks-social-link:focus {
  outline: none;
  text-decoration: none;
  background: transparent;
}

.orokublocks-widget .orokublocks-social-link:focus .orokublocks-social-link__icon,
.orokublocks-widget .orokublocks-social-link:focus-visible .orokublocks-social-link__icon {
  fill: var(--card-primary-color);
}

.orokublocks-widget .orokublocks-social-link__icon {
  width: calc((10 / 16) * 1em);
  height: calc((10 / 16) * 1em);
}

/*------------------------------------------------------------------*/
/**
 * 21. Rating
 */
.orokublocks-widget .orokublocks-rating {
  display: flex;
  gap: calc((4 / 16) * 1em);
}

.orokublocks-widget .orokublocks-rating__icon--empty {
  fill: var(--rating-underline-color);
}

.orokublocks-widget .orokublocks-rating__icon--filled {
  fill: var(--rating-color);
}

/**
 * 21.1. Rating - Size
 */
.orokublocks-widget .orokublocks-rating--size--small {
  gap: calc((3 / 16) * 1em);
}

.orokublocks-widget .orokublocks-rating--size--small .orokublocks-rating__icon {
  width: calc((13 / 16) * 1rem);
  height: calc((12 / 16) * 1rem);
}

/*------------------------------------------------------------------*/
/**
 * 22. Tag
 */
.orokublocks-widget .orokublocks-tag-list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: calc((8 / 16) * 1em);
}

.orokublocks-widget .orokublocks-tag {
  padding: calc((5 / 10) * 1em) calc((10 / 10) * 1em);
  background-color: #22212c;
  border-radius: 999em;
  color: #fff;
  font-size: calc((10 / var(--font-size-base)) * 1rem);
  font-weight: 800;
  text-decoration: none;
}

.has-background-white .site .orokublocks-widget a.orokublocks-tag:focus,
.site .orokublocks-widget a.orokublocks-tag:focus {
  background-color: #22212c;
  outline: calc((2 / 16) * 1rem) solid #22212c;
  color: #fff;
  text-decoration: none;
}

.site .orokublocks-widget .orokublocks-tag:focus,
.site .orokublocks-widget .orokublocks-tag:focus-visible {
  outline-offset: calc((3 / 16) * 1rem);
}

.orokublocks-widget .orokublocks-tag--size--medium {
  font-size: calc((12 / var(--font-size-base)) * 1rem);
}

/*------------------------------------------------------------------*/
/**
 * 23. Tag Box
 */
.orokublocks-widget .orokublocks-tag-box {
  display: inline-flex;
  padding: calc((8 / 16) * 1em) calc((12 / 16) * 1em);
  border: calc((1 / 16) * 1rem) solid var(--card-line-color);
  border-radius: 999em;
  background-color: var(--card-background-color);
}

/**
 * 23.1. Tag Box - Position
 */
.orokublocks-widget .orokublocks-tag-box--position--absolute {
  position: absolute;
  z-index: 10;
}

.orokublocks-widget .orokublocks-tag-box--position--top {
  top: calc((27 / 16) * 1em);
}

.orokublocks-widget .orokublocks-tag-box--position--top--small {
  top: calc((17 / 16) * 1em);
}

.orokublocks-widget .orokublocks-tag-box--position--top--overlayed {
  top: calc((-12 / 16) * 1em);
}

.orokublocks-widget .orokublocks-tag-box--position--right {
  right: calc((-12 / 16) * 1em);
}

.orokublocks-widget .orokublocks-tag-box--position--left {
  left: calc((32 / 16) * 1em);
}

.orokublocks-widget .orokublocks-tag-box--position--center {
  left: 50%;
  transform: translateX(-50%);
}

/**
 * 23.2. Tag Box - Spacing
 */
.orokublocks-widget .orokublocks-tag-box--spacing--bottom {
  margin-bottom: calc((8 / 16) * 1em);
}

/*------------------------------------------------------------------*/
/**
 * 24. Status Tag
 */
.orokublocks-widget .orokublocks-status-tag {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.orokublocks-widget .orokublocks-status-tag--enabled {
  --status-tag-icon-color: var(--status-tag-enabled-icon-color);
  --status-tag-background-color: var(--status-tag-enabled-background-color);
}

.orokublocks-widget .orokublocks-status-tag--disabled {
  --status-tag-icon-color: var(--status-tag-disabled-icon-color);
  --status-tag-background-color: var(--status-tag-disabled-background-color);
}

.orokublocks-widget .orokublocks-status-tag--size--small.orokublocks-status-tag--style--outline,
.orokublocks-widget .orokublocks-status-tag--size--small.orokublocks-status-tag--style--background {
  width: calc((12 / 16) * 1em);
  height: calc((12 / 16) * 1em);
  border-radius: 50%;
}

.orokublocks-widget .orokublocks-status-tag--style--outline,
.orokublocks-widget .orokublocks-status-tag--style--background {
  width: calc((18 / 16) * 1em);
  height: calc((18 / 16) * 1em);
  border-radius: 50%;
}

.orokublocks-widget .orokublocks-status-tag--style--outline {
  border: calc((2 / 16) * 1rem) solid var(--status-tag-icon-color);
}

.orokublocks-widget .orokublocks-status-tag--style--background {
  background-color: var(--status-tag-background-color);
}

.orokublocks-widget .orokublocks-status-tag--style--radius {
  border-radius: 6px;
}

.orokublocks-widget .orokublocks-status-tag__icon {
  fill: var(--status-tag-icon-color);
}

.orokublocks-widget .orokublocks-status-tag-container {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: calc((30 / 16) * 1em);
  height: calc((30 / 16) * 1em);
  border: calc((1 / 16) * 1rem) solid var(--card-line-color);
  border-radius: 50%;
  background-color: var(--card-background-color);
}

.orokublocks-widget .orokublocks-status-tag-container--attached {
  position: absolute;
  bottom: calc((-15 / 16) * 1em);
  left: 50%;
  transform: translateX(-50%);
}

/*------------------------------------------------------------------*/
/**
 * 25. Text Box
 */
.orokublocks-widget .orokublocks-text-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(--card-border-radius) * 1px);
}

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

.orokublocks-widget .orokublocks-text-box__icon {
  margin-right: calc((10 / 16) * 1em);
}

.orokublocks-widget .orokublocks-text-box__title {
  font-size: calc((16 / var(--font-size-base)) * 1rem);
  font-weight: 700;
  line-height: 1.16;
}

.orokublocks-widget .orokublocks-text-box__message {
  font-size: calc((16 / var(--font-size-base)) * 1rem);
  line-height: 1.8;
}

/**
 * 25.1. Text Box - Theme
 */
.orokublocks-widget .orokublocks-text-box--theme--isolated {
  /**
   * Font
   */
  --font-size-base: 16;
  --font-family: "Inter", sans-serif;

  /**
   * Color
   */
  --card-primary-color: #00d4cf;
  --card-background-color: #ffffff;
  --card-background-alt-color: #f7f7f9;
  --card-line-color: #c7cdd6;
  --card-text-color: #22212c;
  --card-border-radius: 24;

  --card-icon-color: var(--card-text-color);

  --card-button-text-color: var(--card-background-color);
  --card-button-background-color: var(--card-text-color);
  --card-button-background-hover-color: var(--card-primary-color);
}

.orokublocks-widget .orokublocks-text-box--theme--negative {
  border-color: #ff2c78;
  background-color: rgba(255, 44, 120, .04);
}

/*------------------------------------------------------------------------------*/
/**
 * 26. Text Box Status Tag
 */
.orokublocks-widget .orokublocks-text-box-status-tag {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}

/**
 * 26.1. Text Box Status Tag - Theme
 */
.orokublocks-widget .orokublocks-text-box-status-tag--theme--negative {
  --orokublocks-status-tag-color-decoration: #ff2c78;
  --orokublocks-status-tag-color-icon: #ff2c78;
}

/**
 * 26.2. Text Box Status Tag - Style
 */
.orokublocks-widget .orokublocks-text-box-status-tag--style--border {
  border: calc((2 / 16) * 1rem) solid var(--orokublocks-status-tag-color-decoration);
}

.orokublocks-widget .orokublocks-text-box-status-tag--style--solid {
  --orokublocks-status-tag-color-icon: var(--card-background-color);
  background-color: var(--orokublocks-status-tag-color-decoration);
}

/**
 * 26.3. Text Box Status Tag - Size
 */
.orokublocks-widget .orokublocks-text-box-status-tag--size--regular {
  width: calc((18 / 16) * 1rem);
  height: calc((18 / 16) * 1rem);
}

.orokublocks-widget .orokublocks-text-box-status-tag--size--small {
  width: calc((14 / 16) * 1rem);
  height: calc((14 / 16) * 1rem);
}

.orokublocks-widget .orokublocks-text-box-status-tag--size--small .orokublocks-text-box-status-tag__icon {
  width: calc((6 / 16) * 1rem);
  height: calc((6 / 16) * 1rem);
}

/*------------------------------------------------------------------*/
/**
 * 27. Text Box Status Tag Icon
 */
.orokublocks-widget .orokublocks-text-box-status-tag__icon {
  fill: var(--orokublocks-status-tag-color-icon);
}

/*------------------------------------------------------------------*/
/**
 * 28. Verified Tag
 */
.orokublocks-widget .orokublocks-verified-tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: calc((14 / 16) * 1em);
  height: calc((14 / 16) * 1em);
  border: calc((1 / 16) * 1rem) solid var(--card-background-color);
  border-radius: 50%;
  background-color: var(--verified-user-color);
}

.orokublocks-widget .orokublocks-verified-tag__icon {
  fill: #ffffff;
  width: calc((6 / 16) * 1rem);
  height: calc((5 / 16) * 1rem);
}

/*------------------------------------------------------------------*/
/**
 * 29. Feature List
 */
.orokublocks-widget .orokublocks-feature-list__item {
  display: flex;
  gap: calc((8 / 16) * 1em);
}

.orokublocks-widget .orokublocks-feature-list__item + .orokublocks-feature-list__item {
  margin-top: calc((16 / 16) * 1em);
}

.orokublocks-widget .orokublocks-feature-list__item .orokublocks-status-tag {
  flex-shrink: 0;
}

/**
 * 29.1. Feature List - Style
 */
.orokublocks-widget .orokublocks-feature-list--style--row {
  display: flex;
  flex-wrap: wrap;
  gap: calc((18 / 16) * 1em) calc((32 / 16) * 1em);
}

.orokublocks-widget .orokublocks-feature-list--style--row .orokublocks-feature-list__item + .orokublocks-feature-list__item {
  margin-top: 0;
}

.orokublocks-widget .orokublocks-feature-list--style--row .orokublocks-feature-list__item {
  width: 100%;
  max-width: calc((248 / 16) * 1em);
}

/*------------------------------------------------------------------*/
/**
 * 30. Detail list
 */
.orokublocks-widget .orokublocks-detail-list {
  display: flex;
  flex-direction: column;
  gap: calc((32 / 16) * 1em);
}

/**
 * 30.1. Detail list - Style
 */
.orokublocks-widget .orokublocks-detail-list--style--row .orokublocks-detail-item {
  display: flex;
  flex-direction: column;
  gap: calc((16 / 16) * 1em);
}

.orokublocks-widget .orokublocks-detail-list--style--column .orokublocks-detail-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.orokublocks-widget .orokublocks-detail-list--style--column .orokublocks-detail-item__text {
  font-size: calc((10 / var(--font-size-base)) * 1rem);
  text-transform: uppercase;
}

/**
 * 30.2. Detail list Item
 */
.orokublocks-widget .orokublocks-detail-item__title {
  font-size: calc((10 / var(--font-size-base)) * 1rem);
  text-transform: uppercase;
}

.orokublocks-widget .orokublocks-detail-item__text {
  font-size: calc((14 / var(--font-size-base)) * 1rem);
  font-weight: 700;
}

/*------------------------------------------------------------------*/
/**
 * 31. Countdown
 */
.orokublocks-widget .orokublocks-countdown {
  display: flex;
  max-width: calc((340 / 16) * 1em);
}

.orokublocks-widget .orokublocks-countdown--align--center {
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

.orokublocks-widget .orokublocks-countdown--align--left {
  gap: calc((16 / 16) * 1em);
}

.orokublocks-widget .orokublocks-countdown__item {
  width: 100%;
  position: relative;
}

.orokublocks-widget .orokublocks-countdown__item:not(:last-child)::after {
  content: ':';
  color: var(--card-text-color);
  font-family: var(--font-family);
  font-size: calc((20 / var(--font-size-base)) * 1rem);
  font-weight: 700;
  position: absolute;
  top: 0;
  right: calc((-2 / 16) * 1em);
}

.orokublocks-widget .orokublocks-countdown__title,
.orokublocks-widget .orokublocks-countdown__text {
  line-height: 1;
}

.orokublocks-widget .orokublocks-countdown__title {
  font-size: calc((18 / var(--font-size-base)) * 1rem);
  font-weight: 700;
}

.orokublocks-widget .orokublocks-countdown__text {
  margin-top: calc((8 / 12) * 1em);
  font-size: calc((12 / var(--font-size-base)) * 1rem);
}

.orokublocks-widget .orokublocks-countdown .xm-countdown-expired-text {
  width: 100%;
  padding: calc((12 / 14) * 1em);
  border: calc((1 / 16) * 1rem) solid var(--card-text-color);
  border-radius: 999em;
  font-size: calc((14 / var(--font-size-base)) * 1rem);
  font-weight: 700;
  text-align: center;
}

/*------------------------------------------------------------------*/
/**
 * 32. Image Tag
 */
.orokublocks-widget .orokublocks-image-tag {
  border: calc((1 / 16) * 1rem) solid var(--card-line-color);
  background-color: var(--card-background-color);
}

.orokublocks-widget .orokublocks-image-tag__image-container {
  width: calc((38 / 16) * 1em);
  height: calc((38 / 16) * 1em);
  border: calc((1 / 16) * 1rem) solid var(--card-line-color);
  border-radius: 50%;
  position: relative;
}

.orokublocks-widget .orokublocks-image-tag__image {
  display: block;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  object-position: center center;
}

/**
 * 32.1. Image Tag - Style
 */
.orokublocks-widget .orokublocks-image-tag--style--pill {
  padding: calc((7 / 16) * 1em) calc((13 / 16) * 1em);
  border-radius: 999em;
}

.orokublocks-widget .orokublocks-image-tag--style--round {
  padding: calc((5 / 16) * 1em);
  border-radius: 50%;
}

.orokublocks-widget .orokublocks-image-tag--style--round.orokublocks-image-tag--size--small {
  padding: calc((4 / 16) * 1em);
}

.orokublocks-widget .orokublocks-image-tag--style--round.orokublocks-image-tag--size--medium {
  padding: calc((7 / 16) * 1em);
}

.orokublocks-widget .orokublocks-image-tag--style--round.orokublocks-image-tag--size--big {
  padding: calc((8 / 16) * 1em);
}

.orokublocks-widget .orokublocks-image-tag__image-container--style--simple {
  border: unset;
}

.orokublocks-widget .orokublocks-image-tag__image-container--style--simple .orokublocks-image-tag__image {
  height: auto;
  border-radius: unset;
}

/**
 * 32.2. Image Tag - Size
 */
.orokublocks-widget .orokublocks-image-tag--size--tiny .orokublocks-image-tag__image-container {
  width: calc((16 / 16) * 1em);
  height: calc((16 / 16) * 1em);
}

.orokublocks-widget .orokublocks-image-tag--size--small .orokublocks-image-tag__image-container {
  width: calc((30 / 16) * 1em);
  height: calc((30 / 16) * 1em);
}

.orokublocks-widget .orokublocks-image-tag--size--medium .orokublocks-image-tag__image-container {
  width: calc((44 / 16) * 1em);
  height: calc((44 / 16) * 1em);
}

.orokublocks-widget .orokublocks-image-tag--size--big .orokublocks-image-tag__image-container {
  width: calc((62 / 16) * 1em);
  height: calc((62 / 16) * 1em);
}

/*------------------------------------------------------------------*/
/**
 * 33. Image Composition
 */
.orokublocks-widget .orokublocks-image-composition {
  position: relative;
}

.orokublocks-widget .orokublocks-image-composition .orokublocks-card__image-container:nth-child(2) {
  position: absolute;
  top: calc((26 / 16) * 1em);
  right: calc((-2 / 16) * 1em);
}

/*------------------------------------------------------------------*/
/**
 * 34. User Avatar
 */
.orokublocks-widget .orokublocks-user-avatar {
  width: calc((26 / 16) * 1em);
  height: calc((26 / 16) * 1em);
  border-radius: 50%;
  background-color: var(--user-avatar-border-color);
  position: relative;
}

.orokublocks-widget .orokublocks-user-avatar__image {
  width: calc((22 / 16) * 1em);
  height: calc((22 / 16) * 1em);
  border: calc((1 / 16) * 1rem) solid var(--card-background-color);
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  object-fit: cover;
  object-position: center center;
}

.orokublocks-widget .orokublocks-user-avatar .orokublocks-verified-tag {
  position: absolute;
  bottom: calc((-1 / 16) * 1em);
  right: calc((-3 / 16) * 1em);
}

/**
 * 34.1. User Avatar - Style
 */
.orokublocks-widget .orokublocks-user-avatar--style--gradient {
  background: linear-gradient(to right, var(--user-avatar-gradient-start-color), var(--user-avatar-gradient-end-color));
}

/*------------------------------------------------------------------*/
/**
 * 35. Overlayed Avatars
 */
.orokublocks-widget .orokublocks-overlayed-avatars {
  display: flex;
  flex-shrink: 0;
}

.orokublocks-widget .orokublocks-overlayed-avatars .orokublocks-overlayed-avatar:not(:first-child) {
  margin-left: calc((-8 / 16) * 1em);
}

.orokublocks-widget .orokublocks-overlayed-avatar__image {
  display: block;
  width: calc((26 / 16) * 1em);
  height: calc((26 / 16) * 1em);
  border: calc((2 / 16) * 1rem) solid var(--card-background-alt-color);
  border-radius: 50%;
  object-fit: cover;
  object-position: center center;
}

/*------------------------------------------------------------------*/
/**
 * 36. Thumbnail
 */
.orokublocks-widget .orokublocks-thumbnail__image {
  display: block;
  width: calc((40 / 16) * 1em);
  height: calc((40 / 16) * 1em);
  border: calc((1 / 16) * 1rem) solid var(--card-line-color);
  border-radius: 12px;
  object-fit: cover;
  object-position: center center;
}

/**
 * 36.1. Thumbnail - Style
 */
.orokublocks-widget .orokublocks-thumbnail__image--style--round {
  border-radius: 50%;
}

/**
 * 36.2. Thumbnail - Size
 */
.orokublocks-widget .orokublocks-thumbnail__image--size--regular {
  width: calc((32 / 16) * 1em);
  height: calc((32 / 16) * 1em);
  border-radius: 8px;
}

.orokublocks-widget .orokublocks-thumbnail__image--size--small {
  width: calc((24 / 16) * 1em);
  height: calc((24 / 16) * 1em);
  border-radius: 6px;
}

.orokublocks-widget .orokublocks-thumbnail__image--size--smaller {
  width: calc((22 / 16) * 1em);
  height: calc((22 / 16) * 1em);
}

/*------------------------------------------------------------------*/
/**
 * 37. Point Award
 */
.orokublocks-widget .orokublocks-point-award {
  display: flex;
  align-items: center;
  gap: calc((4 / 16) * 1em);
}

.orokublocks-widget .orokublocks-point-award__image {
  width: calc((16 / 16) * 1em);
  height: calc((16 / 16) * 1em);
  object-fit: cover;
  object-position: center center;
}

/*------------------------------------------------------------------*/
/**
 * 38. Profile
 */
.orokublocks-widget .orokublocks-profile-wrap,
.orokublocks-widget .orokublocks-profile {
  position: relative;
  border-radius: calc(var(--card-image-border-radius) * 1px);
}

.orokublocks-widget .orokublocks-profile-wrap--border--bottom--flat,
.orokublocks-widget .orokublocks-profile-wrap--border--bottom--flat .orokublocks-profile,
.orokublocks-widget .orokublocks-profile-wrap--border--bottom--flat .orokublocks-card__image-container,
.orokublocks-widget .orokublocks-profile-wrap--border--bottom--flat .orokublocks-card__image,
.orokublocks-widget .orokublocks-profile-wrap--border--bottom--flat .orokublocks-profile__overlay {
  border-bottom-left-radius: unset;
  border-bottom-right-radius: unset;
}

.orokublocks-widget .orokublocks-profile {
  width: calc((304 / 16) * 1em);
  height: calc((440 / 16) * 1em);
}

/**
 * 38.1. Profile - Size
 */
.orokublocks-widget .orokublocks-profile--size--big {
  height: calc((524 / 16) * 1em);
}

.orokublocks-widget .orokublocks-profile--style--with--cover {
  padding-top: calc((17 / 16) * 1em);
  overflow: hidden;
}

/**
 * 38.2. Profile - Style
 */
.orokublocks-widget .orokublocks-profile--style--background--color {
  background-color: var(--profile-background-color);
}

.orokublocks-widget .orokublocks-profile--style--background--gradient {
  background: linear-gradient(to bottom, var(--profile-background-gradient-start-color), var(--profile-background-gradient-end-color));
}

.orokublocks-widget .orokublocks-profile--style--cut--corners {
  border-top-left-radius: unset;
  border-bottom-right-radius: unset;
}

.orokublocks-widget .orokublocks-profile--style--cut--corners::before,
.orokublocks-widget .orokublocks-profile--style--cut--corners::after {
  content: '';
  width: 0;
  height: 0;
  position: absolute;
  z-index: 2;
}

.orokublocks-widget .orokublocks-profile--style--cut--corners::before {
  border-right: 110px solid transparent;
  border-top: 120px solid var(--card-background-color);
  top: calc((17 / 16) * 1em);
  left: 0;
}

.orokublocks-widget .orokublocks-profile__image.orokublocks-profile--style--cut--corners::before {
  top: 0;
}

.orokublocks-widget .orokublocks-profile--style--cut--corners::after {
  border-left: 110px solid transparent;
  border-bottom: 120px solid var(--card-background-color);
  bottom: 0;
  right: 0;
}

.orokublocks-widget .orokublocks-profile--style--with--cover .orokublocks-profile__image {
  width: auto;
  height: auto;
  top: calc((-17 / 16) * 1em);
}

.orokublocks-widget .orokublocks-profile--style--with--cover .orokublocks-profile__image .orokublocks-card__image-container {
  width: auto;
  height: auto;
}

.orokublocks-widget .orokublocks-profile--style--with--cover .orokublocks-profile__image .orokublocks-card__image {
  position: static;
  max-width: unset;
  width: 380px;
}

/*------------------------------------------------------------------*/
/**
 * 39. Profile Cover
 */
.orokublocks-widget .orokublocks-profile__cover {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.orokublocks-widget .orokublocks-profile__cover .orokublocks-card__image-container {
  width: 100%;
  height: 100%;
}

/*------------------------------------------------------------------*/
/**
 * 40. Profile Image
 */
.orokublocks-widget .orokublocks-profile__image,
.orokublocks-widget .orokublocks-profile__image .orokublocks-card__image-container {
  width: 100%;
  height: 100%;
}

.orokublocks-widget .orokublocks-profile__image {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
}

.orokublocks-widget .orokublocks-profile__image--offset--left {
  left: calc((46 / 16) * 1em);
  transform: none;
}

.orokublocks-widget .orokublocks-profile__image--offset--left .orokublocks-profile__overlay {
  left: calc((-46 / 16) * 1em);
}

/*------------------------------------------------------------------*/
/**
 * 41. Profile Overlay
 */
.orokublocks-widget .orokublocks-profile__overlay {
  width: 100%;
  height: 100%;
  border-radius: calc(var(--card-image-border-radius) * 1px);
  background: linear-gradient(to bottom, transparent 60%, var(--profile-overlay-color));
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

/*------------------------------------------------------------------*/
/**
 * 42. Profile Details
 */
.orokublocks-widget .orokublocks-profile__details {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: calc((14 / 16) * 1em);
  width: 100%;
  height: 100%;
  padding: calc((28 / 16) * 1em) calc((22 / 16) * 1em);
  border-radius: calc(var(--card-image-border-radius) * 1px);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}

.orokublocks-widget .orokublocks-profile--style--with--cover .orokublocks-profile__details {
  padding-top: calc((17 / 16) * 1em);
}

.orokublocks-widget .orokublocks-profile__details--justify--content--end {
  justify-content: flex-end;
}

.orokublocks-widget .orokublocks-profile__details--justify--content--space--between {
  justify-content: space-between;
}

.orokublocks-widget .orokublocks-profile__details--align--items--center {
  text-align: center;
  align-items: center;
}

.orokublocks-widget .orokublocks-profile__details .orokublocks-card__title,
.orokublocks-widget .orokublocks-profile__details .orokublocks-card__text {
  color: #ffffff;
}

.orokublocks-widget .orokublocks-profile__details .orokublocks-card__title {
  max-width: calc((220 / 16) * 1rem);
  line-height: .9;
}

.orokublocks-widget .orokublocks-profile__details .orokublocks-card__title--width--narrow {
  max-width: calc((182 / 16) * 1rem);
}

.orokublocks-widget .orokublocks-profile__details-item {
  display: flex;
  align-items: flex-start;
  gap: calc((12 / 16) * 1em);
}

.orokublocks-widget .orokublocks-profile__details-item--direction--vertical {
  flex-direction: column;
}

/*------------------------------------------------------------------*/
/**
 * 43. Profile Floaty
 */
.orokublocks-widget .orokublocks-profile__floaty {
  position: absolute;
  z-index: 10;
}

.orokublocks-widget .orokublocks-profile__floaty--position--top {
  top: calc((26 / 16) * 1em);
}

.orokublocks-widget .orokublocks-profile__floaty--position--top--adjacent {
  top: 0;
}

.orokublocks-widget .orokublocks-profile__floaty--position--top--plus {
  top: calc((28 / 16) * 1em);
}

.orokublocks-widget .orokublocks-profile__floaty--position--top--small {
  top: calc((18 / 16) * 1em);
}

.orokublocks-widget .orokublocks-profile__floaty--position--top--tiny {
  top: calc((4 / 16) * 1em);
}

.orokublocks-widget .orokublocks-profile--style--with--cover .orokublocks-profile__floaty--position--top--tiny {
  top: calc((21 / 16) * 1em);
}

.orokublocks-widget .orokublocks-profile__floaty--position--left {
  left: calc((18 / 16) * 1em);
}

.orokublocks-widget .orokublocks-profile__floaty--position--left--adjacent {
  left: 0;
}

.orokublocks-widget .orokublocks-profile__floaty--position--left--tiny {
  left: calc((4 / 16) * 1em);
}

.orokublocks-widget .orokublocks-profile__floaty--position--right {
  right: calc((18 / 16) * 1em);
}

.orokublocks-widget .orokublocks-profile__floaty--position--right--adjacent {
  right: 0;
}

.orokublocks-widget .orokublocks-profile__floaty--position--right--out {
  right: calc((-12 / 16) * 1em);
}

.orokublocks-widget .orokublocks-profile__floaty--position--right--tiny {
  right: calc((4 / 16) * 1em);
}

.orokublocks-widget .orokublocks-profile__floaty--position--bottom--adjacent {
  bottom: 0;
}

.orokublocks-widget .orokublocks-profile__floaty--position--bottom--tiny {
  bottom: calc((4 / 16) * 1em);
}

/*------------------------------------------------------------------*/
/**
 * 44. Profile Logo
 */
.orokublocks-widget .orokublocks-profile__logo {
  display: block;
  width: calc((50 / 16) * 1em);
  height: auto;
}

/**
 * 44.1. Profile Logo - Size
 */
.orokublocks-widget .orokublocks-profile__logo--size--small {
  width: calc((40 / 16) * 1em);
}

/*------------------------------------------------------------------*/
/**
 * 45. Profile Drop
 */
.orokublocks-widget .orokublocks-profile__drop {
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc((80 / 16) * 1em);
  height: calc((80 / 16) * 1em);
  background-color: var(--card-background-color);
  border-top-left-radius: calc(var(--card-border-radius) * 1px);
  border-bottom-right-radius: calc(var(--card-border-radius) * 1px);
}

.orokublocks-widget .orokublocks-profile__drops .orokublocks-profile__drop {
  height: calc((70 / 16) * 1em);
  border-radius: unset;
}

.orokublocks-widget .orokublocks-profile__drops .orokublocks-profile__drop:first-child {
  border-top-right-radius: calc(var(--card-image-border-radius) * 1px);
}

.orokublocks-widget .orokublocks-profile__drops .orokublocks-profile__drop:last-child {
  border-bottom-left-radius: calc(var(--card-image-border-radius) * 1px);
}

/**
 * 45.1. Profile Drop - Style
 */
.orokublocks-widget .orokublocks-profile__drop--style--vertical {
  flex-direction: column;
}

.orokublocks-widget .orokublocks-profile__drop--style--bordered {
  border: calc((1 / 16) * 1rem) solid var(--card-line-color);
}

.orokublocks-widget .orokublocks-profile__drop--style--background {
  background-color: var(--profile-drop-background-color);
  position: relative;
}

.orokublocks-widget .orokublocks-profile__drop--style--background:nth-child(even)::before {
  content: '';
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .08);
  position: absolute;
  top: 0;
  left: 0;
}

.orokublocks-widget .orokublocks-profile__drop--style--background:first-child::before {
  border-top-right-radius: calc(var(--card-image-border-radius) * 1px);
}

.orokublocks-widget .orokublocks-profile__drop--style--background:last-child::before {
  border-bottom-left-radius: calc(var(--card-image-border-radius) * 1px);
}

.orokublocks-widget .orokublocks-profile__drop--style--background:nth-child(even) > * {
  z-index: 1;
}

/*------------------------------------------------------------------*/
/**
 * 46. Metrics
 */
.orokublocks-widget .orokublocks-metrics {
  display: flex;
  max-width: calc((340 / 16) * 1em);
}

.orokublocks-widget .orokublocks-metric {
  width: 100%;
  position: relative;
}

.orokublocks-widget .orokublocks-metric:not(:last-child)::after {
  content: '';
  width: calc((1 / 16) * 1em);
  height: calc((28 / 16) * 1em);
  background-color: var(--card-line-color);
  position: absolute;
  top: 0;
  right: calc((-2 / 16) * 1em);
}

/**
 * 46.1. Metrics - Align
 */
.orokublocks-widget .orokublocks-metrics--align--center {
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

.orokublocks-widget .orokublocks-metrics--align--left {
  gap: calc((16 / 16) * 1em);
}

/*------------------------------------------------------------------*/
/**
 * 47. Bullets
 */
.orokublocks-widget .orokublocks-bullets {
  display: inline-flex;
  gap: calc((2 / 16) * 1em);
  padding: calc((7 / 16) * 1em) calc((15 / 16) * 1em);
  background-color: var(--card-background-color);
  border: calc((1 / 16) * 1rem) solid var(--card-line-color);
  border-radius: 999em;
}

.orokublocks-widget .orokublocks-bullet {
  width: calc((16 / 16) * 1rem);
  height: calc((16 / 16) * 1rem);
  border: calc((4 / 16) * 1rem) solid var(--card-background-color);
  border-radius: 50%;
  background-color: var(--card-line-color);
  cursor: pointer;
}

.orokublocks-widget button:not(:hover):not(:active):not(.has-background).orokublocks-bullet {
  background-color: var(--card-line-color);
}

.orokublocks-widget button.orokublocks-bullet:focus {
  outline: unset;
}

.orokublocks-widget button.orokublocks-bullet:focus-visible {
  outline: calc((2 / 16) * 1rem) solid var(--card-text-color);
  outline-offset: calc((0 / 16) * 1rem);
}

/**
 * 47.1. Bullets - Style
 */
.orokublocks-widget .orokublocks-bullets--style--floaty {
  position: absolute;
  bottom: calc((-10 / 16) * 1em);
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
}

.orokublocks-widget .orokublocks-bullet.glide__bullet--active {
  background-color: var(--card-text-color);
}

.orokublocks-widget button:not(:hover):not(:active):not(.has-background).orokublocks-bullet.glide__bullet--active {
  background-color: var(--card-text-color);
}

/*------------------------------------------------------------------*/
/**
 * 48. Glide Carousel
 */
.orokublocks-widget .orokublocks-glide-carousel-container {
  position: relative;
}

.orokublocks-widget .orokublocks-glide-carousel,
.orokublocks-widget .orokublocks-glide-carousel-fixed {
  width: calc((304 / 16) * 1em);
}

.orokublocks-widget .orokublocks-glide-carousel-line {
  width: calc((230 / 16) * 1em);
}

.orokublocks-widget .orokublocks-glide-carousel-line--centered {
  margin-left: auto;
  margin-right: auto;
}

.orokublocks-widget .orokublocks-glide-carousel-line .orokublocks-card__image-container,
.orokublocks-widget .orokublocks-glide-carousel-line .orokublocks-card__image {
  border-radius: 12px;
}

.orokublocks-widget .orokublocks-glide-carousel-line .glide__slide--active .orokublocks-card__image {
  border: calc((2 / 16) * 1rem) solid var(--card-text-color);
}

.orokublocks-widget .orokublocks-glide-carousel-line .glide__arrows {
  width: 100%;
  position: absolute;
  top: calc((-5 / 16) * 1em);
}

.orokublocks-widget .orokublocks-glide-carousel-line .glide__arrow {
  width: calc((48 / 16) * 1em);
  height: calc((48 / 16) * 1em);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: absolute;
}

.orokublocks-widget .orokublocks-glide-carousel-line button:not(:hover):not(:active):not(.has-background).glide__arrow {
  background-color: transparent;
}

.orokublocks-widget .orokublocks-glide-carousel-line button.glide__arrow:focus {
  outline: unset;
}

.orokublocks-widget .orokublocks-glide-carousel-line button.glide__arrow:focus-visible {
  outline: calc((2 / 16) * 1rem) solid var(--card-text-color);
  outline-offset: calc((0 / 16) * 1rem);
}

.orokublocks-widget .orokublocks-glide-carousel-line .glide__arrow .orokublocks-glide-control__icon {
  fill: var(--card-text-color);
}

.orokublocks-widget .orokublocks-glide-carousel-line .glide__arrow--disabled {
  pointer-events: none;
}

.orokublocks-widget .orokublocks-glide-carousel-line .glide__arrow--disabled .orokublocks-glide-control__icon {
  fill: var(--card-line-color);
}

.orokublocks-widget .orokublocks-glide-carousel-line .glide__arrow--left {
  left: calc((-45 / 16) * 1em);
}

.orokublocks-widget .orokublocks-glide-carousel-line .glide__arrow--right {
  right: calc((-45 / 16) * 1em);
}

.orokublocks-widget .orokublocks-glide-carousel-line .glide__arrow--left .orokublocks-glide-control__icon {
  transform: rotate(90deg);
}

.orokublocks-widget .orokublocks-glide-carousel-line .glide__arrow--right .orokublocks-glide-control__icon {
  transform: rotate(270deg);
}

/*------------------------------------------------------------------*/
/**
 * 49. Thumbnail Bullets
 */
.orokublocks-widget .orokublocks-thumbnail-bullets {
  display: flex;
  gap: calc((6 / 16) * 1em);
}

.orokublocks-widget button.orokublocks-thumbnail-bullet {
  padding: calc((2 / 16) * 1em);
  background-color: transparent;
  font-size: calc((16 / var(--font-size-base)) * 1rem);
  cursor: pointer;
}

.orokublocks-widget .orokublocks-thumbnail-bullets button:not(:hover):not(:active):not(.has-background).orokublocks-thumbnail-bullet {
  background-color: transparent;
}

.orokublocks-widget .orokublocks-thumbnail-bullets button.orokublocks-thumbnail-bullet:focus {
  outline: unset;
}

.orokublocks-widget .orokublocks-thumbnail-bullet--active,
.orokublocks-widget .orokublocks-thumbnail-bullets button.orokublocks-thumbnail-bullet:focus-visible {
  border: calc((1 / 16) * 1rem) solid var(--card-text-color);
  border-radius: 50%;
}

/*------------------------------------------------------------------*/
/**
 * 50. Pill Option
 */
.orokublocks-widget .orokublocks-pill-options {
  display: flex;
  gap: calc((6 / 16) * 1em);
}

.orokublocks-widget .orokublocks-pill-option {
  padding: calc((2 / 16) * 1em) calc((9 / 16) * 1em);
  border: calc((1 / 16) * 1rem) solid var(--card-line-color);
  border-radius: 999em;
}

.orokublocks-widget .orokublocks-pill-option__text {
  text-transform: uppercase;
}

/*------------------------------------------------------------------*/
/**
 * 51. Color Bullet
 */
.orokublocks-widget .orokublocks-color-bullets {
  display: flex;
  gap: calc((4 / 16) * 1em);
}

.orokublocks-widget .orokublocks-color-bullet {
  width: calc((12 / 16) * 1em);
  height: calc((12 / 16) * 1em);
  border: calc((1 / 16) * 1rem) solid var(--card-line-color);
  border-radius: 50%;
}