/*
/* ======================================
Vulia Theme: Best Premium Magazine Blogger Template - Designed by Gila Temax (www.gilatemax.com)
=========================================
Name      : Vulia Theme
Version   : 2.0
Date      : May 22, 2023
Demo      : vuliatheme.gilatemax.com
Type      : Premium (Paid)
Designer  : Gila Temax
Country   : Indonesia
Website   : www.gilatemax.com
***************************************
This theme is premium (paid).
You can only get it by purchasing officially.
If you get it for free through any method, that means you get it illegally.
*************************************** */

/* Variable definitions start
   ==========================

<Group description="Appearance">
  <Variable name="optionAppearance" description="Appearance (Disable/Enable)" type="length" default="1px" min="1px" max="2px" value="1px"/>
  <Variable name="optionDataAccent1" description="Data Accent 1" type="color" default="#417d7a"  value="#417d7a"/>
  <Variable name="optionDataAccent2" description="Data Accent 2" type="color" default="#146C94"  value="#146C94"/>
  <Variable name="optionDataAccent3" description="Data Accent 3" type="color" default="#FF6000"  value="#FF6000"/>
  <Variable name="optionDataAccent4" description="Data Accent 4" type="color" default="#ED2B2A"  value="#ED2B2A"/>
  <Variable name="optionDataAccent5" description="Data Accent 5" type="color" default="#6750a4"  value="#6750a4"/>
</Group>

<Group description="Dimensions">
  <Variable name="optionThemeWidth" description="Template Width" type="length" min="600px" max="2600px" default="1200px"  value="1200px"/>
</Group>

<Group description="Post Info">
  <Variable name="optionPostAuthor" description="Post Author (Disable/Enable)" type="length" default="1px" min="1px" max="2px" value="2px"/>
  <Variable name="optionPostDate" description="Post Date (Disable/Enable)" type="length" default="1px" min="1px" max="2px" value="2px"/>
  <Variable name="optionPostLabel" description="Post Label (Disable/Enable)" type="length" default="1px" min="1px" max="2px" value="2px"/>
  <Variable name="optionPostComment" description="Post Comment (Disable/Enable)" type="length" default="1px" min="1px" max="2px" value="2px"/>
  <Variable name="optionPostInfoBtn" description="Post Info Button (Disable/Enable)" type="length" default="1px" min="1px" max="2px" value="2px"/>
</Group>

<Group description="Features">
  <Variable name="optionFeatureColumnLayout" description="Column Layout (List/Grid)" type="length" default="1px" min="1px" max="2px" value="1px"/>
  <Variable name="optionFeatureMultiTypeLayout" description="Multi Type Layout (Sidebar/Full)" type="length" default="1px" min="1px" max="2px" value="1px"/>
  <Variable name="optionFeatureLoadMorePosts" description="Load More Posts (Auto/Manual)" type="length" default="1px" min="1px" max="2px" value="2px"/>
  <Variable name="optionFeatureLiveSearch" description="Live Search (Disable/Enable)" type="length" default="1px" min="1px" max="2px" value="1px"/>
  <Variable name="optionFeatureDarkMode" description="Dark Mode (Disable/Enable)" type="length" default="1px" min="1px" max="2px" value="1px"/>
  <Variable name="optionFeatureBookmark" description="Bookmark (Disable/Enable)" type="length" default="1px" min="1px" max="2px" value="1px"/>
  <Variable name="optionFeatureTimeAgo" description="Time Ago (Disable/Enable)" type="length" default="1px" min="1px" max="2px" value="1px"/>
  <Variable name="optionFeatureSearchDescription" description="Search Description (Disable/Enable)" type="length" default="1px" min="1px" max="2px" value="1px"/>
  <Variable name="optionFeatureReadingTime" description="Reading Time (Disable/Enable)" type="length" default="1px" min="1px" max="2px" value="1px"/>
  <Variable name="optionFeatureReadAlso" description="Read Also (Disable/Enable)" type="length" default="1px" min="1px" max="2px" value="1px"/>
  <Variable name="optionFeatureRelatedPosts" description="Related Posts (Disable/Enable)" type="length" default="1px" min="1px" max="2px" value="1px"/>
  <Variable name="optionFeatureComment" description="Comment (Pop Up/Embedded)" type="length" default="1px" min="1px" max="2px" value="1px"/>
  <Variable name="optionFeatureCommentMessage" description="Comment Message (Disable/Enable)" type="length" default="1px" min="1px" max="2px" value="1px"/>
  <Variable name="optionFeatureSafelink" description="Safelink (Disable/Enable)" type="length" default="1px" min="1px" max="2px" value="1px"/>
  <Variable name="optionFeatureInfeedAds" description="Infeed Ads (Disable/Enable)" type="length" default="1px" min="1px" max="2px" value="1px"/>
  <Variable name="optionFeatureBackToTop" description="Back to Top (Disable/Enable)" type="length" default="1px" min="1px" max="2px" value="1px"/>
  <Variable name="optionFeatureICS" description="Internet Connection Status (Disable/Enable)" type="length" default="1px" min="1px" max="2px" value="1px"/>
</Group>

<Group description="New Blogger Comments (Contempo, Soho, Emporio, Notable)">
 <Variable name="body.background" description="Body Background" type="background" color="#dddfe2" default="#dddfe2 none repeat scroll top left" value="#dddfe2 none repeat scroll top left"/>
 <Variable name="body.font" description="Font" type="font" default="normal 400 14px Roboto, Arial, sans-serif" value="normal 400 14px Arial,sans-serif"/>
 <Variable name="body.text.color" description="Text Color" type="color" default="#9aa0a6" value="#9aa0a6"/>
 <Variable name="body.text.font" description="1"
  type="font"
  default="normal 400 14px Roboto, Arial, sans-serif" value="normal 400 14px Roboto,Arial,sans-serif"/>
 <Variable name="posts.background.color" description="2"
  type="color"
  default="#fff" value="transparent"/>
 <Variable name="body.link.color" description="3"
  type="color"
  default="#1a73e8" value="#1a73e8"/>
 <Variable name="body.link.visited.color" description="4"
  type="color"
  default="#1a73e8" value="#1a73e8"/>
 <Variable name="body.link.hover.color" description="5"
  type="color"
  default="#1d2129" value="#1d2129"/>
 <Variable name="blog.title.font" description="6"
  type="font"
  default="normal 400 14px Roboto, Arial, sans-serif" value="normal 400 14px Roboto, Arial, sans-serif"/>
 <Variable name="blog.title.color" description="7"
  type="color"
  default="#fff" value="#ffffff"/>
 <Variable name="header.icons.color" description="8"
  type="color"
  default="#fff" value="#ffffff"/>
 <Variable name="tabs.font" description="9"
  type="font"
  default="normal 400 14px Roboto, Arial, sans-serif" value="normal 400 14px Arial,sans-serif"/>
 <Variable name="tabs.color" description="10"
  type="color"
  default="#ccc" value="#cccccc"/>
 <Variable name="tabs.selected.color" description="11"
  type="color"
  default="#fff" value="#ffffff"/>
 <Variable name="tabs.overflow.background.color" description="12"
  type="color"
  default="#fff" value="#ffffff"/>
 <Variable name="tabs.overflow.color" description="13"
  type="color"
  default="#1d2129" value="#1d2129"/>
 <Variable name="tabs.overflow.selected.color" description="14"
  type="color"
  default="#1d2129" value="#1d2129"/>
 <Variable name="posts.title.color" description="15"
  type="color"
  default="#1d2129" value="#1d2129"/>
 <Variable name="posts.title.font" description="16"
  type="font"
  default="normal 400 14px Roboto, Arial, sans-serif" value="normal 400 14px Arial,sans-serif"/>
 <Variable name="posts.text.font" description="17"
  type="font"
  default="normal 400 14px Roboto, Arial, sans-serif" value="normal 400 14px Arial,sans-serif"/>
 <Variable name="posts.text.color" description="18"
  type="color"
  default="#1d2129" value="#1d2129"/>
 <Variable name="posts.icons.color" description="19"
  type="color"
  default="#1d2129" value="#6c6f74"/>
 <Variable name="labels.background.color" description="20"
  type="color"
  default="#1a73e8" value="#1a73e8"/>
</Group>

======================== */

