@charset "UTF-8";
/*  
Theme Name: Web is Life
Description: Тема студии
Version: 1.1.5
Author: Web is Life
Author URI: https://webislife.ru/
*/
@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,500&subset=latin,cyrillic-ext);
@import url(https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0);
:root {
  --site-width: 960px; }

/* reset section */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0;
  list-style: none; }

html {
  min-height: 100%;
  height: auto; }

html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%; }

/* end reset section */
:root {
  --color-orange-50: #FFF8E1;
  --color-orange-100: #FFF8E1;
  --color-orange-500: #FF9800;
  --color-orange-700: #F57C00;
  --color-green-50: #E8F5E9;
  --color-green-100: #C8E6C9;
  --color-green-300: #AED581;
  --color-green-500: #4CAF50;
  --color-green-900: #1B5E20;
  --color-red-50: #FFEBEE;
  --color-red-100: #FFCDD2;
  --color-red-200: #FF8A65;
  --color-red-500: #F44336;
  --color-red-900: #B71C1C;
  --color-amber-50: #FFF8E1;
  --color-amber-100: #FFE0B2;
  --color-amber-900: #FF6F00;
  --color-indigo-100: #C5CAE9;
  --color-deep-orange-50: #FBE9E7;
  --color-deep-orange-900: #BF360C;
  --color-lime-50: #F9FBE7;
  --color-lime-100: #F0F4C3;
  --color-lime-200: #C5E1A5;
  --color-lime-900: #33691E;
  --color-grey-50: #FAFAFA;
  --color-grey-100: #F5F5F5;
  --color-grey-200: #EEEEEE;
  --color-grey-300: #E0E0E0;
  --color-grey-400: #BDBDBD;
  --color-grey-500: #9E9E9E;
  --color-grey-600: #757575;
  --color-grey-700: #757575;
  --color-grey-800: #424242;
  --color-grey-900: #212121;
  --color-blue-50: #E3F2FD;
  --color-blue-100: #BBDEFB;
  --color-blue-200: #90CAF9;
  --color-blue-500: #2196F3;
  --color-blue-800: #1565C0;
  --color-blue-900: #0D47A1;
  --color-blue-gray-50: #ECEFF1;
  --color-blue-gray-100: #CFD8DC;
  --color-blue-gray-200: #B0BEC5;
  --color-blue-gray-300: #90A4AE;
  --color-blue-gray-400: #78909C;
  --color-blue-gray-700: #455A64;
  --color-blue-gray-800: #37474F;
  --color-blue-gray-900: #263238;
  --color-blue-light-50: #E1F5FE;
  --color-blue-light-100: #B3E5FC; }

body {
  font-family: Arial, Helvetica, sans-serif; }

h1, h2, h3, h4, h5, h6 {
  font-family: Georgia, 'Times New Roman', Times, serif;
  font-weight: normal;
  margin-bottom: 1em;
  margin-top: 1.5em; }

h1 {
  font-size: 2em; }

h2 {
  font-size: 1.8em; }

h3 {
  font-size: 1.6em; }

h4 {
  font-size: 1.4em; }

h5 {
  font-size: 1.2em; }

h6 {
  font-size: 1em; }

/* del\ins */
del {
  color: var(--color-red-900);
  border-bottom: 1px solid var(--color-red-900);
  background-color: var(--color-red-50);
  text-decoration: none; }

video {
  max-width: 100%; }

var {
  font-weight: bold;
  font-style: italic; }

del:before {
  content: '- ';
  font-weight: 400; }

ins {
  color: var(--color-green-900);
  border-bottom: 1px solid var(--color-green-900);
  background-color: var(--color-green-50);
  text-decoration: none; }

ins:before {
  content: '+ ';
  font-weight: 400; }

table > caption {
  background-color: var(--color-blue-gray-200); }

th {
  background-color: var(--color-blue-gray-100); }

td, th {
  padding: 3px;
  border: 1px solid var(--color-blue-gray-400); }

/* definiton */
dfn {
  color: var(--color-blue-900);
  position: relative; }

dfn:after {
  content: "*";
  color: var(--color-blue-900); }

dfn:after {
  content: "*";
  color: var(--color-blue-900); }

dfn::before {
  transition: all 0.2s ease;
  display: inline-block;
  position: absolute;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 90vw;
  min-width: 50px;
  padding: 3px 6px;
  background-color: var(--color-blue-50);
  top: 0;
  font-size: 0.9em;
  line-height: 0.9em;
  left: 50%;
  transform: translate(0, 0); }

dfn:hover::before {
  content: attr(title);
  transform: translate(-50%, -110%); }

small {
  font-size: 0.8em; }

samp {
  padding: 0 3px;
  background-color: var(--color-blue-gray-50);
  border-radius: 3px;
  font-family: inherit;
  border-bottom: 1px solid var(--color-blue-gray-300); }

samp::before {
  content: '> ';
  color: var(--color-blue-gray-300);
  font-family: sans-serif; }

a,
a.wc-a {
  color: var(--color-blue-800); }

a:hover,
a.wc-a:hover {
  color: var(--color-blue-900);
  border-color: var(--color-blue-900); }

a.wc-a[target=_blank]::after {
  user-select: none;
  content: '↗';
  display: inline-flex;
  margin-left: 5px;
  border-radius: 3px;
  align-items: center;
  justify-content: center;
  width: 1em;
  line-height: 16px;
  font-size: 0.7em;
  height: 1em;
  border: 1px solid var(--color-blue-gray-200);
  transition: all 0.2s ease; }

a.wc-a[target=_blank]:hover::after {
  border: 1px solid var(--color-blue-500);
  background-color: var(--color-blue-500);
  color: #fff; }

blockquote {
  margin: 10px 0 10px 0;
  background-color: var(--color-amber-50);
  color: #412207;
  padding: 10px 10px 10px 20px;
  border-left: 2px solid #F57F17;
  border-radius: 3px;
  position: relative; }

blockquote::before {
  content: '❝';
  font-size: 1em;
  color: #F57F17;
  display: block;
  position: absolute;
  top: 0px;
  left: 10px;
  user-select: none; }

p {
  margin-bottom: 1em; }

/**
*
*/
q {
  background-color: #FFF8E1;
  display: inline;
  font-style: italic;
  padding: 0 5px;
  border-radius: 3px; }

q:before {
  content: open-quote; }

q:after {
  content: close-quote; }

mark {
  background-color: var(--color-lime-100);
  color: var(--color-lime-900);
  padding: 0 5px;
  border-radius: 3px;
  line-height: 1.2em;
  display: inline-block; }

strong {
  background-color: var(--color-deep-orange-50);
  color: var(--color-deep-orange-900);
  font-weight: 400;
  padding: 0 5px;
  border-radius: 3px;
  line-height: 1.2em;
  display: inline-block; }

span.inline-code {
  background-color: var(--color-blue-gray-50);
  color: var(--color-blue-grey-800);
  padding: 15px 10px 10px 10px;
  border-radius: 6px; }

kbd {
  background-color: #eee;
  border-radius: 3px;
  border: 1px solid #b4b4b4;
  border-bottom: 3px solid #b4b4b4;
  color: #333;
  display: inline-block;
  text-transform: uppercase;
  font-family: inherit;
  font-size: 0.85em;
  font-weight: 700;
  line-height: 1;
  padding: 2px 4px;
  white-space: nowrap; }

/* spoiler section */
details {
  border: 1px dashed var(--color-blue-gray-200);
  border-radius: 5px;
  margin-bottom: 1em; }

details > summary {
  text-decoration: dotted;
  color: var(--color-blue-grey-900);
  padding: 5px;
  border-radius: 3px;
  cursor: pointer; }

details > p {
  padding: 0 10px 10px 10px; }

/* abbr section */
abbr {
  color: #1A237E;
  position: relative;
  cursor: help;
  transition: all 0.2s ease; }

abbr:hover {
  background-color: #E3F2FD; }

abbr::after {
  transition: all 0.2s ease;
  display: inline-block;
  position: absolute;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 33vw;
  min-width: 50px;
  padding: 3px 6px;
  background-color: #BBDEFB;
  top: 0;
  font-size: 0.9em;
  line-height: 0.9em;
  left: 50%;
  transform: translate(0, 0); }

abbr:hover::after {
  content: attr(title);
  transform: translate(-50%, -110%); }

/* code block style */
pre, .hljs {
  background-color: var(--color-blue-gray-50);
  color: var(--color-blue-grey-900);
  padding: 15px 10px 10px 10px;
  border-radius: 6px;
  overflow: hidden;
  overflow-x: auto;
  margin-bottom: 5px;
  position: relative; }

pre[data-lang]:before {
  content: attr(data-lang);
  display: inline-block;
  background-color: var(--color-blue-gray-100);
  color: var(--color-blue-grey-900);
  border-radius: 6px;
  position: absolute;
  left: 0;
  top: 0;
  padding: 0 5px;
  text-transform: uppercase;
  font-size: 0.7em;
  line-height: 16px; }

/* inlinde-code */
code {
  display: inline-block;
  padding: 0 4px;
  line-height: 1.2em;
  box-sizing: border-box;
  background-color: var(--color-blue-gray-50);
  color: var(--color-blue-grey-900);
  border-radius: 3px; }

/* ul\li section */
ul, ol {
  margin-left: 0.5em;
  margin-bottom: 0.5em;
  padding-inline-start: 0; }

ol li {
  list-style: decimal;
  margin-left: 1em; }

ul li {
  list-style-type: square;
  margin-left: 1em; }

li[data-listStyle] {
  list-style: none;
  list-style-type: none;
  position: relative; }

li[data-listStyle]:before {
  content: attr(data-liststyle);
  position: absolute;
  margin-left: -20px; }

/* Images */
img {
  box-sizing: border-box;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  display: block;
  border-radius: 3px; }

figure {
  border-radius: 4px;
  margin: 5px;
  padding: 5px;
  border: 1px solid var(--color-blue-gray-200); }

figure > figcaption {
  font-weight: normal;
  font-size: 0.8em; }

hr {
  display: block;
  outline: none;
  border: 1px dashed var(--color-blue-gray-200);
  margin: 1em 0; }

button, .btn {
  background: var(--color-blue-gray-50);
  outline: none;
  padding: 3px 6px;
  border-radius: 3px;
  border: 1px solid var(--color-blue-grey-200);
  border-bottom: 3px solid var(--color-blue-grey-200);
  color: #333;
  min-width: 0px;
  text-align: center;
  box-sizing: border-box;
  display: inline-block;
  text-transform: uppercase;
  font-size: 0.85em;
  font-weight: 400;
  line-height: 1;
  white-space: nowrap;
  margin-right: 5px;
  user-select: none;
  cursor: pointer; }
  button:hover, .btn:hover {
    background: var(--color-blue-gray-100);
    border-color: var(--color-blue-gray-300); }
  button:focus, .btn:focus {
    border-color: var(--color-blue-500); }
  button:active, .btn:active {
    padding-top: 2px;
    background: var(--color-blue-gray-100);
    border-color: var(--color-blue-gray-700);
    border-bottom: 1px solid; }
  button:disabled, .btn:disabled {
    pointer-events: none;
    color: var(--color-blue-gray-400);
    border: 1px solid var(--color-blue-gray-300);
    background-color: var(--color-blue-gray-200); }
  button > a, .btn > a {
    text-decoration: none; }
  button.-green, .btn.-green {
    border-color: var(--color-green-500); }
  button.-blue, .btn.-blue {
    background-color: var(--color-blue-500);
    color: #fff;
    border-color: var(--color-blue-800); }
    button.-blue:active, .btn.-blue:active {
      background-color: var(--color-blue-600);
      border-color: var(--color-blue-900); }

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

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

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

html {
  color: #1d1d1d;
  font-size: 16px;
  background-color: var(--color-blue-gray-50);
  font-family: Arial, sans-serif;
  font-display: auto;
  line-height: 1.6em;
  font-weight: 300; }

/* post section */
.a {
  background-color: #fff;
  border-radius: 8px;
  padding: 20px; }
  .a > p {
    margin-bottom: 1em; }
  .a__footer {
    display: flex;
    flex-wrap: wrap; }
    .a__footer_feeds {
      max-width: 300px;
      width: 100%;
      padding: 10px;
      box-sizing: border-box; }
    .a__footer_more {
      font-size: 1em;
      margin: 0; }
      .a__footer_more_postlink {
        text-decoration: none; }
        .a__footer_more_postlink h5 {
          margin: 0;
          font-size: 1em; }
      .a__footer_more time {
        font-size: 14px;
        border: none;
        padding: 0; }
    .a__footer .a__data_tags {
      margin-bottom: 1em; }
  .a__title {
    font-size: 2em;
    line-height: 1.2em;
    margin-top: 0;
    margin-bottom: 20px;
    font-weight: 400; }
    .a__title-link {
      text-decoration: none; }
    .a__title.-fp {
      font-size: 1.8em; }
    .a__title.-single {
      font-size: 2.2em; }
  .a__date {
    font-size: 14px; }
  .a__data {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    margin-left: 0; }
    .a__data_tags {
      display: block; }
      .a__data_tags a {
        text-decoration: none;
        position: relative;
        background-color: var(--color-lime-50);
        padding: 0 5px 0 7px;
        margin-right: 7px;
        border-radius: 0.25em;
        transition: all .2s ease; }
        .a__data_tags a:before {
          content: "#";
          margin-right: 3px;
          color: var(--color-gray-500); }
        .a__data_tags a:hover {
          color: var(--color-lime-900);
          transform: translate(2px, 0);
          background-color: var(--wl-color);
          background-color: var(--color-lime-200); }
    .a__data_item {
      display: inline-flex;
      align-items: center;
      margin-left: 0;
      font-size: 0.8em; }
      .a__data_item svg {
        margin-right: 5px;
        fill: #888; }
      .a__data_item:not(:last-child) {
        margin-right: 10px; }
      .a__data_item .avatar {
        border-radius: 50%;
        margin-right: 5px; }
  .a__readtime {
    display: flex;
    align-items: center;
    color: var(--color-blue-800);
    border: 1px solid var(--color-blue-100);
    padding: 0 0.5em;
    border-radius: 1em;
    user-select: none;
    cursor: help;
    margin-left: 10px; }
    .a__readtime img {
      display: inline-block;
      margin-right: 5px; }
    .a__readtime:after {
      content: ' мин';
      font-size: 0.8em; }
  .a__content span.span-syntax {
    padding: 0 5px;
    background: #EEEADA;
    color: #f92672; }
  .a__content sup.green-badge {
    display: inline-block;
    border-radius: 6px;
    font-size: .45em;
    line-height: 1;
    font-weight: 600;
    padding: 0.35em 0.4em 0.3em;
    position: relative;
    top: -0.65em;
    margin-left: 0.5em;
    color: #fff;
    background-color: #42b883;
    transition: color .5s; }
  .a__content > p {
    margin-bottom: 1em; }
  .a__content blockquote p:last-child {
    margin-bottom: 0; }
  .a__views {
    display: flex;
    color: var(--color-blue-800);
    align-items: center;
    margin-left: 1em;
    font-size: 14px;
    border: 1px solid var(--color-blue-100);
    padding: 0 0.5em;
    border-radius: 1em; }
    .a__views .icon {
      margin-right: 0.25em; }
  .a__lastmod {
    font-size: 0.8em;
    color: #888;
    display: block; }
  .a__header {
    display: flex;
    align-items: center;
    margin-bottom: 5px; }
  .a-fp {
    margin-bottom: 30px; }
    .a-fp .a__title {
      margin-top: 0;
      font-size: 1.6em; }
    .a-fp .uc {
      font-size: 14px; }
  .a-sp {
    padding: 0.5em;
    margin-bottom: 1em; }
    .a-sp .a__title {
      font-size: 1.1em;
      margin-bottom: 10px; }
  .a-ap {
    padding: 10px;
    margin-bottom: 10px; }
    .a-ap .a__title {
      font-size: 1.5em;
      line-height: 1em;
      margin-bottom: 5px; }
    .a-ap .a__data {
      margin: 0; }

@media (prefers-color-scheme: dark) {
  .a__readtime {
    border: 1px solid var(--color-grey-800); }
    .a__readtime .icon {
      fill: var(--color-blue-gray-400); }
  .a__views {
    border: 1px solid var(--color-grey-800); }
    .a__views .icon {
      fill: var(--color-blue-gray-400); } }

/* end post section */
@media screen and (min-width: 960px) {
  /** Article22312 **/
  .a_a12sd123 {
    color: #fff; } }

@media screen and (max-width: 960px) {
  html {
    font-size: 14px; }
  .wl__main {
    padding: 0 5px; }
  .a {
    padding: 5px; }
    .a__title {
      font-size: 1.8em; }
    .a__data {
      flex-wrap: wrap;
      align-items: center; }
      .a__data_tags {
        min-width: 300px; }
    .a-fp {
      margin-bottom: 15px; }
      .a-fp .a__title {
        margin-top: 0; }
    .a__footer_feeds {
      max-width: 100%; } }

.wc-a {
  display: inline-flex;
  border: 1px solid rgba(0, 105, 170, 0.2);
  padding: 0 5px;
  border-radius: 6px;
  align-items: center;
  transition: all 0.2s ease;
  text-decoration: none; }
  .wc-a:hover {
    border: 1px solid var(--color-blue-200); }
    .wc-a:hover.-tabicon {
      fill: var(--color-blue-200); }
  .wc-a.-tabicon {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-left: 5px;
    transition: all 0.2s ease;
    fill: rgba(0, 105, 170, 0.2); }
  .wc-a[target=_blank]:after {
    content: '↗';
    width: 1em;
    height: 1em;
    border-radius: 1em;
    border: 1px solid var(--color-blue-gray-400); }
  .wc-a.-favicon {
    padding-left: 25px;
    background-size: 16px;
    background-position: 5px center;
    background-repeat: no-repeat; }

@keyframes wcLikesSubmit {
  0% {
    visibility: visible;
    top: 0;
    opacity: 1; }
  100% {
    opacity: 0;
    top: -100px;
    font-size: 4em; } }

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

.wc-likes {
  display: inline-flex;
  align-items: center;
  font-size: 14px;
  padding: 0px 1em 0px 0px;
  border: 1px solid var(--color-blue-light-100);
  border-radius: 20px;
  transition: all 0.2s ease;
  user-select: none; }
  .wc-likes:hover {
    background-color: var(--color-blue-light-50);
    border-color: var(--color-blue-light-50); }
  .wc-likes:after {
    min-width: 100px;
    text-align: center;
    white-space: nowrap;
    background-color: var(--color-blue-light-50);
    color: var(--color-blue-500); }
  .wc-likes > button {
    user-select: contain;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 2em;
    height: 2em;
    transition: all 0.2s ease;
    margin-right: 10px;
    color: var(--color-red-500);
    background-color: #fff;
    border: none;
    border-radius: 50%;
    outline: none;
    cursor: pointer; }
    .wc-likes > button:hover {
      background-color: var(--color-red-100);
      border: none; }
      .wc-likes > button:hover > svg {
        fill: var(--color-red-500); }
    .wc-likes > button:after {
      visibility: hidden;
      color: var(--color-red-500);
      content: '♥';
      position: absolute; }
    .wc-likes > button > svg {
      fill: var(--color-red-100);
      min-width: 16px; }
  .wc-likes.-fetch {
    opacity: 0.8;
    pointer-events: none; }
    .wc-likes.-fetch > button:before {
      position: absolute;
      border: 2px solid var(--color-red-100);
      border-top: 2px solid var(--color-red-500);
      border-radius: 50%;
      display: block;
      width: 2em;
      height: 2em;
      animation: wcLikesFetch 1s linear infinite;
      content: ''; }
  .wc-likes.-liked {
    background-color: var(--color-blue-light-100);
    border-color: var(--color-blue-light-100); }
    .wc-likes.-liked > button {
      background-color: var(--color-red-500);
      color: #fff; }
      .wc-likes.-liked > button:after {
        animation-fill-mode: forwards;
        animation-duration: 0.4s;
        animation-name: wcLikesSubmit; }
      .wc-likes.-liked > button > svg {
        fill: #fff;
        stroke: none; }

@media (prefers-color-scheme: dark) {
  .wc-likes {
    border: 1px solid var(--color-blue-800); }
    .wc-likes:hover {
      background-color: var(--color-grey-800); }
    .wc-likes > button {
      background-color: var(--color-grey-900); } }

:root {
  --color-orange-50: #FFF8E1;
  --color-orange-100: #FFF8E1;
  --color-orange-500: #FF9800;
  --color-orange-700: #F57C00;
  --color-green-50: #E8F5E9;
  --color-green-100: #C8E6C9;
  --color-green-300: #AED581;
  --color-green-500: #4CAF50;
  --color-green-900: #1B5E20;
  --color-red-50: #FFEBEE;
  --color-red-100: #FFCDD2;
  --color-red-200: #FF8A65;
  --color-red-500: #F44336;
  --color-red-900: #B71C1C;
  --color-amber-50: #FFF8E1;
  --color-amber-100: #FFE0B2;
  --color-amber-900: #FF6F00;
  --color-indigo-100: #C5CAE9;
  --color-deep-orange-50: #FBE9E7;
  --color-deep-orange-900: #BF360C;
  --color-lime-50: #F9FBE7;
  --color-grey-50: #FAFAFA;
  --color-grey-100: #F5F5F5;
  --color-grey-200: #EEEEEE;
  --color-grey-300: #E0E0E0;
  --color-grey-400: #BDBDBD;
  --color-grey-500: #9E9E9E;
  --color-grey-600: #757575;
  --color-grey-700: #757575;
  --color-grey-800: #424242;
  --color-grey-900: #212121;
  --color-blue-50: #E3F2FD;
  --color-blue-100: #BBDEFB;
  --color-blue-200: #90CAF9;
  --color-blue-500: #2196F3;
  --color-blue-800: #1565C0;
  --color-blue-900: #0D47A1;
  --color-blue-gray-50: #ECEFF1;
  --color-blue-gray-100: #CFD8DC;
  --color-blue-gray-200: #B0BEC5;
  --color-blue-gray-300: #90A4AE;
  --color-blue-gray-400: #78909C;
  --color-blue-gray-700: #455A64;
  --color-blue-gray-800: #37474F;
  --color-blue-gray-900: #263238;
  --color-blue-light-50: #E1F5FE;
  --color-blue-light-100: #B3E5FC; }

.wc-wysiwyg {
  background-color: #eee;
  font-family: Arial, Helvetica, sans-serif;
  position: relative;
  border: 1px solid var(--color-blue-gray-400);
  border-radius: 3px;
  display: block;
  /* custom elements */
  /* preview */
  /* inline dialog */
  /* props form */
  /* hints */ }
  .wc-wysiwyg_dialog {
    border-radius: 10px;
    border: none;
    outline: none; }
    .wc-wysiwyg_dialog::backdrop {
      background: rgba(0, 0, 0, 0.8); }
    .wc-wysiwyg_dialog.-modal {
      min-width: 90vw;
      min-height: 90vh;
      max-height: 90vh;
      max-height: 90vh; }
    .wc-wysiwyg_dialog.-colors {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      min-width: 0;
      min-height: 0;
      max-width: 300px; }
      .wc-wysiwyg_dialog.-colors:not([open]) {
        display: none; }
      .wc-wysiwyg_dialog.-colors fieldset.-palette {
        padding: 0;
        display: flex;
        flex: 1;
        margin: 0;
        border: 0;
        outline: 0;
        max-width: 20px; }
        .wc-wysiwyg_dialog.-colors fieldset.-palette > button {
          flex: 1;
          margin: 2px; }
  .wc-wysiwyg_bt {
    display: block;
    padding: 5px;
    margin: 0;
    border: none;
    outline: none;
    border-radius: 3px;
    background-color: var(--color-blue-gray-100); }
    .wc-wysiwyg_bt .-errors {
      background-color: var(--color-red-500);
      color: var(--color-red-50);
      padding: 3px;
      font-size: 10px;
      line-height: 15px;
      border-radius: 3px; }
  .wc-wysiwyg_ce {
    position: relative;
    margin: 0;
    padding: 7px;
    border: 1px solid var(--color-blue-500);
    border-radius: 3px;
    background-color: var(--color-blue-50); }
  .wc-wysiwyg_ce:before {
    content: 'HTML5 custom-elements';
    color: #fff;
    background-color: var(--color-blue-500);
    position: absolute;
    font-size: 10px;
    line-height: 0.6em;
    padding: 3px;
    border-radius: 3px;
    transform: translate(0, -50%);
    top: 0;
    left: 0; }
  .wc-wysiwyg_ce > button {
    border-color: var(--color-blue-500);
    background-color: var(--color-blue-100); }
    .wc-wysiwyg_ce > button:hover {
      border-color: var(--color-blue-900);
      background-color: var(--color-blue-200); }
  .wc-wysiwyg_pr {
    width: 100%;
    box-sizing: border-box;
    max-width: 100%;
    min-height: 200px; }
  .wc-wysiwyg_content {
    padding: 5px 5px 2em 5px;
    border: 1px solid #ccc;
    background: #fff;
    overflow-x: hidden;
    overflow-y: scroll;
    max-width: 960px;
    width: 100%;
    box-sizing: border-box;
    margin: 0 auto;
    box-sizing: border-box;
    display: inline-block;
    resize: vertical; }
    .wc-wysiwyg_content .-selected {
      background-color: var(--color-blue-100); }
    .wc-wysiwyg_content:focus, .wc-wysiwyg_content:active {
      outline: 5px solid var(--color-green-300);
      border: none; }
    .wc-wysiwyg_content.-invalid:focus {
      outline: 5px solid var(--color-red-500); }
  .wc-wysiwyg_ec {
    background: var(--color-blue-gray-100);
    padding: 0.5em 0.25em 0.25em 0.25em;
    border-radius: 3px;
    border: 1px solid;
    border-color: var(--color-blue-gray-100); }
  .wc-wysiwyg_ec:focus-within {
    border-color: var(--color-blue-500); }
  .wc-wysiwyg_btn {
    background: var(--color-blue-gray-50);
    outline: none;
    padding: 3px 6px;
    border-radius: 3px;
    border: 1px solid var(--color-blue-gray-200);
    border-bottom: 3px solid var(--color-blue-gray-200);
    color: #333;
    min-width: 0px;
    text-align: center;
    box-sizing: border-box;
    display: inline-block;
    text-transform: uppercase;
    font-size: 0.85em;
    font-weight: 400;
    line-height: 1;
    white-space: nowrap;
    margin-right: 5px;
    user-select: none;
    cursor: pointer; }
    .wc-wysiwyg_btn:hover {
      background: var(--color-blue-gray-100);
      border-color: var(--color-blue-gray-300); }
    .wc-wysiwyg_btn:focus {
      border-color: var(--color-blue-500); }
    .wc-wysiwyg_btn:active {
      padding-top: 2px;
      background: var(--color-blue-gray-100);
      border-color: var(--color-blue-gray-700);
      border-bottom: 1px solid; }
    .wc-wysiwyg_btn.-clear {
      text-decoration: line-through;
      font-weight: bold; }
    .wc-wysiwyg_btn.-emoji {
      border: none;
      font-size: 20px;
      min-width: 32px;
      min-height: 32px;
      line-height: 32px;
      box-sizing: border-box;
      padding: 0;
      border-radius: 1em;
      margin: 2px; }
    .wc-wysiwyg_btn.-color {
      min-width: 20px;
      min-height: 20px;
      border-color: rgba(0, 0, 0, 0.2); }
    .wc-wysiwyg_btn.-prevcolor::before {
      display: inline-block;
      background-color: var(--colorer);
      width: 12px;
      content: '';
      height: 12px;
      margin-right: 5px;
      border-radius: 2px;
      box-sizing: border-box;
      border: 1px solid rgba(0, 0, 0, 0.5); }
  .wc-wysiwyg_ia {
    display: flex;
    flex-wrap: wrap; }
  .wc-wysiwyg_ia > input {
    box-sizing: border-box;
    min-width: 100%;
    position: relative; }
  .wc-wysiwyg_di {
    z-index: 99901;
    position: fixed;
    bottom: 0;
    width: 100%;
    background: var(--color-blue-gray-50);
    padding: 3px;
    border-radius: 3px;
    border: 1px solid var(--color-blue-gray-300);
    box-sizing: border-box; }
    .wc-wysiwyg_di > form:nth-child(1n+2) {
      margin-top: 10px; }
  .wc-wysiwyg_pf {
    display: flex;
    border-radius: 3px;
    padding: 3px;
    background-color: var(--color-blue-100);
    flex-wrap: nowrap;
    font-size: 0.9em;
    align-items: center; }
    .wc-wysiwyg_pf:before {
      padding: 0 0 0 5px;
      height: 25px;
      display: inline-block;
      content: "<" attr(data-tag) " ";
      text-transform: lowercase;
      border-top-left-radius: 3px;
      border-bottom-left-radius: 3px;
      font-weight: bold;
      margin-right: 5px; }
    .wc-wysiwyg_pf > label {
      background-color: var(--color-blue-200);
      color: var(--color-blue-gray-800);
      padding: 3px 3px 3px 5px;
      display: flex;
      align-items: center;
      border-radius: 6px;
      margin-right: 5px;
      height: 25px;
      line-height: 25px; }
    .wc-wysiwyg_pf input.wc_ed_inp {
      background: #fff;
      padding: 0 5px;
      height: 25px;
      display: inline-block;
      border-radius: 6px;
      box-sizing: border-box;
      border: none; }
      .wc-wysiwyg_pf input.wc_ed_inp:focus {
        border: none;
        outline: 2px solid var(--color-green-500); }
    .wc-wysiwyg_pf > button {
      height: 25px;
      width: 25px;
      border-radius: 6px; }
  .wc-wysiwyg *[data-hint] {
    position: relative; }
  .wc-wysiwyg *[data-hint]:hover:after {
    visibility: visible;
    z-index: 9900;
    transform: translate(-50%, -100%); }
  .wc-wysiwyg *[data-hint]:after {
    visibility: hidden;
    position: absolute;
    transition: transform .2s ease;
    left: 50%;
    top: -3px;
    transform: translate(-50%, 0%);
    background-color: var(--color-blue-gray-700);
    color: #fff;
    content: attr(data-hint);
    display: inline-block;
    padding: 3px;
    border-radius: 3px;
    font-size: 10px;
    line-height: 10px; }
  .wc-wysiwyg .-display-none {
    display: none; }

:root {
  --wctime-color-red-500: #F44336;
  --wctime-color-grey-50: #FAFAFA;
  --wctime-color-grey-100: #F5F5F5;
  --wctime-color-grey-200: #EEEEEE;
  --wctime-color-grey-400: #BDBDBD;
  --wctime-color-grey-800: #424242;
  --wctime-color-grey-900: #212121; }

.wc-time {
  position: relative;
  display: inline-block;
  color: var(--wctime-color-grey-800); }

.wc-time span {
  pointer-events: none; }

.wc-time > dialog {
  position: absolute;
  top: -5px;
  left: 50%;
  transform: translate(-50%, -100%);
  padding: 2px;
  border: none;
  outline: none;
  border-radius: 5px;
  font-size: 1em;
  line-height: 1em;
  border: 1px solid var(--wctime-color-grey-400);
  background-color: var(--wctime-color-grey-50);
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2); }

.wc-time > dialog .-date {
  background-color: var(--wctime-color-grey-100);
  color: var(--wctime-color-grey-800);
  padding: 0.25em 0.5em;
  display: inline-block;
  border-radius: 4px; }

.wc-time .-day {
  background-color: var(--wctime-color-grey-200);
  border: 1px solid var(--wctime-color-grey-400);
  border-top: 3px solid var(--wctime-color-red-500);
  display: inline-block;
  padding: .25em .5em;
  font-size: 0.8em;
  border-radius: 3px;
  line-height: 1em; }

.wc-time .-time {
  color: var(--wctime-color-grey-800);
  padding: 0 0.5em;
  border-radius: 4px;
  display: inline-block; }

.wc-time .-time:before {
  margin-right: 0.25em;
  content: '🕙'; }

.wc-time .-ago {
  background-color: var(--wctime-color-grey-100);
  color: var(--wctime-color-grey-900);
  border-radius: 4px;
  padding: 0.25em 0.5em;
  display: inline-block; }

.wc-time[data-tooltip] {
  position: relative; }
  .wc-time[data-tooltip]:after {
    position: absolute;
    visibility: hidden;
    transition: transform .2s ease;
    top: -3px;
    left: 50%;
    z-index: 2;
    transform: translate(-50%, 0%);
    background-color: var(--wctime-color-grey-900);
    color: var(--wctime-color-grey-50);
    white-space: nowrap;
    content: attr(data-tooltip);
    display: inline-block;
    padding: 3px;
    border-radius: 3px;
    font-size: 0.8em;
    line-height: 0.8em; }
  .wc-time[data-tooltip]:hover:after {
    transform: translate(-50%, -100%);
    visibility: visible; }

pre code.hljs {
  display: block;
  overflow-x: auto;
  padding: 1em; }

code.hljs {
  padding: 3px 5px; }

.hljs {
  color: #24292e; }

.hljs-doctag, .hljs-keyword, .hljs-meta .hljs-keyword, .hljs-template-tag, .hljs-template-variable, .hljs-type, .hljs-variable.language_ {
  color: #d73a49; }

.hljs-title, .hljs-title.class_, .hljs-title.class_.inherited__, .hljs-title.function_ {
  color: #6f42c1; }

.hljs-attr, .hljs-attribute, .hljs-literal, .hljs-meta, .hljs-number, .hljs-operator, .hljs-selector-attr, .hljs-selector-class, .hljs-selector-id, .hljs-variable {
  color: #005cc5; }

.hljs-meta .hljs-string, .hljs-regexp, .hljs-string {
  color: #032f62; }

.hljs-built_in, .hljs-symbol {
  color: #e36209; }

.hljs-code, .hljs-comment, .hljs-formula {
  color: #6a737d; }

.hljs-name, .hljs-quote, .hljs-selector-pseudo, .hljs-selector-tag {
  color: #22863a; }

.hljs-subst {
  color: #24292e; }

.hljs-section {
  color: #005cc5;
  font-weight: 700; }

.hljs-bullet {
  color: #735c0f; }

.hljs-emphasis {
  color: #24292e;
  font-style: italic; }

.hljs-strong {
  color: #24292e;
  font-weight: 700; }

.hljs-addition {
  color: #22863a;
  background-color: #f0fff4; }

.hljs-deletion {
  color: #b31d28;
  background-color: #ffeef0; }

span.-browser {
  align-items: baseline;
  display: inline-flex;
  flex-wrap: nowrap;
  font-size: 1em;
  line-height: 1em;
  padding: 3px;
  border-radius: 1em;
  padding-right: 0.5em;
  background: var(--color-blue-50); }
  span.-browser::before {
    content: '';
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    background-size: cover;
    display: inline-block;
    margin-left: 0.25em;
    margin-right: 0.25em;
    width: 1em;
    height: 1em; }
  span.-browser.-chrome::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill='none' viewBox='0 0 190 190'%3E%3ClinearGradient id='d' x1='28.3' x2='80.8' y1='75' y2='44.4' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23a52714' stop-opacity='.6'/%3E%3Cstop offset='.7' stop-color='%23a52714' stop-opacity='0'/%3E%3C/linearGradient%3E%3ClinearGradient id='f' x1='109.9' x2='51.5' y1='164.5' y2='130.3' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23055524' stop-opacity='.4'/%3E%3Cstop offset='.3' stop-color='%23055524' stop-opacity='0'/%3E%3C/linearGradient%3E%3ClinearGradient id='h' x1='121.9' x2='136.6' y1='49.8' y2='114.1' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23ea6100' stop-opacity='.3'/%3E%3Cstop offset='.7' stop-color='%23ea6100' stop-opacity='0'/%3E%3C/linearGradient%3E%3CradialGradient id='a' cx='91.2' cy='55' r='84.1' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%233e2723' stop-opacity='.2'/%3E%3Cstop offset='1' stop-color='%233e2723' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='i' cx='20.9' cy='47.5' r='78' xlink:href='%23a'/%3E%3CradialGradient id='j' cx='94.8' cy='95.1' r='87.9' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23263238' stop-opacity='.2'/%3E%3Cstop offset='1' stop-color='%23263238' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='k' cx='33.3' cy='31' r='176.8' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23fff' stop-opacity='.1'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='0'/%3E%3C/radialGradient%3E%3CclipPath id='b'%3E%3Ccircle cx='95' cy='95' r='88'/%3E%3C/clipPath%3E%3Cg clip-path='url(%23b)'%3E%3Cuse fill='%23db4437' xlink:href='%23c'/%3E%3Cuse fill='url(%23d)' xlink:href='%23c'/%3E%3Cuse fill='%230f9d58' xlink:href='%23e'/%3E%3Cuse fill='url(%23f)' xlink:href='%23e'/%3E%3Cuse fill='%23ffcd40' xlink:href='%23g'/%3E%3Cuse fill='url(%23h)' xlink:href='%23g'/%3E%3Cg fill-opacity='.1'%3E%3Cpath fill='%233e2723' d='M61.3 114.7L21 47.4l39 67.8z'/%3E%3Cpath fill='%23263238' d='M128.8 116.3l-.8-.4-37.3 67 38.3-67z'/%3E%3C/g%3E%3Cpath id='e' d='M7 183h83.8l39-39v-29H60.2L7 23.5z'/%3E%3Cpath id='g' d='M95 55l34.6 60L91 183h92V55z'/%3E%3Cpath id='c' d='M21 7v108h39.4L95 55h88V7z'/%3E%3Cpath fill='url(%23a)' d='M95 55v21l78.4-21z'/%3E%3Cpath fill='url(%23i)' d='M21 47.5l57.2 57.2L60.4 115z'/%3E%3Cpath fill='url(%23j)' d='M90.8 183l21-78.3 17.8 10.3z'/%3E%3Ccircle cx='95' cy='95' r='40' fill='%23f1f1f1'/%3E%3Ccircle cx='95' cy='95' r='32' fill='%234285f4'/%3E%3Ccircle cx='95' cy='95' r='88' fill='url(%23k)'/%3E%3Cg fill='%233e2723' fill-opacity='.1'%3E%3Cpath fill='%23fff' d='M129.6 115a40 40 0 01-69.2 0L7 24.5 60.4 116a40 40 0 0069.2 0z'/%3E%3Cpath d='M96 55h-.5a40 40 0 110 80h.5c22 0 40-18 40-40s-18-40-40-40zm-1 127a88 88 0 0088-87.5v.5A88 88 0 017 95v-.5A88 88 0 0095 182z'/%3E%3Cg fill-opacity='.2'%3E%3Cpath fill='%23fff' d='M130 116.3a39.3 39.3 0 003.4-32 38 38 0 01-3.8 30.7L92 183l38.2-66.5zM95 8a88 88 0 0188 87.5V95A88 88 0 007 95v.5A88 88 0 0195 8z'/%3E%3Cpath d='M95 54c-22 0-40 18-40 40v1c0-22 18-40 40-40h88v-1z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); }
  span.-browser.-firefox::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cdefs%3E%3CradialGradient cx='428.5' cy='55.1' r='501' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='.1' stop-color='%23ffbd4f'/%3E%3Cstop offset='.2' stop-color='%23ffac31'/%3E%3Cstop offset='.3' stop-color='%23ff9d17'/%3E%3Cstop offset='.3' stop-color='%23ff980e'/%3E%3Cstop offset='.4' stop-color='%23ff563b'/%3E%3Cstop offset='.5' stop-color='%23ff3750'/%3E%3Cstop offset='.7' stop-color='%23f5156c'/%3E%3Cstop offset='.8' stop-color='%23eb0878'/%3E%3Cstop offset='.9' stop-color='%23e50080'/%3E%3C/radialGradient%3E%3CradialGradient id='ff-c' cx='245.4' cy='259.9' r='501' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='.3' stop-color='%23960e18'/%3E%3Cstop offset='.3' stop-color='%23b11927' stop-opacity='.7'/%3E%3Cstop offset='.4' stop-color='%23db293d' stop-opacity='.3'/%3E%3Cstop offset='.5' stop-color='%23f5334b' stop-opacity='.1'/%3E%3Cstop offset='.5' stop-color='%23ff3750' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='ff-d' cx='305.8' cy='-58.6' r='363' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='.1' stop-color='%23fff44f'/%3E%3Cstop offset='.3' stop-color='%23ffdc3e'/%3E%3Cstop offset='.5' stop-color='%23ff9d12'/%3E%3Cstop offset='.5' stop-color='%23ff980e'/%3E%3C/radialGradient%3E%3CradialGradient id='ff-e' cx='190' cy='390.8' r='238.6' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='.3' stop-color='%233a8ee6'/%3E%3Cstop offset='.5' stop-color='%235c79f0'/%3E%3Cstop offset='.7' stop-color='%239059ff'/%3E%3Cstop offset='1' stop-color='%23c139e6'/%3E%3C/radialGradient%3E%3CradialGradient id='ff-f' cx='252.2' cy='201.3' r='126.5' gradientTransform='matrix(1 0 0 1 -48 31)' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='.2' stop-color='%239059ff' stop-opacity='0'/%3E%3Cstop offset='.3' stop-color='%238c4ff3' stop-opacity='.1'/%3E%3Cstop offset='.8' stop-color='%237716a8' stop-opacity='.5'/%3E%3Cstop offset='1' stop-color='%236e008b' stop-opacity='.6'/%3E%3C/radialGradient%3E%3CradialGradient id='ff-g' cx='239.1' cy='34.6' r='171.6' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23ffe226'/%3E%3Cstop offset='.1' stop-color='%23ffdb27'/%3E%3Cstop offset='.3' stop-color='%23ffc82a'/%3E%3Cstop offset='.5' stop-color='%23ffa930'/%3E%3Cstop offset='.7' stop-color='%23ff7e37'/%3E%3Cstop offset='.8' stop-color='%23ff7139'/%3E%3C/radialGradient%3E%3CradialGradient id='ff-h' cx='374' cy='-74.3' r='732.2' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='.1' stop-color='%23fff44f'/%3E%3Cstop offset='.5' stop-color='%23ff980e'/%3E%3Cstop offset='.6' stop-color='%23ff5634'/%3E%3Cstop offset='.7' stop-color='%23ff3647'/%3E%3Cstop offset='.9' stop-color='%23e31587'/%3E%3C/radialGradient%3E%3CradialGradient id='ff-i' cx='304.6' cy='7.1' r='536.4' gradientTransform='rotate(84 303 4)' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23fff44f'/%3E%3Cstop offset='.1' stop-color='%23ffe847'/%3E%3Cstop offset='.2' stop-color='%23ffc830'/%3E%3Cstop offset='.3' stop-color='%23ff980e'/%3E%3Cstop offset='.4' stop-color='%23ff8b16'/%3E%3Cstop offset='.5' stop-color='%23ff672a'/%3E%3Cstop offset='.6' stop-color='%23ff3647'/%3E%3Cstop offset='.7' stop-color='%23e31587'/%3E%3C/radialGradient%3E%3CradialGradient id='ff-j' cx='235' cy='98.1' r='457.1' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='.1' stop-color='%23fff44f'/%3E%3Cstop offset='.5' stop-color='%23ff980e'/%3E%3Cstop offset='.6' stop-color='%23ff5634'/%3E%3Cstop offset='.7' stop-color='%23ff3647'/%3E%3Cstop offset='.9' stop-color='%23e31587'/%3E%3C/radialGradient%3E%3CradialGradient id='ff-k' cx='355.7' cy='124.9' r='500.3' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='.1' stop-color='%23fff44f'/%3E%3Cstop offset='.2' stop-color='%23ffe141'/%3E%3Cstop offset='.5' stop-color='%23ffaf1e'/%3E%3Cstop offset='.6' stop-color='%23ff980e'/%3E%3C/radialGradient%3E%3ClinearGradient id='ff-a' x1='446.9' y1='76.8' x2='47.9' y2='461.8' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='.1' stop-color='%23fff44f'/%3E%3Cstop offset='.1' stop-color='%23ffe847'/%3E%3Cstop offset='.2' stop-color='%23ffc830'/%3E%3Cstop offset='.4' stop-color='%23ff980e'/%3E%3Cstop offset='.4' stop-color='%23ff8b16'/%3E%3Cstop offset='.5' stop-color='%23ff672a'/%3E%3Cstop offset='.5' stop-color='%23ff3647'/%3E%3Cstop offset='.7' stop-color='%23e31587'/%3E%3C/linearGradient%3E%3ClinearGradient id='ff-l' x1='442.1' y1='74.8' x2='102.6' y2='414.3' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='.2' stop-color='%23fff44f' stop-opacity='.8'/%3E%3Cstop offset='.3' stop-color='%23fff44f' stop-opacity='.6'/%3E%3Cstop offset='.5' stop-color='%23fff44f' stop-opacity='.2'/%3E%3Cstop offset='.6' stop-color='%23fff44f' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M479 166c-11-25-32-52-49-60a249 249 0 0 1 25 73c-27-68-73-95-111-155a255 255 0 0 1-8-14 44 44 0 0 1-4-9 1 1 0 0 0 0-1 1 1 0 0 0-1 0c-60 35-81 101-83 134a120 120 0 0 0-66 25 71 71 0 0 0-6-5 111 111 0 0 1-1-58c-25 11-44 29-58 44-9-12-9-52-8-60l-8 4a175 175 0 0 0-24 21 210 210 0 0 0-22 26 203 203 0 0 0-32 73l-1 2-2 15a229 229 0 0 0-4 34v1a240 240 0 0 0 477 40l1-9c5-41 0-84-15-121zM202 355l3 1-3-1zm55-145zm198-31z' fill='url(%23ff-a)'/%3E%3Cpath d='M479 166c-11-25-32-52-49-60 14 26 22 53 25 72v1a207 207 0 0 1-206 279c-113-3-212-87-231-197-3-17 0-26 2-40-2 11-3 14-4 34v1a240 240 0 0 0 477 40l1-9c5-41 0-84-15-121z' fill='url(%23ff-b)'/%3E%3Cpath d='M479 166c-11-25-32-52-49-60 14 26 22 53 25 72v1a207 207 0 0 1-206 279c-113-3-212-87-231-197-3-17 0-26 2-40-2 11-3 14-4 34v1a240 240 0 0 0 477 40l1-9c5-41 0-84-15-121z' fill='url(%23ff-c)'/%3E%3Cpath d='m362 195 1 1a130 130 0 0 0-22-29C266 92 322 5 331 0c-60 35-81 101-83 134l9-1c45 0 84 25 105 62z' fill='url(%23ff-d)'/%3E%3Cpath d='M257 210c-1 6-22 26-29 26-68 0-80 41-80 41 3 35 28 64 57 79l4 2 7 3a107 107 0 0 0 31 6c120 6 143-143 57-186 22-4 45 5 58 14-21-37-60-62-105-62l-9 1a120 120 0 0 0-66 25l17 16c16 16 58 33 58 35z' fill='url(%23ff-e)'/%3E%3Cpath d='M257 210c-1 6-22 26-29 26-68 0-80 41-80 41 3 35 28 64 57 79l4 2 7 3a107 107 0 0 0 31 6c120 6 143-143 57-186 22-4 45 5 58 14-21-37-60-62-105-62l-9 1a120 120 0 0 0-66 25l17 16c16 16 58 33 58 35z' fill='url(%23ff-f)'/%3E%3Cpath d='m171 151 5 3a111 111 0 0 1-1-58c-25 11-44 29-58 44 1 0 36 0 54 11z' fill='url(%23ff-g)'/%3E%3Cpath d='M18 261a242 242 0 0 0 231 197 207 207 0 0 0 206-279c8 56-20 110-64 146-86 71-169 43-186 31l-3-1c-50-24-71-70-67-110-42 0-57-35-57-35s38-28 89-4c46 22 90 4 90 4 0-2-42-19-58-35l-17-16a71 71 0 0 0-6-5l-5-3c-18-11-52-11-54-11-9-12-9-51-8-60l-8 4a175 175 0 0 0-24 21 210 210 0 0 0-22 26 203 203 0 0 0-32 73c0 1-9 38-5 57z' fill='url(%23ff-h)'/%3E%3Cpath d='M341 167a130 130 0 0 1 22 29 46 46 0 0 1 4 3c55 50 26 121 24 126 44-36 72-90 64-146-27-68-73-95-111-155a255 255 0 0 1-8-14 44 44 0 0 1-4-9 1 1 0 0 0 0-1 1 1 0 0 0-1 0c-9 5-65 92 10 167z' fill='url(%23ff-i)'/%3E%3Cpath d='M367 199a46 46 0 0 0-4-3l-1-1c-13-9-36-18-58-15 86 44 63 193-57 187a107 107 0 0 1-31-6 131 131 0 0 1-11-5c17 12 99 39 186-31 2-5 31-76-24-126z' fill='url(%23ff-j)'/%3E%3Cpath d='M148 277s12-41 80-41c7 0 28-20 29-26s-44 18-90-4c-51-24-89 4-89 4s15 35 57 35c-4 40 16 85 67 110l3 1c-29-15-54-44-57-79z' fill='url(%23ff-k)'/%3E%3Cpath d='M479 166c-11-25-32-52-49-60a249 249 0 0 1 25 73c-27-68-73-95-111-155a255 255 0 0 1-8-14 44 44 0 0 1-4-9 1 1 0 0 0 0-1 1 1 0 0 0-1 0c-60 35-81 101-83 134l9-1c45 0 84 25 105 62-13-9-36-18-58-14 86 43 63 192-57 186a107 107 0 0 1-31-6 131 131 0 0 1-11-5l-3-1 3 1c-29-15-54-44-57-79 0 0 12-41 80-41 7 0 28-20 29-26 0-2-42-19-58-35l-17-16a71 71 0 0 0-6-5 111 111 0 0 1-1-58c-25 11-44 29-58 44-9-12-9-52-8-60l-8 4a175 175 0 0 0-24 21 210 210 0 0 0-22 26 203 203 0 0 0-32 73l-1 2-2 15a279 279 0 0 0-4 34v1a240 240 0 0 0 477 40l1-9c5-41 0-84-15-121zm-24 13z' fill='url(%23ff-l)'/%3E%3C/svg%3E"); }
  span.-browser.-edge::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 27600 27600'%3E%3ClinearGradient id='A' gradientUnits='userSpaceOnUse'/%3E%3ClinearGradient id='B' x1='6870' x2='24704' y1='18705' y2='18705' xlink:href='%23A'%3E%3Cstop offset='0' stop-color='%230c59a4'/%3E%3Cstop offset='1' stop-color='%23114a8b'/%3E%3C/linearGradient%3E%3ClinearGradient id='C' x1='16272' x2='5133' y1='10968' y2='23102' xlink:href='%23A'%3E%3Cstop offset='0' stop-color='%231b9de2'/%3E%3Cstop offset='.16' stop-color='%231595df'/%3E%3Cstop offset='.67' stop-color='%230680d7'/%3E%3Cstop offset='1' stop-color='%230078d4'/%3E%3C/linearGradient%3E%3CradialGradient id='D' cx='16720' cy='18747' r='9538' xlink:href='%23A'%3E%3Cstop offset='.72' stop-opacity='0'/%3E%3Cstop offset='.95' stop-opacity='.53'/%3E%3Cstop offset='1'/%3E%3C/radialGradient%3E%3CradialGradient id='E' cx='7130' cy='19866' r='14324' gradientTransform='matrix(.14843 -.98892 .79688 .1196 -8759 25542)' xlink:href='%23A'%3E%3Cstop offset='.76' stop-opacity='0'/%3E%3Cstop offset='.95' stop-opacity='.5'/%3E%3Cstop offset='1'/%3E%3C/radialGradient%3E%3CradialGradient id='F' cx='2523' cy='4680' r='20243' gradientTransform='matrix(-.03715 .99931 -2.12836 -.07913 13579 3530)' xlink:href='%23A'%3E%3Cstop offset='0' stop-color='%2335c1f1'/%3E%3Cstop offset='.11' stop-color='%2334c1ed'/%3E%3Cstop offset='.23' stop-color='%232fc2df'/%3E%3Cstop offset='.31' stop-color='%232bc3d2'/%3E%3Cstop offset='.67' stop-color='%2336c752'/%3E%3C/radialGradient%3E%3CradialGradient id='G' cx='24247' cy='7758' r='9734' gradientTransform='matrix(.28109 .95968 -.78353 .22949 24510 -16292)' xlink:href='%23A'%3E%3Cstop offset='0' stop-color='%2366eb6e'/%3E%3Cstop offset='1' stop-color='%2366eb6e' stop-opacity='0'/%3E%3C/radialGradient%3E%3Cpath id='H' d='M24105 20053a9345 9345 0 01-1053 472 10202 10202 0 01-3590 646c-4732 0-8855-3255-8855-7432 0-1175 680-2193 1643-2729-4280 180-5380 4640-5380 7253 0 7387 6810 8137 8276 8137 791 0 1984-230 2704-456l130-44a12834 12834 0 006660-5282c220-350-168-757-535-565z'/%3E%3Cpath id='I' d='M11571 25141a7913 7913 0 01-2273-2137 8145 8145 0 01-1514-4740 8093 8093 0 013093-6395 8082 8082 0 011373-859c312-148 846-414 1554-404a3236 3236 0 012569 1297 3184 3184 0 01636 1866c0-21 2446-7960-8005-7960-4390 0-8004 4166-8004 7820 0 2319 538 4170 1212 5604a12833 12833 0 007684 6757 12795 12795 0 003908 610c1414 0 2774-233 4045-656a7575 7575 0 01-6278-803z'/%3E%3Cpath id='J' d='M16231 15886c-80 105-330 250-330 566 0 260 170 512 472 723 1438 1003 4149 868 4156 868a5954 5954 0 003027-839 6147 6147 0 001133-850 6180 6180 0 001910-4437c26-2242-796-3732-1133-4392-2120-4141-6694-6525-11668-6525-7011 0-12703 5635-12798 12620 47-3654 3679-6605 7996-6605 350 0 2346 34 4200 1007 1634 858 2490 1894 3086 2921 618 1067 728 2415 728 2952s-271 1333-780 1990z'/%3E%3Cuse fill='url(%23B)' xlink:href='%23H'/%3E%3Cuse fill='url(%23D)' opacity='.35' xlink:href='%23H'/%3E%3Cuse fill='url(%23C)' xlink:href='%23I'/%3E%3Cuse fill='url(%23E)' opacity='.4' xlink:href='%23I'/%3E%3Cuse fill='url(%23F)' xlink:href='%23J'/%3E%3Cuse fill='url(%23G)' xlink:href='%23J'/%3E%3C/svg%3E"); }
  span.-browser.-safari::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='195 190 135 135'%3E%3Cstyle%3E.b%7Bcolor-interpolation-filters:srgb%7D.c%7Bflood-opacity:.31%7D%3C/style%3E%3Cdefs%3E%3ClinearGradient id='s-a' x1='132.6' x2='134.4' y1='111.7' y2='-105.3' xlink:href='%23s-b'%3E%3Cstop offset='0' stop-color='%23d2d2d2'/%3E%3Cstop offset='.5' stop-color='%23f2f2f2'/%3E%3Cstop offset='1' stop-color='%23fff'/%3E%3C/linearGradient%3E%3ClinearGradient id='s-b' gradientUnits='userSpaceOnUse'/%3E%3ClinearGradient id='s-c' x1='65.4' x2='67.4' y1='115.7' y2='17.1' xlink:href='%23s-b'%3E%3Cstop offset='0' stop-color='%23005ad5'/%3E%3Cstop offset='.2' stop-color='%230875f0'/%3E%3Cstop offset='.3' stop-color='%23218cee'/%3E%3Cstop offset='.6' stop-color='%2327a5f3'/%3E%3Cstop offset='.8' stop-color='%2325aaf2'/%3E%3Cstop offset='1' stop-color='%2321aaef'/%3E%3C/linearGradient%3E%3ClinearGradient id='s-d' x1='158.7' x2='176.3' y1='96.7' y2='79.5' xlink:href='%23s-b'%3E%3Cstop offset='0' stop-color='%23c72e24'/%3E%3Cstop offset='1' stop-color='%23fd3b2f'/%3E%3C/linearGradient%3E%3Cfilter id='s-e' class='b'%3E%3CfeFlood flood-opacity='.3'/%3E%3CfeComposite in2='SourceGraphic' operator='in'/%3E%3CfeGaussianBlur stdDeviation='3'/%3E%3CfeOffset dy='3'/%3E%3CfeComposite in='SourceGraphic'/%3E%3C/filter%3E%3Cfilter id='s-f' class='b'%3E%3CfeFlood class='c'/%3E%3CfeComposite class='c' in2='SourceGraphic' operator='out'/%3E%3CfeGaussianBlur flood-opacity='.3' stdDeviation='.7'/%3E%3CfeOffset dy='2'/%3E%3CfeComposite in2='SourceGraphic' operator='atop'/%3E%3C/filter%3E%3Cfilter id='s-g' class='b'%3E%3CfeFlood flood-opacity='.6'/%3E%3CfeComposite in2='SourceGraphic' operator='in'/%3E%3CfeGaussianBlur stdDeviation='.5'/%3E%3CfeOffset dx='1' dy='1'/%3E%3CfeComposite in='SourceGraphic' result='A'/%3E%3CfeColorMatrix values='0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0'/%3E%3CfeFlood flood-opacity='.4'/%3E%3CfeComposite in2='A' operator='in'/%3E%3CfeGaussianBlur stdDeviation='3.8'/%3E%3CfeOffset dx='2' dy='3'/%3E%3CfeComposite in='A'/%3E%3C/filter%3E%3Cfilter id='s-h' width='110%25' height='110%25' x='-1%25' y='-1%25'%3E%3CfeGaussianBlur in='SourceAlpha' stdDeviation='.4'/%3E%3CfeOffset/%3E%3CfeComponentTransfer result='A'%3E%3CfeFuncA type='linear'/%3E%3C/feComponentTransfer%3E%3CfeFlood flood-color='rgba(0,0,0,0.5)'/%3E%3CfeComposite in2='A' operator='in'/%3E%3CfeMerge%3E%3CfeMergeNode/%3E%3CfeMergeNode in='SourceGraphic'/%3E%3C/feMerge%3E%3C/filter%3E%3CradialGradient id='s-i' cx='-69.9' cy='69.3' r='54' gradientTransform='matrix(.9 -.01 .04 2.72 -9 -120)' xlink:href='%23s-b'%3E%3Cstop offset='0' stop-color='%2324a5f3' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%231e8ceb'/%3E%3C/radialGradient%3E%3CradialGradient id='s-j' cx='109.3' cy='13.8' r='93.1' gradientTransform='matrix(-.02 1.1 -1.04 -.02 137 -115)' xlink:href='%23s-b'%3E%3Cstop offset='0' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%235488d6' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%235d96eb'/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect width='220' height='220' x='22' y='-107' fill='url(%23s-a)' filter='url(%23s-e)' ry='49' transform='matrix(.57 0 0 .57 187 256)'/%3E%3Cg filter='url(%23s-f)' transform='translate(194 190)'%3E%3Ccircle cx='67.8' cy='67.7' fill='url(%23s-c)' paint-order='stroke fill markers' r='54'/%3E%3Ccircle cx='-69.9' cy='69.3' fill='url(%23s-i)' transform='translate(138 -2)' r='54'/%3E%3C/g%3E%3Cellipse cx='120' cy='14.2' fill='url(%23s-j)' rx='93.1' ry='93.7' transform='matrix(.58 0 0 .58 192 250)'/%3E%3Cg filter='url(%23s-g)' transform='matrix(.58 0 0 .57 197 182)'%3E%3Cpath fill='%23cac7c8' d='M46 192h1l72-48-7-9-66 57Z'/%3E%3Cpath fill='%23fbfffc' d='M46 191v1l66-57-7-9-59 65Z'/%3E%3Cpath fill='url(%23s-d)' d='m119 144-7-9 66-57-59 66Z'/%3E%3Cpath fill='%23fb645c' d='m105 126 7 9 66-57-1-1-72 49Z'/%3E%3C/g%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-miterlimit='1' stroke-width='1.3' d='m287 278 3-2m-12-17 8-2m-8-3h4m-4-13 8 2m-8 3h4m-1-13 7 3m-4-11 7 4m-2-11 6 6m0-12 6 7m1-11 4 6m4-10 3 7m5-9 2 7m15-7-1 7m10-5-3 7m11-4-4 7m11-2-5 6m16 7-7 4m10 4-7 3m10 6-8 1m8 16-8-2m5 10-7-3m4 11-7-4m2 11-6-5m0 11-5-6m-2 11-4-7m-4 11-3-8m-6 10-1-8m-16 8 2-8m-10 5 3-7m-11 4 4-7m-11 2 5-6m-8 3 3-3m4 8 2-3m5 8 2-4m6 7 1-4m8 5v-4m8 4v-4m9 3-1-4m9 1-2-4m9 0-2-4m9-2-3-3m8-4-3-2m8-5-4-2m7-6-4-1m5-8h-4m4-8h-4m3-9-4 1m1-9-4 2m-1-9-3 2m-2-9-3 3m-4-8-2 3m-5-8-2 4m-6-6-1 3m-8-5v4m-8-4v4m-9-2 1 3m-9 0 2 3m-9 1 2 3m-9 2 3 3m-8 4 3 2m-8 5 4 2m-7 6 4 1m-4 25 4-1m-2 5 7-3m-6 7 4-2m-2 6 7-4m-13-21h8m41-41v-8m0 99v-8m49-42h-8' filter='url(%23s-h)' transform='translate(-65 8)'/%3E%3C/svg%3E"); }

@keyframes animatestripes {
  0% {
    background-position: 100px 0px; }
  100% {
    background-position: -100px 0px; } }

.wp-register {
  flex-direction: column;
  display: flex;
  min-width: 250px; }
  .wp-register .wc-input {
    margin-top: 1em; }
  .wp-register > button {
    margin-top: 1em;
    font-size: 1.2em; }
  .wp-register > legend {
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-size: 1.2em; }

.wp-user-dialog {
  border-radius: 0.5em;
  border: 0;
  padding: 1em;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  transition: all 0.2s ease; }
  .wp-user-dialog.-gren {
    background-color: var(--color-green-500);
    color: #fff;
    font-size: 1.5em;
    max-width: 300px;
    text-align: center; }

.wc-input {
  border: 1px solid var(--color-blue-gray-100);
  border-radius: 0.5em;
  padding: 0.5em;
  transition: all 0.2s ease;
  position: relative;
  display: block; }
  .wc-input:first-child {
    margin-top: 1em; }
  .wc-input:has(:focus) {
    border: 1px solid var(--color-blue-500); }
    .wc-input:has(:focus) .wc-input-label {
      color: var(--color-blue-500); }
  .wc-input-field {
    font-size: 1em;
    padding: 0 0.5em;
    height: 1.5em;
    box-sizing: border-box;
    background-color: transparent;
    outline: none;
    width: 100%;
    border: none;
    display: block;
    border-bottom: 2px solid var(--color-blue-gray-200);
    border-radius: 3px; }
    .wc-input-field:focus {
      background-color: var(--color-blue-50);
      border-color: var(--color-blue-500); }
  .wc-input-label {
    display: block;
    font-size: 0.7em;
    line-height: 1.3em;
    color: var(--color-grey-800); }

*[data-hint] {
  position: relative; }

*[data-hint]:hover:after {
  transform: translate(-50%, -100%);
  visibility: visible; }

*[data-hint]:after {
  position: absolute;
  visibility: hidden;
  transition: transform .2s ease;
  left: 50%;
  z-index: 2;
  top: -3px;
  transform: translate(-50%, 0%);
  background-color: var(--color-blue-gray-700);
  color: #fff;
  content: attr(data-hint);
  display: inline-block;
  padding: 3px;
  white-space: nowrap;
  border-radius: 3px;
  font-size: 0.8em;
  line-height: 0.8em; }

.icon {
  display: inline-block;
  height: 20px;
  width: 20px; }

.wl__main {
  max-width: var(--site-width);
  min-height: 100%;
  margin: 0 auto; }

.wl__header {
  max-width: var(--site-width);
  margin: 20px auto 30px auto;
  position: relative; }
  .wl__header .wc-user {
    position: absolute;
    top: 0;
    right: 0; }
  .wl__header_logo {
    background-size: 60px;
    background-image: url("https://webislife.ru/wp-content/themes/wl/img/logo2.png");
    background-repeat: no-repeat;
    background-position: center left;
    display: block;
    height: 60px;
    padding-left: 70px;
    text-decoration: none;
    color: var(--wl-color);
    font-size: 1.25em; }
  .wl__header_description {
    color: #888;
    display: block;
    font-size: 0.75em; }

.co {
  max-width: 660px;
  margin: 10px 0;
  font-size: 15px;
  flex: 1;
  margin-right: 1em;
  line-height: 20px;
  box-sizing: border-box; }
  .co_comment {
    padding-left: 0.25em;
    padding-top: 0.75em;
    margin: 0; }
    .co_comment span.reply {
      display: inline-block;
      margin-left: -1em; }
    .co_comment .comment-reply-link {
      position: relative;
      display: inline-flex;
      transition: all 0.2s ease;
      text-decoration: none;
      line-height: 1em;
      padding: 0.25em 0.5em 0.25em 0.25em;
      border-radius: 1em;
      background-color: var(--color-blue-50); }
      .co_comment .comment-reply-link:hover {
        background-color: var(--color-blue-100); }
      .co_comment .comment-reply-link:before {
        content: "+";
        background-color: var(--color-green-500);
        color: #fff;
        width: 1em;
        height: 1em;
        display: inline-block;
        text-align: center;
        border-radius: 0.5em;
        line-height: 1em;
        margin-right: 0.25em; }
  .co__ltitle {
    display: inline-block;
    margin: 0;
    background: var(--color-blue-50);
    padding: 0 1em 0 0;
    font-family: Arial, sans-serif;
    font-size: 1em;
    border-radius: 1em;
    position: relative; }
    .co__ltitle_count {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border-radius: 1em;
      background: var(--color-blue-gray-800);
      color: #fff;
      font-size: .8em;
      width: 2em;
      height: 2em;
      text-align: center;
      align-items: center; }
    .co__ltitle:before {
      position: absolute;
      left: 0.8em;
      top: -0.8em;
      display: block;
      content: "";
      height: 4em;
      z-index: -1;
      width: 1px;
      background-color: var(--color-blue-gray-400); }
  .co .children {
    border-left: 1px solid var(--color-blue-gray-300);
    padding-left: 0.25em;
    margin-left: 0.5em; }
    .co .children .uc:before {
      z-index: 1;
      left: -0.35em;
      content: '';
      position: absolute;
      top: 50%;
      width: 6px;
      height: 1px;
      background-color: var(--color-blue-gray-300); }
    .co .children > section:last-child::after {
      width: 0.4em;
      height: 0.4em;
      content: '';
      background: #91a3ae;
      display: block;
      border-radius: 1em;
      position: absolute;
      margin-left: -0.75em;
      margin-top: -0.4em;
      box-sizing: border-box; }
  .co > .co_comment {
    border-left: none !important; }
  .co_content {
    margin-top: 0.25em;
    margin-left: 0.25em;
    background-color: #fff;
    border-radius: 5px;
    padding: 0.5em; }
  .co_header {
    display: flex;
    align-items: center;
    z-index: 2; }
    .co_header > time {
      font-size: 12px; }
      .co_header > time > span .-year {
        display: none; }
    .co_header .comment-metadata > a {
      text-decoration: none;
      font-size: 0.8em;
      color: var(--color-blue-gray-400); }
    .co_header .comment-metadata > .edit-link {
      text-decoration: none;
      font-size: 0.8em; }
      .co_header .comment-metadata > .edit-link > a {
        color: var(--color-amber-900); }

.cf button.wc_ed_btn {
  height: 25px; }

.cf__label {
  display: inline-flex;
  background-color: var(--color-blue-gray-200);
  color: var(--color-blue-gray-900);
  border-radius: 1em;
  padding: 0 0 0 1em;
  font-size: 0.9em;
  margin-bottom: 1em;
  position: relative; }
  .cf__label:before {
    position: absolute;
    content: "+";
    background-color: var(--color-green-500);
    color: #fff;
    width: 1em;
    height: 1em;
    display: block;
    text-align: center;
    border-radius: 0.5em;
    line-height: 1em;
    top: 0;
    left: 0;
    transform: translate(0.1em, -0.5em); }
  .cf__label .uc {
    margin-right: 0;
    margin-left: 0.5em; }

.cf__submit {
  padding: .5em;
  font-size: 1em;
  margin-top: 1em; }
  .cf__submit:active {
    padding: .5em .5em .5em .5em; }

.uc {
  display: inline-flex;
  text-decoration: none;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--color-blue-gray-100);
  background-color: var(--color-blue-light-50);
  padding-right: 10px;
  border-radius: 10px;
  line-height: 1em;
  font-size: 1em;
  transition: all 0.2s ease;
  margin-right: 10px;
  position: relative;
  max-height: 2em;
  z-index: 2; }
  .uc:hover {
    background-color: var(--color-blue-light-100); }
  .uc > img {
    height: 1.3em;
    width: 1.3em;
    margin-right: 5px;
    border-radius: 0.75em; }
  .uc.-guest {
    background-color: var(--color-blue-gray-light-100);
    border: 1px solid var(--color-blue-gray-100); }
    .uc.-guest:hover {
      background-color: var(--color-blue-gray-light-100); }

.ft {
  background-color: var(--color-blue-gray-900);
  padding: 20px 10px;
  margin-top: 50px;
  font-size: 12px;
  border-top: 2px solid var(--color-blue-gray-800);
  color: var(--color-blue-gray-300); }
  .ft__logo {
    background-image: url("https://webislife.ru/wp-content/themes/wl/img/logo2.png");
    background-repeat: no-repeat;
    background-position: left top;
    padding-left: 1.5em;
    background-size: 1em; }
  .ft code {
    background-color: var(--color-blue-gray-800);
    color: var(--color-blue-gray-300); }

.wp-pagenavi .btn:not(:last-child) {
  margin-right: 5px; }

.wp-caption {
  border: 1px solid var(--color-blue-gray-100);
  padding: 5px; }
  .wp-caption-text {
    font-size: 0.9em;
    color: var(--color-blue-gray-700); }

.au {
  display: flex;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--wl-blue-gray-200); }
  .au .avatar-100 {
    height: 100px;
    width: 100px;
    margin-right: 20px;
    border-radius: 50px; }
  .au__regdate {
    color: var(--wl-blue-gray-800); }
  .au__dt {
    font-size: 0.6em;
    line-height: 1em;
    background: var(--wl-color);
    display: inline-block;
    color: #fff;
    padding: 3px;
    margin: 0;
    border-bottom: 1px solid var(--wl-color-dark); }
  .au__dd {
    line-height: 20px; }
  .au__git {
    display: flex;
    flex-wrap: wrap; }
    .au__git_rep {
      display: block;
      flex: 1;
      border-color: var(--color-blue-gray-100);
      border: 1px solid;
      max-width: 450px;
      min-width: 300px;
      padding: 0.5em;
      border-radius: 0.25em;
      margin: 5px;
      box-sizing: border-box; }
      .au__git_rep_desc {
        font-size: 0.9em;
        line-height: 1em; }
      .au__git_rep time {
        font-size: 0.8em; }
      .au__git_rep_f:before {
        content: "";
        color: #000;
        background-repeat: no-repeat no-repeat;
        background-position: center center;
        background-size: .9em;
        display: inline-block;
        background-image: url(https://webislife.ru/wp-content/themes/wl/img/fork-repo.svg);
        height: 0.8em;
        padding-left: 1.1em;
        user-select: none;
        cursor: help; }
      .au__git_rep_s:before {
        content: "";
        color: #000;
        background-repeat: no-repeat no-repeat;
        background-position: center center;
        background-size: .9em;
        display: inline-block;
        background-image: url(https://webislife.ru/wp-content/themes/wl/img/git-star.svg);
        height: 0.8em;
        padding-left: 1.1em;
        user-select: none;
        cursor: help; }
      .au__git_rep_w:before {
        content: "";
        color: #000;
        background-repeat: no-repeat no-repeat;
        background-position: center center;
        background-size: .9em;
        display: inline-block;
        background-image: url(https://webislife.ru/wp-content/themes/wl/img/git-eye.svg);
        height: 0.8em;
        padding-left: 1.1em;
        user-select: none;
        cursor: help; }

input {
  display: inline-flex;
  align-items: center;
  height: 40px;
  border: 1px solid #888; }

.au__info-container > h1 {
  margin: 0; }

article .more-link {
  display: block;
  text-align: right;
  text-decoration: none;
  margin: 1em auto;
  padding: 0 1em;
  transform-style: preserve-3d;
  border-bottom: 2px dashed var(--color-blue-gray-200);
  transition: all 0.2s ease; }
  article .more-link:hover {
    color: var(--color-green-500);
    border-color: var(--color-green-500); }

article .more-link:after {
  display: block;
  content: ''; }

article {
  position: relative; }

progress {
  animation: animatestripes 1s linear infinite;
  -webkit-animation: animatestripes 1s linear infinite; }

progress[value]::-webkit-progress-value {
  background-image: -webkit-linear-gradient(-45deg, transparent 33%, rgba(0, 0, 0, 0.1) 33%, rgba(0, 0, 0, 0.1) 66%, transparent 66%), -webkit-linear-gradient(top, rgba(255, 255, 255, 0.25), rgba(0, 0, 0, 0.25)), -webkit-linear-gradient(left, #09c, #3fda27);
  border-radius: 2px;
  animation: animatestripes 1s linear infinite;
  -webkit-animation: animatestripes 1s linear infinite;
  background-size: 35px 20px, 100% 100%, 100% 100%; }

progress[value]::-webkit-progress-bar {
  background-color: var(--color-blue-50);
  animation: animatestripes 1s linear infinite;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
  border-radius: 2px; }

.-hide {
  display: none; }

@media (prefers-color-scheme: dark) {
  html {
    background-color: #000;
    color: var(--color-grey-50); }
  .a {
    background-color: var(--color-grey-900); }
  a, a.wc-a {
    color: var(--color-blue-500); }
  dfn, abbr {
    color: var(--color-blue-500); }
  a:hover, a.wc-a:hover {
    color: var(--color-green-500); }
  pre, code, .hljs {
    background-color: #282922;
    color: #ccc; }
  .hljs-property {
    color: #a6e22e; }
  .hljs-title.function_ {
    color: #a6e22e; }
  .hljs-variable.language_ {
    color: #66d9ef; }
  .hljs-string {
    color: #FFD866; }
  .hljs-attr {
    color: #fceab2; }
  pre[data-lang]:before {
    color: var(--color-grey-100);
    background-color: #000; }
  span.-browser {
    color: var(--color-blue-100);
    background-color: var(--color-blue-800); }
  a, .wc-a {
    color: var(--color-blue-500); }
  .a__data_tags a {
    color: var(--color-lime-200);
    background-color: var(--color-lime-900); }
  time, .wc-time, .wc-time span {
    color: var(--color-grey-400); }
  .uc {
    border-color: var(--color-blue-800);
    background-color: transparent; }
  :root {
    --wctime-color-red-500: #F44336;
    --wctime-color-grey-50: var(--color-grey-800);
    --wctime-color-grey-100: var(--color-grey-700);
    --wctime-color-grey-200: var(--color-grey-800);
    --wctime-color-grey-400: var(--color-grey-800);
    --wctime-color-grey-800: var(--color-grey-400);
    --wctime-color-grey-900: var(--color-grey-500); }
  samp {
    color: var(--color-grey-900); }
  .co_content, .co__ltitle {
    background-color: var(--color-grey-800); }
  .wc-wysiwyg_content {
    background-color: var(--color-grey-800); }
  q {
    background-color: rgba(255, 255, 255, 0.2); } }