/*!
Theme Name: graytheme
Theme URI: https://underscoretw.com/
Author: underscoretw.com
Author URI: https://underscoretw.com/
Description: A custom theme based on _tw
Version: 0.1.0
Tested up to: 6.2
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: graytheme
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

graytheme is based on _tw https://underscoretw.com/, (C) 2021-2023 Greg Sullivan
_tw is distributed under the terms of the GNU GPL v2 or later.

_tw is based on Underscores https://underscores.me/ and Varia https://github.com/Automattic/themes/tree/master/varia, (C) 2012-2023 Automattic, Inc.
Underscores and Varia are distributed under the terms of the GNU GPL v2 or later.
*/

/**
 * The line above injects the WordPress file header. It needs to be first,
 * before this comment.
 */

/**
 * This injects custom `@font-face` rules.
 */

/**
 * Custom `@font-face` rules
 *
 * These will be added immediately before Tailwind’s `base` layer.
 */

/**
 * This injects Tailwind's base styles and any base styles registered by
 * plugins, then adds custom base styles.
 */

/*! tailwindcss v3.4.0 | MIT License | https://tailwindcss.com
*/

/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box;
  /* 1 */
  border-width: 0;
  /* 2 */
  border-style: solid;
  /* 2 */
  border-color: #e5e7eb;
  /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -moz-tab-size: 4;
  /* 3 */
  -o-tab-size: 4;
     tab-size: 4;
  /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  /* 4 */
  font-feature-settings: normal;
  /* 5 */
  font-variation-settings: normal;
  /* 6 */
  -webkit-tap-highlight-color: transparent;
  /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0;
  /* 1 */
  line-height: inherit;
  /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0;
  /* 1 */
  color: inherit;
  /* 2 */
  border-top-width: 1px;
  /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  /* 1 */
  font-feature-settings: normal;
  /* 2 */
  font-variation-settings: normal;
  /* 3 */
  font-size: 1em;
  /* 4 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0;
  /* 1 */
  border-color: inherit;
  /* 2 */
  border-collapse: collapse;
  /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-feature-settings: inherit;
  /* 1 */
  font-variation-settings: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  font-weight: inherit;
  /* 1 */
  line-height: inherit;
  /* 1 */
  color: inherit;
  /* 1 */
  margin: 0;
  /* 2 */
  padding: 0;
  /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
[type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button;
  /* 1 */
  background-color: transparent;
  /* 2 */
  background-image: none;
  /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/

dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/

:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  /* 1 */
  vertical-align: middle;
  /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */

[hidden] {
  display: none;
}

*, ::before, ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
}

/**
 * Custom styles to immediately follow Tailwind’s `base` layer
 *
 * “Add things like base typography styles [or] opinionated global resets.”
 *
 * — from https://tailwindcss.com/docs/plugins#adding-base-styles
 */

/**
 * This uses the background and foreground colors declared in the
 * `theme.json` file and is applied both to the frontend and in the block
 * editor.
*/

html, body {
  overflow-x: hidden;
  max-width: 100%;
  width: 100%;
}

body {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --tw-text-opacity: 1;
  color: rgb(64 64 64 / var(--tw-text-opacity));
}

/* Prevent horizontal scroll on all containers */

#page,
#content,
.graytheme-content-main {
  max-width: 100%;
  overflow-x: hidden;
}

.post-text h5 + p, .post-text h6 + p {
  margin-top: 0 !important;
}

.post-text li::marker {
  color: var(--textcolor);
}

.post-text a {
  text-underline-offset: 5px;
  text-decoration-thickness: 1px !important;
  text-decoration-color: var(--posttexta) !important;
}

.faq-first > *:first-child {
  margin-top: 0 !important;
}

.graytheme-post-text-review > *:first-child {
  margin-top: 0 !important;
}

.ez-toc-widget-sticky-container ul.ez-toc-widget-sticky-list li.active {
  height: unset !important;
}

.knowledgebase nav > ul > li > ul {
  display: none;
  margin-left: 20px;
}

.knowledgebase nav > ul > li:has(.active) ul {
  display: block !important;
}

.knowledgebase nav > ul > li > a {
  font-size: 20px;
  color: var(--colorheadertocli);
  line-height: 28px;
  padding-top: 10px;
  padding-bottom: 10px;
  display: block;
  border-bottom: 1px solid var(--colorheadertocliunderline);
}

.knowledgebase .active > a {
  position: relative;
}

.knowledgebase .active > a:before {
  content: " ";
  width: 4px;
  height: calc(100% - 20px);
  background: var(--colorheadertoclia);
  position: absolute;
  right: -16px;
  top: 0;
  bottom: 0;
  margin: auto;
  border-radius: 2px;
}

.knowledgebase a {
  color: var(--colorheadertocli);
  font-size: 16px;
  line-height: 19.5px;
}

.knowledgebase ul ul a {
  padding-top: 10px !important;
  display: block !important;
  padding-bottom: 10px;
}

.knowledgebase nav > ul > li > ul {
  padding-bottom: 10px;
  padding-top: 10px;
}

.knowledgebase nav > ul > li:last-child > a {
  border-bottom: none !important;
}

#ez-toc-container {
  display: none !important;
}

.ez-toc-widget-sticky-container nav > ul > li:has(ul):before {
  content: " ";
  width: 16px;
  height: 9px;
  position: absolute;
  right: 0;
  background: var(--colorheadertocli);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='16' height='9' viewBox='0 0 16 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.88 0L8 5.56275L14.12 0L16 1.71255L8 9L0 1.71255L1.88 0Z' fill='white'/%3E%3C/svg%3E%0A");
  mask-image: url("data:image/svg+xml,%3Csvg width='16' height='9' viewBox='0 0 16 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.88 0L8 5.56275L14.12 0L16 1.71255L8 9L0 1.71255L1.88 0Z' fill='white'/%3E%3C/svg%3E%0A");
  top: 17px;
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}

.ez-toc-widget-sticky-container nav > ul > li:has(ul) {
  position: relative;
}

.header-fixed-active:before {
  content: " ";
  width: 100%;
  height: 30px;
  position: absolute;
  bottom: -30px;
  background: linear-gradient(180deg, var(--headershadow), rgb(0 0 0 / 0%));
}

.show-submenu:hover + .menu-shower {
  display: flex;
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
}

.menu-shower:hover {
  display: flex;
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
}

/* Keep submenu open when moving cursor from parent to dropdown */

.graytheme-menu-item:hover > .menu-shower {
  display: flex;
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
}

.menu-shower:before {
  content: " ";
  width: 100%;
  height: 25px;
  position: absolute;
  top: -10px;
}

.show-submenu:before {
  content: " ";
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: -15px;
}

input:focus::-moz-placeholder, textarea:focus::-moz-placeholder {
  color: rgb(0 0 0 / 0%);
}

input:focus::placeholder, textarea:focus::placeholder {
  color: rgb(0 0 0 / 0%);
}

.active-hidden ul {
  display: block !important;
}

nav.navigation.pagination {
  display: block;
  margin-top: 50px;
}

nav.navigation.pagination .nav-links {
  text-align: center;
}

.promo-text:before {
  content: " ";
  width: 50px;
  height: 100%;
  background: white;
  right: -45px;
  position: absolute;
  z-index: 0;
}

.sub_button button svg {
  transform: rotate(0.5turn) !important;
}

.sub_button:has(.hidden) button svg {
  transform: rotate(0turn) !important;
}

.box-shadow-before:before {
  content: " ";
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, var(--bgcontent), rgb(0 0 0 / 0%));
  position: absolute;
  bottom: 0;
}

input::-moz-placeholder, textarea::-moz-placeholder {
  color: var(--textcolorinputtextarea);
}

input::placeholder, textarea::placeholder {
  color: var(--textcolorinputtextarea);
}

.toggle_knowledge_base:before {
  content: " ";
  height: 100%;
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
}

.knowledgebase_mobile .ez-toc-widget-sticky-container nav > ul > li:has(ul):before, .knowledgebase_mobile .ez-toc-widget-sticky-container nav > ul > li.active:has(ul):before, .knowledgebase_mobile .ez-toc-widget-sticky-container nav > ul > li:has(.active):before {
  height: 7.5px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

.knowledgebase.knowledgebase_mobile nav > ul > li > a {
  padding-right: 20px;
}

.knowledgebase.knowledgebase_mobile .active > a:before {
  right: -10px;
}

.toggle_knowledge_base {
  /*	line-height: 1;
	padding: 7px;
	border-radius: 9px;*/
}

#page {
  box-shadow: 0px 1px 10px var(--contentshadow);
}

.rotate_arrow:before {
  transform: rotate(180deg);
}

.arrown1 {
  background: rgb(255 255 255 / 0%);
  width: 100px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}

.ez-toc-link {
  position: relative;
}

.graytheme-content-main-text ul ul, .graytheme-content-main-text ul ol {
  margin: 0 !important;
  padding: 0 !important;
}

.ez-toc-widget-sticky ul.ez-toc-widget-sticky-list.ez-toc-widget-sticky-list-level-1 > li:has(ul) > a {
  padding-right: 20px !important;
}

/*.show_mobile_slider .show_menu_mobile.hidden {
	display: block;
	background: #f6ebff;
}

.show_mobile_slider .show_menu_mobile.hidden li a {
	background: unset;
}*/