/* --- normalize.css v3.0.1 | MIT License | git.io/normalize --- */
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:transparent;color:var(--color-accent);text-decoration:none;}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}dfn{font-style:italic}mark{background:#ff0;border-radius:4px;padding:0 5px;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{height:auto;max-width:100%;border:0}hr{-moz-box-sizing:content-box;box-sizing:content-box;border:none;height:auto;margin:48px 0}hr:before{content:'\2027 \2027 \2027';display:block;text-align:center;letter-spacing:.1em;font-size:24px;opacity:.6}pre{overflow:auto}code,kbd,pre,samp{font-family:SFMono-Regular, SF Mono, 'JetBrains Mono', 'Roboto Mono', 'Source Code Pro', Consolas, Menlo, Monaco, Liberation Mono, monospace, sans-serif;font-size:1em;}button,input,optgroup,select,textarea{background-color:transparent;color:inherit;font:inherit;margin:0}button{overflow:visible;border:0px;outline:0px;margin:0px;box-shadow:none;}button,select{text-transform:none;outline:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default;user-select:none;pointer-events:none;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;outline:none;}input{background-color:transparent;line-height:normal;border:0px;outline:0px}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}focus{outline:none}h1{font-size:1.75em}iframe{width:100%;max-width:100%;}svg{width:24px;height:24px;}*{box-sizing:border-box;}h1, h2, h3, h4, h5, h6{font-weight:700;margin:0 0 15px}.hidden{display:none!important;}kbd{color:var(--color-text-white);border-radius:4px;padding:5px;}

/* --- Font Roboto --- */
@font-face{font-family: 'Roboto';font-style: normal;font-weight: 400;font-display: swap;src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2');unicode-range: U 0460-052F, U 1C80-1C88, U 20B4, U 2DE0-2DFF, U A640-A69F, U FE2E-FE2F}@font-face{font-family: 'Roboto';font-style: normal;font-weight: 400;font-display: swap;src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');unicode-range: U 0301, U 0400-045F, U 0490-0491, U 04B0-04B1, U 2116}@font-face{font-family: 'Roboto';font-style: normal;font-weight: 400;font-display: swap;src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2');unicode-range: U 1F00-1FFF}@font-face{font-family: 'Roboto';font-style: normal;font-weight: 400;font-display: swap;src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2');unicode-range: U 0370-03FF}@font-face{font-family: 'Roboto';font-style: normal;font-weight: 400;font-display: swap;src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2');unicode-range: U 0102-0103, U 0110-0111, U 0128-0129, U 0168-0169, U 01A0-01A1, U 01AF-01B0, U 1EA0-1EF9, U 20AB}@font-face{font-family: 'Roboto';font-style: normal;font-weight: 400;font-display: swap;src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');unicode-range: U 0100-02AF, U 1E00-1EFF, U 2020, U 20A0-20AB, U 20AD-20CF, U 2113, U 2C60-2C7F, U A720-A7FF}@font-face{font-family: 'Roboto';font-style: normal;font-weight: 400;font-display: swap;src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');unicode-range: U 0000-00FF, U 0131, U 0152-0153, U 02BB-02BC, U 02C6, U 02DA, U 02DC, U 2000-206F, U 2074, U 20AC, U 2122, U 2191, U 2193, U 2212, U 2215, U FEFF, U FFFD}@font-face{font-family: 'Roboto';font-style: normal;font-weight: 500;font-display: swap;src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fCRc4EsA.woff2) format('woff2');unicode-range: U 0460-052F, U 1C80-1C88, U 20B4, U 2DE0-2DFF, U A640-A69F, U FE2E-FE2F}@font-face{font-family: 'Roboto';font-style: normal;font-weight: 500;font-display: swap;src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fABc4EsA.woff2) format('woff2');unicode-range: U 0301, U 0400-045F, U 0490-0491, U 04B0-04B1, U 2116}@font-face{font-family: 'Roboto';font-style: normal;font-weight: 500;font-display: swap;src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fCBc4EsA.woff2) format('woff2');unicode-range: U 1F00-1FFF}@font-face{font-family: 'Roboto';font-style: normal;font-weight: 500;font-display: swap;src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fBxc4EsA.woff2) format('woff2');unicode-range: U 0370-03FF}@font-face{font-family: 'Roboto';font-style: normal;font-weight: 500;font-display: swap;src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fCxc4EsA.woff2) format('woff2');unicode-range: U 0102-0103, U 0110-0111, U 0128-0129, U 0168-0169, U 01A0-01A1, U 01AF-01B0, U 1EA0-1EF9, U 20AB}@font-face{font-family: 'Roboto';font-style: normal;font-weight: 500;font-display: swap;src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fChc4EsA.woff2) format('woff2');unicode-range: U 0100-02AF, U 1E00-1EFF, U 2020, U 20A0-20AB, U 20AD-20CF, U 2113, U 2C60-2C7F, U A720-A7FF}@font-face{font-family: 'Roboto';font-style: normal;font-weight: 500;font-display: swap;src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fBBc4.woff2) format('woff2');unicode-range: U 0000-00FF, U 0131, U 0152-0153, U 02BB-02BC, U 02C6, U 02DA, U 02DC, U 2000-206F, U 2074, U 20AC, U 2122, U 2191, U 2193, U 2212, U 2215, U FEFF, U FFFD}@font-face{font-family: 'Roboto';font-style: normal;font-weight: 700;font-display: swap;src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfCRc4EsA.woff2) format('woff2');unicode-range: U 0460-052F, U 1C80-1C88, U 20B4, U 2DE0-2DFF, U A640-A69F, U FE2E-FE2F}@font-face{font-family: 'Roboto';font-style: normal;font-weight: 700;font-display: swap;src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfABc4EsA.woff2) format('woff2');unicode-range: U 0301, U 0400-045F, U 0490-0491, U 04B0-04B1, U 2116}@font-face{font-family: 'Roboto';font-style: normal;font-weight: 700;font-display: swap;src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfCBc4EsA.woff2) format('woff2');unicode-range: U 1F00-1FFF}@font-face{font-family: 'Roboto';font-style: normal;font-weight: 700;font-display: swap;src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfBxc4EsA.woff2) format('woff2');unicode-range: U 0370-03FF}@font-face{font-family: 'Roboto';font-style: normal;font-weight: 700;font-display: swap;src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfCxc4EsA.woff2) format('woff2');unicode-range: U 0102-0103, U 0110-0111, U 0128-0129, U 0168-0169, U 01A0-01A1, U 01AF-01B0, U 1EA0-1EF9, U 20AB}@font-face{font-family: 'Roboto';font-style: normal;font-weight: 700;font-display: swap;src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2) format('woff2');unicode-range: U 0100-02AF, U 1E00-1EFF, U 2020, U 20A0-20AB, U 20AD-20CF, U 2113, U 2C60-2C7F, U A720-A7FF}@font-face{font-family: 'Roboto';font-style: normal;font-weight: 700;font-display: swap;src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format('woff2');unicode-range: U 0000-00FF, U 0131, U 0152-0153, U 02BB-02BC, U 02C6, U 02DA, U 02DC, U 2000-206F, U 2074, U 20AC, U 2122, U 2191, U 2193, U 2212, U 2215, U FEFF, U FFFD}@font-face{font-family: 'Roboto';font-style: normal;font-weight: 900;font-display: swap;src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmYUtfCRc4EsA.woff2) format('woff2');unicode-range: U 0460-052F, U 1C80-1C88, U 20B4, U 2DE0-2DFF, U A640-A69F, U FE2E-FE2F}@font-face{font-family: 'Roboto';font-style: normal;font-weight: 900;font-display: swap;src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmYUtfABc4EsA.woff2) format('woff2');unicode-range: U 0301, U 0400-045F, U 0490-0491, U 04B0-04B1, U 2116}@font-face{font-family: 'Roboto';font-style: normal;font-weight: 900;font-display: swap;src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmYUtfCBc4EsA.woff2) format('woff2');unicode-range: U 1F00-1FFF}@font-face{font-family: 'Roboto';font-style: normal;font-weight: 900;font-display: swap;src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmYUtfBxc4EsA.woff2) format('woff2');unicode-range: U 0370-03FF}@font-face{font-family: 'Roboto';font-style: normal;font-weight: 900;font-display: swap;src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmYUtfCxc4EsA.woff2) format('woff2');unicode-range: U 0102-0103, U 0110-0111, U 0128-0129, U 0168-0169, U 01A0-01A1, U 01AF-01B0, U 1EA0-1EF9, U 20AB}@font-face{font-family: 'Roboto';font-style: normal;font-weight: 900;font-display: swap;src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmYUtfChc4EsA.woff2) format('woff2');unicode-range: U 0100-02AF, U 1E00-1EFF, U 2020, U 20A0-20AB, U 20AD-20CF, U 2113, U 2C60-2C7F, U A720-A7FF}@font-face{font-family: 'Roboto';font-style: normal;font-weight: 900;font-display: swap;src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmYUtfBBc4.woff2) format('woff2');unicode-range: U 0000-00FF, U 0131, U 0152-0153, U 02BB-02BC, U 02C6, U 02DA, U 02DC, U 2000-206F, U 2074, U 20AC, U 2122, U 2191, U 2193, U 2212, U 2215, U FEFF, U FFFD}

/* --- Font DM Serif Text --- */
@font-face {font-family: 'DM Serif Text';font-style: normal;font-weight: 400;font-display: swap;src: url(https://fonts.gstatic.com/s/dmseriftext/v11/rnCu-xZa_krGokauCeNq1wWyWfqFXUIJ.woff2) format('woff2');unicode-range: U+0100-02AF, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face {font-family: 'DM Serif Text';font-style: normal;font-weight: 400;font-display: swap;src: url(https://fonts.gstatic.com/s/dmseriftext/v11/rnCu-xZa_krGokauCeNq1wWyWfSFXQ.woff2) format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}

html:not(.darkmode) {--color-accent:#417d7a;--color-accent-option1:#417d7a;--color-accent-option2:#146C94;--color-accent-option3:#FF6000;--color-accent-option4:#ED2B2A;--color-accent-option5:#6750a4;--color-body-bg:#ffffff;--color-header-bg:var(--color-accent);--color-header-text:#ffffff;--color-header-button-icon:#ffffff;--color-nav-text:#ffffff;--color-primary-text:#000000;--color-secondary-text:#757575;--color-error-text:#ec0000;--color-neutral-1:#ffffff;--color-neutral-2:#000000;--color-border-1:#e6e6e6;--color-border-2:#f2f2f2;--color-border-3:#a8a8a8;--color-border-4:#000000;--color-surface-bg-1:#0a0a0a12;--color-surface-bg-2:#f2f2f2;--color-surface-bg-3:#e6e6e6;--color-surface-bg-4:#ffffff29;--color-surface-bg-5:#417d7a1f;--color-surface-bg-6:#fafafa;--color-surface-bg-7:#ffffff;--color-surface-rgb-1:rgb(28 27 31 / 0.04);--color-alert-default-bg:#f8f8f8;--color-alert-info-bg:rgba(59,125,221,.15);--color-alert-warning-bg:rgba(252,185,44,.15);--color-alert-success-bg:rgba(28,187,140,.15);--color-alert-error-bg:rgba(220,53,69,.15);--color-alert-text-info:#3e69a8;--color-alert-text-warning:#8f6919;--color-alert-text-success:#127a5b;--color-alert-text-error:#be2e3c;--color-button-filled-text:#ffffff;--color-button-border:#79747E;--color-button-disabled-bg:rgba(0, 0, 0, .12);--color-button-disabled-text:rgba(0, 0, 0, .38);--color-button-disabled-border:rgba(0, 0, 0, .12);--color-guide-list-text:#ffffff;--color-highlight-bg:#1f1f1f;--color-highlight-code:#ffffff;--color-highlight-copy-bg:#ffffff;--color-highlight-copy-text:#000000;--color-table-head-primary-bg:#4359AA;--color-table-head-info-bg:#1976d2;--color-table-head-warning-bg:#fbc02d;--color-table-head-success-bg:#127a5b;--color-table-head-error-bg:#be2e3c;--color-text-field-label:rgb(28 27 31 / 0.6);--color-text-field-border:rgb(28 27 31 / 0.6);--color-lazyload-bg:#eee;--color-connection-status-online-bg:#008000;--color-connection-status-offline-bg:#ff0000;--color-connection-status-text:#ffffff;--color-toast-bg:#000000;--color-toast-text:#ffffff;--color-backdrop-bg:#fffffff2;--color-backdrop-bg-2:rgba(0, 0, 0, 0.08);}html.darkmode {--color-accent:#417d7a;--color-accent-option1:#417d7a;--color-accent-option2:#146C94;--color-accent-option3:#FF6000;--color-accent-option4:#ED2B2A;--color-accent-option5:#6750a4;--color-body-bg:#181818;--color-header-bg:#262626;--color-header-text:#d5d6d6;--color-header-button-icon:#d5d6d6;--color-nav-text:#d5d6d6;--color-primary-text:#d5d6d6;--color-secondary-text:#8e9092;--color-error-text:#ff6372;--color-neutral-1:#d5d6d6;--color-neutral-2:#000000;--color-border-1:#333;--color-border-2:#262626;--color-border-3:#616161;--color-border-4:#d5d6d6;--color-surface-bg-1:#d5d6d61a;--color-surface-bg-2:#242424;--color-surface-bg-3:#363636;--color-surface-bg-4:#3a3b3c;--color-surface-bg-5:#417d7a1f;--color-surface-bg-6:#121212;--color-surface-bg-7:#262626;--color-surface-rgb-1:rgb(230 225 229 / 0.04);--color-alert-default-bg:#e4e6e92e;--color-alert-info-bg:rgba(59,125,221,.15);--color-alert-warning-bg:rgba(252,185,44,.15);--color-alert-success-bg:rgba(28,187,140,.15);--color-alert-error-bg:rgba(220,53,69,.15);--color-alert-text-info:#5ea0ff;--color-alert-text-warning:#daa026;--color-alert-text-success:#1cbb8c;--color-alert-text-error:#ff6372;--color-button-filled-text:#ffffff;--color-button-border:#414242;--color-button-disabled-bg:rgb(48 48 48);--color-button-disabled-text:rgb(114 114 114);--color-button-disabled-border:rgb(51, 51, 51);--color-guide-list-text:#ffffff;--color-highlight-bg:#262626;--color-highlight-code:#ffffff;--color-highlight-copy-bg:#ffffff;--color-highlight-copy-text:#000000;--color-table-head-primary-bg:#4359AA;--color-table-head-info-bg:#1976d2;--color-table-head-warning-bg:#fbc02d;--color-table-head-success-bg:#127a5b;--color-table-head-error-bg:#be2e3c;--color-text-field-label:#8e9092;--color-text-field-border:#8e9092;--color-lazyload-bg:rgb(44, 44, 44);--color-connection-status-online-bg:#008000;--color-connection-status-offline-bg:#ff0000;--color-connection-status-text:#ffffff;--color-toast-bg:#ffffff;--color-toast-text:#000000;--color-backdrop-bg:#1f1f1ff2;--color-backdrop-bg-2:rgba(0, 0, 0, 0.08);color-scheme:dark;}html[data-accent="color-option1"] {--color-accent:var(--color-accent-option1);--color-surface-bg-5:#417d7a1f;}html[data-accent="color-option2"] {--color-accent:var(--color-accent-option2);--color-surface-bg-5:#146C941f;}html[data-accent="color-option3"] {--color-accent:var(--color-accent-option3);--color-surface-bg-5:#FF60001f;}html[data-accent="color-option4"] {--color-accent:var(--color-accent-option4);--color-surface-bg-5:#ED2B2A1f;}html[data-accent="color-option5"] {--color-accent:var(--color-accent-option5);--color-surface-bg-5:#6750a41f;}body {background-color:var(--color-body-bg);color:var(--color-primary-text);font-size:14px;font-weight:400;font-family:'Roboto', sans-serif;line-height:1.5;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;margin:0;padding:0!important;}body.share_active, body.comment_active {overflow:hidden;}.vulia_theme_header {position:fixed;top:0;right:0;left:0;background-color:var(--color-header-bg);height:60px;z-index:999;}.vulia_theme_header header {display:flex;align-items:center;justify-content:space-between;height:60px;padding:0 30px;}.header_left {display:flex;align-items:center;flex:1;}.search_active .header_left {display:none;}.header_left .menu_button {display:none;}.vulia_theme_header .vulia_theme_button.c:not(.nav_header .vulia_theme_button) {color:var(--color-neutral-1);}.header_left .vulia_theme_button:not(.nav_header .vulia_theme_button):hover, .header_right .vulia_theme_button:not(.clear_button):hover, .header_left .vulia_theme_button:not(.nav_header .vulia_theme_button):focus, .header_right .vulia_theme_button:not(.clear_button):focus {background-color:var(--color-surface-bg-1);}.header_widget.behindImageStyle {display:flex;align-items:center;gap:8px;position:relative;}.header_widget_start {flex:0 0 auto;line-height:0;}.header_widget_start img {width:36px;}.header_widget.behindImageStyle a:before {content:'';position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;}.header h1, .header h2 {font-size:24px;font-weight:400;font-family:'DM Serif Text', serif;line-height:1;margin:0;}.header a {display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;color:var(--color-header-text);}.header_widget_end .header_image_wrapper {line-height:0;}.header_widget_end .header_image_wrapper img {max-height:36px;}.header p {font-size:12px;color:var(--color-header-text);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;max-width:150px;margin:0;}.main_nav {margin:0 auto;}.nav_header {display:none;}.main_nav ul {display:flex;align-items:center;margin:0;padding:0;}.main_nav .visibility_hidden {clip:rect(0 0 0 0);width:0;height:1px;overflow:hidden;position:absolute;}.main_nav ul li {list-style:none;margin:0;padding:0;position:relative;}.main_nav ul li a {display:flex;align-items:center;color:var(--color-nav-text);height:60px;white-space:nowrap;padding:0 15px;overflow:hidden;position:relative;}.main_nav ul li a:hover {background-color:var(--color-surface-bg-1);}.main_nav ul li.has_sub > a:after {content:'';background:url("data:image/svg+xml,%3Csvg fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m5.25 8.625 6.75 6.75 6.75-6.75'/%3E%%3C/svg%3E") no-repeat center;width:15px;height:15px;margin-left:7px;}html[dir="rtl"] .main_nav ul li.has_sub > a:after {margin-right:7px;margin-left:0;}.main_nav ul li.has_sub:hover > a:after, .main_nav ul li.has_sub.open > a:after {transform:rotate(180deg);}.main_nav ul li svg {margin-right:15px;}html[dir="rtl"] .main_nav ul li svg {margin-right:0;margin-left:15px;}.main_nav ul li.has_sub:hover ul, .main_nav ul li.has_sub.open ul {display:block;}.main_nav li ul {display:none;position:absolute;top:60px;left:0;background-color:var(--color-surface-bg-7);box-shadow:1px 7px 15px 3px rgba(10, 10, 10, .3);border-radius:12px;overflow:hidden;}html[dir="rtl"] .main_nav li ul {right:0;left:unset;}.main_nav li ul li a {color:var(--color-primary-text);border-radius:0;height:50px;}.header_right {display:flex;align-items:center;gap:8px;}.search_active .header_right {flex:1;}.header_right .search_button {display:none;}.search_active .header_right .search_button, .search_active .header_right .bookmark_button, .search_active .header_right .appearance {display:none;}.search_bar {display:flex;align-items:center;background-color:var(--color-surface-bg-4);border-radius:100px;width:280px;height:40px;padding:0 8px 0 15px;position:relative;}html[dir="rtl"] .search_bar {padding:0 15px 0 8px;}.search_active .search_bar {display:flex;width:100%;}.search_bar_icon {line-height:0;color:var(--color-header-button-icon);}.search_bar form {display:flex;align-items:center;width:100%;}.search_bar input {border:none;outline:none;color:var(--color-header-button-icon);width:100%;height:40px;padding:0 5px 0 15px;}html[dir="rtl"] .search_bar input {padding:0 15px 0 5px;}.search_bar input::placeholder {color:var(--color-header-button-icon);opacity:.5;}.search_bar .clear_button {flex:0 0 auto;}html[dir="rtl"] .search_bar .clear_button svg {transform:rotate(180deg);}.live_search {position:absolute;top:45px;right:0;left:0;background-color:var(--color-surface-bg-7);box-shadow:1px 7px 15px 3px rgba(10, 10, 10, .3);border-radius:12px;max-height:80vh;overflow-y:auto;}.live_search ul {margin:0;padding:7.5px 0;}.live_search ul li {list-style:none;margin:0;padding:0;}.live_search ul li .post_title a {display:flex;align-items:center;gap:15px;color:var(--color-primary-text);cursor:default;padding:7.5px 15px;}.live_search ul li .post_title a:hover {background-color:var(--color-surface-bg-1);}.live_search ul li .post_title svg {flex:0 0 auto;}.live_search ul li .post_title .title_search {display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}.appearance {position:relative;}.header_right .appearance_button svg {transition:transform .3s ease;}.header_right .appearance_button.active svg {transform:rotate(60deg);}.appearance_content {position:absolute;top:50px;right:0;background-color:var(--color-surface-bg-7);box-shadow:1px 7px 15px 3px rgba(10, 10, 10, .3);border-radius:12px;white-space:nowrap;z-index:1;padding:15px;}html[dir="rtl"] .appearance_content {right:unset;left:0;}.appearance_content ul {display:flex;align-items:center;gap:12px;margin:0 0 15px;padding:0;}.appearance_content ul li {display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;cursor:pointer;list-style:none;margin:0;padding:0;}.appearance_content ul li[data-accent="color-option1"] {background-color:var(--color-accent-option1);}.appearance_content ul li[data-accent="color-option2"] {background-color:var(--color-accent-option2);}.appearance_content ul li[data-accent="color-option3"] {background-color:var(--color-accent-option3);}.appearance_content ul li[data-accent="color-option4"] {background-color:var(--color-accent-option4);}.appearance_content ul li[data-accent="color-option5"] {background-color:var(--color-accent-option5);}.appearance_content ul li .icon {display:none;line-height:0;color:var(--color-neutral-1);}html[data-accent="color-option1"] .appearance_content ul li[data-accent="color-option1"] .icon, html[data-accent="color-option2"] .appearance_content ul li[data-accent="color-option2"] .icon, html[data-accent="color-option3"] .appearance_content ul li[data-accent="color-option3"] .icon, html[data-accent="color-option4"] .appearance_content ul li[data-accent="color-option4"] .icon, html[data-accent="color-option5"] .appearance_content ul li[data-accent="color-option5"] .icon {display:block;}.appearance_content ul li .icon svg {width:20px;height:20px;}.appearance_content p {font-size:13px;color:var(--color-secondary-text);margin:15px 0 0;}.darkmode_switch {display:flex;align-items:center;justify-content:space-between;}.darkmode_switch span:last-child {display:block;width:52px;height:32px;background-color:var(--color-surface-bg-3);border-radius:100px;cursor:pointer;position:relative;}.darkmode .darkmode_switch span:last-child {background-color:var(--color-accent);}.darkmode_switch span:last-child:before {content:'';width:24px;height:24px;background-color:var(--color-surface-bg-6);border-radius:50%;position:absolute;top:4px;left:4px;}html[dir="rtl"] .darkmode_switch span:last-child:before {right:4px;left:unset;}.darkmode .darkmode_switch span:last-child:before {background-color:var(--color-neutral-1);right:4px;left:unset;}html[dir="rtl"].darkmode .darkmode_switch span:last-child:before {right:unset;left:4px;}.header_height {height:60px;margin-bottom:48px;}.top_section .widget_content {border-bottom:1px solid;border-color:var(--color-border-1);margin-bottom:48px;padding-bottom:48px;}.hero_section_wrap {text-align:center;max-width:768px;margin:0 auto;padding:0 30px;}.hero_subtitle {display:inline-block;background-color:var(--color-surface-bg-3);border-radius:100px;font-size:13px;margin-bottom:15px;padding:5px 15px;}.hero_section_wrap h2 {font-size:56px;font-weight:900;line-height:1.2;}html[data-accent="color-option1"] .hero_section_wrap h2, html[data-accent="color-option2"] .hero_section_wrap h2, html[data-accent="color-option3"] .hero_section_wrap h2, html[data-accent="color-option4"] .hero_section_wrap h2, html[data-accent="color-option5"] .hero_section_wrap h2 {background:linear-gradient(to bottom, var(--color-accent), var(--color-primary-text));-webkit-background-clip:text;-webkit-text-fill-color:transparent;}.hero_section_wrap p {font-size:16px;color:var(--color-secondary-text);margin:0 0 15px;}html[dir="rtl"] .hero_section_wrap .vulia_theme_button svg {transform:rotate(180deg);}.pricing_card {max-width:768px;margin:0 auto;padding:0 30px;}.pricing_card h2 {font-size:36px;text-align:center;}.pricing_card_inner {display:grid;grid-template-columns:1fr 1fr;background-color:var(--color-surface-bg-7);box-shadow:0px 3px 1px -2px rgb(0 0 0 / 0.2), 0px 2px 2px 0px rgb(0 0 0 / 0.14), 0px 1px 5px 0px rgb(0 0 0 / 0.12);border-radius:8px;}.pricing_card_start, .pricing_card_end {padding:24px;}.pricing_card_start {border-right:1px solid;border-color:var(--color-border-1);}html[dir="rtl"] .pricing_card_start {border-right:0;border-left:1px solid;border-color:var(--color-border-1);}.pricing_card ul {margin:0;padding:0;}.pricing_card ul li {list-style:none;margin:0;padding:0;}.pricing_card_start h3 {font-size:16px;}.pricing_card_benefit ul li {display:flex;align-items:center;}.pricing_card_benefit ul li:not(:last-child) {margin-bottom:15px;}.pricing_card_benefit ul li .icon {line-height:0;margin-right:12px;}html[dir="rtl"] .pricing_card_benefit ul li .icon {margin-right:0;margin-left:12px;}.pricing_card_benefit ul li .icon svg {width:18px;height:18px;fill:var(--color-accent);}.pricing_blank {display:flex;align-items:center;justify-content:center;height:100%;}.pricing_blank .icon {line-height:0;}.pricing_blank .icon svg {width:100px;height:100px;fill:currentColor;opacity:.1;}.pricing_card_end ul li {display:grid;grid-template-columns:50px 1fr 1fr;align-items:center;border:1px solid;border-color:var(--color-border-3);border-radius:12px;user-select:none;cursor:pointer;padding:15px;}.pricing_card_end ul li:hover {background-color:var(--color-surface-bg-1);}.pricing_card_end ul li:not(:last-child) {margin-bottom:8px;}.pricing_card_end ul li.selected {background-color:var(--color-surface-bg-5);border-color:var(--color-accent);}.pricing_card_end ul li.disabled {opacity:.2;pointer-events:none;}.pricing_card_left {display:flex;align-items:center;justify-content:center;}.pricing_card_left svg {fill:currentColor;}.pricing_card_end ul li.selected .pricing_card_left svg {fill:var(--color-accent);}.pricing_card_left path:last-child {display:none;}.pricing_card_end ul li.selected .pricing_card_left path:first-child {display:none;}.pricing_card_end ul li.selected .pricing_card_left path:last-child {display:block;}.pricing_card_center {padding-left:15px;}html[dir="rtl"] .pricing_card_center {padding-right:15px;padding-left:0;}.pricing_card_center h3 {font-size:16px;font-weight:400;margin:0;}.pricing_card p {display:inline-block;background-color:var(--color-alert-error-bg);color:var(--color-alert-text-error);border-radius:100px;font-size:12px;margin:3px 0 0;padding:3px 10px;}.pricing_card_right {text-align:right;}html[dir="rtl"] .pricing_card_right {text-align:left;}.pricing_card_right span {display:block;}.pricing_card_right span:first-child {font-size:18px;font-weight:700;}.pricing_button {text-align:center;margin-top:24px;}.trending_posts .widget_title {display:flex;align-items:center;gap:8px;}.trending_posts ul {display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:24px 32px;counter-reset:trend-posts-count;}.trending_posts ul li {display:flex;align-items:flex-start;gap:15px;}.trending_posts ul li:before {content:'0' counter(trend-posts-count);counter-increment:trend-posts-count;font-size:30px;font-weight:900;line-height:1;opacity:.2;}.search_query {margin-bottom:40px;}.search_query_title {font-size:42px;font-weight:700;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}.search_query_title.al {display:flex;align-items:center;gap:8px;}.search_query_icon {background-color:var(--color-surface-bg-2);border-radius:50%;line-height:0;padding:5px;}.search_query_icon svg {width:21px;height:21px;fill:currentColor;}.search_query_title span {color:var(--color-secondary-text);}.empty_query {color:var(--color-secondary-text);}.empty_query ul {padding:0 0 0 16px;}html[dir="rtl"] .empty_query ul {padding:0 16px 0 0;}.error_page {text-align:center;padding:0 15px;}.error_page_inner h2, .error_page_inner h3 {line-height:1;}.error_page_inner h2 {font-size:130px;}html[data-accent="color-option1"] .error_page_inner h2, html[data-accent="color-option2"] .error_page_inner h2, html[data-accent="color-option3"] .error_page_inner h2, html[data-accent="color-option4"] .error_page_inner h2, html[data-accent="color-option5"] .error_page_inner h2 {background:linear-gradient(to bottom, var(--color-accent), var(--color-primary-text));-webkit-background-clip:text;-webkit-text-fill-color:transparent;}.error_page_inner h3 {font-size:56px;}.error_page_inner p {font-size:16px;color:var(--color-secondary-text);margin:15px 0 40px;}.scrollable_content_tabs {position:sticky;top:59px;background-color:var(--color-body-bg);z-index:3;}.scrollable_content_tabs .widget {border-bottom:1px solid;border-color:var(--color-border-1);margin-bottom:24px;}.scrollable_content_tabs .Label .cloud ul {flex-wrap:unset;gap:0;white-space:nowrap;overflow:hidden;scroll-behavior:smooth;}.scrollable_content_tabs .Label .cloud ul:hover {overflow:auto;}.scrollable_content_tabs .Label .cloud ul li a {background-color:transparent;border-bottom:1px solid;border-color:transparent;border-radius:0;color:var(--color-secondary-text);padding:15px;}.scrollable_content_tabs .Label .cloud ul li a:hover {color:var(--color-primary-text);}.scrollable_content_tabs .Label .cloud ul li a.selected {color:var(--color-primary-text);border-color:var(--color-border-4);}.main_post_inner {display:flex;justify-content:space-between;max-width:1200px;margin:0 auto;padding:0 30px;}.main_post.f .main_post_inner {display:block;}.main_post_index {width:calc(100% - (300px + 60px));}.main_post.f .main_post_index {width:100%;}body.isMultipleItems.g .blog_posts, body.g .related_posts ul, body.g .bookmark_page ul {display:grid;grid-template-columns:1fr 1fr;grid-gap:48px 32px;}body.isMultipleItems.g .main_post.f .blog_posts, body.g .main_post.f .related_posts ul {grid-template-columns:1fr 1fr 1fr;}.post_outer {position:relative;}.blog_posts .post_outer:not(body.isMultipleItems.g .blog_posts .post_outer, body.g .related_posts ul li, body.g .bookmark_page ul li) {margin-bottom:48px;}.post_summary {display:flex;align-items:center;justify-content:space-between;gap:60px;}body.isMultipleItems.g .blog_posts .post_summary, body.g .related_posts ul li .post_summary, body.g .bookmark_page ul li .post_summary {align-items:flex-start;flex-direction:column-reverse;gap:24px;}.post_summary_end {flex:0 0 auto;}.post_meta {display:flex;align-items:center;font-size:13px;margin-bottom:10px;}.post_meta > div:not(:last-child):after {content:'\0000a0\002022\0000a0';font-size:10px;opacity:.5;margin:0 3px;}.post_author_meta {display:flex;align-items:center;}.post_author_meta_photo {flex:0 0 auto;line-height:0;margin-right:8px;}html[dir="rtl"] .post_author_meta_photo {margin-right:0;margin-left:8px;}.post_author_meta_photo svg, .post_author_meta_photo img {width:24px;height:24px;}.post_author_meta_photo img {border-radius:50%;}.post_author_meta_name, .post_date {white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}.post_date, .post_update {color:var(--color-secondary-text);}.post_update {display:-webkit-box;}.post_update span {color:var(--color-primary-text);}.post_label_meta a {display:inline-block;background-color:var(--color-surface-bg-2);color:var(--color-primary-text);border-radius:100px;z-index:2;padding:3px 10px;position:relative;}.post_label_meta a:nth-child(n+2) {display:none;}.post_label_meta a:hover, .post_label_meta a:focus {background-color:var(--color-surface-bg-3);}h2.post_title {font-size:21px;line-height:1.2;margin:0;}h2.post_title a {display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;color:var(--color-primary-text);}h2.post_title a:hover {color:var(--color-accent);}h2.post_title a:before {content:'';position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;}.post_snippet {display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color:var(--color-secondary-text);word-break:break-word;margin-top:8px;}.post_footer {display:flex;align-items:center;color:var(--color-secondary-text);font-size:13px;margin-top:10px;}.post_footer > div:not(:last-child):after {content:'\0000a0\002022\0000a0';font-size:10px;opacity:.5;margin:0 3px 0 0;}html[dir="rtl"] .post_footer > div:not(:last-child):after {margin:0 0 0 3px;}.post_footer .post_comment {color:inherit;z-index:2;position:relative;}.post_footer .post_comment:hover {color:var(--color-accent);}.post_thumbnail {line-height:0;position:relative;}.has_video {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}.has_video svg:not(.PopularPosts .has_video svg) {width:60px;height:60px;}.post_thumbnail img {width:200px;height:134px;object-fit:cover;}body.isMultipleItems.g .blog_posts .post_thumbnail img, body.g .related_posts ul li .post_thumbnail img, body.g .bookmark_page ul li .post_thumbnail img {width:100vw;height:210px;}.blog_pager, .related_posts_end {display:flex;align-items:center;justify-content:center;}.blog_pager .loading, .blog_pager .no_results {display:none;}.blog_pager .loading {pointer-events:none;}.blog_pager .no_results.show {display:flex;}body.isMultipleItems.g .blog_pager .vulia_theme_button, body.g .related_posts_end .vulia_theme_button {margin-top:48px;}.main_sidebar {width:100%;max-width:300px;}.main_post.f .main_sidebar {max-width:100%;margin-top:48px;}.main_sidebar .widget {margin-bottom:40px;}.sidebar_sticky {position:sticky;top:80px;}.widget_wrap {border-bottom:1px solid;border-color:var(--color-border-1);margin-bottom:48px;padding-bottom:48px;}.widget_detail {max-width:1200px;margin:0 auto;padding:0 30px;}.FeaturedPost .post_thumbnail img {width:480px;height:260px;}.PopularPosts ul {margin:0;padding:0;}.PopularPosts ul li {list-style:none;margin:0;padding:0;}.PopularPosts ul li:not(:last-child, .PopularPosts ul li.no_image, .trending_posts ul li) {margin-bottom:24px;}.PopularPosts ul li.no_image {margin-bottom:15px;}.PopularPosts .post_summary {gap:24px;}.PopularPosts h2.post_title {font-size:16px;}.PopularPosts .post_thumbnail img {width:75px;height:75px;}.Label ul {margin:0;padding:0;}.Label .cloud ul {display:flex;align-items:center;flex-wrap:wrap;gap:8px;}.Label ul li {list-style:none;margin:0;padding:0;}.Label ul li:not(:last-child, .Label .cloud ul li) {margin-bottom:8px;}.Label ul li a {display:flex;align-items:center;justify-content:space-between;gap:10px;background-color:var(--color-surface-bg-2);color:var(--color-primary-text);border-radius:100px;padding:8px 15px;}.Label ul li a:hover, .Label ul li a:focus {background-color:var(--color-surface-bg-3);}.BlogArchive .widget_content.FLAT ul {display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;margin:0;padding:0;}.main_post.f .BlogArchive .widget_content.FLAT ul {grid-template-columns:1fr 1fr 1fr;}.BlogArchive .widget_content.FLAT ul li {list-style:none;margin:0;padding:0;}.BlogArchive .widget_content.FLAT ul li a {display:flex;align-items:center;justify-content:space-between;background-color:var(--color-surface-bg-2);color:var(--color-primary-text);border-radius:8px;padding:8px 15px;}.BlogArchive .widget_content.FLAT ul li a:hover, .BlogArchive .widget_content.FLAT ul li a:focus {background-color:var(--color-surface-bg-3);}.BlogArchive .widget_content.HIERARCHY {border:1px solid;border-color:var(--color-border-1);border-radius:8px;padding:5px 15px;}.BlogArchive .widget_content.HIERARCHY ul {margin:0;padding:0;}.BlogArchive .widget_content.HIERARCHY ul li {list-style:none;margin:10px 0;padding:0;}.BlogArchive .widget_content.HIERARCHY ul li a {color:var(--color-primary-text);}.BlogArchive .widget_content.HIERARCHY ul li a:hover {color:var(--color-accent);}.BlogArchive .widget_content.HIERARCHY ul li ul {padding-left:15px;}.BlogArchive .widget_content.MENU select {display:flex;align-items:center;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z' fill='%23000'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:24px;background-position:top 15px right 15px;background-color:transparent;border:1px solid;border-color:var(--color-border-1);border-radius:8px;color:var(--color-primary-text);width:100%;appearance:none;padding:15px;}.darkmode .BlogArchive .widget_content.MENU select {background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z' fill='%23fff'/%3E%3C/svg%3E");}.BlogArchive .widget_content.MENU select option {color:var(--color-neutral-2);border:1px solid;border-color:var(--color-border-1);}.profile_photo {line-height:0;margin-bottom:15px;}.profile_photo img, .profile_image img {width:96px;height:96px;border:1px solid;border-color:var(--color-border-1);border-radius:50%;}.profile_name {font-size:16px;font-weight:700;margin-bottom:5px;}.profile_name a {color:var(--color-primary-text);}.individual .profile_name a {display:inline-flex;align-items:center;gap:6px;}.profile_name svg {width:18px;height:18px;}.profile_location {display:flex;align-items:center;gap:4px;font-size:13px;color:var(--color-secondary-text);margin-bottom:12px;}.profile_location svg {width:16px;height:16px;}.profile_bio {color:var(--color-secondary-text);margin:12px 0 15px;}.profile_bio a:hover {text-decoration:underline;}.team ul {margin:0;padding:0;}.team ul li {list-style:none;margin:0;padding:0;}.team ul li:not(:last-child) {margin-bottom:15px;}.team_member {display:flex;align-items:center;gap:15px;}.profile_image {line-height:0;}.profile_image img {width:56px;height:56px;}.default_avatar {display:inline-block;border:1px solid;border-color:var(--color-border-1);border-radius:50%;padding:15px;}.default_avatar svg {width:64px;height:64px;}.team ul li .default_avatar svg {width:24px;height:24px;}.team_member .profile_name {margin:0;}.footer_container {background-color:var(--color-surface-bg-6);}.footer_inner {max-width:1200px;margin:48px auto 0;padding:30px;}.footer_top .widget {margin-bottom:30px;}.footer_top ul {display:flex;align-items:center;flex-wrap:wrap;gap:15px;margin:0;padding:0;}.footer_top ul li {list-style:none;margin:0;padding:0;}.footer_top ul li a {display:block;background-color:var(--color-surface-bg-2);border-radius:50%;color:var(--color-primary-text);line-height:0;padding:8px;}.footer_top ul li a:hover {background-color:var(--color-surface-bg-3);}.footer_bottom {display:flex;align-items:center;justify-content:space-between;}.footer_start a {color:var(--color-primary-text);}.footer_start a:hover {color:var(--color-accent);}.footer_end ul {display:flex;align-items:center;flex-wrap:wrap;gap:8px 15px;margin:0;padding:0;}.footer_end ul li {list-style:none;margin:0;padding:0;}.footer_end ul li a {color:var(--color-primary-text);}.footer_end ul li a:hover {color:var(--color-accent);}.back_to_top {position:fixed;right:15px;bottom:15px;z-index:5;transform:translateY(75px);transition:transform .6s cubic-bezier(0.23, 1, 0.32, 1) 0s;}html[dir="rtl"] .back_to_top {right:unset;left:15px;}.back_to_top.active {transform:translateY(0);}.back_to_top .vulia_theme_button {background-color:var(--color-body-bg);}.connection_status {position:fixed;right:0;bottom:-31px;left:0;color:var(--color-connection-status-text);text-align:center;z-index:3;padding:5px;transition:all .3s ease;}.connection_status.online {background-color:var(--color-connection-status-online-bg);}.connection_status.offline {background-color:var(--color-connection-status-offline-bg);}.connection_status.active {bottom:0;}.toast {position:fixed;bottom:15px;left:15px;display:flex;flex-direction:column;gap:8px;z-index:1002;}html[dir="rtl"] .toast {right:15px;left:unset;}.toast_message {background-color:var(--color-toast-bg);box-shadow:0px 2px 4px -1px rgb(0 0 0 / 0.2), 0px 4px 5px 0px rgb(0 0 0 / 0.14), 0px 1px 10px 0px rgb(0 0 0 / 0.12);color:var(--color-toast-text);border-radius:4px;min-width:15vw;padding:15px 24px;animation:fadeInUp .3s;transition:all .3s ease;}.backdrop, .backdrop_nav, .backdrop_search, .backdrop_has_comment {position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--color-backdrop-bg);z-index:1000;opacity:0;visibility:hidden;transition:all .3s ease;}.backdrop_nav, .backdrop_search, .backdrop_has_comment {background-color:var(--color-backdrop-bg-2);}.backdrop_nav {z-index:1;}.backdrop_search {z-index:998;}.nav_active .backdrop_nav, .search_active .backdrop_search, .share_active .backdrop, .comment_active .backdrop_has_comment {opacity:1;visibility:visible;}.breadcrumb {color:var(--color-secondary-text);margin-bottom:24px;}.breadcrumb ul {white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin:0;padding:0;}.breadcrumb ul li {display:inline-block;}.breadcrumb ul li a {color:inherit;}.breadcrumb ul li a:hover {color:var(--color-accent);}.breadcrumb ul li:not(:last-child):after {content:'\203A';margin:0 5px;}h1.post_entry_title {font-size:32px;font-weight:900;line-height:1.3;margin:0;}.snippet_description {font-size:18px;color:var(--color-secondary-text);line-height:1.4;margin-top:5px;}.post_info {margin-top:24px;}.post_info_author {display:flex;align-items:flex-start;gap:12px;}.post_info_author.r {align-items:center;}.post_info_author_left {flex:0 0 auto;}.post_info_author_photo {line-height:0;}.post_info_author_photo img {width:44px;border-radius:50%;}.post_info_author_name {display:flex;align-items:center;gap:6px;font-size:16px;}.post_info_author_name svg {width:18px;height:18px;}.post_info_author_bottom {display:flex;align-items:center;font-size:13px;}.reading_time {color:var(--color-secondary-text);}.post_info_author_bottom > div:not(:last-child):after {content:'\0000a0\002022\0000a0';font-size:10px;opacity:.5;margin:0 3px;}.post_info_end {border-top:1px solid;border-bottom:1px solid;border-color:var(--color-border-2);margin-top:24px;}.post_info_button {display:flex;align-items:center;justify-content:space-between;padding:5px 0;}.post_info_button:not(.post_info_end .post_info_button) {margin-bottom:40px;}.bookmark path:last-child {display:none;}.bookmarked path:first-child {display:none;}.bookmarked path:last-child {display:block;}.bookmark_empty {display:none;color:var(--color-secondary-text);}.bookmark_empty.show {display:block;}.bookmark_empty svg {vertical-align:middle;}.bookmark_page ul {margin:0;padding:0;}.bookmark_page ul li {list-style:none;margin:0;padding:0;}.bookmark_page ul li h2.post_title {margin:0!important;}.bookmark_page ul li .post_snippet {font-size:14px;}.post_remove {display:inline-block;z-index:2;margin-top:10px;position:relative;}.share_popup {position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;max-width:678px;z-index:1001;opacity:0;visibility:hidden;}.share_active .share_popup {opacity:1;visibility:visible;}.share_popup_inner {background-color:var(--color-surface-bg-7);box-shadow:rgba(0, 0, 0, 0.15) 0px 2px 10px;border-radius:12px;max-height:80vh;padding:24px;opacity:0;visibility:hidden;overflow-y:auto;overflow-x:hidden;transform-origin:center bottom;transform:scale(.6) translateZ(0);transition:all .3s ease;}.share_active .share_popup_inner {opacity:1;visibility:visible;transform:scale(1) translateZ(0);}.share_popup_header {text-align:center;margin:48px 0;}.share_popup_title {font-size:28px;font-family:'DM Serif Text', serif;margin-bottom:30px;}.share_popup_title .vulia_theme_button {position:absolute;top:10px;right:10px;color:var(--color-primary-text);}html[dir="rtl"] .share_popup_title .vulia_theme_button {right:unset;left:10px;}.share_popup_description {font-size:16px;}.share_popup_content {margin-bottom:48px;}.share_popup_content ul {margin:0;padding:0;}.share_popup_content ul li {list-style:none;max-width:212px;margin:0 auto;padding:0;}.share_popup_content ul li:not(:last-child) {margin-bottom:12px;}.share_popup_content ul li a {display:flex;align-items:center;gap:8px;font-size:14px;color:var(--color-primary-text);border:1px solid;border-color:var(--color-border-3);border-radius:100px;white-space:nowrap;overflow:hidden;padding:10px 24px;}.share_popup_content ul li a:hover {border-color:var(--color-border-4);}.share_popup_content ul li.copy_link_button input {position:absolute;margin:0;padding:0;outline:0;border:0;width:1px;height:0;opacity:0;}.share_popup_content ul li svg {flex:0 0 auto;}.post_body {font-size:16px;text-align:left;word-break:break-word;margin:40px 0;}html[dir="rtl"] #post_middle {text-align:right;}#post_middle h1, #post_middle h2, #post_middle h3, #post_middle h4, #post_middle h5, #post_middle h6 {margin:28px 0 15px;}#post_middle h1:target::before, #post_middle h2:target::before, #post_middle h3:target::before, #post_middle h4:target::before, #post_middle h5:target::before, #post_middle h6:target::before {content:'';display:block;height:80px;margin:-80px 0 0;}#post_middle a:not(.vulia_theme_button, .toc_content ol li a, .tabs ul li a, .bookmark_page ul li h2.post_title a, .post_pager a):hover {text-decoration:underline;}#post_middle a[style="margin-left: 1em;margin-right: 1em;text-align: center;"], #post_middle a[style="display: block;padding: 1em 0;text-align: center;"], #post_middle a[style="display: block;padding: 1em 0px;text-align: center;"], #post_middle a[style="margin-left: 1em;margin-right: 1em;"], #post_middle a[style="margin-left: 1em;margin-right: 1em;text-align: center;"], #post_middle a[style="display: block;padding: 1em 0;text-align: center;clear: right;float: right;"], #post_middle a[style="display: block;padding: 1em 0;text-align: center;"], #post_middle a[style="display: block;padding: 1em 0px;text-align: center;"], #post_middle a[style="margin-left: 1em;margin-right: 1em;"], #post_middle a[style="display: block;margin-left: auto;margin-right: auto;padding: 1em 0px;text-align: center;"], #post_middle a[style="display: block;margin-left: auto;margin-right: auto;padding: 1em 0px;text-align: center;"], #post_middle a[style="display: block; padding: 1em 0px; text-align: center;"], #post_middle a[style="display: block; margin-left: auto; margin-right: auto; padding: 1em 0px; text-align: center;"] {display:block!important;line-height:0!important;float:none!important;margin:0!important;padding:0!important;}#post_middle a:not(.vulia_theme_button)[target^=_blank]:after {content:url("data:image/svg+xml,%3Csvg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'/%3E% %3Cpath d='M15 3h6v6'/%3E% %3Cpath d='M10 14 21 3'/%3E%3C/svg%3E");display:inline-block;width:14px;height:14px;margin:0 4px;}.darkmode #post_middle a:not(.vulia_theme_button)[target^=_blank]:after {content:url("data:image/svg+xml,%3Csvg fill='none' stroke='%23d5d6d6' stroke-linecap='round' stroke-linejoin='round' stroke-width='1' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'/%3E% %3Cpath d='M15 3h6v6'/%3E% %3Cpath d='M10 14 21 3'/%3E%3C/svg%3E");}#post_middle img:not(.bookmark_page ul li .post_thumbnail img) {border-radius:8px;}.post_tag {display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:14px;margin-bottom:26px;}.post_tag a {display:flex;align-items:center;justify-content:space-between;background-color:var(--color-surface-bg-2);color:var(--color-primary-text);border-radius:100px;padding:8px 15px;}.post_tag a:hover, .post_tag a:focus {background-color:var(--color-surface-bg-3);}.post_author_box {margin-bottom:40px;}.post_author_photo {line-height:0;margin-bottom:15px;}.post_author_photo img {width:72px;height:72px;border-radius:50%;}.post_author_photo.default {display:inline-block;border:1px solid;border-color:var(--color-border-1);border-radius:50%;padding:15px;}.post_author_photo.default svg {width:64px;height:64px;}.post_author_name {display:flex;align-items:center;gap:6px;font-size:24px;font-weight:700;}.post_author_name svg {width:20px;height:20px;fill:var(--color-accent);}.post_author_bio {color:var(--color-secondary-text);margin-top:8px;}.post_author_bio a:hover {text-decoration:underline;}.read_also {background-color:var(--color-surface-bg-6);border-radius:8px;margin:15px 0;padding:15px;}.read_also ul {margin:0;padding:0;}.read_also ul li {list-style:none;margin:0;padding:0;}.read_also ul li:not(:last-child) {margin-bottom:10px;}.related_posts {border-top:1px solid;border-color:var(--color-border-1);margin-top:40px;padding-top:40px;}.related_posts .widget_title {margin:0 0 24px;}.related_posts ul {margin:0;padding:0;}.related_posts ul li {list-style:none;margin:0;padding:0;}.comments {position:fixed;top:0;right:0;bottom:0;background-color:var(--color-surface-bg-7);box-shadow:rgba(0, 0, 0, 0.15) 0px 4px 12px;width:100%;max-width:400px;z-index:1001;overflow-y:auto;transform:translateX(415px);transition:transform .6s cubic-bezier(0.23, 1, 0.32, 1) 0s;}html[dir="rtl"] .comments:not(.comments.embedded) {right:unset;left:0;transform:translateX(-415px);}.comments.embedded {position:unset;background-color:transparent;border-top:1px solid;border-color:var(--color-border-1);border-radius:0;box-shadow:none;max-width:100%;overflow:unset;transform:unset!important;margin-top:40px;padding-top:40px;}.comments.embedded:target:before {content:'';display:block;height:120px;margin:-120px 0 0;}.comment_active .comments {transform:translate(0)!important;}.comment_title {display:flex;align-items:center;justify-content:space-between;font-size:20px;font-weight:500;margin:24px 12px 24px 24px;}html[dir="rtl"] .comment_title {margin:24px 24px 24px 12px;}.comments.embedded .comment_title {font-size:16px;font-weight:700;margin:0 0 24px;}.comment_title .vulia_theme_button {color:var(--color-primary-text);}.comment_sort {border-bottom:1px solid;border-color:var(--color-border-1);margin-bottom:24px;padding:0 24px 12px;position:relative;}.comments.embedded .comment_sort {padding:0 0 12px;}.comment_sort .vulia_theme_button {box-shadow:none!important;color:var(--color-primary-text);padding:0!important;}.comment_sort ul {position:absolute;top:40px;left:24px;background-color:var(--color-surface-bg-7);box-shadow:0px 2px 4px -1px rgb(0 0 0 / 0.2), 0px 4px 5px 0px rgb(0 0 0 / 0.14), 0px 1px 10px 0px rgb(0 0 0 / 0.12);border-radius:4px;margin:0;padding:0;}html[dir="rtl"] .comment_sort ul {right:24px;left:unset;}.comments.embedded .comment_sort ul {left:0;}html[dir="rtl"] .comments.embedded .comment_sort ul {right:0;left:unset;}.comment_sort ul li {display:flex;align-items:center;gap:12px;cursor:pointer;list-style:none;margin:0;padding:10px 15px;}.comment_sort ul li.selected {color:var(--color-accent);}.comment_sort ul li:hover {background-color:var(--color-surface-bg-1);}.comment_sort ul li svg {width:18px;height:18px;opacity:0;}.comment_sort ul li.selected svg {opacity:1;}.comment_holder:not(.comments.embedded .comment_holder) {padding:0 24px;}.comment_holder ol, .comment_holder ul {margin:0;padding:0;}.comment_holder ol {display:flex;flex-direction:column;}.comment_holder ol.newest {flex-direction:column-reverse;}.comment_holder ol li, .comment_holder ul li {list-style:none;margin:0;padding:0;}.comment_holder ol li {border-bottom:1px solid;border-color:var(--color-border-1);margin-bottom:24px;padding-bottom:24px;}.comment_head {display:flex;align-items:center;gap:12px;margin-bottom:10px;}.comment_avatar {flex:0 0 auto;line-height:0;}.comment_avatar img {width:32px;height:32px;border-radius:50%;}.comment_user a {display:inline-flex;align-items:center;gap:3px;color:var(--color-primary-text);}.comment_user svg {width:15px;height:15px;fill:var(--color-accent);}.comment_date {color:var(--color-secondary-text);}.comment_content {word-break:break-word;}.comment_thread .thread_bar {display:flex;align-items:center;justify-content:space-between;margin-top:15px;}.thread_button {display:flex;align-items:center;gap:4px;cursor:pointer;}.thread_button.showall {display:none;}.thread_show:checked + .comment_replies .comment_thread .thread_button.showall {display:flex;}.thread_show:checked + .comment_replies .comment_thread .thread_button.showless {display:none;}.thread_show:checked + .comment_replies ul {display:none;}.comment_holder .thread_expanded {border-left:3px solid;border-color:var(--color-border-1);margin:15px 0 0 12px;padding-left:24px;}html[dir="rtl"] .comment_holder .thread_expanded, html[dir="rtl"] .comment_holder ol li #threaded_comment_form {border-right:3px solid;border-left:0;border-color:var(--color-border-1);margin:15px 12px 0 0;padding:0 24px 0 0;}.comment_holder .comment_replies ul li:first-child {padding-top:24px;}.comment_holder .comment_replies ul li:last-child {border:none;margin:0;}.comment_reply a, .comment_actions a {color:var(--color-primary-text);}.comment_reply a:hover, .comment_actions a:hover {text-decoration:underline;}.comment_actions {text-align:right;padding:15px 0 0;}.comment_replies + .comment_actions {padding:15px 12px 0;}.thread_show:checked ~ .comment_actions {display:none;}.comment_add {text-align:center;}.comment_add .vulia_theme_button {margin:0 24px 24px;}.comments.embedded .comment_add .vulia_theme_button {margin:0;}.comment_message {margin-bottom:15px;}#threaded_comment_form {margin:0 24px 24px;}.comments.embedded #threaded_comment_form {margin:0;}.comment_holder ol li #threaded_comment_form {border-left:3px solid;border-color:var(--color-border-1);margin:15px 0 0 12px;padding-left:24px;}.comments.embedded .comment_holder ol li #threaded_comment_form {margin:15px 0 0 12px;}#threaded_comment_form .vulia_theme_alert {margin:0;}#comment-editor {background-color:var(--color-surface-bg-7);box-shadow:rgba(0, 0, 0, 0.12) 0px 2px 8px;border:none;border-radius:4px;color-scheme:none;}.widget_title {font-size:16px;font-weight:500;margin:0 0 15px;}.widget_title.c a {display:inline-flex;align-items:center;color:var(--color-primary-text);}.widget_title.c a:hover {color:var(--color-accent);}html[dir="rtl"] .widget_title.c svg {transform:rotate(180deg);}@keyframes fadeInUp {from {opacity: 0;transform: translate3d(0, 15px, 0);}to {opacity: 1;transform: translate3d(0, 0, 0);}}.circle_animate {animation:circle 1.5s linear infinite;}@keyframes circle {0%{transform:rotate(0deg);}100%{transform:rotate(360deg) }}@keyframes fadeInOut {0% {opacity:.5;}50% {opacity:1;}100% {opacity:.5;}}.lazyload {background-color:var(--color-lazyload-bg);animation:fadeInOut 1.5s ease infinite;}.lazyload.loaded {animation:unset;}.billboard_ads .widget {max-width:1200px;margin:0 auto 48px;padding:0 30px;}.ads_above_the_main_post .widget {margin-bottom:48px;}.post_outer.infeed_ads {grid-column:1 / span 2;}.ad_widget {display:none;}#top_ad_content, #middle_ad1_content, #middle_ad2_content, #parallax_ad_content, #bottom_ad_content {margin:15px 0;}#parallax_ad_content {display:none;}.matched_content_code {border-top:1px solid;border-color:var(--color-border-1);margin-top:40px;padding-top:40px;}.ad_box {display:flex;align-items:center;justify-content:center;border:2px dashed;border-color:var(--color-border-1);border-radius:8px;font-size:14px;color:var(--color-secondary-text);height:200px;}.sidebar_sticky .ad_box {height:400px;}.vulia_theme_alert {border-radius:8px;margin:1em 0;padding:15px;overflow:hidden;position:relative;}.vulia_theme_alert:not(.alert_outline) {background-color:var(--color-alert-default-bg);}.vulia_theme_alert.alert_outline {border:1px solid;border-color:var(--color-border-1);}.vulia_theme_alert.alert_info, .vulia_theme_alert.alert_warning, .vulia_theme_alert.alert_success, .vulia_theme_alert.alert_error {background-repeat:no-repeat;background-size:24px;background-position:15px 15px;padding:15px 15px 15px 50px;}html[dir="rtl"] .vulia_theme_alert.alert_info, html[dir="rtl"] .vulia_theme_alert.alert_warning, html[dir="rtl"] .vulia_theme_alert.alert_success, html[dir="rtl"] .vulia_theme_alert.alert_error {background-position:top 15px right 15px;padding:15px 50px 15px 15px;}.vulia_theme_alert.alert_info {background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13,9H11V7H13M13,17H11V11H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z' fill='%2300a7e6'/%3E%3C/svg%3E");color:var(--color-alert-text-info);}.darkmode .vulia_theme_alert.alert_info {background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13,9H11V7H13M13,17H11V11H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z' fill='%235ea0ff'/%3E%3C/svg%3E");}.vulia_theme_alert.alert_info:not(.alert_outline) {background-color:var(--color-alert-info-bg);}.vulia_theme_alert.alert_warning {background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13,13H11V7H13M13,17H11V15H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z' fill='%23ecb621'/%3E%3C/svg%3E");color:var(--color-alert-text-warning);}.darkmode .vulia_theme_alert.alert_warning {background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13,13H11V7H13M13,17H11V15H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z' fill='%23daa026'/%3E%3C/svg%3E");}.vulia_theme_alert.alert_warning:not(.alert_outline) {background-color:var(--color-alert-warning-bg);}.vulia_theme_alert.alert_success {background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 2C6.5 2 2 6.5 2 12S6.5 22 12 22 22 17.5 22 12 17.5 2 12 2M10 17L5 12L6.41 10.59L10 14.17L17.59 6.58L19 8L10 17Z' fill='%2341ba79'/%3E%3C/svg%3E");color:var(--color-alert-text-success);}.darkmode .vulia_theme_alert.alert_success {background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 2C6.5 2 2 6.5 2 12S6.5 22 12 22 22 17.5 22 12 17.5 2 12 2M10 17L5 12L6.41 10.59L10 14.17L17.59 6.58L19 8L10 17Z' fill='%231cbb8c'/%3E%3C/svg%3E");}.vulia_theme_alert.alert_success:not(.alert_outline) {background-color:var(--color-alert-success-bg);}.vulia_theme_alert.alert_error {background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.2,16.06L3.88,12L2.2,7.94L6.26,6.26L7.94,2.2L12,3.88L16.06,2.2L17.74,6.26L21.8,7.94L20.12,12L21.8,16.06L17.74,17.74L16.06,21.8L12,20.12L7.94,21.8L6.26,17.74L2.2,16.06M13,17V15H11V17H13M13,13V7H11V13H13Z' fill='%23c00827'/%3E%3C/svg%3E");color:var(--color-alert-text-error);}.darkmode .vulia_theme_alert.alert_error {background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.2,16.06L3.88,12L2.2,7.94L6.26,6.26L7.94,2.2L12,3.88L16.06,2.2L17.74,6.26L21.8,7.94L20.12,12L21.8,16.06L17.74,17.74L16.06,21.8L12,20.12L7.94,21.8L6.26,17.74L2.2,16.06M13,17V15H11V17H13M13,13V7H11V13H13Z' fill='%23ff6372'/%3E%3C/svg%3E");}.vulia_theme_alert.alert_error:not(.alert_outline) {background-color:var(--color-alert-error-bg);}.vulia_theme_alert.alert_info:before, .vulia_theme_alert.alert_warning:before, .vulia_theme_alert.alert_success:before, .vulia_theme_alert.alert_error:before {content:'';position:absolute;top:45px;left:27px;height:calc(100% - 60px);border-left:1px solid;}html[dir="rtl"] .vulia_theme_alert.alert_info:before, html[dir="rtl"] .vulia_theme_alert.alert_warning:before, html[dir="rtl"] .vulia_theme_alert.alert_success:before, html[dir="rtl"] .vulia_theme_alert.alert_error:before {right:27px;left:unset;}.vulia_theme_alert.alert_info:before {border-color:var(--color-alert-text-info);}.vulia_theme_alert.alert_warning:before {border-color:var(--color-alert-text-warning);}.vulia_theme_alert.alert_success:before {border-color:var(--color-alert-text-success);}.vulia_theme_alert.alert_error:before {border-color:var(--color-alert-text-error);}.vulia_theme_alert.alert_info.alert_outline {border-color:var(--color-alert-text-info);}.vulia_theme_alert.alert_warning.alert_outline {border-color:var(--color-alert-text-warning);}.vulia_theme_alert.alert_success.alert_outline {border-color:var(--color-alert-text-success);}.vulia_theme_alert.alert_error.alert_outline {border-color:var(--color-alert-text-error);}.vulia_theme_alert .alert_message strong {display:block;margin-bottom:10px;}.vulia_theme_alert .alert_message a:not(.vulia_theme_button) {display:inline-block;color:inherit;text-decoration:underline;}blockquote {background-color:var(--color-surface-bg-6);border-left:3px solid;border-color:var(--color-accent);margin:15px 0;padding:15px 15px 15px 50px;position:relative;}html[dir="rtl"] blockquote {border-right:3px solid;border-left:0;border-color:var(--color-accent);padding:15px 50px 15px 15px;}blockquote:before {content:'';background:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14,17H17L19,13V7H13V13H16M6,17H9L11,13V7H5V13H8L6,17Z' fill='%23717279'/%3E%3C/svg%3E") no-repeat center;width:35px;height:35px;position:absolute;top:5px;left:7px;}html[dir="rtl"] blockquote:before {right:7px;left:0;}blockquote span, blockquote small, blockquote footer {display:block;font-size:14px;font-style:italic;color:var(--color-secondary-text);margin-top:15px;}.vulia_theme_button {display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:400;background-color:transparent;color:var(--color-accent);border-radius:8px;white-space:nowrap;padding:0 24px;transition:all .2s ease;}.vulia_theme_button.c {color:var(--color-primary-text);}.vulia_theme_button:not(.header_left .menu_button, .header_right .vulia_theme_button):hover, .vulia_theme_button:not(.header_left .menu_button, .header_right .vulia_theme_button):focus {box-shadow:0px 3px 1px -2px rgb(0 0 0 / 0.2), 0px 2px 2px 0px rgb(0 0 0 / 0.14), 0px 1px 5px 0px rgb(0 0 0 / 0.12);}.vulia_theme_button.small {height:40px;}.vulia_theme_button.medium {font-size:16px;height:56px;padding:0 36px;}.vulia_theme_button.large {font-size:24px;height:96px;padding:0 48px;}.vulia_theme_button.rounded {border-radius:100px;}.vulia_theme_button.filled {background-color:var(--color-accent);color:var(--color-button-filled-text);}.vulia_theme_button.elevated {box-shadow:0px 3px 1px -2px rgb(0 0 0 / 0.2), 0px 2px 2px 0px rgb(0 0 0 / 0.14), 0px 1px 5px 0px rgb(0 0 0 / 0.12);}.darkmode .vulia_theme_button.elevated:not(.vulia_theme_button.filled, .vulia_theme_button.filled_tonal, .vulia_theme_button.elevated.disabled) {background-color:var(--color-surface-bg-2);}.vulia_theme_button.elevated:hover, .vulia_theme_button.elevated:focus {box-shadow:0px 2px 4px -1px rgb(0 0 0 / 0.2), 0px 4px 5px 0px rgb(0 0 0 / 0.14), 0px 1px 10px 0px rgb(0 0 0 / 0.12)!important;}.vulia_theme_button.filled_tonal {background-color:var(--color-surface-bg-5);}.vulia_theme_button.outlined {border:1px solid;border-color:var(--color-button-border);}.vulia_theme_button.fab {width:40px;height:40px;padding:0;}.vulia_theme_button.fab.medium {width:56px;height:56px;}.vulia_theme_button.fab.large {width:96px;height:96px;}.vulia_theme_button.fwm {font-weight:500;}.vulia_theme_button.fwb {font-weight:700;}.vulia_theme_button.fab.extended {width:unset;padding:0 16px;}.vulia_theme_button.fab.extended.medium {padding:0 24px;}.vulia_theme_button.fab.extended.large {padding:0 48px 0 36px;}html[dir="rtl"] .vulia_theme_button.fab.extended.large {padding:0 36px 0 48px;}.vulia_theme_button.fab.extended svg:not(.vulia_theme_button.medium svg, .vulia_theme_button.fab.extended.large svg) {width:18px;height:18px;}.vulia_theme_button.fab.large svg {width:36px;height:36px;}.vulia_theme_button.disabled {box-shadow:none;color:var(--color-button-disabled-text);pointer-events:none;}.vulia_theme_button.elevated.disabled, .vulia_theme_button.filled.disabled, .vulia_theme_button.filled_tonal.disabled {background-color:var(--color-button-disabled-bg);}.vulia_theme_button.outlined.disabled {border-color:var(--color-button-disabled-border);}.vulia_theme_collapse {margin:15px 0;}.collapse_panel {background-color:var(--color-surface-bg-2);border-radius:8px;}.collapse_panel:not(:last-child) {margin-bottom:8px;}.collapse_panel:hover {background-color:var(--color-surface-bg-3);}.collapse_header {display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:16px;font-weight:700;cursor:pointer;padding:15px;}.collapse_header:after {content:'';background:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7,10L12,15L17,10H7Z' fill='%23757575'/%3E%3C/svg%3E") no-repeat center;width:24px;height:24px;flex:0 0 auto;}.darkmode .collapse_header:after {background:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7,10L12,15L17,10H7Z' fill='%23bfbfbf'/%3E%3C/svg%3E") no-repeat center;}.collapse_header.active:after {transform:rotate(180deg);}.collapse_content {display:none;font-size:16px;padding:0 15px 15px;}.guide_list {margin:15px 0;}.guide_list ol {counter-reset:num;margin:0;padding:0;}.guide_list ol > li {counter-increment:num;list-style:none;margin:0;padding:0 0 0 45px;position:relative;}html[dir="rtl"] .guide_list ol > li {padding:0 45px 0 0;}.guide_list ol > li:not(:first-child) {margin-top:22px;}.guide_list ol > li:before {content:counter(num) '';display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;border:1px solid;border-color:var(--color-accent);border-radius:50%;width:30px;height:30px;}html[dir="rtl"] .guide_list ol > li:before {right:0;left:unset;}.guide_list ol > li:hover:before {background-color:var(--color-accent);color:var(--color-guide-list-text);}.guide_list ol > li:after {content:'';position:absolute;top:calc(30px + 15px);bottom:0;left:calc(30px / 2);border-inline-start:1px solid;border-color:var(--color-accent);}html[dir="rtl"] .guide_list ol > li:after {right:calc(30px / 2);left:unset;}.tr-caption {display:block;font-size:14px;color:var(--color-secondary-text);margin-top:15px;}.post_reference {font-size:14px;background-color:var(--color-surface-bg-6);border-radius:8px;margin:15px 0;padding:15px;}.post_reference strong {display:block;}.related_posts_manual {background-color:var(--color-surface-bg-6);border-left:3px solid;border-color:var(--color-accent);margin:15px 0;padding:15px;}html[dir="rtl"] .related_posts_manual {border-right:3px solid;border-left:0;border-color:var(--color-accent);}.spoiler {border:1px solid;border-color:var(--color-border-1);border-radius:8px;margin:15px 0;padding:15px;}.spoiler_title {display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:18px;font-weight:700;}.spoiler_title .vulia_theme_button.active svg {transform:rotate(180deg);}.spoiler_content {margin-top:15px;}.vulia_theme_highlight {position:relative;}pre {background-color:var(--color-highlight-bg);color:var(--color-highlight-code);box-shadow:0px 3px 1px -2px rgb(0 0 0 / 0.2), 0px 2px 2px 0px rgb(0 0 0 / 0.14), 0px 1px 5px 0px rgb(0 0 0 / 0.12);border-radius:8px;text-align:left;direction:ltr;margin:15px 0;padding:15px;}pre[data-lang] {padding-top:69px;}pre[data-lang]:before {content:attr(data-lang);position:absolute;top:0;right:0;left:0;padding:15px;}pre code {display:inline-block;font-size:14px;color:var(--color-highlight-code);}code:not(pre code) {font-size:14px;word-break:break-word;border:1px solid;border-color:var(--color-border-1);border-radius:4px;color:var(--color-primary-text);padding:0 5px;}.pre_copy_button {position:absolute;top:0;right:0;background-color:var(--color-highlight-copy-bg);color:var(--color-highlight-copy-text);border-radius:0 8px 0 8px;font-size:14px;font-family:'Roboto', sans-serif;cursor:pointer;user-select:none;opacity:.7;padding:5px 10px;transition:all .2s ease;}.pre_copy_button:hover {opacity:1;}.hljs-change, .hljs-flow, .hljs-keyword, .hljs-literal, .hljs-strong, .hljs-tag, .hljs-tag .hljs-title, .hljs-winutils, .nginx .hljs-title, .tex .hljs-special, .hljs-attr, .hljs-keyword, .hljs-name, .hljs-selector-tag {color: #ff5f52;}.asciidoc .hljs-code, .hljs .hljs-constant, .markdown .hljs-code, .hljs-attribute, .hljs-link_label, .hljs-regexp, .hljs-symbol, .hljs-symbol .hljs-string, .hljs-value, .hljs-attribute, .hljs-symbol {color: #8ff;}.hljs-class .hljs-title, .hljs-code, .hljs-header {color: var(--color-background);}.apache .hljs-cbracket, .apache .hljs-tag, .django .hljs-filter .hljs-argument, .django .hljs-template_tag, .django .hljs-variable, .hljs-addition, .hljs-attr_selector, .hljs-built_in, .hljs-bullet, .hljs-emphasis, .hljs-envvar, .hljs-link_url, .hljs-name, .hljs-pragma, .hljs-preprocessor, .hljs-prompt, .hljs-pseudo, .hljs-stream, .hljs-string, .hljs-subst, .hljs-tag .hljs-value, .hljs-title, .hljs-type, .ruby .hljs-class .hljs-parent, .smalltalk .hljs-array, .smalltalk .hljs-class, .smalltalk .hljs-localvars, .tex .hljs-command, .hljs-code, .hljs-section, .hljs-selector-class, .hljs-title {color: #aed581;}.apache .hljs-tag, .bash .hljs-variable, .css .hljs-id, .diff .hljs-header, .hljs-chunk, .hljs-doctag, .hljs-header, .hljs-keyword, .hljs-literal, .hljs-request, .hljs-status, .hljs-title, .hljs-type, .hljs-winutils, .rsl .hljs-built_in, .smalltalk .hljs-class, .tex .hljs-special, .vbscript .hljs-built_in, .hljs-strong {font-weight: 700;}.hljs, .hljs-subst, .hljs-tag, .hljs-class .hljs-title, .hljs-params, .hljs-emphasis, .hljs-strong {color:var(--color-highlight-code);}.hljs-bullet, .hljs-link, .hljs-literal, .hljs-number, .hljs-quote, .hljs-regexp {color: #df78ef;}.hljs-emphasis {font-style: italic;}.hljs-addition, .hljs-built_in, .hljs-builtin-name, .hljs-selector-attr, .hljs-selector-id, .hljs-selector-pseudo, .hljs-string, .hljs-template-variable, .hljs-type, .hljs-variable {color: #ffd95a;}.hljs-comment, .hljs-deletion, .hljs-meta, .apache .hljs-sqbracket, .hljs-annotation, .hljs-blockquote, .hljs-comment, .hljs-decorator, .hljs-deletion, .hljs-doctype, .hljs-horizontal_rule, .hljs-pi, .hljs-shebang, .smartquote, .tex .hljs-formula {color: #b4afa2;}.tabs.syntax .tab_content {padding:0;}.tabs.syntax pre {border-radius:0;margin:0;}.tabs.syntax .pre_copy_button {border-radius:0 0 0 8px;}html[dir="rtl"] .tabs.syntax .pre_copy_button {right:unset;left:15px;}.vulia_theme_table {background-color:var(--color-surface-bg-7);box-shadow:0px 3px 1px -2px rgb(0 0 0 / 0.2), 0px 2px 2px 0px rgb(0 0 0 / 0.14), 0px 1px 5px 0px rgb(0 0 0 / 0.12);border-radius:8px;white-space:nowrap;overflow-x:auto;margin:15px 0;}.post_body table {font-size:15px;width:100%;table-layout:auto;margin:0;}html[dir="rtl"] .post_body table {text-align:left;}.post_body thead:not(.tr-caption-container thead), .post_body tbody tr:not(.tr-caption-container tr) {border-bottom:1px solid;border-color:var(--color-border-1);}.post_body .table_header thead {color:#ffffff;}.post_body .table_primary thead {background-color:var(--color-table-head-primary-bg);}.post_body .table_info thead {background-color:var(--color-table-head-info-bg);}.post_body .table_warning thead {background-color:var(--color-table-head-warning-bg);color:var(--color-neutral-2);}.post_body .table_success thead {background-color:var(--color-table-head-success-bg);}.post_body .table_error thead {background-color:var(--color-table-head-error-bg);}.post_body tbody tr:last-child, .post_body .table_header thead {border:none!important;}.post_body .table_striped tbody tr:nth-child(odd), .post_body .table_hovered tbody tr:hover {background-color:var(--color-surface-bg-1);}.post_body thead th {text-align:center;}.post_body thead th, .post_body tbody th, .post_body tbody td:not(.tr-caption-container td) {padding:15px;}.tabs {background-color:var(--color-surface-bg-7);box-shadow:0px 3px 1px -2px rgb(0 0 0 / 0.2), 0px 2px 2px 0px rgb(0 0 0 / 0.14), 0px 1px 5px 0px rgb(0 0 0 / 0.12);border-radius:8px;margin:15px 0;overflow:hidden;}.tabs ul {display:flex;align-items:center;border-bottom:1px solid;border-color:var(--color-border-1);margin:0;padding:0;overflow-x:auto;}.tabs ul li {list-style:none;margin:0;padding:0;}.tabs ul li a {display:block;font-weight:500;color:var(--color-primary-text);border-bottom:3px solid;border-color:transparent;white-space:nowrap;padding:15px;}.tabs ul li a:hover, .tabs ul li.active a {color:var(--color-accent);}.tabs ul li.active a {font-weight:700;border-color:var(--color-accent);}.tab_content {padding:15px;}.tab_item {display:none;}.tab_item.active {display:block;}.textarea:not(.contact_form .textarea) {margin:15px 0;}.textarea.outlined {padding-top:6px;position:relative;}.textarea.outlined textarea {display:block;font-size:16px;resize:none;border:1px solid;border-top-color:transparent;border-right-color:var(--color-text-field-border);border-bottom-color:var(--color-text-field-border);border-left-color:var(--color-text-field-border);border-radius:4px;outline:none;width:100%;height:200px;padding:15px 12px;transition:all .2s ease;}.textarea.outlined textarea:not(:focus):placeholder-shown {border-top-color:var(--color-text-field-border);}.textarea.outlined textarea:focus {border-right-color:var(--color-accent);border-bottom-color:var(--color-accent);border-left-color:var(--color-accent);border-top-color:transparent;box-shadow:inset 1px 0 var(--color-accent), inset -1px 0 var(--color-accent), inset 0 -1px var(--color-accent);}.textarea.outlined label {position:absolute;top:0;left:0;display:flex;width:100%;max-height:100%;font-size:12px;color:var(--color-text-field-label);line-height:15px;letter-spacing:.5px;pointer-events:none;transition:all .2s ease;}.textarea.outlined textarea:not(:focus):placeholder-shown + label {font-size:16px;line-height:68px;}.textarea.outlined textarea:focus + label {color:var(--color-accent);}.textarea.outlined label:before, .textarea.outlined label:after {content:'';display:block;border-top:1px solid var(--color-text-field-border);border-radius:4px 0;min-width:10px;height:8px;pointer-events:none;box-shadow:transparent 0 1px inset;transition:all .2s ease;margin-top:6px;}.textarea.outlined label:before {margin-right:4px;}html[dir="rtl"] .textarea.outlined label:before, html[dir="rtl"] .text_field.outlined label span:before {border-radius:0 4px 0 0;margin:6px 0 0 4px;}.textarea.outlined textarea:not(:focus):placeholder-shown + label:before, .textarea.outlined textarea:not(:focus):placeholder-shown + label:after {border-top-color:transparent;}.textarea.outlined label:after {flex-grow:1;border-right:1px solid transparent;border-radius:0 4px;margin-left:4px;}html[dir="rtl"] .textarea.outlined label:after, html[dir="rtl"] .text_field.outlined label span:after {border-radius:4px 0 0 0;margin:6px 4px 0 0;}.textarea.outlined textarea:focus + label:before, .textarea.outlined textarea:focus + label:after {box-shadow:inset 0 1px var(--color-accent);border-top-color:var(--color-accent);}.text_field label {display:block;position:relative;}.text_field.outlined label {display:block;padding-top:6px;}.text_field label input {display:block;font-size:16px;color:var(--color-primary-text);width:100%;transition:all .2s ease;}.text_field.filled label input {background-color:var(--color-surface-rgb-1);border-top:32px solid transparent;border-bottom:1px solid var(--color-text-field-border);border-radius:4px 4px 0 0;padding:0 12px 10px;}.text_field.filled.error label input {border-bottom-color:var(--color-error-text);}.text_field.outlined label input {border:1px solid;border-top-color:transparent;border-right-color:var(--color-text-field-border);border-bottom-color:var(--color-text-field-border);border-left-color:var(--color-text-field-border);border-radius:4px;height:56px;padding:15px 12px;}.text_field.outlined.error label input {border-right-color:var(--color-error-text);border-bottom-color:var(--color-error-text);border-left-color:var(--color-error-text);}.text_field.outlined label input:not(:focus):placeholder-shown {border-top-color:var(--color-text-field-border);}.text_field.outlined.error label input:not(:focus):placeholder-shown {border-top-color:var(--color-error-text);}.text_field.outlined label input:focus {border-right-color:var(--color-accent);border-bottom-color:var(--color-accent);border-left-color:var(--color-accent);border-top-color:transparent;box-shadow:inset 1px 0 var(--color-accent), inset -1px 0 var(--color-accent), inset 0 -1px var(--color-accent);}.text_field.outlined.error label input:focus {border-right-color:var(--color-error-text);border-bottom-color:var(--color-error-text);border-left-color:var(--color-error-text);box-shadow:inset 1px 0 var(--color-error-text), inset -1px 0 var(--color-error-text), inset 0 -1px var(--color-error-text);}.text_field label span {display:block;position:absolute;font-size:12px;color:var(--color-text-field-label);line-height:18px;letter-spacing:0.5px;pointer-events:none;padding:7px 12px 0;transition:all .3s ease;}.text_field.error label span {color:var(--color-error-text);}.text_field.filled label span {inset:0;}.text_field.outlined label span {top:0;left:0;display:flex;line-height:15px;width:100%;max-height:100%;padding:0;}.text_field label input:not(:focus):placeholder-shown + span {font-size:16px;line-height:48px;}.text_field.outlined label input:not(:focus):placeholder-shown + span {font-size:16px;line-height:68px;}.text_field label input:focus + span {color:var(--color-accent);}.text_field.error label input:focus + span {color:var(--color-error-text);}.text_field.filled label span:after {content:'';position:absolute;bottom:0;left:0;background-color:var(--color-accent);width:100%;height:2px;transform:scaleX(0);transform-origin:center bottom;transition:all .3s ease;}.text_field.filled.error label span:after {background-color:var(--color-error-text);}.text_field.filled label input:focus + span:after {transform:scale(1);}.text_field.outlined label span:before, .text_field.outlined label span:after {content:'';display:block;border-top:1px solid var(--color-text-field-border);border-radius:4px 0;min-width:10px;height:8px;pointer-events:none;box-shadow:transparent 0 1px inset;transition:all .2s ease;margin-top:6px;}.text_field.outlined.error label span:before, .text_field.outlined.error label span:after {border-top-color:var(--color-error-text);}.text_field.outlined label span:before {margin-right:4px;}.text_field.outlined label input:not(:focus):placeholder-shown + span:before, .text_field.outlined label input:not(:focus):placeholder-shown + span:after {border-top-color:transparent;}.text_field.outlined label input:focus + span:before, .text_field.outlined label input:focus + span:after {box-shadow:inset 0 1px var(--color-accent);border-top-color:var(--color-accent);}.text_field.outlined.error label input:focus + span:before, .text_field.outlined.error label input:focus + span:after {box-shadow:inset 0 1px var(--color-error-text);border-top-color:var(--color-error-text);}.text_field.outlined label span:after {flex-grow:1;border-right:1px solid transparent;border-radius:0 4px;margin-left:4px;}.text_field i {display:block;font-size:12px;font-style:normal;color:var(--color-secondary-text);margin-top:4px;margin-left:14px;}.text_field.error i {color:var(--color-error-text);}.text_field.disabled {opacity:.5;pointer-events:none;user-select:none;}.youtube_embed {height:0;margin:15px 0;padding-bottom:56.25%;position:relative;overflow:hidden;}.youtube_embed iframe, .youtube_embed img {width:100%;height:100%;object-fit:cover;border-radius:8px;position:absolute;top:0;left:0;cursor:pointer;}.youtube_embed img {filter:brightness(.6);}.youtube_embed .play_button {position:absolute;top:500px;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:1;cursor:pointer;transition:all .6s cubic-bezier(.68,-.55,.265,1.55);}.youtube_embed:hover .play_button {top:0;}.youtube_embed .play_button svg {fill:#ffffff;width:68px;height:68px;opacity:.6;}.youtube_embed .play_button svg:hover {opacity:1;}.toc_wrap {border-left:5px solid;border-color:var(--color-accent);margin:15px 0;}html[dir="rtl"] .toc_wrap {border-right:5px solid;border-left:0;border-color:var(--color-accent);}.toc_header {display:flex;align-items:center;gap:8px;font-size:18px;font-weight:700;padding:0 15px;}.toc_header span {display:inline-block;line-height:0;cursor:pointer;}.toc_header span:hover {color:var(--color-accent);}.toc_header span.active svg {transform:rotate(180deg);}.toc_content {word-break:initial;}.toc_content ol {counter-reset:toc-count;margin:0;padding:0;}.toc_content > ol {padding:5px 15px 0;}.toc_content ol li {list-style:none;margin:10px 0;padding:0;}.toc_content ol li a {display:inline-flex;color:var(--color-primary-text);}.toc_content ol li a:hover, .toc_content ol li a:focus {color:var(--color-accent);}.toc_content ol li > a:before {content:counters(toc-count,'.')'. ';counter-increment:toc-count;color:var(--color-secondary-text);display:inline-block;margin-right:7px;}html[dir="rtl"] .toc_content ol li > a:before {margin:0 0 0 7px;}.toc_content li ol {padding-left:20px;}.contact_form form > div:not(:last-child) {margin-bottom:9px;}.contact_form form .cf_button {padding-top:6px;}.sitemap {display:grid;grid-template-columns:1fr 1fr;grid-gap:48px 32px;}.sitemap .item h3 {margin:0 0 15px!important;}.sitemap .item h3 a {color:var(--color-primary-text);}.sitemap .item ul {margin:0;padding:0;}.sitemap .item ul li {list-style:none;margin:0;padding:0;}.sitemap .item ul li:not(:last-child) {margin-bottom:10px;}.post_nav {border:1px solid;border-color:var(--color-border-1);border-radius:8px;margin:24px 0;padding:15px;}.post_nav_title {font-weight:700;margin-bottom:12px;}.post_pager {display:flex;align-items:center;flex-wrap:wrap;gap:8px;}.post_pager .page.current {margin-right:5px;}.post_pager a, .post_pager .current:not(.page.current) {display:inline-flex;align-items:center;justify-content:center;border:1px solid;border-color:var(--color-button-border);border-radius:100px;height:40px;padding:0 24px;}.post_pager a:hover, .post_pager a:focus {box-shadow:0px 3px 1px -2px rgb(0 0 0 / 0.2), 0px 2px 2px 0px rgb(0 0 0 / 0.14), 0px 1px 5px 0px rgb(0 0 0 / 0.12);}.post_pager a:not(.post_pager .np_page), .post_pager .current:not(.page.current) {width:40px;height:40px;padding:0;}.post_pager .current:not(.page.current), .post_pager .np_page {background-color:var(--color-accent);color:var(--color-neutral-1);border-color:var(--color-accent);}.post_pager .current:not(.page.current) {pointer-events:none;}.safelink_generator .sg_button {margin-top:15px;}.generate_link {display:flex;align-items:center;gap:15px;margin-top:15px;}.generate_link .text_field {flex:1;}.safelink_post_generating {text-align:center;border:1px solid;border-color:var(--color-border-1);border-radius:8px;margin:15px 0;padding:24px;}.safelink_post_icon {display:inline-block;border:1px solid;border-color:var(--color-border-1);border-radius:50%;line-height:0;margin-bottom:15px;padding:15px;}.safelink_post_icon svg {width:48px;height:48px;}.safelink_post_title {font-size:24px;font-weight:700;margin-bottom:8px;}.safelink_post_description {font-size:14px;color:var(--color-secondary-text);margin-bottom:15px;}.go_to_link_wrap {text-align:center;margin:15px 0;}.custom_widget_post_1 .widget, .custom_widget_post_2 .widget, .custom_widget_post_3 .widget, .custom_widget_post_4 .widget {margin:48px auto 0;}.custom_widget_post_1 .widget {margin:0 0 48px;}.custom_widget_post_4 .widget {max-width:1200px;padding:0 30px;}.cwg ul {margin:0;padding:0;}.cwg ul:not(.cwg.c ul) {display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:24px 15px;}.cwg.c ul {display:flex;gap:15px;overflow:auto;}.cwg.c ul::-webkit-scrollbar {display:none;}.cwg ul li {list-style:none;margin:0;padding:0;position:relative;}.cwg.c ul li {flex:1 0 240px;max-width:240px;border-radius:12px;overflow:hidden;}.cwg ul li .post_thumbnail:not(.cwg.c ul li .post_thumbnail) {margin-bottom:15px;}.cwg ul li .post_thumbnail img {width:100vw;height:134px;}.cwg.c ul li .post_thumbnail img {height:360px;transition:transform .2s ease;}.cwg.c ul li:hover .post_thumbnail img {transform:scale(1.1);}.cwg.c ul li .post_bottom {position:absolute;top:0;bottom:0;right:0;left:0;display:flex;align-items:flex-start;flex-direction:column;place-content:end;padding:15px;}.cwg.c ul li .post_bottom:before {content:'';position:absolute;right:0;bottom:0;left:0;background:linear-gradient(to bottom, transparent, rgba(10, 10, 10, .5));height:50%;z-index:1;transition:background .2s ease, opacity .2s ease;}.cwg.c ul li:hover .post_bottom:before {opacity:0;}.cwg ul li .post_label_meta {display:inline-block;background-color:var(--color-surface-bg-2);border-radius:100px;font-size:13px;margin-bottom:10px;padding:3px 10px;}.cwg.c ul li .post_label_meta {background-color:var(--color-accent);color:var(--color-neutral-1);z-index:1;}.cwg ul li h2.post_title {font-size:16px;}.cwg.c ul li h2.post_title {z-index:1;}.cwg.c ul li h2.post_title a {display:unset;color:var(--color-neutral-1);text-shadow:0 2px 10px #272733, 0 1px 1px rgba(10, 10, 10, .5);}.cwg ul.skeleton_loading li .skeleton_loading_thumb, .cwg ul.skeleton_loading li .skeleton_loading_label, .cwg ul.skeleton_loading li .skeleton_loading_title div {background-color:var(--color-surface-bg-1);animation:fadeInOut 1.5s ease infinite;}.cwg ul.skeleton_loading li .skeleton_loading_thumb {width:100%;height:134px;margin-bottom:15px;}.cwg ul.skeleton_loading li .skeleton_loading_label {width:75px;height:25px;border-radius:100px;margin-bottom:10px;}.cwg ul.skeleton_loading li .skeleton_loading_title {background-color:transparent;}.cwg ul.skeleton_loading li .skeleton_loading_title div {width:100%;height:15px;border-radius:100px;}.cwg ul.skeleton_loading li .skeleton_loading_title div:not(:last-child) {margin-bottom:8px;}.cwg ul.skeleton_loading li .skeleton_loading_title div:last-child {width:70%;}.next_prev_button {display:flex;align-items:center;gap:8px;margin-top:15px;direction:ltr;}.cwg:not(.cwg.c) + .next_prev_button {display:none;}html[dir="rtl"] .next_prev_button {justify-content:right;}.cwg.c ul.skeleton_loading li .skeleton_loading_thumb {height:360px;margin:0;}.cwg ul.skeleton_loading li .skeleton_loading_post_bottom {position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;place-content:end;padding:15px;}.cwg ul.skeleton_loading li .skeleton_loading_post_bottom .skeleton_loading_label {background-color:var(--color-accent);}@media screen and (max-width:1024px) {.vulia_theme_header header {padding:0 6px;}.header_left .menu_button {display:inline-flex;}.main_nav {position:fixed;top:0;bottom:0;left:0;background-color:var(--color-surface-bg-7);box-shadow:rgba(0, 0, 0, 0.15) 0px 4px 12px;width:100%;max-width:300px;z-index:2;overflow-y:auto;transform:translateX(-310px);transition:transform .6s cubic-bezier(0.23, 1, 0.32, 1) 0s;}html[dir="rtl"] .main_nav {right:0;left:unset;transform:translateX(310px);}.nav_active .main_nav {transform:translateX(0)!important;}.nav_header {display:flex;align-items:center;height:60px;padding:0 6px;}html[dir="rtl"] .nav_header .close_button svg {transform:rotate(180deg);}.main_nav .LinkList {margin-bottom:8px;}.main_nav ul {display:block;}.main_nav ul li a {color:var(--color-primary-text);height:48px;}.main_nav li ul {position:relative;top:unset;background-color:transparent;box-shadow:none;border-radius:0;}.main_nav li ul:before {background-color:var(--color-border-1);width:1px;height:100%;position:absolute;left:25px;}.main_nav ul li.has_sub > a:after {margin-left:auto;}html[dir="rtl"] .main_nav ul li.has_sub > a:after {margin:0 auto 0 0;}html:not(.darkmode) .main_nav ul li.has_sub > a:after {background:url("data:image/svg+xml,%3Csvg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m5.25 8.625 6.75 6.75 6.75-6.75'/%3E%%3C/svg%3E") no-repeat center;}.main_nav ul li.has_sub:not(.open) > a:after {transform:rotate(0);}.main_nav ul li.has_sub:not(.open) ul {display:none;}.main_nav li ul li a {padding-left:54px;}html[dir="rtl"] .main_nav li ul li a {padding:0 54px 0 0;}.main_nav li ul li a:before {position:absolute;left:26px;background-color:var(--color-border-1);width:20px;height:1px;}.hero_section_wrap, .pricing_card, .widget_detail, .main_post_inner, .custom_widget_post_4 .widget, .billboard_ads .widget {padding:0 15px;}.scrollable_content_tabs .Label .cloud ul {overflow:auto;}.scrollable_content_tabs .Label .cloud ul::-webkit-scrollbar {width:0;height:0;}.footer_inner {padding:30px 15px;}.youtube_embed .play_button {top:0;}}@media screen and (max-width:800px) {.header_right .search_button {display:inline-flex;}.search_bar {display:none;}.top_section .widget_content, .widget_wrap {margin-bottom:24px;padding-bottom:24px;}.billboard_ads .widget, .custom_widget_post_1 .widget, .ads_above_the_main_post .widget {margin:24px 0;}.FeaturedPost .post_summary {flex-direction:column-reverse;gap:24px;}.FeaturedPost .post_thumbnail img {width:100vw;}.trending_posts ul {grid-template-columns:1fr 1fr;}.main_post_inner {display:block;}.main_post_index {width:100%;}.isMultipleItems .main_post_index {margin-bottom:48px;}.main_sidebar {max-width:100%;margin-top:48px;}.sidebar_sticky {position:unset;}}@media screen and (max-width:480px) {.header_right {gap:0;}.header_height {margin-bottom:30px;}.hero_section_wrap h2 {font-size:36px;}.pricing_card_inner, .trending_posts ul, body.g .related_posts ul, body.g .bookmark_page ul, .sitemap {grid-template-columns:1fr;}.pricing_card_start {border-right:0;border-bottom:1px solid;border-color:var(--color-border-1);}.FeaturedPost .post_thumbnail img {height:210px;}body.isMultipleItems.g .blog_posts {display:block;}.blog_posts .post_outer:not(body.isMultipleItems.g .blog_posts .post_outer, body.g .related_posts ul li, body.g .bookmark_page ul li) {margin-bottom:24px;}body.isMultipleItems.g .blog_posts .post_outer:not(:last-child) {margin-bottom:48px;}.post_summary {gap:24px;}.blog_posts h2.post_title:not(body.g .blog_posts h2.post_title) {font-size:16px;}.post_thumbnail img {width:75px;height:75px;}.footer_bottom {align-items:unset;flex-direction:column-reverse;gap:24px;}.error_page_inner h2 {font-size:96px;}.error_page_inner h3 {font-size:36px;}.search_query {margin-bottom:24px;}.search_query_title {font-size:24px;}.post_update {display:none;}.post_author_box {margin-bottom:24px;}.related_posts, .matched_content_code {margin-top:24px;padding-top:24px;}.share_popup {top:0;bottom:0;left:0;transform:unset;}.share_popup_inner {border-radius:0;max-height:unset;height:100%;}.comments {top:30px;border-radius:24px 24px 0 0;transform:translateY(1000px)!important;}.cwg ul:not(.cwg.c ul) {grid-template-columns:1fr 1fr;}.cwg ul li .post_thumbnail img, .cwg ul.skeleton_loading li .skeleton_loading_thumb {height:93px;}.sitemap {grid-gap:24px;}#parallax_ad_content {display:block;position:relative;overflow:visible;height:700px;}#parallax_ad_content > div {width: 100%;height: 100%;position: absolute;top: 0;left: 0;clip: rect(auto auto auto auto);overflow: hidden;}#parallax_ad_content > div > div {width:100%;height:100%;position:fixed;top:80px;left:0;padding:0 15px;}#parallax_ad_content .ad_box {height:700px;}.post_outer.infeed_ads {grid-column:1;}.toast {right:15px;}}
.artmodus-sidebar-toggle-switch-filter-menu_sidebar_search-input {
  padding: .72rem 0rem !important;
}#post_middle a:not(.vulia_theme_button)[target^="_blank"]::after {
display: none !important;


a {
  color: #00c800 !important;
}
a:hover {
  text-decoration: underline !important;
}