iframe[src*="youtube"] {
  aspect-ratio: 16 / 9;
  width: 100%;
}

.post-text table.table_new tbody {
  display: flex;
  flex-direction: column;
}

.post-text table.table_new tbody > tr {
  width: 100%;
  display: flex;
}

.post-text table.table_new thead {
  display: flex;
  flex-direction: column;
}

.post-text table.table_new tr > th {
  flex: auto !important;
}

.post-text table.table_new tr {
  display: flex;
}

.post-text table.table_new tr > th, .post-text table.table_new tr > td {
  min-width: 150px !important;
  text-align: unset !important;
  flex: 1;
}

.post-text table.table_new tr > th {
  margin: 0 !important;
}

.post-text table.table_new {
  overflow: hidden !important;
  max-width: 100% !important;
  background: var(--bgtableandknowledge);
}

.post-text table.table_new, .post-text table.table_new tr, .post-text table.table_new td, .post-text table.table_new th {
  border: none !important;
}

.post-text table.table_new {
  display: block;
  overflow-x: scroll;
}

.post-text table.table_new tbody {
  width: -moz-fit-content !important;
  width: fit-content !important;
  min-width: 100%;
}

.post-text table.table_new thead {
  width: -moz-fit-content;
  width: fit-content;
  min-width: 100%;
}

.post-text table.table_new {
  display: flex;
  flex-direction: column;
  overflow: auto !important;
  padding: 10px;
  border-radius: 16px;
}

.post-text table.table_new tbody > tr:nth-of-type(2n+1) {
  background: rgb(0 0 0 / 0%);
  border-radius: 10px;
}

.post-text table.table_new tbody > tr:nth-of-type(2n) {
  background: var(--bgtableandknowledgecontrast);
  border-radius: 10px;
}

.post-text table.table_new thead + tbody > tr:nth-of-type(2n+1) {
  background: var(--bgtableandknowledgecontrast);
  border-radius: 10px;
}

.post-text table.table_new thead + tbody > tr:nth-of-type(2n) {
  background: rgb(0 0 0 / 0%);
  border-radius: 10px;
}

.post-text table.table_new tbody > tr, .post-text table.table_new thead > tr {
  padding: 10px;
}

.post-text table.table_new thead {
  width: 100%;
}

.post-text table.table_new thead th {
  flex: 1 !important;
}

.post-text table.table_new {
  height: auto !important;
}

.lang-menu-wrapper .show-submenu:before {
  content: " ";
  width: 100%;
  height: 100%;
  position: absolute;
  top: -15px;
}

.lang-menu-wrapper:hover .show-submenu svg {
  transform: rotate(180deg);
}

.show_mobile_slider {
  transition: transform 0.3s ease-out;
}

.li_like:before {
  content: " ";
  width: 10px;
  height: 1px;
  position: absolute;
  left: 0;
  background: var(--menuliunderlinemobile);
  top: 20px;
}

.with_sub_menu + div > .show_menu_mobile_btn {
  border-top: 1px solid var(--menuliunderlinemobile);
}

.with_sub_menu.with_sub_menu_hide + div > .show_menu_mobile_btn {
  border-top: 0;
}

.svg-rotate {
  transform: rotate(180deg);
}

/* Prevent horizontal scroll on mobile */

.mobile_btns {
  overflow-x: hidden;
  max-width: 100vw;
  box-sizing: border-box;
  width: 100%;
}

.mobile_btns * {
  max-width: 100%;
  box-sizing: border-box;
}

.mobile_btns a,
.mobile_btns button {
  word-wrap: break-word;
  white-space: normal;
  max-width: 100%;
}

.mobile_btns .widget {
  max-width: 100%;
  overflow-x: hidden;
  width: 100%;
}

.mobile_btns .widget * {
  max-width: 100%;
}

.mobile_btns .widget img {
  max-width: 100%;
  height: auto;
}

/* Additional mobile overflow prevention */

@media (max-width: 1023px) {
  * {
    max-width: 100vw;
  }

  body > * {
    overflow-x: hidden;
  }
}

.graytheme-sidebar-fixer > *:nth-child(1) {
  order: 2;
}

.graytheme-sidebar-fixer > *:nth-child(2) {
  order: 1;
}

.graytheme-sidebar-fixer > *:nth-child(3) {
  order: 3;
}

.graytheme-sidebar-fixer > *:nth-child(4) {
  order: 4;
}

.graytheme-sidebar-fixer > *:nth-child(5) {
  order: 5;
}

.graytheme-content-main-text .wp-block-image:has(figure > img) {
  margin-top: 2em;
  margin-bottom: 2em;
}

.html-lang-hidden {
  display: none !important;
}

@keyframes bouncenew {
  0%, 100% {
    transform: translateY(-10%);
    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
  }

  50% {
    transform: none;
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }
}

.moneybag_icon {
  display: block;
  background-color: var(--colorbtnplaytext);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M24.0433 4C19.0249 4 14.4518 5.65746 11.7469 7.01231C11.5031 7.13439 11.2746 7.25402 11.0622 7.36975C10.642 7.59878 10.2852 7.81256 10 8L13.0777 12.5307L14.5263 13.1074C20.1889 15.9645 27.7825 15.9645 33.4451 13.1074L35.09 12.254L38 8C37.5736 7.7157 36.9838 7.37078 36.2581 7.00403C36.2139 6.98167 36.1692 6.95924 36.1239 6.93673C33.4307 5.59663 28.9687 4 24.0433 4ZM16.8852 9.12906C15.7776 8.92471 14.6893 8.64286 13.662 8.31949C16.1968 7.19394 19.9743 6 24.0433 6C26.8626 6 29.5282 6.57325 31.733 7.2991C29.1492 7.66384 26.3919 8.27955 23.7654 9.03939C21.6987 9.63727 19.2829 9.57147 16.8852 9.12906Z' fill='%23333333'%3E%3C/path%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M34.6185 14.7556L34.3461 14.893C28.1168 18.036 19.8546 18.036 13.6254 14.893L13.3664 14.7624C4.00908 25.0304 -5.80757 44.2853 24.0433 43.9968C53.8737 43.7085 43.9033 24.6761 34.6185 14.7556ZM25.7113 22H22.2887V23.6C21.1765 23.5974 20.1071 23.9999 19.3068 24.7222C18.5067 25.4443 18.0388 26.4294 18.0023 27.4687C17.9658 28.508 18.3636 29.5197 19.1113 30.2894C19.8591 31.0591 20.8981 31.5263 22.0081 31.592L22.2887 31.6H25.7113L25.8653 31.6128C26.0626 31.6462 26.2411 31.7433 26.3696 31.8872C26.4981 32.031 26.5686 32.2126 26.5686 32.4C26.5686 32.5874 26.4981 32.769 26.3696 32.9128C26.2411 33.0567 26.0626 33.1538 25.8653 33.1872L25.7113 33.2H18.8661V36.4H22.2887V38H25.7113V36.4C26.8235 36.4026 27.8929 36.0001 28.6932 35.2778C29.4933 34.5557 29.9612 33.5706 29.9977 32.5313C30.0342 31.492 29.6364 30.4803 28.8887 29.7106C28.1409 28.9409 27.1019 28.4737 25.9919 28.408L25.7113 28.4H22.2887L22.1347 28.3872C21.9374 28.3538 21.7589 28.2567 21.6304 28.1128C21.5019 27.969 21.4314 27.7874 21.4314 27.6C21.4314 27.4126 21.5019 27.231 21.6304 27.0872C21.7589 26.9433 21.9374 26.8462 22.1347 26.8128L22.2887 26.8H29.1339V23.6H25.7113V22Z' fill='%23333333'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M24.0433 4C19.0249 4 14.4518 5.65746 11.7469 7.01231C11.5031 7.13439 11.2746 7.25402 11.0622 7.36975C10.642 7.59878 10.2852 7.81256 10 8L13.0777 12.5307L14.5263 13.1074C20.1889 15.9645 27.7825 15.9645 33.4451 13.1074L35.09 12.254L38 8C37.5736 7.7157 36.9838 7.37078 36.2581 7.00403C36.2139 6.98167 36.1692 6.95924 36.1239 6.93673C33.4307 5.59663 28.9687 4 24.0433 4ZM16.8852 9.12906C15.7776 8.92471 14.6893 8.64286 13.662 8.31949C16.1968 7.19394 19.9743 6 24.0433 6C26.8626 6 29.5282 6.57325 31.733 7.2991C29.1492 7.66384 26.3919 8.27955 23.7654 9.03939C21.6987 9.63727 19.2829 9.57147 16.8852 9.12906Z' fill='%23333333'%3E%3C/path%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M34.6185 14.7556L34.3461 14.893C28.1168 18.036 19.8546 18.036 13.6254 14.893L13.3664 14.7624C4.00908 25.0304 -5.80757 44.2853 24.0433 43.9968C53.8737 43.7085 43.9033 24.6761 34.6185 14.7556ZM25.7113 22H22.2887V23.6C21.1765 23.5974 20.1071 23.9999 19.3068 24.7222C18.5067 25.4443 18.0388 26.4294 18.0023 27.4687C17.9658 28.508 18.3636 29.5197 19.1113 30.2894C19.8591 31.0591 20.8981 31.5263 22.0081 31.592L22.2887 31.6H25.7113L25.8653 31.6128C26.0626 31.6462 26.2411 31.7433 26.3696 31.8872C26.4981 32.031 26.5686 32.2126 26.5686 32.4C26.5686 32.5874 26.4981 32.769 26.3696 32.9128C26.2411 33.0567 26.0626 33.1538 25.8653 33.1872L25.7113 33.2H18.8661V36.4H22.2887V38H25.7113V36.4C26.8235 36.4026 27.8929 36.0001 28.6932 35.2778C29.4933 34.5557 29.9612 33.5706 29.9977 32.5313C30.0342 31.492 29.6364 30.4803 28.8887 29.7106C28.1409 28.9409 27.1019 28.4737 25.9919 28.408L25.7113 28.4H22.2887L22.1347 28.3872C21.9374 28.3538 21.7589 28.2567 21.6304 28.1128C21.5019 27.969 21.4314 27.7874 21.4314 27.6C21.4314 27.4126 21.5019 27.231 21.6304 27.0872C21.7589 26.9433 21.9374 26.8462 22.1347 26.8128L22.2887 26.8H29.1339V23.6H25.7113V22Z' fill='%23333333'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  position: absolute;
  width: 35px;
  height: 35px;
  right: 15px;
  animation: bouncenew 1s infinite;
}

.btn-shadow {
  box-shadow: 0px 6px 20px 10px var(--headershadow);
}

/**
 * This injects Tailwind's component classes and any component classes
 * registered by plugins, then adds custom component classes.
 *
 * The `@import-glob` line imports all CSS files from the `components`
 * directory (except for `components.css`, which is imported on the following
 * line). This is meant to simplify the process of integrating styles from
 * JavaScript components or WordPress plugins.
 */

.prose {
  color: var(--tw-prose-body);
}

.prose :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.25em;
  margin-bottom: 1.25em;
}

.prose :where([class~="lead"], [class~="is-style-lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-lead);
  font-size: 1.25em;
  line-height: 1.6;
  margin-top: 1.2em;
  margin-bottom: 1.2em;
}

.prose :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-links);
  text-decoration: underline;
  font-weight: 500;
}

.prose :where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-bold);
  font-weight: 600;
}

.prose :where(a strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}

.prose :where(blockquote strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}

.prose :where(thead th strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}

.prose :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: decimal;
  margin-top: 1.25em;
  margin-bottom: 1.25em;
  padding-left: 1.625em;
}

.prose :where(ol[type="A"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: upper-alpha;
}

.prose :where(ol[type="a"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: lower-alpha;
}

.prose :where(ol[type="A" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: upper-alpha;
}

.prose :where(ol[type="a" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: lower-alpha;
}

.prose :where(ol[type="I"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: upper-roman;
}

.prose :where(ol[type="i"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: lower-roman;
}

.prose :where(ol[type="I" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: upper-roman;
}

.prose :where(ol[type="i" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: lower-roman;
}

.prose :where(ol[type="1"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: decimal;
}

.prose :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: disc;
  margin-top: 1.25em;
  margin-bottom: 1.25em;
  padding-left: 1.625em;
}

.prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {
  font-weight: 400;
  color: var(--tw-prose-counters);
}

.prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {
  color: var(--tw-prose-bullets);
}

.prose :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 600;
  margin-top: 1.25em;
}

.prose :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  border-color: var(--tw-prose-hr);
  border-top-width: 1px;
  margin-top: 3em;
  margin-bottom: 3em;
  border-bottom: none;
}

.prose :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-weight: 500;
  font-style: italic;
  color: var(--tw-prose-quotes);
  border-left-width: 0.25rem;
  border-left-color: var(--tw-prose-quote-borders);
  quotes: "\201C""\201D""\2018""\2019";
  margin-top: 1.6em;
  margin-bottom: 1.6em;
  padding-left: 1em;
  border-left-style: solid;
}

.prose :where(blockquote p:first-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
  content: open-quote;
}

.prose :where(blockquote p:last-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
  content: close-quote;
}

.prose :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 800;
  font-size: 2.25em;
  margin-top: 0;
  margin-bottom: 0.8888889em;
  line-height: 1.1111111;
}

.prose :where(h1 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-weight: 900;
  color: inherit;
}

.prose :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 700;
  font-size: 1.5em;
  margin-top: 2em;
  margin-bottom: 1em;
  line-height: 1.3333333;
}

.prose :where(h2 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-weight: 800;
  color: inherit;
}

.prose :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 600;
  font-size: 1.25em;
  margin-top: 1.6em;
  margin-bottom: 0.6em;
  line-height: 1.6;
}

.prose :where(h3 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-weight: 700;
  color: inherit;
}

.prose :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 600;
  margin-top: 1.5em;
  margin-bottom: 0.5em;
  line-height: 1.5;
}

.prose :where(h4 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-weight: 700;
  color: inherit;
}

.prose :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 2em;
  margin-bottom: 2em;
}

.prose :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  display: block;
  margin-top: 2em;
  margin-bottom: 2em;
}

.prose :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-weight: 500;
  font-family: inherit;
  color: var(--tw-prose-kbd);
  box-shadow: 0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%), 0 3px 0 rgb(var(--tw-prose-kbd-shadows) / 10%);
  font-size: 0.875em;
  border-radius: 0.3125rem;
  padding-top: 0.1875em;
  padding-right: 0.375em;
  padding-bottom: 0.1875em;
  padding-left: 0.375em;
}

.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-code);
  font-weight: 600;
  font-size: 0.875em;
}

.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
  content: "`";
}

.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
  content: "`";
}

.prose :where(a code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}

.prose :where(h1 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}

.prose :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
  font-size: 0.875em;
}

.prose :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
  font-size: 0.9em;
}

.prose :where(h4 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}

.prose :where(blockquote code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}

.prose :where(thead th code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}

.prose :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-pre-code);
  background-color: var(--tw-prose-pre-bg);
  overflow-x: auto;
  font-weight: 400;
  font-size: 0.875em;
  line-height: 1.7142857;
  margin-top: 1.7142857em;
  margin-bottom: 1.7142857em;
  border-radius: 0.375rem;
  padding-top: 0.8571429em;
  padding-right: 1.1428571em;
  padding-bottom: 0.8571429em;
  padding-left: 1.1428571em;
}

.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  background-color: transparent;
  border-width: 0;
  border-radius: 0;
  padding: 0;
  font-weight: inherit;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
}

.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
  content: none;
}

.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
  content: none;
}

.prose :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  width: 100%;
  table-layout: auto;
  text-align: left;
  margin-top: 2em;
  margin-bottom: 2em;
  font-size: 0.875em;
  line-height: 1.7142857;
}

.prose :where(thead):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  border-bottom-width: 1px;
  border-bottom-color: var(--tw-prose-th-borders);
}

.prose :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 600;
  vertical-align: bottom;
  padding-right: 0.5714286em;
  padding-bottom: 0.5714286em;
  padding-left: 0.5714286em;
}

.prose :where(tbody tr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  border-bottom-width: 1px;
  border-bottom-color: var(--tw-prose-td-borders);
}

.prose :where(tbody tr:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  border-bottom-width: 0;
}

.prose :where(tbody td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  vertical-align: baseline;
}

.prose :where(tfoot):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  border-top-width: 1px;
  border-top-color: var(--tw-prose-th-borders);
}

.prose :where(tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  vertical-align: top;
}

.prose :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
  margin-bottom: 0;
}

.prose :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-captions);
  font-size: 0.875em;
  line-height: 1.4285714;
  margin-top: 0.8571429em;
}

.prose {
  --tw-prose-body: #374151;
  --tw-prose-headings: #111827;
  --tw-prose-lead: #4b5563;
  --tw-prose-links: #111827;
  --tw-prose-bold: #111827;
  --tw-prose-counters: #6b7280;
  --tw-prose-bullets: #d1d5db;
  --tw-prose-hr: #e5e7eb;
  --tw-prose-quotes: #111827;
  --tw-prose-quote-borders: #e5e7eb;
  --tw-prose-captions: #6b7280;
  --tw-prose-kbd: #111827;
  --tw-prose-kbd-shadows: 17 24 39;
  --tw-prose-code: #111827;
  --tw-prose-pre-code: #e5e7eb;
  --tw-prose-pre-bg: #1f2937;
  --tw-prose-th-borders: #d1d5db;
  --tw-prose-td-borders: #e5e7eb;
  --tw-prose-invert-body: #d1d5db;
  --tw-prose-invert-headings: #fff;
  --tw-prose-invert-lead: #9ca3af;
  --tw-prose-invert-links: #fff;
  --tw-prose-invert-bold: #fff;
  --tw-prose-invert-counters: #9ca3af;
  --tw-prose-invert-bullets: #4b5563;
  --tw-prose-invert-hr: #374151;
  --tw-prose-invert-quotes: #f3f4f6;
  --tw-prose-invert-quote-borders: #374151;
  --tw-prose-invert-captions: #9ca3af;
  --tw-prose-invert-kbd: #fff;
  --tw-prose-invert-kbd-shadows: 255 255 255;
  --tw-prose-invert-code: #fff;
  --tw-prose-invert-pre-code: #d1d5db;
  --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
  --tw-prose-invert-th-borders: #4b5563;
  --tw-prose-invert-td-borders: #374151;
  font-size: 1rem;
  line-height: 1.75;
}

.prose :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
  margin-bottom: 0;
}

.prose :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 2em;
  margin-bottom: 2em;
}

.prose :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-left: 0.375em;
}

.prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-left: 0.375em;
}

.prose :where(.prose > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}

.prose :where(.prose > ul > li > *:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.25em;
}

.prose :where(.prose > ul > li > *:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-bottom: 1.25em;
}

.prose :where(.prose > ol > li > *:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.25em;
}

.prose :where(.prose > ol > li > *:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-bottom: 1.25em;
}

.prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}

.prose :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.25em;
  margin-bottom: 1.25em;
}

.prose :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0.5em;
  padding-left: 1.625em;
}

.prose :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
}

.prose :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
}

.prose :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
}

.prose :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
}

.prose :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-left: 0;
}

.prose :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-right: 0;
}

.prose :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-top: 0.5714286em;
  padding-right: 0.5714286em;
  padding-bottom: 0.5714286em;
  padding-left: 0.5714286em;
}

.prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-left: 0;
}

.prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-right: 0;
}

.prose :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 2em;
  margin-bottom: 2em;
}

.prose :where(.prose > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
}

.prose :where(.prose > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-bottom: 0;
}

.prose :where(blockquote > cite):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-body);
  font-style: normal;
  font-weight: 400;
}

.prose :where(blockquote > cite):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
  content: "\2014";
}

.prose :where(table.has-fixed-layout):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  table-layout: fixed;
  width: 100%;
}

.prose-base {
  font-size: 1rem;
  line-height: 1.75;
}

.prose-base :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.25em;
  margin-bottom: 1.25em;
}

.prose-base :where([class~="lead"], [class~="is-style-lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-size: 1.25em;
  line-height: 1.6;
  margin-top: 1.2em;
  margin-bottom: 1.2em;
}

.prose-base :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.6em;
  margin-bottom: 1.6em;
  padding-left: 1em;
}

.prose-base :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-size: 2.25em;
  margin-top: 0;
  margin-bottom: 0.8888889em;
  line-height: 1.1111111;
}

.prose-base :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-size: 1.5em;
  margin-top: 2em;
  margin-bottom: 1em;
  line-height: 1.3333333;
}

.prose-base :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-size: 1.25em;
  margin-top: 1.6em;
  margin-bottom: 0.6em;
  line-height: 1.6;
}

.prose-base :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.5em;
  margin-bottom: 0.5em;
  line-height: 1.5;
}

.prose-base :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 2em;
  margin-bottom: 2em;
}

.prose-base :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 2em;
  margin-bottom: 2em;
}

.prose-base :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
  margin-bottom: 0;
}

.prose-base :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 2em;
  margin-bottom: 2em;
}

.prose-base :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-size: 0.875em;
  border-radius: 0.3125rem;
  padding-top: 0.1875em;
  padding-right: 0.375em;
  padding-bottom: 0.1875em;
  padding-left: 0.375em;
}

.prose-base :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-size: 0.875em;
}

.prose-base :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-size: 0.875em;
}

.prose-base :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-size: 0.9em;
}

.prose-base :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-size: 0.875em;
  line-height: 1.7142857;
  margin-top: 1.7142857em;
  margin-bottom: 1.7142857em;
  border-radius: 0.375rem;
  padding-top: 0.8571429em;
  padding-right: 1.1428571em;
  padding-bottom: 0.8571429em;
  padding-left: 1.1428571em;
}

.prose-base :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.25em;
  margin-bottom: 1.25em;
  padding-left: 1.625em;
}

.prose-base :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.25em;
  margin-bottom: 1.25em;
  padding-left: 1.625em;
}

.prose-base :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.prose-base :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-left: 0.375em;
}

.prose-base :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-left: 0.375em;
}

.prose-base :where(.prose-base > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}

.prose-base :where(.prose-base > ul > li > *:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.25em;
}

.prose-base :where(.prose-base > ul > li > *:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-bottom: 1.25em;
}

.prose-base :where(.prose-base > ol > li > *:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.25em;
}

.prose-base :where(.prose-base > ol > li > *:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-bottom: 1.25em;
}

.prose-base :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}

.prose-base :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.25em;
  margin-bottom: 1.25em;
}

.prose-base :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.25em;
}

.prose-base :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0.5em;
  padding-left: 1.625em;
}

.prose-base :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 3em;
  margin-bottom: 3em;
}

.prose-base :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
}

.prose-base :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
}

.prose-base :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
}

.prose-base :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
}

.prose-base :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-size: 0.875em;
  line-height: 1.7142857;
}

.prose-base :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-right: 0.5714286em;
  padding-bottom: 0.5714286em;
  padding-left: 0.5714286em;
}

.prose-base :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-left: 0;
}

.prose-base :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-right: 0;
}

.prose-base :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-top: 0.5714286em;
  padding-right: 0.5714286em;
  padding-bottom: 0.5714286em;
  padding-left: 0.5714286em;
}

.prose-base :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-left: 0;
}

.prose-base :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-right: 0;
}

.prose-base :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 2em;
  margin-bottom: 2em;
}

.prose-base :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
  margin-bottom: 0;
}

.prose-base :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-size: 0.875em;
  line-height: 1.4285714;
  margin-top: 0.8571429em;
}

.prose-base :where(.prose-base > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
}

.prose-base :where(.prose-base > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-bottom: 0;
}

.prose-neutral {
  --tw-prose-body: #404040;
  --tw-prose-headings: #171717;
  --tw-prose-lead: #525252;
  --tw-prose-links: #171717;
  --tw-prose-bold: #171717;
  --tw-prose-counters: #737373;
  --tw-prose-bullets: #d4d4d4;
  --tw-prose-hr: #e5e5e5;
  --tw-prose-quotes: #171717;
  --tw-prose-quote-borders: #e5e5e5;
  --tw-prose-captions: #737373;
  --tw-prose-kbd: #171717;
  --tw-prose-kbd-shadows: 23 23 23;
  --tw-prose-code: #171717;
  --tw-prose-pre-code: #e5e5e5;
  --tw-prose-pre-bg: #262626;
  --tw-prose-th-borders: #d4d4d4;
  --tw-prose-td-borders: #e5e5e5;
  --tw-prose-invert-body: #d4d4d4;
  --tw-prose-invert-headings: #fff;
  --tw-prose-invert-lead: #a3a3a3;
  --tw-prose-invert-links: #fff;
  --tw-prose-invert-bold: #fff;
  --tw-prose-invert-counters: #a3a3a3;
  --tw-prose-invert-bullets: #525252;
  --tw-prose-invert-hr: #404040;
  --tw-prose-invert-quotes: #f5f5f5;
  --tw-prose-invert-quote-borders: #404040;
  --tw-prose-invert-captions: #a3a3a3;
  --tw-prose-invert-kbd: #fff;
  --tw-prose-invert-kbd-shadows: 255 255 255;
  --tw-prose-invert-code: #fff;
  --tw-prose-invert-pre-code: #d4d4d4;
  --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
  --tw-prose-invert-th-borders: #525252;
  --tw-prose-invert-td-borders: #404040;
}

/**
 * Custom styles to immediately follow Tailwind’s `components` layer
 *
 * “Add more opinionated, complex classes like buttons, form controls, alerts,
 * etc; the sort of pre-built components you often see in other frameworks that
 * you might need to override with utility classes.”
 *
 * — from https://tailwindcss.com/docs/plugins#adding-components
 */

/**
 * Post title styles
 *
 * These will be applied to all headings with a `page-title` or `entry-title`
 * class on the frontend and to the post title in the block editor.
 *
 * The supplied styles are meant to match the default `h1` classes from
 * Tailwind Typography.
 */

.page-title,
.entry-title {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.5rem;
  max-width: 40rem;
  font-size: 1.875rem;
  line-height: 2.25rem;
  font-weight: 800;
  --tw-text-opacity: 1;
  color: rgb(23 23 23 / var(--tw-text-opacity));
}

/**
 * Layout styles for centered content areas
 *
 * If you are controlling the width of your content area with styles applied
 * to its container, you can delete the following styles whose selectors begin
 * with `.page-content >` and `.entry-content >`. For more details, please see
 * the following:
 *
 * https://make.wordpress.org/core/2021/06/29/on-layout-and-content-width-in-wordpress-5-8/
 */

.page-content > *,
.entry-content > * {
  /* Content width from the `theme.json` file */
  margin-left: auto;
  margin-right: auto;
  max-width: 40rem;
}

.entry-content > .alignwide {
  /* Wide width from the `theme.json` file */
  max-width: 60rem;
}

.entry-content > .alignfull {
  max-width: none;
}

.entry-content > .alignleft {
  float: left;
  margin-right: 2rem;
}

.entry-content > .alignright {
  float: right;
  margin-left: 2rem;
}

/**
 * Gray theme specific styles
 * Косметические изменения для темы Gray
 */

.theme-gray .card {
  border-top-width: 4px;
  border-top-color: var(--colorbtnplay);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.theme-gray .card:hover {
  --tw-shadow: 0 10px 30px rgba(107,114,128,0.3);
  --tw-shadow-colored: 0 10px 30px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  transform: translateY(-6px) scale(1.02);
}

.theme-gray .btn-primary {
  position: relative;
  overflow: hidden;
  background: linear-gradient(135deg, var(--colorbtnplay) 0%, #4B5563 100%);
}

.theme-gray .btn-primary::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);
  transition: left 0.5s;
}

.theme-gray .btn-primary:hover::before {
  left: 100%;
}

.theme-gray .content-block {
  border-left-width: 4px;
  border-left-color: var(--colorheadertoclia);
  background: linear-gradient(90deg, var(--bgtableandknowledge) 0%, var(--bgtableandknowledgecontrast) 100%);
}

.theme-gray .faq-item {
  border-radius: 0.75rem;
  border-left: 4px solid var(--colorheadertoclia);
  transition: all 0.3s ease;
}

.theme-gray .faq-item:hover {
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  transform: translateX(8px);
  border-left-width: 6px;
}

.theme-gray .table-container {
  overflow: hidden;
  border-radius: 1rem;
  box-shadow: 0 4px 20px rgba(107, 114, 128, 0.15);
}

.theme-gray .table-header {
  background: linear-gradient(135deg, var(--colorheadertocbg) 0%, #4B5563 100%);
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.theme-gray .sidebar-block {
  border-radius: 0.75rem;
  border-width: 2px;
  border-color: var(--colorheadertocliunderline);
  transition: all 0.3s ease;
}

.theme-gray .sidebar-block:hover {
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  border-color: var(--colorheadertoclia);
  transform: translateY(-4px);
}

/**
 * Gray theme menu styles
 * Улучшенные стили для меню
 */

.graytheme-nav-menu {
  position: relative;
}

.graytheme-menu-item {
  position: relative;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.graytheme-menu-link {
  border-radius: 0.5rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}

.graytheme-menu-link::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 2px;
  background: var(--menulicolorhover);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transform: translateX(-50%);
}

.graytheme-menu-link:hover::before {
  width: calc(100% - 1rem);
}

.graytheme-menu-link:hover {
  color: var(--menulicolorhover);
  transform: translateY(-2px);
}

.graytheme-menu-link-with-sub:hover .graytheme-menu-arrow {
  transform: rotate(180deg);
}

.graytheme-menu-text {
  position: relative;
  z-index: 10;
  transition: all 0.3s ease;
}

.graytheme-menu-link:hover .graytheme-menu-text {
  font-weight: 600;
}

.graytheme-menu-arrow {
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.graytheme-submenu {
  visibility: hidden;
  opacity: 0;
  transform: translateY(-10px);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}

.menu-shower:not(.hidden) {
  visibility: visible;
  opacity: 1;
  display: flex;
  transform: translateY(0);
  animation: slideDown 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

@keyframes slideDown {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.graytheme-submenu-item {
  position: relative;
  opacity: 0;
  transform: translateX(-10px);
  animation: slideInLeft 0.3s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}

.menu-shower:not(.hidden) .graytheme-submenu-item:nth-child(1) {
  animation-delay: 0.05s;
}

.menu-shower:not(.hidden) .graytheme-submenu-item:nth-child(2) {
  animation-delay: 0.1s;
}

.menu-shower:not(.hidden) .graytheme-submenu-item:nth-child(3) {
  animation-delay: 0.15s;
}

.menu-shower:not(.hidden) .graytheme-submenu-item:nth-child(4) {
  animation-delay: 0.2s;
}

.menu-shower:not(.hidden) .graytheme-submenu-item:nth-child(5) {
  animation-delay: 0.25s;
}

@keyframes slideInLeft {
  from {
    opacity: 0;
    transform: translateX(-10px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

.graytheme-submenu-link {
  overflow: hidden;
  position: relative;
}

.graytheme-submenu-link::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 3px;
  height: 100%;
  background: var(--menulicolorhover);
  transform: scaleY(0);
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.graytheme-submenu-link:hover::before {
  transform: scaleY(1);
}

.graytheme-submenu-link:hover {
  --tw-translate-x: 0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.graytheme-submenu-text {
  position: relative;
  z-index: 10;
  transition: all 0.3s ease;
}

.graytheme-submenu-link:hover .graytheme-submenu-text {
  font-weight: 600;
}

/**
 * Mobile menu styles
 * Стили для мобильного меню
 */

.graytheme-mobile-menu-item {
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
}

.graytheme-mobile-menu-item::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 2px;
  background: var(--menulicolorhover);
  transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.graytheme-mobile-menu-item:hover::after {
  width: 100%;
}

.graytheme-mobile-menu-item svg {
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.graytheme-mobile-menu-item:has(.show_menu_mobile:not(.hidden)) svg {
  transform: rotate(180deg);
}

.graytheme-mobile-submenu-item {
  opacity: 0;
  transform: translateX(-20px);
  animation: slideInMobile 0.3s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}

.show_menu_mobile:not(.hidden) .graytheme-mobile-submenu-item:nth-child(1) {
  animation-delay: 0.05s;
}

.show_menu_mobile:not(.hidden) .graytheme-mobile-submenu-item:nth-child(2) {
  animation-delay: 0.1s;
}

.show_menu_mobile:not(.hidden) .graytheme-mobile-submenu-item:nth-child(3) {
  animation-delay: 0.15s;
}

.show_menu_mobile:not(.hidden) .graytheme-mobile-submenu-item:nth-child(4) {
  animation-delay: 0.2s;
}

.show_menu_mobile:not(.hidden) .graytheme-mobile-submenu-item:nth-child(5) {
  animation-delay: 0.25s;
}

@keyframes slideInMobile {
  from {
    opacity: 0;
    transform: translateX(-20px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

.graytheme-mobile-submenu-link {
  overflow: hidden;
  position: relative;
}

.graytheme-mobile-submenu-link::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 3px;
  height: 100%;
  background: var(--menulicolorhover);
  transform: scaleY(0);
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.graytheme-mobile-submenu-link:hover::before {
  transform: scaleY(1);
}

.graytheme-mobile-submenu-link:hover {
  --tw-translate-x: 0.5rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  background: rgba(107, 114, 128, 0.1);
  border-radius: 0.5rem;
}

/**
 * This injects Tailwind's utility classes and any utility classes registered
 * by plugins, then adds custom utility classes.
 */

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.visible {
  visibility: visible;
}

.static {
  position: static;
}

.fixed {
  position: fixed;
}

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.sticky {
  position: sticky;
}

.inset-0 {
  inset: 0px;
}

.inset-y-0 {
  top: 0px;
  bottom: 0px;
}

.-left-8 {
  left: -2rem;
}

.-right-\[50px\] {
  right: -50px;
}

.bottom-0 {
  bottom: 0px;
}

.bottom-full {
  bottom: 100%;
}

.left-0 {
  left: 0px;
}

.left-\[0px\] {
  left: 0px;
}

.right-0 {
  right: 0px;
}

.right-5 {
  right: 1.25rem;
}

.top-0 {
  top: 0px;
}

.top-5 {
  top: 1.25rem;
}

.top-full {
  top: 100%;
}

.z-0 {
  z-index: 0;
}

.z-10 {
  z-index: 10;
}

.z-\[100\] {
  z-index: 100;
}

.z-\[101\] {
  z-index: 101;
}

.z-\[1\] {
  z-index: 1;
}

.z-\[9999\] {
  z-index: 9999;
}

.z-\[99\] {
  z-index: 99;
}

.\!m-\[5px\] {
  margin: 5px !important;
}

.-m-2 {
  margin: -0.5rem;
}

.-m-2\.5 {
  margin: -0.625rem;
}

.m-0 {
  margin: 0px;
}

.-my-6 {
  margin-top: -1.5rem;
  margin-bottom: -1.5rem;
}

.mx-\[20px\] {
  margin-left: 20px;
  margin-right: 20px;
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.my-\[20px\] {
  margin-top: 20px;
  margin-bottom: 20px;
}

.my-auto {
  margin-top: auto;
  margin-bottom: auto;
}

.mb-\[10px\] {
  margin-bottom: 10px;
}

.mb-\[20px\] {
  margin-bottom: 20px;
}

.mb-\[30px\] {
  margin-bottom: 30px;
}

.mb-\[40px\] {
  margin-bottom: 40px;
}

.mb-\[50px\] {
  margin-bottom: 50px;
}

.mb-\[5px\] {
  margin-bottom: 5px;
}

.ml-\[10px\] {
  margin-left: 10px;
}

.ml-\[20px\] {
  margin-left: 20px;
}

.mr-\[10px\] {
  margin-right: 10px;
}

.mr-\[20px\] {
  margin-right: 20px;
}

.mt-0 {
  margin-top: 0px;
}

.mt-2 {
  margin-top: 0.5rem;
}

.mt-2\.5 {
  margin-top: 0.625rem;
}

.mt-3 {
  margin-top: 0.75rem;
}

.mt-\[10px\] {
  margin-top: 10px;
}

.mt-\[15px\] {
  margin-top: 15px;
}

.mt-\[20px\] {
  margin-top: 20px;
}

.mt-\[30px\] {
  margin-top: 30px;
}

.mt-\[40px\] {
  margin-top: 40px;
}

.mt-\[50px\] {
  margin-top: 50px;
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.flex {
  display: flex;
}

.inline-flex {
  display: inline-flex;
}

.table {
  display: table;
}

.flow-root {
  display: flow-root;
}

.hidden {
  display: none;
}

.h-16 {
  height: 4rem;
}

.h-5 {
  height: 1.25rem;
}

.h-6 {
  height: 1.5rem;
}

.h-8 {
  height: 2rem;
}

.h-\[1px\] {
  height: 1px;
}

.h-\[20px\] {
  height: 20px;
}

.h-\[30px\] {
  height: 30px;
}

.h-\[34px\] {
  height: 34px;
}

.h-\[49px\] {
  height: 49px;
}

.h-\[50px\] {
  height: 50px;
}

.h-\[55px\] {
  height: 55px;
}

.h-\[56px\] {
  height: 56px;
}

.h-full {
  height: 100%;
}

.h-screen {
  height: 100vh;
}

.max-h-\[40px\] {
  max-height: 40px;
}

.max-h-\[50px\] {
  max-height: 50px;
}

.max-h-\[62px\] {
  max-height: 62px;
}

.min-h-\[60px\] {
  min-height: 60px;
}

.w-16 {
  width: 4rem;
}

.w-5 {
  width: 1.25rem;
}

.w-6 {
  width: 1.5rem;
}

.w-8 {
  width: 2rem;
}

.w-\[150px\] {
  width: 150px;
}

.w-\[190px\] {
  width: 190px;
}

.w-\[20px\] {
  width: 20px;
}

.w-\[30px\] {
  width: 30px;
}

.w-\[34px\] {
  width: 34px;
}

.w-\[465px\] {
  width: 465px;
}

.w-full {
  width: 100%;
}

.w-screen {
  width: 100vw;
}

.max-w-\[1296px\] {
  max-width: 1296px;
}

.max-w-\[300px\] {
  max-width: 300px;
}

.max-w-\[465px\] {
  max-width: 465px;
}

.max-w-\[50px\] {
  max-width: 50px;
}

.max-w-\[60\%\] {
  max-width: 60%;
}

.max-w-\[90vw\] {
  max-width: 90vw;
}

.max-w-full {
  max-width: 100%;
}

.max-w-lg {
  max-width: 32rem;
}

.max-w-none {
  max-width: none;
}

.max-w-sm {
  max-width: 24rem;
}

.flex-\[0_0_20px\] {
  flex: 0 0 20px;
}

.flex-\[0_0_40px\] {
  flex: 0 0 40px;
}

.flex-\[0_0_50\%\] {
  flex: 0 0 50%;
}

.flex-\[0_0_calc\(100\%_-_396px\)\] {
  flex: 0 0 calc(100% - 396px);
}

.flex-\[1_1_0\%\] {
  flex: 1 1 0%;
}

.flex-auto {
  flex: 1 1 auto;
}

.flex-none {
  flex: none;
}

.\!translate-x-0 {
  --tw-translate-x: 0px !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}

.translate-x-full {
  --tw-translate-x: 100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.cursor-pointer {
  cursor: pointer;
}

.flex-col {
  flex-direction: column;
}

.flex-wrap {
  flex-wrap: wrap;
}

.items-start {
  align-items: flex-start;
}

.items-center {
  align-items: center;
}

.justify-start {
  justify-content: flex-start;
}

.justify-end {
  justify-content: flex-end;
}

.justify-center {
  justify-content: center;
}

.justify-between {
  justify-content: space-between;
}

.gap-\[10px\] {
  gap: 10px;
}

.gap-\[15px\] {
  gap: 15px;
}

.gap-\[20px\] {
  gap: 20px;
}

.gap-\[40px\] {
  gap: 40px;
}

.gap-\[5px\] {
  gap: 5px;
}

.gap-x-1 {
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

.space-y-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}

.space-y-\[10px\] > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(10px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(10px * var(--tw-space-y-reverse));
}

.divide-y > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}

.divide-gray-500\/10 > :not([hidden]) ~ :not([hidden]) {
  border-color: rgb(107 114 128 / 0.1);
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-y-auto {
  overflow-y: auto;
}

.overflow-x-hidden {
  overflow-x: hidden;
}

.rounded-\[10px\] {
  border-radius: 10px;
}

.rounded-\[16px\] {
  border-radius: 16px;
}

.rounded-\[20px\] {
  border-radius: 20px;
}

.rounded-\[34px\] {
  border-radius: 34px;
}

.rounded-\[35px\] {
  border-radius: 35px;
}

.rounded-\[50\%\] {
  border-radius: 50%;
}

.rounded-\[6px\] {
  border-radius: 6px;
}

.rounded-\[9px\] {
  border-radius: 9px;
}

.rounded-full {
  border-radius: 9999px;
}

.rounded-lg {
  border-radius: 0.5rem;
}

.rounded-md {
  border-radius: 0.375rem;
}

.rounded-xl {
  border-radius: 0.75rem;
}

.\!rounded-bl-none {
  border-bottom-left-radius: 0px !important;
}

.\!rounded-br-none {
  border-bottom-right-radius: 0px !important;
}

.rounded-bl-\[16px\] {
  border-bottom-left-radius: 16px;
}

.rounded-br-\[16px\] {
  border-bottom-right-radius: 16px;
}

.rounded-tl-\[10px\] {
  border-top-left-radius: 10px;
}

.rounded-tl-\[16px\] {
  border-top-left-radius: 16px;
}

.rounded-tr-\[10px\] {
  border-top-right-radius: 10px;
}

.rounded-tr-\[16px\] {
  border-top-right-radius: 16px;
}

.\!border-\[1px\] {
  border-width: 1px !important;
}

.border-0 {
  border-width: 0px;
}

.border-2 {
  border-width: 2px;
}

.border-\[1px\] {
  border-width: 1px;
}

.border-b-0 {
  border-bottom-width: 0px;
}

.border-b-\[1px\] {
  border-bottom-width: 1px;
}

.border-t-2 {
  border-top-width: 2px;
}

.border-solid {
  border-style: solid;
}

.\!border-\[var\(--borderinputtextarea\)\] {
  border-color: var(--borderinputtextarea) !important;
}

.border-\[color\:var\(--bgtableandknowledge\)\] {
  border-color: var(--bgtableandknowledge);
}

.border-\[color\:var\(--bordercontent\)\] {
  border-color: var(--bordercontent);
}

.border-\[color\:var\(--colorbtnpromocodebgwheretext\)\] {
  border-color: var(--colorbtnpromocodebgwheretext);
}

.border-\[color\:var\(--faqcolorborder\)\] {
  border-color: var(--faqcolorborder);
}

.border-\[color\:var\(--headerbordermobile\)\] {
  border-color: var(--headerbordermobile);
}

.border-\[color\:var\(--menuliunderlinemobile\)\] {
  border-color: var(--menuliunderlinemobile);
}

.border-\[rgba\(243\2c 243\2c 243\2c 0\.2\)\] {
  border-color: rgba(243,243,243,0.2);
}

.border-b-\[color\:var\(--colorheadertocliunderline\)\] {
  border-bottom-color: var(--colorheadertocliunderline);
}

.bg-\[color\:var\(--bg\)\] {
  background-color: var(--bg);
}

.bg-\[color\:var\(--bgcontent\)\] {
  background-color: var(--bgcontent);
}

.bg-\[color\:var\(--bgcontentmobile\)\] {
  background-color: var(--bgcontentmobile);
}

.bg-\[color\:var\(--bgheadermobile\)\] {
  background-color: var(--bgheadermobile);
}

.bg-\[color\:var\(--bgmobilemenutoshow\)\] {
  background-color: var(--bgmobilemenutoshow);
}

.bg-\[color\:var\(--bgsubmenuandlang\)\] {
  background-color: var(--bgsubmenuandlang);
}

.bg-\[color\:var\(--bgtableandknowledge\)\] {
  background-color: var(--bgtableandknowledge);
}

.bg-\[color\:var\(--bgtableandknowledgecontrast\)\] {
  background-color: var(--bgtableandknowledgecontrast);
}

.bg-\[color\:var\(--btnfooterbg\)\] {
  background-color: var(--btnfooterbg);
}

.bg-\[color\:var\(--btnfooterbghover\)\] {
  background-color: var(--btnfooterbghover);
}

.bg-\[color\:var\(--colorbtnplay\)\] {
  background-color: var(--colorbtnplay);
}

.bg-\[color\:var\(--colorbtnpromocode\)\] {
  background-color: var(--colorbtnpromocode);
}

.bg-\[color\:var\(--colorheadertocbg\)\] {
  background-color: var(--colorheadertocbg);
}

.bg-\[color\:var\(--faqcolorborder\)\] {
  background-color: var(--faqcolorborder);
}

.bg-\[color\:var\(--menulibuttonmobile\)\] {
  background-color: var(--menulibuttonmobile);
}

.bg-\[color\:var\(--menulicolorli\)\] {
  background-color: var(--menulicolorli);
}

.bg-\[color\:var\(--separatorcolor\)\] {
  background-color: var(--separatorcolor);
}

.bg-\[color\:var\(--submenulia\)\] {
  background-color: var(--submenulia);
}

.bg-\[color\:var\(--toggleknowledgebase\)\] {
  background-color: var(--toggleknowledgebase);
}

.bg-\[rgb\(47_47_47_\/_70\%\)\] {
  background-color: rgb(47 47 47 / 70%);
}

.bg-\[rgba\(33\2c 34\2c 44\2c 0\.7\)\] {
  background-color: rgba(33,34,44,0.7);
}

.bg-black {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}

.bg-red-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity));
}

.bg-transparent {
  background-color: transparent;
}

.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.bg-cover {
  background-size: cover;
}

.bg-center {
  background-position: center;
}

.bg-no-repeat {
  background-repeat: no-repeat;
}

.object-contain {
  -o-object-fit: contain;
     object-fit: contain;
}

.\!p-\[0px\] {
  padding: 0px !important;
}

.p-2 {
  padding: 0.5rem;
}

.p-2\.5 {
  padding: 0.625rem;
}

.p-5 {
  padding: 1.25rem;
}

.p-\[10px\] {
  padding: 10px;
}

.p-\[15px\] {
  padding: 15px;
}

.p-\[5px\] {
  padding: 5px;
}

.p-\[7px\] {
  padding: 7px;
}

.\!py-\[0px\] {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}

.px-\[10px\] {
  padding-left: 10px;
  padding-right: 10px;
}

.px-\[20px\] {
  padding-left: 20px;
  padding-right: 20px;
}

.px-\[30px\] {
  padding-left: 30px;
  padding-right: 30px;
}

.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.py-\[100px\] {
  padding-top: 100px;
  padding-bottom: 100px;
}

.py-\[10px\] {
  padding-top: 10px;
  padding-bottom: 10px;
}

.py-\[15px\] {
  padding-top: 15px;
  padding-bottom: 15px;
}

.py-\[20px\] {
  padding-top: 20px;
  padding-bottom: 20px;
}

.\!pl-\[10px\] {
  padding-left: 10px !important;
}

.\!pr-\[0px\] {
  padding-right: 0px !important;
}

.\!pt-16 {
  padding-top: 4rem !important;
}

.\!pt-\[0px\] {
  padding-top: 0px !important;
}

.pb-\[135px\] {
  padding-bottom: 135px;
}

.pl-6 {
  padding-left: 1.5rem;
}

.pl-\[10px\] {
  padding-left: 10px;
}

.pr-3 {
  padding-right: 0.75rem;
}

.pr-\[55px\] {
  padding-right: 55px;
}

.pt-\[15px\] {
  padding-top: 15px;
}

.pt-\[20px\] {
  padding-top: 20px;
}

.pt-\[50px\] {
  padding-top: 50px;
}

.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.font-roboto {
  font-family: Roboto, sans;
}

.text-\[12px\] {
  font-size: 12px;
}

.text-\[14px\] {
  font-size: 14px;
}

.text-\[16px\] {
  font-size: 16px;
}

.text-\[20px\] {
  font-size: 20px;
}

.text-\[24px\] {
  font-size: 24px;
}

.text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}

.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.\!font-bold {
  font-weight: 700 !important;
}

.font-bold {
  font-weight: 700;
}

.font-light {
  font-weight: 300;
}

.font-normal {
  font-weight: 400;
}

.font-semibold {
  font-weight: 600;
}

.uppercase {
  text-transform: uppercase;
}

.leading-6 {
  line-height: 1.5rem;
}

.leading-7 {
  line-height: 1.75rem;
}

.leading-\[24px\] {
  line-height: 24px;
}

.leading-\[28px\] {
  line-height: 28px;
}

.leading-\[30px\] {
  line-height: 30px;
}

.leading-\[45px\] {
  line-height: 45px;
}

.leading-\[48px\] {
  line-height: 48px;
}

.leading-none {
  line-height: 1;
}

.\!text-\[\#000\] {
  --tw-text-opacity: 1 !important;
  color: rgb(0 0 0 / var(--tw-text-opacity)) !important;
}

.\!text-\[color\:var\(--colorbtnplaytext\)\] {
  color: var(--colorbtnplaytext) !important;
}

.\!text-\[color\:var\(--colorbtnpromocode\)\] {
  color: var(--colorbtnpromocode) !important;
}

.\!text-\[color\:var\(--textcolor\)\] {
  color: var(--textcolor) !important;
}

.text-\[color\:var\(--colorbtnplaytext\)\] {
  color: var(--colorbtnplaytext);
}

.text-\[color\:var\(--colorbtnpromocodetext\)\] {
  color: var(--colorbtnpromocodetext);
}

.text-\[color\:var\(--colorheadertoc\)\] {
  color: var(--colorheadertoc);
}

.text-\[color\:var\(--colorheadertocli\)\] {
  color: var(--colorheadertocli);
}

.text-\[color\:var\(--faqcolorheader\)\] {
  color: var(--faqcolorheader);
}

.text-\[color\:var\(--menulicolormobile\)\] {
  color: var(--menulicolormobile);
}

.text-\[color\:var\(--textcolor\)\] {
  color: var(--textcolor);
}

.text-\[var\(--menulicolor\)\] {
  color: var(--menulicolor);
}

.text-gray-400 {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity));
}

.text-gray-500 {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}

.text-gray-700 {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
}

.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.no-underline {
  text-decoration-line: none;
}

.opacity-80 {
  opacity: 0.8;
}

.opacity-\[0\.5\] {
  opacity: 0.5;
}

.opacity-\[0\.6\] {
  opacity: 0.6;
}

.shadow-\[0px_1px_1px_0px_rgb\(0\2c 0\2c 0\2c 25\%\)\] {
  --tw-shadow: 0px 1px 1px 0px rgb(0,0,0,25%);
  --tw-shadow-colored: 0px 1px 1px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-lg {
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.outline-none {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.outline {
  outline-style: solid;
}

.outline-\[2px\] {
  outline-width: 2px;
}

.outline-\[color\:var\(--colorheadertocliunderline\)\] {
  outline-color: var(--colorheadertocliunderline);
}

.ring-1 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.ring-gray-900\/5 {
  --tw-ring-color: rgb(17 24 39 / 0.05);
}

.invert {
  --tw-invert: invert(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-transform {
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.duration-200 {
  transition-duration: 200ms;
}

.duration-300 {
  transition-duration: 300ms;
}

/**
 * Custom styles to immediately follow Tailwind’s `utilities` layer
 *
 * Add your own utility classes to this theme. Complex utility classes should
 * be added using Tailwind’s plugin system:
 *
 * https://tailwindcss.com/docs/plugins#adding-utilities
 */

.last\:border-0:last-child {
  border-width: 0px;
}

.hover\:bg-\[color\:var\(--btnfooterbghover\)\]:hover {
  background-color: var(--btnfooterbghover);
}

.hover\:bg-\[color\:var\(--colorbtnplayhover\)\]:hover {
  background-color: var(--colorbtnplayhover);
}

.hover\:bg-\[color\:var\(--colorbtnpromocodehover\)\]:hover {
  background-color: var(--colorbtnpromocodehover);
}

.hover\:bg-\[color\:var\(--menulicolorlihover\)\]:hover {
  background-color: var(--menulicolorlihover);
}

.hover\:bg-\[color\:var\(--submenuliahover\)\]:hover {
  background-color: var(--submenuliahover);
}

.hover\:bg-red-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(185 28 28 / var(--tw-bg-opacity));
}

.hover\:text-\[color\:var\(--footerliahover\)\]:hover {
  color: var(--footerliahover);
}

.hover\:opacity-60:hover {
  opacity: 0.6;
}

.hover\:opacity-\[0\.9\]:hover {
  opacity: 0.9;
}

.focus\:outline-none:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.prose-headings\:m-0 :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  margin: 0px;
}

.prose-headings\:mb-\[10px\] :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  margin-bottom: 10px;
}

.prose-headings\:text-\[16px\] :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  font-size: 16px;
}

.prose-headings\:font-bold :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  font-weight: 700;
}

.prose-headings\:leading-\[38px\] :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  line-height: 38px;
}

.prose-headings\:text-\[color\:var\(--textcolor\)\] :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  color: var(--textcolor);
}

.prose-h1\:text-\[20px\] :is(:where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  font-size: 20px;
}

.prose-h5\:m-0 :is(:where(h5):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  margin: 0px;
}

.prose-h5\:mb-\[10px\] :is(:where(h5):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  margin-bottom: 10px;
}

.prose-h5\:font-bold :is(:where(h5):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  font-weight: 700;
}

.prose-h5\:leading-\[38px\] :is(:where(h5):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  line-height: 38px;
}

.prose-h6\:m-0 :is(:where(h6):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  margin: 0px;
}

.prose-h6\:mb-\[10px\] :is(:where(h6):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  margin-bottom: 10px;
}

.prose-h6\:font-bold :is(:where(h6):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  font-weight: 700;
}

.prose-h6\:leading-\[38px\] :is(:where(h6):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  line-height: 38px;
}

.prose-p\:leading-\[24px\] :is(:where(p):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  line-height: 24px;
}

.prose-a\:leading-\[24px\] :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  line-height: 24px;
}

.prose-a\:text-primary :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / var(--tw-text-opacity));
}

.prose-blockquote\:ml-\[5px\] :is(:where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  margin-left: 5px;
}

.prose-blockquote\:border-none :is(:where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  border-style: none;
}

.prose-blockquote\:font-normal :is(:where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  font-weight: 400;
}

.prose-blockquote\:not-italic :is(:where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  font-style: normal;
}

.prose-strong\:text-\[color\:var\(--textcolor\)\] :is(:where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  color: var(--textcolor);
}

.prose-em\:text-\[color\:var\(--textcolor\)\] :is(:where(em):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  color: var(--textcolor);
}

.prose-ol\:ml-\[5px\] :is(:where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  margin-left: 5px;
}

.prose-ol\:leading-\[24px\] :is(:where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  line-height: 24px;
}

.prose-ul\:ml-\[5px\] :is(:where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  margin-left: 5px;
}

.prose-ul\:leading-\[24px\] :is(:where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  line-height: 24px;
}

@media (min-width: 640px) {
  .sm\:inline {
    display: inline;
  }

  .sm\:max-w-sm {
    max-width: 24rem;
  }

  .sm\:text-\[16px\] {
    font-size: 16px;
  }

  .sm\:ring-1 {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  }

  .sm\:ring-gray-900\/10 {
    --tw-ring-color: rgb(17 24 39 / 0.1);
  }
}

@media (min-width: 768px) {
  .md\:text-\[20px\] {
    font-size: 20px;
  }
}

@media (min-width: 1024px) {
  .lg\:mx-0 {
    margin-left: 0px;
    margin-right: 0px;
  }

  .lg\:mb-\[20px\] {
    margin-bottom: 20px;
  }

  .lg\:mb-\[40px\] {
    margin-bottom: 40px;
  }

  .lg\:mt-0 {
    margin-top: 0px;
  }

  .lg\:mt-\[20px\] {
    margin-top: 20px;
  }

  .lg\:mt-\[30px\] {
    margin-top: 30px;
  }

  .lg\:mt-\[50px\] {
    margin-top: 50px;
  }

  .lg\:block {
    display: block;
  }

  .lg\:inline {
    display: inline;
  }

  .lg\:flex {
    display: flex;
  }

  .lg\:hidden {
    display: none;
  }

  .lg\:h-\[40px\] {
    height: 40px;
  }

  .lg\:h-\[62px\] {
    height: 62px;
  }

  .lg\:w-\[356px\] {
    width: 356px;
  }

  .lg\:w-\[40px\] {
    width: 40px;
  }

  .lg\:max-w-\[356px\] {
    max-width: 356px;
  }

  .lg\:max-w-\[80px\] {
    max-width: 80px;
  }

  .lg\:max-w-\[calc\(100\%-40px-356px\)\] {
    max-width: calc(100% - 40px - 356px);
  }

  .lg\:flex-\[0_0_200px\] {
    flex: 0 0 200px;
  }

  .lg\:flex-\[0_0_215px\] {
    flex: 0 0 215px;
  }

  .lg\:flex-\[0_0_356px\] {
    flex: 0 0 356px;
  }

  .lg\:flex-auto {
    flex: 1 1 auto;
  }

  .lg\:flex-row {
    flex-direction: row;
  }

  .lg\:justify-center {
    justify-content: center;
  }

  .lg\:gap-\[10px\] {
    gap: 10px;
  }

  .lg\:gap-\[20px\] {
    gap: 20px;
  }

  .lg\:space-y-\[20px\] > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(20px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(20px * var(--tw-space-y-reverse));
  }

  .lg\:border-l-\[1px\] {
    border-left-width: 1px;
  }

  .lg\:border-r-\[1px\] {
    border-right-width: 1px;
  }

  .lg\:bg-\[color\:var\(--bgcontent\)\] {
    background-color: var(--bgcontent);
  }

  .lg\:bg-\[color\:var\(--bgheader\)\] {
    background-color: var(--bgheader);
  }

  .lg\:p-8 {
    padding: 2rem;
  }

  .lg\:px-0 {
    padding-left: 0px;
    padding-right: 0px;
  }

  .lg\:px-\[0px\] {
    padding-left: 0px;
    padding-right: 0px;
  }

  .lg\:px-\[20px\] {
    padding-left: 20px;
    padding-right: 20px;
  }

  .lg\:px-\[40px\] {
    padding-left: 40px;
    padding-right: 40px;
  }

  .lg\:\!pl-\[0px\] {
    padding-left: 0px !important;
  }

  .lg\:pb-0 {
    padding-bottom: 0px;
  }

  .lg\:pb-\[20px\] {
    padding-bottom: 20px;
  }

  .lg\:pt-0 {
    padding-top: 0px;
  }

  .lg\:text-center {
    text-align: center;
  }

  .lg\:text-\[14px\] {
    font-size: 14px;
  }

  .lg\:text-\[16px\] {
    font-size: 16px;
  }

  .lg\:text-\[18px\] {
    font-size: 18px;
  }

  .lg\:text-\[20px\] {
    font-size: 20px;
  }

  .lg\:text-\[28px\] {
    font-size: 28px;
  }

  .lg\:prose-headings\:mb-\[20px\] :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
    margin-bottom: 20px;
  }

  .lg\:prose-headings\:text-\[32px\] :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
    font-size: 32px;
  }

  .lg\:prose-h1\:text-\[40px\] :is(:where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
    font-size: 40px;
  }

  .lg\:prose-h5\:mb-\[20px\] :is(:where(h5):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
    margin-bottom: 20px;
  }

  .lg\:prose-h6\:mb-\[20px\] :is(:where(h6):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
    margin-bottom: 20px;
  }

  .lg\:prose-blockquote\:ml-\[20px\] :is(:where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
    margin-left: 20px;
  }

  .lg\:prose-ol\:ml-\[20px\] :is(:where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
    margin-left: 20px;
  }

  .lg\:prose-ul\:ml-\[20px\] :is(:where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
    margin-left: 20px;
  }
}

.\[\&\>a\]\:\!mt-\[10px\]>a {
  margin-top: 10px !important;
}

.\[\&\>li\:last-child\>ul\]\:-right-\[20px\]>li:last-child>ul {
  right: -20px;
}

.\[\&\>li\:last-child\>ul\]\:left-\[unset\]>li:last-child>ul {
  left: unset;
}

.hover\:\[\&\>li\>a\]\:text-\[color\:var\(--menulicolorhover\)\]>li>a:hover {
  color: var(--menulicolorhover);
}

.\[\&_\*\:last-child\]\:mt-\[10px\] *:last-child {
  margin-top: 10px;
}

.\[\&_\*\:last-child\]\:block *:last-child {
  display: block;
}

.\[\&_\*\]\:block * {
  display: block;
}

.\[\&_\*\]\:fill-\[color\:var\(--burgerbtnmobilecolor\)\] * {
  fill: var(--burgerbtnmobilecolor);
}

.\[\&_\*\]\:text-\[14px\] * {
  font-size: 14px;
}

.\[\&_\*\]\:text-\[color\:var\(--burgerbtnmobilecolor\)\] * {
  color: var(--burgerbtnmobilecolor);
}

.\[\&_\*\]\:text-\[color\:var\(--textcolor\)\] * {
  color: var(--textcolor);
}

.\[\&_\*\]\:outline-none * {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.\[\&_a\]\:\!text-\[14px\] a {
  font-size: 14px !important;
}

.\[\&_a\]\:font-normal a {
  font-weight: 400;
}

.\[\&_button\]\:p-\[10px\] button {
  padding: 10px;
}

.\[\&_cite\]\:italic cite {
  font-style: italic;
}

.\[\&_cite\]\:before\:mr-\[10px\] cite::before {
  content: var(--tw-content);
  margin-right: 10px;
}

.\[\&_cite\]\:before\:content-\[\'\\2014\'\] cite::before {
  --tw-content: '\2014';
  content: var(--tw-content);
}

@media (min-width: 1024px) {
  .lg\:\[\&_h1\]\:leading-\[45px\] h1 {
    line-height: 45px;
  }
}

.\[\&_img\]\:w-full img {
  width: 100%;
}

.\[\&_img\]\:max-w-\[100px\] img {
  max-width: 100px;
}

.\[\&_img\]\:max-w-\[186px\] img {
  max-width: 186px;
}

@media (min-width: 1280px) {
  .xl\:\[\&_img\]\:max-w-\[286px\] img {
    max-width: 286px;
  }
}

.\[\&_span\]\:hidden span {
  display: none;
}

.\[\&_span\]\:text-white span {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.\[\&_th\]\:content-center th {
  align-content: center;
}

.\[\&_th\]\:text-center th {
  text-align: center;
}

.\[\&_th\]\:text-\[14px\] th {
  font-size: 14px;
}

.\[\&_th\]\:leading-\[18px\] th {
  line-height: 18px;
}

@media (min-width: 1024px) {
  .\[\&_th\]\:lg\:text-\[16px\] th {
    font-size: 16px;
  }

  .\[\&_th\]\:lg\:leading-\[24px\] th {
    line-height: 24px;
  }
}

.\[\&_thead\]\:border-0 thead {
  border-width: 0px;
}

@media (max-width: 768px) {
.w-\[465px\] {
    width: 100% !important;
}
	
	html, body {
    width: 100% !important;
}
}
	
.mt-3 {
	margin-top: 0rem !important;
}

.bg-\[color\:var\(--menulicolorli\)\] {
    background-color: #646262;
}

html, body {
    width: 90%;
    margin: 0 auto !important;
}

.justify-center {
    justify-content: space-around;
}

.mobile_btns * {
    max-width: 21%;
}