@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;
    src: local(""), url(../font/inter-v8-latin-regular.woff2) format("woff2");
    font-display: swap
}

@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 700;
    src: local(""), url(../font/inter-v8-latin-700.woff2) format("woff2");
    font-display: swap
}

:root {
    --page-margin: 6vmin;
    --page-width: 38rem;
    --navbar-height: 4.6rem;
    --sidebar-width: 15rem;
    --post-width: 70ch;
    --submenu-width: 20rem;
    --border-radius: 6px;
    --shadow: 0 -1px 3px 0 hsl(var(--hsl-dark), 18%, 3%), 0 1px 2px -5px hsl(var(--hsl-dark), 18%, 3%), 0 2px 5px -5px hsl(var(--hsl-dark), 18%, 4%), 0 4px 12px -5px hsl(var(--hsl-dark), 18%, 6%), 0 12px 15px -5px hsl(var(--hsl-dark), 18%, 8%);
    --space-unit: 1rem;
    --space-xs: calc(0.5 * var(--space-unit));
    --space-sm: calc(0.75 * var(--space-unit));
    --space-md: calc(1.25 * var(--space-unit));
    --space-lg: calc(2 * var(--space-unit));
    --space-hg: calc(2.625 * var(--space-unit));
    --space-xl: calc(3.25 * var(--space-unit));
    --space-2xl: calc(5.25 * var(--space-unit));
    --space-3xl: calc(8.5 * var(--space-unit));
    --font-body: "Inter", sans-serif;
    --font-heading: "Inter", sans-serif;
    --font-serif: Georgia, Times, "Times New Roman", serif;
    --line-height: 1.6;
    --letter-spacing: -0.02em;
    --font-weight-normal: 400;
    --font-weight-bold: 700;
    --headings-weight: 700;
    --headings-letter-spacing: -0.04em;
    --headings-transform: none;
    --text-shadow: 0 0 1px var(--link-color);
    --white: hsl(360, 100%, 100%);
    --black: hsl(0, 0%, 0%);
    --red: hsl(2, 100%, 47.06%);
    --green: hsl(146.09, 39.32%, 54.12%);
    --hsl-blue: 212, 100%;
    --hsl-pink: 345, 97%;
    --hsl-green: 180, 64%;
    --hsl-gray: 225, 29%;
    --hsl-dark: 225, 40%;
    --dark: hsl(var(--hsl-dark), 18%);
    --light: hsl(var(--hsl-dark), 98%);
    --color: hsl(var(--hsl-blue), 47%);
    --color-light: hsl(var(--hsl-blue), 97%);
    --text-color: hsl(var(--hsl-dark), 18%);
    --text-color-light: hsla(var(--hsl-dark), 18%, 70%);
    --headings-color: hsl(var(--hsl-dark), 18%);
    --button-color: var(--white);
    --link-color: hsl(var(--hsl-blue), 47%);
    --link-color-hover: hsl(var(--hsl-blue), 47%);
    --border-color: hsl(var(--hsl-dark), 88%);
    --shadow-color: hsl(var(--hsl-blue), 96%);
    --icon-bg: hsl(var(--hsl-blue), 97%);
    --icon-fill: hsl(var(--hsl-blue), 47%)
}

@media(min-width:56.25em) {
    :root {
        --page-width: 1280px;
        --space-unit: 1.2rem
    }
}

@media(min-width:75em) {
    :root {
        --navbar-height: 5.6rem;
        --space-unit: 1.4rem
    }
}

@media(min-width:100em) {
    :root {
        --space-unit: 1.6rem
    }
}

*,
:after,
:before {
    box-sizing: border-box;
    margin: 0;
    padding: 0
}

article,
aside,
footer,
header,
hgroup,
main,
nav,
section {
    display: block
}

li {
    list-style: none
}

img {
    height: auto;
    max-width: 100%;
    vertical-align: top
}

button,
input,
select,
textarea {
    font: inherit
}

address {
    font-style: normal
}

::-moz-selection {
    background: var(--color);
    color: var(--white)
}

::selection {
    background: var(--color);
    color: var(--white)
}

html {
    font-size: clamp(1rem, 1rem + 0.125 * (100vw - 20rem)/58, 1.125rem);
    font-smooth: always;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    scroll-behavior: smooth;
    scroll-padding-top: 2.4rem
}

html.no-scroll {
    overflow: hidden
}

body {
    background: var(--white);
    font-family: var(--font-body);
    font-weight: var(--font-weight-normal);
    line-height: var(--line-height);
    overscroll-behavior: none
}

a {
    color: var(--link-color);
    text-decoration: none;
    transition: all 0.14s ease-out
}

a:hover {
    color: var(--link-color);
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 0.2em;
    -webkit-text-decoration-skip: ink;
    text-decoration-skip-ink: auto
}

a:active {
    color: var(--link-color)
}

a:focus {
    color: var(--link-color)
}

.invert {
    color: var(--dark);
    text-decoration: none;
    transition: all 0.14s ease-out
}

.invert:hover {
    color: var(--link-color);
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 0.2em;
    -webkit-text-decoration-skip: ink;
    text-decoration-skip-ink: auto
}

.invert:active {
    color: var(--link-color)
}

.invert:focus {
    color: var(--link-color)
}

blockquote,
dl,
ol,
p,
pre,
table,
ul {
    color: var(--text-color);
    margin-top: 1.6rem
}

figure,
hr {
    margin-top: 2.1333333333rem
}

figure+*,
hr+* {
    margin-top: 2.4rem
}

strong {
    font-weight: var(--font-weight-bold)
}

small {
    font-size: 80%
}

ol,
ul {
    margin-left: 2rem
}

ol>li,
ul>li {
    list-style: inherit;
    padding: 0 0 0.5333333333rem 0.5333333333rem
}

ol ol,
ol ul,
ul ol,
ul ul {
    margin-bottom: 0.5333333333rem;
    margin-top: 0.5333333333rem
}

hr {
    margin-top: 3.2rem
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--headings-color);
    font-family: var(--font-heading);
    font-weight: var(--headings-weight);
    letter-spacing: var(--headings-letter-spacing);
    line-height: 1.2;
    margin-top: 2.4rem;
    text-transform: var(--headings-transform)
}

.h1,
h1 {
    font-size: clamp(1.6018066406rem, 1.6018066406rem + 0.9639778733 * (100vw - 20rem)/58, 2.565784514rem);
    margin-top: 0
}

.h2,
h2 {
    font-size: clamp(1.423828125rem, 1.423828125rem + 0.3782043457 * (100vw - 20rem)/58, 1.8020324707rem)
}

.h3,
h3 {
    font-size: clamp(1.265625rem, 1.265625rem + 0.3361816406 * (100vw - 20rem)/58, 1.6018066406rem)
}

.h4,
h4 {
    font-size: clamp(1.125rem, 1.125rem + 0.298828125 * (100vw - 20rem)/58, 1.423828125rem)
}

.h5,
h5 {
    font-size: clamp(1rem, 1rem + 0.265625 * (100vw - 20rem)/58, 1.265625rem)
}

.h6,
h6 {
    font-size: clamp(1rem, 1rem + 0.125 * (100vw - 20rem)/58, 1.125rem)
}

h2+*,
h3+*,
h4+*,
h5+*,
h6+* {
    margin-top: 0.8rem
}

strong {
    font-weight: var(--font-weight-bold)
}

small {
    font-size: 80%
}

ol,
ul {
    margin-left: 2rem
}

ol>li,
ul>li {
    list-style: inherit;
    padding: 0 0 0.5333333333rem 0.5333333333rem
}

ol ol,
ol ul,
ul ol,
ul ul {
    margin-bottom: 0.5333333333rem;
    margin-top: 0.5333333333rem
}

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

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

figcaption {
    clear: both;
    color: var(--text-color-light);
    font-style: italic;
    font-size: 0.5549289573rem;
    margin: 0.8rem 0 0;
    text-align: center
}

code {
    background-color: var(--light);
    border-radius: 2px;
    font-size: 75%;
    font-family: Menlo, Monaco, Consolas, Courier New, monospace;
    padding: 0.2rem 0.3333333333rem
}

pre {
    background-color: var(--light);
    border-radius: var(--border-radius);
    border: 1px solid var(--border-color);
    font-size: 0.7023319616rem;
    max-height: var(--pre-height);
    overflow: auto;
    padding: 1.6rem;
    white-space: pre-wrap;
    word-wrap: break-word
}

pre>code {
    background-color: var(--light);
    color: inherit !important;
    font-size: inherit;
    padding: 0
}

table {
    border: 1px solid var(--border-color);
    border-collapse: collapse;
    border-spacing: 0;
    vertical-align: top;
    text-align: left;
    width: 100%
}

table th {
    font-weight: var(--font-weight-bold);
    padding: 0.6666666667rem 1.0666666667rem
}

table td {
    border: 1px solid var(--border-color);
    padding: 0.6666666667rem 1.0666666667rem
}

.separator,
hr {
    background: none;
    border: none;
    height: auto;
    max-width: none;
    text-align: center
}

.separator:before,
hr:before {
    content: "•••";
    color: var(--dark);
    font-size: 1.423828125rem;
    font-weight: var(--font-weight-bold);
    letter-spacing: 1.265625rem
}

.separator {
    position: relative
}

.separator--dot:before {
    content: "•";
    color: var(--dark);
    font-size: 1.423828125rem;
    font-weight: var(--font-weight-bold);
    letter-spacing: 1.265625rem
}

.separator--long-line {
    display: inline-block;
    position: relative;
    width: 100%
}

.separator--long-line:before {
    content: "";
    height: 1.423828125rem
}

.separator--long-line:after {
    border-top: 1px solid var(--dark);
    content: "";
    height: 1px;
    position: absolute;
    width: 100%;
    top: 50%;
    left: 0
}

.btn,
.wpas-btn,
[type=button],
[type=submit],
button {
    background: var(--color);
    border: 2px solid var(--color);
    border-radius: var(--border-radius);
    box-shadow: 0 4px 6px rgba(50, 50, 93, 0.1), 0 1px 1px rgba(0, 0, 0, 0.08);
    color: var(--button-color);
    cursor: pointer;
    display: inline-block;
    font-family: var(--font-heading);
    font-size: 0.8888888889rem;
    font-weight: var(--font-weight-normal);
    padding: 0.6666666667rem 1.3333333333rem;
    vertical-align: middle;
    text-align: center;
    transition: all 0.24s ease;
    will-change: transform
}

.btn:active,
.btn:focus,
.btn:hover,
.wpas-btn:active,
.wpas-btn:focus,
.wpas-btn:hover,
[type=button]:active,
[type=button]:focus,
[type=button]:hover,
[type=submit]:active,
[type=submit]:focus,
[type=submit]:hover,
button:active,
button:focus,
button:hover {
    color: var(--button-color);
    transform: translateY(-3px);
    text-decoration: none !important
}

@media(max-width:29.9375em) {

    .btn+.btn,
    .btn+.wpas-btn,
    .btn+[type=button],
    .btn+[type=submit],
    .btn+button,
    .wpas-btn+.btn,
    .wpas-btn+.wpas-btn,
    .wpas-btn+[type=button],
    .wpas-btn+[type=submit],
    .wpas-btn+button,
    [type=button]+.btn,
    [type=button]+.wpas-btn,
    [type=button]+[type=button],
    [type=button]+[type=submit],
    [type=button]+button,
    [type=submit]+.btn,
    [type=submit]+.wpas-btn,
    [type=submit]+[type=button],
    [type=submit]+[type=submit],
    [type=submit]+button,
    button+.btn,
    button+.wpas-btn,
    button+[type=button],
    button+[type=submit],
    button+button {
        margin-top: 0.8rem
    }
}

@media(min-width:30em) {

    .btn+.btn,
    .btn+.wpas-btn,
    .btn+[type=button],
    .btn+[type=submit],
    .btn+button,
    .wpas-btn+.btn,
    .wpas-btn+.wpas-btn,
    .wpas-btn+[type=button],
    .wpas-btn+[type=submit],
    .wpas-btn+button,
    [type=button]+.btn,
    [type=button]+.wpas-btn,
    [type=button]+[type=button],
    [type=button]+[type=submit],
    [type=button]+button,
    [type=submit]+.btn,
    [type=submit]+.wpas-btn,
    [type=submit]+[type=button],
    [type=submit]+[type=submit],
    [type=submit]+button,
    button+.btn,
    button+.wpas-btn,
    button+[type=button],
    button+[type=submit],
    button+button {
        margin-left: 0.5333333333rem
    }
}

.btn.white,
.white.wpas-btn,
.white[type=button],
.white[type=submit],
button.white {
    background: var(--white);
    border-color: var(--white);
    color: var(--dark)
}

.btn.white>svg,
.white.wpas-btn>svg,
.white[type=button]>svg,
.white[type=submit]>svg,
button.white>svg {
    fill: var(--dark)
}

.btn.green,
.green.wpas-btn,
.green[type=button],
.green[type=submit],
button.green {
    background: var(--green);
    border-color: var(--green)
}

.btn.gray,
.gray.wpas-btn,
.gray[type=button],
.gray[type=submit],
button.gray {
    background: var(--dark);
    border-color: var(--dark)
}

.btn--link {
    --fill: var(--link-color);
    background: none;
    border: none;
    box-shadow: none;
    color: var(--link-color);
    display: inline-block;
    font-weight: var(--font-weight-bold);
    font-size: 1rem;
    padding: 0;
    text-align: left
}

@media(max-width:29.9375em) {
    .btn--link {
        width: auto
    }
}

.btn--link:active,
.btn--link:focus,
.btn--link:hover {
    color: var(--link-color-hover);
    transform: none
}

.btn--link:hover {
    text-decoration: underline !important;
    text-decoration-thickness: 1px;
    text-underline-offset: 0.2em;
    -webkit-text-decoration-skip: ink;
    text-decoration-skip-ink: auto
}

[type=button],
[type=submit],
button {
    -webkit-appearance: none;
    -moz-appearance: none
}

fieldset {
    border: none;
    margin: 0 0 3.2rem
}

fieldset>legend {
    color: var(--headings-color);
    font-weight: var(--font-weight-normal)
}

legend {
    font-weight: var(--font-weight-bold)
}

label {
    display: block;
    font-size: 16px;
    font-weight: var(--font-weight-bold);
    margin: 0 1.0666666667rem 0.2666666667rem 0
}

option {
    font-weight: var(--font-weight-normal)
}

[type=email],
[type=file],
[type=number],
[type=password],
[type=search],
[type=tel],
[type=text],
[type=url],
select,
textarea {
    border: 2px solid var(--border-color);
    border-radius: var(--border-radius);
    font-size: 1rem;
    outline: none;
    padding: 0.5866666667rem 0.8rem;
    width: 100%;
    transition: all 0.24s ease;
    -webkit-appearance: none;
    -moz-appearance: none
}

@media(min-width:37.5em) {

    [type=email],
    [type=file],
    [type=number],
    [type=password],
    [type=search],
    [type=tel],
    [type=text],
    [type=url],
    select,
    textarea {
        width: auto
    }
}

[type=email]:focus,
[type=file]:focus,
[type=number]:focus,
[type=password]:focus,
[type=search]:focus,
[type=tel]:focus,
[type=text]:focus,
[type=url]:focus,
select:focus,
textarea:focus {
    box-shadow: inset 0 0 4px 0 var(--color);
    border-color: var(--color)
}

input[type=checkbox],
input[type=radio] {
    visibility: hidden !important;
    margin: 0 !important;
    position: absolute;
    width: 0 !important
}

input[type=checkbox]+label:before,
input[type=checkbox]+span:before,
input[type=radio]+label:before {
    visibility: visible;
    background-color: var(--white);
    border: 2px solid var(--border-color);
    border-radius: var(--border-radius);
    font-size: 1rem;
    outline: none;
    padding: 0.32rem 0.9066666667rem;
    position: relative
}

input[type=checkbox]+label:hover,
input[type=checkbox]+span:hover,
input[type=radio]+label:hover {
    cursor: pointer
}

input[type=checkbox]+label:before,
input[type=checkbox]+span:before {
    content: "";
    margin-right: 1rem
}

input[type=checkbox]:checked+label:before,
input[type=checkbox]:checked+span:before,
input[type=radio]:checked+label:before {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 8'%3e%3cpolygon points='9.53 0 4.4 5.09 1.47 2.18 0 3.64 2.93 6.54 4.4 8 5.87 6.54 11 1.46 9.53 0' fill='%23343a41'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: 11px 8px;
    background-position: 50% 50%;
    border-color: var(--color);
    box-shadow: inset 0 0 0 1px var(--color)
}

input[type=checkbox]:checked+label:hover:before,
input[type=checkbox]:checked+span:hover:before {
    filter: alpha(opacity=100);
    opacity: 1
}

input[type=radio] {
    opacity: 0;
    position: absolute
}

input[type=radio]+label {
    position: relative;
    margin-left: -1px;
    cursor: pointer;
    padding: 0
}

input[type=radio]+label:before {
    background-color: white;
    border: 2px solid var(--border-color);
    border-radius: var(--border-radius);
    content: "";
    display: inline-block;
    height: 2rem;
    line-height: 1.3333333333rem;
    margin-right: 1.0666666667rem;
    padding: 0 0.9066666667rem;
    vertical-align: middle;
    text-align: center;
    width: 1.3333333333rem
}

select {
    max-width: 100%;
    width: auto;
    position: relative
}

select:not([multiple]) {
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 6 6"><polygon points="3 6 3 6 0 0 6 0 3 6" fill="%238a8b8c"/></svg>') no-repeat 90% 50%;
    background-size: 8px;
    padding-right: 3.2rem
}

textarea {
    border-radius: var(--border-radius);
    display: block;
    overflow: auto;
    resize: vertical;
    max-width: 100%
}

.top {
    align-items: center;
    background: var(--white);
    display: flex;
    height: var(--navbar-height);
    margin-bottom: var(--space-lg);
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

@media(min-width:56.25em) {
    .top {
        justify-content: space-between
    }
}

.top__logo {
    margin-right: auto;
    position: relative
}

.top__logo:hover {
    text-decoration: none
}

.top__logo>svg {
    fill: var(--dark);
    max-height: 2rem;
    max-width: 4.8rem;
    vertical-align: middle;
    background-image: url(../picture/header-logo.jpg);
    background-size: cover;
    background-position: center;
    border-radius: 50%;
    width: 100%;
    height: 100%;
    display: block;
    margin: 0 auto;
}

.top__download {
    background: var(--color);
    border-radius: var(--border-radius);
    color: var(--white);
    font-size: 0.7901234568rem;
    margin-left: 1.0666666667rem;
    padding: 0.48rem 0.8rem
}

@media(max-width:56.1875em) {
    .top__download {
        display: none
    }
}

.top__download:active,
.top__download:focus,
.top__download:hover {
    color: var(--white);
    text-decoration: none
}

.top--nospace {
    margin-bottom: 0
}

.navbar {
    position: relative
}

.navbar .navbar__menu {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0
}

@media(max-width:56.1875em) {
    .navbar .navbar__menu {
        display: none
    }
}

.navbar .navbar__menu li {
    display: block;
    font-size: 0.8888888889rem;
    line-height: var(--line-height);
    padding: 0;
    position: relative
}

.navbar .navbar__menu li a,
.navbar .navbar__menu li span[aria-haspopup=true] {
    color: var(--dark);
    display: block;
    padding: 0 0.8rem;
    transition: all 0.24s ease-out;
    text-decoration: none
}

.navbar .navbar__menu li a:active,
.navbar .navbar__menu li a:focus,
.navbar .navbar__menu li a:hover,
.navbar .navbar__menu li span[aria-haspopup=true]:active,
.navbar .navbar__menu li span[aria-haspopup=true]:focus,
.navbar .navbar__menu li span[aria-haspopup=true]:hover {
    color: var(--link-color)
}

.navbar .navbar__menu>li {
    line-height: var(--navbar-height);
    margin-left: 0.2666666667rem
}

.navbar .navbar__menu>li:hover>a,
.navbar .navbar__menu>li:hover>span[aria-haspopup=true] {
    color: var(--link-color);
    text-shadow: var(--text-shadow)
}

.navbar .navbar__menu>li:hover>[aria-haspopup=true] {
    box-shadow: none
}

.navbar .navbar__menu>li:hover.has-submenu:after {
    content: "";
    border-color: var(--link-color)
}

.navbar .navbar__menu>li.has-submenu {
    position: relative;
    padding-right: 1.0666666667rem
}

.navbar .navbar__menu>li.has-submenu:after {
    content: "";
    border-bottom: 1px solid var(--dark);
    border-left: 1px solid var(--dark);
    height: 6px;
    position: absolute;
    right: 0.9333333333rem;
    top: 47%;
    transform: rotate(-45deg) translate(0, -46%);
    width: 6px;
    transition: all 0.24s ease-out
}

.navbar .navbar__menu>li.is-highlighted {
    font-weight: var(--font-weight-bold);
    margin-left: 1rem;
    text-transform: uppercase
}

.navbar .has-submenu:active>.navbar__submenu,
.navbar .has-submenu:focus>.navbar__submenu,
.navbar .has-submenu:hover>.navbar__submenu {
    left: 0;
    opacity: 1;
    transform: scale(1);
    visibility: visible;
    margin-top: -1.0666666667rem
}

.navbar .has-submenu:active>.navbar__submenu.is-right-submenu,
.navbar .has-submenu:focus>.navbar__submenu.is-right-submenu,
.navbar .has-submenu:hover>.navbar__submenu.is-right-submenu {
    left: auto;
    right: 0;
    transform-origin: right top
}

.navbar .has-submenu .has-submenu:active>.navbar__submenu,
.navbar .has-submenu .has-submenu:focus>.navbar__submenu,
.navbar .has-submenu .has-submenu:hover>.navbar__submenu {
    left: var(--submenu-width);
    top: 0;
    margin-top: 0
}

.navbar .has-submenu .has-submenu:active>.navbar__submenu.is-right-submenu,
.navbar .has-submenu .has-submenu:focus>.navbar__submenu.is-right-submenu,
.navbar .has-submenu .has-submenu:hover>.navbar__submenu.is-right-submenu {
    top: 0;
    margin-top: 0
}

.navbar .navbar__submenu {
    background: var(--white);
    box-shadow: var(--shadow);
    border: 1px solid hsl(var(--hsl-dark), 92%);
    border-radius: var(--border-radius);
    left: -9999px;
    list-style-type: none;
    margin: 0 0 0.8rem;
    padding: 1.0666666667rem 1.6rem;
    position: absolute;
    width: var(--submenu-width);
    text-align: left;
    visibility: hidden;
    z-index: 1;
    opacity: 0;
    transform: scale(0.8);
    transform-origin: 0 top;
    transition: opacity 0.15s, transform 0.3s cubic-bezier(0.275, 1.375, 0.8, 1);
    will-change: transform
}

.navbar .navbar__submenu__submenu {
    z-index: 2
}

.navbar__submenu li {
    line-height: 1.5;
    font-weight: var(--font-weight-normal);
    padding: 0 0.2666666667rem;
    position: relative;
    text-transform: none
}

.navbar__submenu li:last-child {
    border: none
}

.navbar__submenu li a[aria-haspopup=true] {
    padding: 0.5333333333rem 0;
    transition: all 0.24s ease
}

.navbar__submenu li span {
    color: var(--headings-color);
    font-size: 1rem;
    font-weight: var(--font-weight-bold);
    letter-spacing: var(--headings-letter-spacing);
    line-height: 1.2;
    margin: 0
}

.navbar__submenu li p {
    color: var(--text-color-light);
    font-size: 0.7901234568rem;
    margin-top: 0.1333333333rem
}

@media(min-width:56.25em) {
    .navbar__submenu li p {
        margin-top: 0.2666666667rem
    }
}

.navbar .navbar__toggle {
    background: none;
    border: none;
    box-shadow: none;
    cursor: pointer;
    display: block;
    line-height: 1;
    overflow: visible;
    padding-right: 0;
    text-transform: none;
    width: auto
}

@media(min-width:56.25em) {
    .navbar .navbar__toggle {
        display: none
    }
}

.navbar .navbar__toggle:focus,
.navbar .navbar__toggle:hover {
    box-shadow: none;
    outline: none;
    transform: none
}

.navbar .navbar__toggle__box {
    width: 20px;
    height: 11px;
    display: inline-block;
    position: relative
}

.navbar .navbar__toggle__inner {
    display: block;
    top: 50%;
    text-indent: -9999999em
}

.navbar .navbar__toggle__inner:before {
    content: "";
    display: block;
    top: -5px
}

.navbar .navbar__toggle__inner:after {
    content: "";
    display: block;
    bottom: -5px
}

.navbar .navbar__toggle__inner,
.navbar .navbar__toggle__inner:after,
.navbar .navbar__toggle__inner:before {
    width: 20px;
    height: 2px;
    background-color: var(--dark);
    position: absolute;
    right: 0;
    transition: transform, opacity 0.14s ease-out
}

.navbar .navbar__toggle__inner {
    transition-duration: 0.075s;
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
}

.navbar .navbar__toggle__inner:before {
    transition: top 0.075s ease 0.12s, opacity 0.075s ease
}

.navbar .navbar__toggle__inner:after {
    right: 0;
    transition: bottom 0.075s ease 0.12s, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19)
}

.navbar .navbar__toggle.is-active .navbar__toggle__inner {
    transform: rotate(45deg);
    transition-delay: 0.12s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
}

.navbar .navbar__toggle.is-active .navbar__toggle__inner:before {
    top: 0;
    opacity: 0;
    transition: top 0.075s ease, opacity 0.075s ease 0.12s
}

.navbar .navbar__toggle.is-active .navbar__toggle__inner:after {
    bottom: 0;
    left: 0;
    transform: rotate(-90deg);
    transition: bottom 0.075s ease, transform 0.075s cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
    width: 20px
}

@media(min-width:56.25em) {
    .navbar__icon:hover:before {
        background-color: var(--icon-bg);
        border-radius: var(--border-radius);
        content: "";
        display: block;
        left: -0.5333333333rem;
        right: -0.5333333333rem;
        position: absolute;
        height: 100%;
        top: 0
    }
}

.navbar__icon a {
    padding: 0.5333333333rem 0 0.5333333333rem 56px !important;
    position: relative
}

@media(min-width:56.25em) {
    .navbar__icon a {
        padding: 0.9333333333rem 0 0.9333333333rem 56px !important
    }
}

.navbar__icon a:after {
    background-color: var(--icon-fill);
    content: "";
    display: block;
    height: 26px;
    left: 7px;
    -webkit-mask: var(--icon-url) no-repeat;
    mask: var(--icon-url) no-repeat;
    position: absolute;
    top: calc(0.5333333333rem + 7px);
    transition: background-color 0.24s ease-out;
    width: 26px;
    z-index: 2
}

@media(min-width:56.25em) {
    .navbar__icon a:after {
        top: calc(0.9333333333rem + 7px)
    }
}

.navbar__icon a:before {
    background-color: var(--icon-bg);
    border-radius: var(--border-radius);
    content: "";
    display: block;
    left: 0;
    position: absolute;
    height: 38px;
    top: 0.5333333333rem;
    width: 38px
}

@media(min-width:56.25em) {
    .navbar__icon a:before {
        top: 0.9333333333rem
    }
}

@media(min-width:56.25em) {
    .navbar__icon--showcase:hover:before {
        content: none
    }
}

@media(max-width:56.1875em) {
    .navbar__icon--showcase a {
        color: var(--dark);
        font-weight: var(--font-weight-bold);
        padding-top: 0.9333333333rem !important
    }
}

@media(min-width:56.25em) {
    .navbar__icon--showcase a {
        padding: 0 1.0666666667rem !important
    }

    .navbar__icon--showcase a:after,
    .navbar__icon--showcase a:before {
        content: none
    }
}

.navbar__icon--writing {
    --icon-bg: hsl(var(--hsl-pink), 98%);
    --icon-fill: hsl(var(--hsl-pink), 65%);
    --icon-url: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M0 0h24v24H0z' stroke='none'/%3e%3cpath d='M3 19c3.333-2 5-4 5-6 0-3-1-3-2-3s-2.032 1.085-2 3c.034 2.048 1.658 2.877 2.5 4C8 19 9 19.5 10 18c.667-1 1.167-1.833 1.5-2.5 1 2.333 2.333 3.5 4 3.5H18M20 17V5c0-1.121-.879-2-2-2s-2 .879-2 2v12l2 2 2-2zM16 7h4'/%3e%3c/svg%3e")
}

.navbar__icon--privacy {
    --icon-bg: hsl(var(--hsl-blue), 97%);
    --icon-fill: hsl(var(--hsl-blue), 47%);
    --icon-url: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M0 0h24v24H0z' stroke='none'/%3e%3cpath d='m9 12 2 2 4-4'/%3e%3cpath d='M12 3a12 12 0 0 0 8.5 3A12 12 0 0 1 12 21 12 12 0 0 1 3.5 6 12 12 0 0 0 12 3'/%3e%3c/svg%3e")
}

.navbar__icon--seo {
    --icon-bg: hsl(var(--hsl-green), 95%);
    --icon-fill: hsl(var(--hsl-green), 39%);
    --icon-url: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M0 0h24v24H0z' stroke='none'/%3e%3cpath d='M4 13a8 8 0 0 1 7 7 6 6 0 0 0 3-5 9 9 0 0 0 6-8 3 3 0 0 0-3-3 9 9 0 0 0-8 6 6 6 0 0 0-5 3'/%3e%3cpath d='M7 14a6 6 0 0 0-3 6 6 6 0 0 0 6-3'/%3e%3ccircle cx='15' cy='9' r='1'/%3e%3c/svg%3e")
}

.navbar__icon--docs {
    --icon-url: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M0 0h24v24H0z' stroke='none'/%3e%3cpath d='M19 4v16H7a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h12z'/%3e%3cpath d='M19 16H7a2 2 0 0 0-2 2M9 8h6'/%3e%3c/svg%3e")
}

.navbar__icon--devs {
    --icon-url: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M0 0h24v24H0z' stroke='none'/%3e%3cpath d='m7 8-4 4 4 4M17 8l4 4-4 4M14 4l-4 16'/%3e%3c/svg%3e")
}

.navbar__icon--forum {
    --icon-url: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M0 0h24v24H0z' stroke='none'/%3e%3cpath d='m3 20 1.3-3.9A9 8 0 1 1 7.7 19L3 20M12 12v.01M8 12v.01M16 12v.01'/%3e%3c/svg%3e")
}

.navbar__icon--support {
    --icon-url: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M0 0h24v24H0z' stroke='none'/%3e%3ccircle cx='12' cy='12' r='4'/%3e%3ccircle cx='12' cy='12' r='9'/%3e%3cpath d='m15 15 3.35 3.35M9 15l-3.35 3.35M5.65 5.65 9 9M18.35 5.65 15 9'/%3e%3c/svg%3e")
}

.navbar__icon--blog {
    --icon-url: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M0 0h24v24H0z' stroke='none'/%3e%3cpath d='M4 20h4L18.5 9.5a1.5 1.5 0 0 0-4-4L4 16v4M13.5 6.5l4 4'/%3e%3c/svg%3e")
}

.navbar__icon--market {
    --icon-url: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M0 0h24v24H0z' stroke='none'/%3e%3cpath d='m3 12 3 3 3-3-3-3zM15 12l3 3 3-3-3-3zM9 6l3 3 3-3-3-3zM9 18l3 3 3-3-3-3z'/%3e%3c/svg%3e")
}

.navbar__icon--themes {
    --icon-url: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M0 0h24v24H0z' stroke='none'/%3e%3cpath d='M12 21a9 9 0 1 1 0-18 9 8 0 0 1 9 8 4.5 4 0 0 1-4.5 4H14a2 2 0 0 0-1 3.75A1.3 1.3 0 0 1 12 21'/%3e%3ccircle cx='7.5' cy='10.5' r='.5' fill='currentColor'/%3e%3ccircle cx='12' cy='7.5' r='.5' fill='currentColor'/%3e%3ccircle cx='16.5' cy='10.5' r='.5' fill='currentColor'/%3e%3c/svg%3e")
}

.navbar__icon--plugins {
    --icon-url: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M0 0h24v24H0z' stroke='none'/%3e%3cpath d='m7 12 5 5-1.5 1.5a3.536 3.536 0 1 1-5-5L7 12zM17 12l-5-5 1.5-1.5a3.536 3.536 0 1 1 5 5L17 12zM3 21l2.5-2.5M18.5 5.5 21 3M10 11l-2 2M13 14l-2 2'/%3e%3c/svg%3e")
}

.navbar__icon--services {
    --icon-bg: hsl(var(--hsl-pink), 98%);
    --icon-fill: hsl(var(--hsl-pink), 65%);
    --icon-url: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M0 0h24v24H0z' stroke='none'/%3e%3cpath d='m12 3 8 4.5v9L12 21l-8-4.5v-9L12 3M12 12l8-4.5M12 12v9M12 12 4 7.5M16 5.25l-8 4.5'/%3e%3c/svg%3e")
}

.navbar__icon--showcase {
    --icon-url: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M0 0h24v24H0z' stroke='none'/%3e%3cpath d='M3 19h18'/%3e%3crect x='5' y='6' width='14' height='10' rx='1'/%3e%3c/svg%3e")
}

.navbar__icon--comparison {
    --icon-bg: hsl(var(--hsl-gray), 96%);
    --icon-fill: hsl(var(--hsl-gray), 39%);
    --icon-url: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m16 16 3-8 3 8c-.87.65-1.92 1-3 1s-2.13-.35-3-1Z'/%3e%3cpath d='m2 16 3-8 3 8c-.87.65-1.92 1-3 1s-2.13-.35-3-1Z'/%3e%3cpath d='M7 21h10'/%3e%3cpath d='M12 3v18'/%3e%3cpath d='M3 7h2c2 0 5-1 7-2 2 1 5 2 7 2h2'/%3e%3c/svg%3e")
}

.navbar_mobile_overlay {
    background: var(--white);
    bottom: 0;
    left: 0;
    opacity: 1;
    overflow: auto;
    pointer-events: auto;
    position: fixed;
    top: var(--navbar-height);
    padding-bottom: 1.6rem;
    transition: all 0.3s cubic-bezier(0, 0, 0.3, 1);
    width: 100%;
    z-index: 1001
}

.navbar_mobile_overlay.is-hidden {
    opacity: 0;
    pointer-events: none
}

.navbar_mobile_overlay .navbar__menu {
    box-sizing: content-box;
    max-width: var(--page-width);
    margin: 0 auto;
    padding: 0 var(--page-margin)
}

.navbar_mobile_overlay .navbar__menu li {
    list-style: none;
    margin: 0;
    padding: 0
}

.navbar_mobile_overlay .navbar__menu li a,
.navbar_mobile_overlay .navbar__menu li span {
    display: block;
    position: relative
}

.navbar_mobile_overlay .navbar__menu li a:hover,
.navbar_mobile_overlay .navbar__menu li span:hover {
    text-decoration: none
}

.navbar_mobile_overlay .navbar__menu li .is-separator {
    border-top: 1px solid var(--border-color);
    color: var(--text-color-light);
    font-size: 0.7023319616rem;
    font-weight: var(--font-weight-bold);
    padding: 1.0666666667rem 0 0.8rem;
    text-transform: uppercase
}

.navbar_mobile_overlay .navbar__menu li+.has-submenu {
    margin-top: 1.6rem
}

.navbar_mobile_overlay .navbar__submenu {
    margin: 0;
    padding: 0;
    visibility: hidden
}

.navbar_mobile_overlay .navbar__submenu[aria-hidden=false] {
    visibility: visible
}

.navbar_mobile_overlay .navbar__submenu_wrapper {
    height: 0;
    opacity: 0;
    overflow: hidden;
    transition: all 0.3s cubic-bezier(0.275, 1.375, 0.8, 1)
}

.navbar_mobile_overlay .navbar__submenu_wrapper.is-active {
    height: auto;
    opacity: 1
}

.topbar {
    align-items: center;
    background: var(--white);
    border-top: 1px solid var(--border-color);
    border-bottom: 1px solid var(--border-color);
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-areas: "logo links";
    gap: 2rem;
    height: 3.8rem;
    justify-content: space-between;
    position: sticky;
    top: 0;
    z-index: 1
}

.topbar__logo {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-area: logo;
    align-items: center;
    display: flex;
    position: relative
}

.topbar__logo a,
.topbar__logo h1 {
    display: inline-block;
    font-size: 1rem;
    font-weight: var(--font-weight-bold);
    letter-spacing: var(--headings-letter-spacing)
}

.topbar__logo a {
    color: var(--heading-color) !important
}

.topbar__logo p {
    border-left: 1px solid var(--border-color);
    font-size: 0.7901234568rem;
    margin: 0 0 0 0.5333333333rem;
    padding-left: 0.5333333333rem
}

@media(max-width:39.9375em) {
    .topbar__logo p {
        display: none;
        visibility: hidden
    }
}

.topbar__links {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    grid-area: links;
    font-size: 0.7901234568rem
}

.topbar__links>a {
    display: inline-flex;
    margin-left: 0.5333333333rem;
    vertical-align: middle
}

.topbar__account {
    display: inline-block;
    position: relative
}

.topbar__account__btn {
    border: 1px solid var(--color);
    border-radius: var(--border-radius);
    font-weight: var(--font-weight-bold);
    font-size: 0.7901234568rem;
    margin-left: 1.0666666667rem;
    padding: 0.48rem 0.6933333333rem;
    text-decoration: none !important
}

.topbar__account:hover .topbar__menu {
    display: block
}

.topbar__account>button:hover {
    transform: none
}

.topbar__menu {
    background: var(--white);
    border-radius: var(--border-radius);
    box-shadow: var(--shadow);
    cursor: pointer;
    display: none;
    min-width: 10rem;
    position: absolute;
    right: 0;
    top: 2rem;
    white-space: nowrap;
    z-index: 1
}

.topbar__menu:before {
    content: "";
    display: block;
    height: 20px;
    left: 0;
    position: absolute;
    top: -20px;
    width: 100%
}

.topbar__menu ul {
    margin: 0;
    padding: 0.8rem 0
}

.topbar__menu ul li {
    list-style: none;
    padding: 0
}

.topbar__menu a {
    color: var(--dark);
    display: block;
    font-size: 0.7901234568rem;
    padding: 0.4266666667rem 1.6rem
}

.topbar__menu a:hover {
    background: var(--color-light);
    text-decoration: none
}

.topbar .myaccount-btn {
    white-space: nowrap
}

.topbar__bag {
    justify-items: center
}

@media(max-width:56.1875em) {
    .topbar__bag {
        margin: 0
    }

    .topbar__bag>span {
        display: none
    }
}

.topbar__bag>svg {
    fill: var(--color);
    margin-right: 0.5rem
}

.page-wrap {
    box-sizing: content-box;
    max-width: var(--page-width);
    margin: 0 auto;
    padding: 0 var(--page-margin)
}

.green {
    --border-color: hsl(var(--hsl-green), 88%);
    --color: hsl(var(--hsl-green), 39%);
    --color-light: hsl(var(--hsl-green), 95%);
    --link-color: var(--color);
    --shadow-color: hsl(var(--hsl-green), 94%);
    --icon-bg: hsl(var(--hsl-green), 95%);
    --icon-fill: hsl(var(--hsl-green), 39%);
    --text-shadow: 0 0 1px var(--link-color)
}

.pink {
    --border-color: hsl(var(--hsl-pink), 93%);
    --color: hsl(var(--hsl-pink), 65%);
    --color-light: hsl(var(--hsl-pink), 98%);
    --link-color: var(--color);
    --shadow-color: hsl(var(--hsl-pink), 97%);
    --icon-bg: hsl(var(--hsl-pink), 98%);
    --icon-fill: hsl(var(--hsl-pink), 65%);
    --text-shadow: 0 0 1px var(--link-color)
}

.gray {
    --color-light: hsl(var(--hsl-gray), 98%);
    --link-color: var(--color);
    --shadow-color: hsl(var(--hsl-gray), 97%);
    --icon-bg: hsl(var(--hsl-gray), 96%);
    --icon-fill: hsl(var(--hsl-gray), 39%);
    --text-shadow: 0 0 1px var(--link-color)
}

.readmore {
    display: inline-block;
    font-weight: var(--font-weight-bold);
    letter-spacing: var(--letter-spacing)
}

[role=doc-subtitle] {
    font-size: 0.8888888889rem;
    font-weight: var(--font-weight-bold);
    margin: 0 0 0.8rem
}

img[loading] {
    opacity: 0
}

img.is-loaded {
    opacity: 1;
    transition: opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1)
}

.section {
    margin-bottom: var(--space-2xl)
}

.section__header {
    margin-bottom: var(--space-xl)
}

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

.section__header--center>* {
    margin-left: auto;
    margin-right: auto
}

@media(min-width:56.25em) {
    .section__header--grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 0 var(--space-lg)
    }

    .section__header--grid>h1 {
        grid-column: span 2
    }
}

.section__header>*>strong {
    color: var(--color)
}

.section__header>*+p {
    letter-spacing: var(--letter-spacing)
}

.section__btn {
    margin-top: 2.6666666667rem
}

@media(max-width:37.4375em) {
    .section__btn {
        width: 100%
    }
}

.section--border {
    border-top: 1px solid var(--border-color);
    padding-top: var(--space-xl)
}

.box {
    border-radius: var(--border-radius);
    padding: var(--space-xl)
}

.box__readmore {
    margin-top: 1.6rem
}

.box[class*=box--]:not([class*=box--light]) {
    --text-color: white;
    --headings-color: white;
    --link-color: white
}

.box--pink {
    background-color: hsl(var(--hsl-pink), 65%)
}

.box--dark {
    background-color: var(--dark)
}

.box--blue {
    background-color: var(--color)
}

.box--light {
    background-color: var(--light)
}

.page__subtitle {
    margin-top: 0.2666666667rem
}

.page__error {
    max-width: var(--post-width);
    margin-top: var(--space-2xl);
    margin-left: auto;
    margin-right: auto
}

.page__error__title {
    margin-top: 0;
    font-size: clamp(1.8020324707rem, 1.8020324707rem + 1.4452885548 * (100vw - 20rem)/58, 3.2473210255rem)
}

.popup {
    align-items: center;
    -webkit-backdrop-filter: blur(4px) opacity(1);
    backdrop-filter: blur(4px) opacity(1);
    display: flex;
    height: 100vh;
    justify-content: center;
    left: 0;
    opacity: 0;
    position: fixed;
    width: 100vw;
    visibility: hidden;
    top: 0;
    transition: all 0.26s cubic-bezier(0.51, 0.92, 0.24, 1.15)
}

.popup__bg {
    background: hsla(0, 0%, 100%, 0.5);
    height: 100%;
    position: absolute;
    width: 100%
}

.popup__container {
    background: var(--white);
    box-shadow: var(--shadow);
    border-radius: calc(2 * var(--border-radius));
    color: var(--text-color-light);
    margin: auto var(--page-margin);
    max-width: 38rem;
    position: relative;
    padding: var(--space-xl) var(--space-lg) var(--space-lg);
    transform: scale(0.9);
    transition: all 0.26s cubic-bezier(0.51, 0.92, 0.24, 1.15);
    text-align: center
}

.popup__close {
    background: var(--light);
    color: var(--dark);
    height: 2.1333333333rem;
    position: absolute;
    right: var(--space-sm);
    text-align: center;
    top: var(--space-sm);
    width: 2.1333333333rem
}

.popup__close:hover {
    color: var(--red);
    text-decoration: none !important
}

.popup h2 {
    margin: 0
}

.popup form,
.popup__actions {
    margin-top: var(--space-md);
    margin-bottom: var(--space-xs)
}

.popup form button,
.popup form input,
.popup__actions button,
.popup__actions input {
    display: block;
    margin: var(--space-xs) auto;
    width: 100%
}

@media(min-width:37.5em) {

    .popup form button,
    .popup form input,
    .popup__actions button,
    .popup__actions input {
        max-width: 80%
    }
}

.popup.is-open {
    visibility: visible;
    opacity: 1
}

.popup.is-open .modal__container {
    transform: scale(1)
}

.promo-bar {
    background: var(--black) url(/wp-content/themes/assets/images/black-week-promotion-bar.png);
    background-size: contain;
    background-size: 300px;
    height: 3.6rem;
    width: 100%;
    overflow: hidden
}

.promo-bar>a {
    display: block;
    height: 100%
}

.promo-bar>a>span {
    visibility: hidden
}

.promo-bar--xmas {
    background: #C60001 url(/wp-content/themes/assets/svg/christmas-promotion-bar.svg)
}

.promo-bar--easter {
    background: #FEE3D5 url(/wp-content/themes/assets/images/easter-promotion-bar.png);
    background-size: contain
}

.promo-bar--text {
    background: #FFF4F7
}

.promo-bar--text>a {
    align-items: center;
    color: var(--text-color);
    cursor: pointer;
    display: flex;
    font-size: 0.8888888889rem;
    line-height: 1.2;
    gap: 1rem;
    justify-content: center;
    padding: 0 var(--page-margin);
    text-decoration: none !important;
    width: 100%;
    text-align: center
}

.promo-bar--text>a>span {
    visibility: visible
}

.promo-bar--text .fakebutton {
    background: hsl(var(--hsl-pink), 65%);
    border-radius: var(--border-radius);
    color: var(--white);
    display: none;
    font-family: var(--font-heading);
    font-size: 0.7901234568rem;
    font-weight: var(--font-weight-bold);
    line-height: var(--line-height);
    padding: 0.2666666667rem 0.8rem;
    vertical-align: middle;
    text-align: center;
    text-wrap: nowrap
}

@media(min-width:37.5em) {
    .promo-bar--text .fakebutton {
        display: inline-block
    }
}

.navbar {
    z-index: 2
}

@media(max-width:37.4375em) {
    .login-logo {
        max-width: 100px
    }
}

img[loading] {
    opacity: 0
}

img.is-loaded {
    opacity: 1;
    transition: opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1)
}

.bag,
.sign-in {
    margin-left: 1.0666666667rem
}

.bag:hover,
.sign-in:hover {
    transform: none
}

.line-through {
    -webkit-text-decoration: line-through var(--red);
    text-decoration: line-through var(--red)
}

.sign-in {
    flex-basis: auto !important
}

@media(max-width:56.1875em) {
    .sign-in {
        margin: 0 3rem 0 0
    }
}

.store {
    margin: 2rem auto 5.3333333333rem;
    min-height: 50vh
}

@media(min-width:56.25em) {
    .store {
        margin: 2.1333333333rem auto calc(5.3333333333rem + 1vw);
        max-width: 88.4rem
    }
}

.store--pages {
    font-size: 16px
}

.store--pages>h1 {
    font-size: clamp(1.125rem, 1.125rem + 0.298828125 * (100vw - 20rem)/58, 1.423828125rem)
}

.store-top {
    margin-bottom: calc(1.0666666667rem + 1vw)
}

.store-top h1 {
    margin-top: 0
}

.store-top h1+p {
    color: var(--text-color-light);
    margin-top: 0.2666666667rem
}

.store-header {
    align-items: flex-end;
    display: flex;
    justify-content: space-between;
    margin: 0 0 1.8666666667rem
}

.store-header h2 {
    margin: 0
}

.store-header-browse {
    font-size: 0.8888888889rem;
    margin-top: 0
}

@media(min-width:56.25em) {
    .store-cat {
        display: grid;
        grid-template-columns: 9rem 1fr;
        grid-column-gap: 4vmin
    }
}

.store-cat-left h3 {
    font-size: 0.624295077rem;
    margin: 0.2666666667rem 0 0;
    text-transform: uppercase
}

@media(min-width:75em) {
    .store-filters {
        margin: 0;
        position: sticky;
        top: 5.5rem
    }
}

@media(max-width:56.1875em) {
    .store-filters {
        display: none
    }
}

.store-filter {
    list-style: none;
    margin: 1.0666666667rem 0 var(--space-md)
}

.store-filter li {
    padding: 0 0 0.2666666667rem 0
}

@media(max-width:56.1875em) {
    .store-filter li {
        display: inline-block
    }
}

.store-filter li button {
    background: none;
    border-radius: var(--border-radius);
    border: none;
    color: var(--dark);
    box-shadow: none;
    font-size: 0.7901234568rem;
    padding: 0;
    width: 100%;
    text-align: left
}

.store-filter li button:hover {
    color: var(--color);
    transform: translateY(0)
}

.store-filter li button:focus {
    outline: none
}

.store-filter li button.is-active {
    color: var(--link-color);
    text-shadow: var(--text-shadow);
    transform: translateY(0)
}

.store-entry {
    display: flex;
    flex-wrap: wrap;
    margin: 0
}

.store-entry:after {
    content: " ";
    display: block;
    clear: both
}

@media(min-width:37.5em) {
    .store-entry {
        margin: -1.5vmin -1.5vmin 0
    }
}

.store-entry+.store-header {
    margin-top: var(--space-lg)
}

.store-item {
    position: relative;
    width: 100%
}

@media(min-width:30em) {
    .store-item {
        width: 49.999%
    }
}

@media(max-width:56.1875em) {
    .store-item {
        margin-bottom: 2rem
    }
}

@keyframes preloader {
    to {
        transform: rotate(360deg)
    }
}

.store-item-link.is-loaded:before {
    content: none
}

.store-item h2,
.store-item h3 {
    color: var(--color) !important;
    font-size: 1rem;
    font-weight: var(--font-weight-bold);
    margin-top: 1.0666666667rem
}

@media(min-width:56.25em) {

    .store-item h2,
    .store-item h3 {
        margin-top: 1.6rem
    }
}

.store-item p {
    color: var(--text-color-light);
    font-size: 0.7023319616rem;
    display: none;
    margin-top: 0.2666666667rem;
    opacity: 0;
    transition: all 0.28s ease-out;
    transform: translateY(-0.5rem);
    visibility: hidden
}

@media(min-width:56.25em) {
    .store-item p {
        display: block
    }
}

@media(min-width:56.25em) {
    .store-item:hover p {
        visibility: visible;
        opacity: 1;
        transform: translateY(0)
    }
}

.c-plugin-item {
    padding: 1.5vmin
}

@media(min-width:37.5em) {
    .c-plugin-item {
        width: 33.333%
    }
}

@media(min-width:75em) {
    .c-plugin-item {
        width: 25%
    }
}

.c-plugin-item-index {
    padding: 1.5vmin
}

@media(min-width:30em) and (max-width:37.4375em) {
    .c-plugin-item-index {
        width: 49.999%
    }
}

@media(min-width:56.25em) {
    .c-plugin-item-index {
        width: 25%
    }
}

@media(min-width:75em) {
    .c-plugin-item-index {
        width: 20%
    }
}

.c-plugin-item-link {
    align-items: center;
    background: var(--white);
    box-shadow: 0 0 1px hsl(var(--hsl-dark), 75%), 0 2px 6px hsl(var(--hsl-dark), 91%);
    border-radius: var(--border-radius);
    color: var(--text-color);
    display: flex;
    flex-direction: column;
    font-size: 16px;
    gap: 1.0666666667rem;
    justify-content: center;
    min-height: 9rem;
    position: relative;
    position: relative;
    width: 100%;
    transition: all 0.24s ease;
    will-change: transform;
    text-align: center
}

.c-plugin-item-link:hover {
    box-shadow: 0 0 1px hsl(var(--hsl-dark), 75%), 0 6px 12px hsl(var(--hsl-dark), 91%);
    transform: translateY(-3px);
    text-decoration: none
}

.c-plugin-item-link>span {
    display: block;
    line-height: 1.2;
    padding: 0 1rem
}

.c-plugin-item-link>img {
    height: 2.6rem;
    width: auto
}

@media(min-width:30em) {
    .c-theme-item {
        padding: 1.5vmin
    }
}

@media(min-width:56.25em) {
    .c-theme-item {
        margin-bottom: 0
    }
}

@media(min-width:75em) {
    .c-theme-item {
        width: 33.333%
    }
}

@media(min-width:37.5em) {
    .c-theme-item-index {
        width: 33.333%
    }
}

@media(min-width:75em) {
    .c-theme-item-index {
        width: 25%
    }
}

.c-theme-item-link {
    background: var(--white);
    border: 1px solid var(--border-color);
    border-radius: 6px;
    display: block;
    position: relative;
    padding: 1.3333333333rem 0 0;
    position: relative;
    width: 100%;
    transition: all 0.24s ease;
    will-change: transform;
    overflow: hidden
}

.c-theme-item-link:hover {
    box-shadow: var(--shadow);
    transform: translateY(-3px)
}

.c-theme-item-link:before {
    content: "";
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 26px;
    height: 26px;
    margin-top: -13px;
    margin-left: -13px;
    border-radius: 50%;
    border-top: 2px solid var(--color);
    border-right: 2px solid transparent;
    animation: preloader 0.6s linear infinite;
    z-index: -1
}

.c-theme-item-link:after {
    border-bottom: 1px solid var(--border-color);
    content: "•••";
    color: hsl(var(--hsl-dark), 68%);
    display: block;
    font-size: 10px;
    height: 1.3333333333rem;
    left: 0;
    letter-spacing: 0.15rem;
    padding: 0.18rem 0.6rem 0;
    position: absolute;
    top: 0;
    width: 100%
}

.woocommerce-product-gallery__image {
    position: relative
}

.woocommerce-product-gallery__image:before {
    content: "";
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 26px;
    height: 26px;
    margin-top: -13px;
    margin-left: -13px;
    border-radius: 50%;
    border-top: 2px solid var(--color);
    border-right: 2px solid transparent;
    animation: preloader 0.6s linear infinite;
    z-index: -1
}

.woocommerce-product-gallery__image.is-loaded:before {
    content: none
}

.product {
    align-items: top;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-areas: "breadcrumb""header""details""image""description""bottom";
    gap: 0 5%;
    max-width: 52rem;
    margin: 2.1333333333rem auto 5.3333333333rem
}

@media(min-width:75em) {
    .product {
        grid-template-columns: 1fr 30%;
        grid-template-areas: "breadcrumb details""header details""image details""description details""bottom bottom";
        max-width: 88.4rem
    }
}

.product-left {
    -ms-grid-row: 9;
    -ms-grid-column: 1;
    grid-area: description
}

.product-left h1 {
    margin-top: 0
}

.product span.onsale {
    display: none
}

.product-breadcrumb {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    font-size: 0.7901234568rem;
    grid-area: breadcrumb;
    display: flex;
    gap: 0.5rem;
    list-style: none;
    margin: 0
}

.product-breadcrumb li {
    padding: 0
}

.product-breadcrumb li a {
    color: var(--text-color-light);
    text-decoration: none;
    transition: all 0.14s ease-out
}

.product-breadcrumb li a:hover {
    color: var(--link-color-hover);
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 0.2em;
    -webkit-text-decoration-skip: ink;
    text-decoration-skip-ink: auto
}

.product-breadcrumb li a:active {
    color: var(--link-color-hover)
}

.product-breadcrumb li a:focus {
    color: var(--link-color-hover)
}

.product-breadcrumb li a span {
    display: inline-block
}

.product-breadcrumb li a span:first-letter {
    text-transform: uppercase
}

.product-header {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    grid-area: header
}

.product-header h1 {
    margin-top: 0.8rem
}

.product-header-plugin {
    align-items: center;
    display: grid;
    grid-template-columns: 2rem 1fr;
    gap: 0 0.8rem
}

.product-image {
    -ms-grid-row: 7;
    -ms-grid-column: 1;
    grid-area: image;
    background: var(--light);
    border-radius: calc(1.5 * var(--border-radius));
    display: block;
    margin-top: calc(1.8666666667rem + 0.5vw);
    position: relative;
    padding: 9%;
    position: relative;
    text-align: center
}

.product-image-plugins {
    margin-bottom: 1rem
}

.product-image img {
    border-radius: 6px;
    box-shadow: 2px 81px 38px -32px rgba(0, 0, 0, 0.1)
}

.product-image-icon {
    align-items: center;
    float: left;
    display: flex;
    height: 2rem;
    margin: 0.8rem 0 0;
    width: 2rem
}

.product-description {
    clear: both
}

.product-description-plugin {
    grid-column: 1/3
}

.product-right {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
    grid-area: details
}

@media(max-width:74.9375em) {
    .product-right {
        margin: 0 auto 1.6rem;
        width: 100%
    }
}

@media(min-width:75em) {
    .product-details {
        margin: 0;
        position: sticky;
        top: 5rem
    }
}

.details {
    border-top: 1px solid var(--border-color);
    border-bottom: 1px solid var(--border-color);
    padding: 0 0 1.0666666667rem
}

@media(min-width:25.875em) {
    .details {
        border: 1px solid var(--border-color);
        border-radius: 8px;
        padding: 1.8666666667rem 1.8666666667rem 1.3333333333rem
    }
}

@media(max-width:74.9375em) {
    .details {
        margin-top: calc(1.8666666667rem + 1vw)
    }
}

@media(max-width:25.8125em) {
    .details-price-box {
        padding-top: 1.3333333333rem
    }
}

@media(min-width:37.5em) and (max-width:74.9375em) {
    .details-price-box {
        display: flex;
        justify-content: space-between
    }
}

.details-price-box .subscription-details {
    display: none
}

.details-price {
    margin-bottom: 2.1333333333rem
}

@media(min-width:37.5em) and (max-width:74.9375em) {
    .details-price {
        flex: 1 0 50%
    }
}

.details-price>span {
    color: var(--headings-color);
    font-weight: var(--font-weight-bold);
    letter-spacing: -0.03rem;
    line-height: 1.2
}

.details h2 {
    font-size: 16px;
    font-weight: 600;
    margin-top: 2.1333333333rem
}

.details h3 {
    border-top: 1px solid var(--border-color);
    font-size: 16px;
    margin-top: 1.6rem;
    padding: 1.8666666667rem 0 0.2666666667rem
}

@media(min-width:75em) {
    .details h3:first-of-type {
        border: none;
        padding-top: 0.2666666667rem
    }
}

.details h3 span {
    color: var(--text-color-light);
    font-style: italic;
    font-weight: var(--font-weight-normal);
    font-size: 14px
}

.details ul li {
    list-style: none;
    padding-bottom: 0;
    color: var(--text-color-light)
}

.details-priceinfo {
    border-bottom: 1px solid var(--border-color);
    font-size: 0.7901234568rem;
    margin: 0.2666666667rem 0;
    padding: 0 0 1.3333333333rem
}

@media(min-width:37.5em) and (max-width:74.9375em) {
    .details-priceinfo {
        border: none;
        padding: 0
    }
}

.details-table {
    font-size: 0.7901234568rem;
    margin: 0.8rem 0 1.0666666667rem;
    display: flex;
    flex-wrap: wrap;
    gap: 10%
}

.details-table dt {
    color: var(--headings-color);
    margin: 0 0 0.2666666667rem;
    flex-basis: 32%
}

.details-table dd {
    flex-basis: 55%;
    color: var(--text-color-light)
}

.details-changelog {
    background: none !important;
    border: 0;
    box-shadow: none !important;
    color: var(--link-color-hover);
    font-size: inherit;
    padding: 0;
    transform: none !important;
    vertical-align: inherit
}

.details-changelog:active,
.details-changelog:focus,
.details-changelog:hover {
    color: var(--link-color)
}

.details-changelog:hover {
    text-decoration: underline !important;
    text-decoration-thickness: 1px;
    text-underline-offset: 0.3em;
    -webkit-text-decoration-skip: ink;
    text-decoration-skip-ink: auto
}

.details-buttons {
    margin: 0 0 2.1333333333rem
}

@media(min-width:37.5em) and (max-width:74.9375em) {
    .details-buttons {
        flex: 1 0 50%;
        margin: 0.8rem 0
    }
}

.details-buttons button,
.details-buttons>.btn,
.details-buttons>.wpas-btn,
.details-buttons>[type=button],
.details-buttons>[type=submit] {
    display: block;
    width: 100%
}

.details-buttons button+.btn,
.details-buttons button+.wpas-btn,
.details-buttons button+[type=button],
.details-buttons button+[type=submit],
.details-buttons button+button,
.details-buttons>.btn+.btn,
.details-buttons>.btn+.wpas-btn,
.details-buttons>.btn+[type=button],
.details-buttons>.btn+[type=submit],
.details-buttons>.btn+button,
.details-buttons>.wpas-btn+.btn,
.details-buttons>.wpas-btn+.wpas-btn,
.details-buttons>.wpas-btn+[type=button],
.details-buttons>.wpas-btn+[type=submit],
.details-buttons>.wpas-btn+button,
.details-buttons>[type=button]+.btn,
.details-buttons>[type=button]+.wpas-btn,
.details-buttons>[type=button]+[type=button],
.details-buttons>[type=button]+[type=submit],
.details-buttons>[type=button]+button,
.details-buttons>[type=submit]+.btn,
.details-buttons>[type=submit]+.wpas-btn,
.details-buttons>[type=submit]+[type=button],
.details-buttons>[type=submit]+[type=submit],
.details-buttons>[type=submit]+button {
    margin: 0.5333333333rem 0 0
}

.details-buttons-add-to-cart {
    display: inline-flex;
    flex-direction: row-reverse
}

.details-buttons-add-to-cart>span {
    border-left: 1px solid #666;
    margin-left: 10px;
    padding-left: 10px
}

.details-continue-area {
    margin: 0.8rem 0 1.3333333333rem;
    text-align: center
}

.details-continue-button {
    font-size: 16px;
    text-decoration: underline !important;
    -webkit-text-decoration-skip: ink;
    text-decoration-skip: ink
}

.details-continue-button {
    color: var(--link-color-hover);
    text-decoration: none;
    transition: all 0.14s ease-out
}

.details-continue-button:hover {
    color: var(--link-color);
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 0.2em;
    -webkit-text-decoration-skip: ink;
    text-decoration-skip-ink: auto
}

.details-continue-button:active {
    color: var(--link-color)
}

.details-continue-button:focus {
    color: var(--link-color)
}

.details-docs {
    font-size: 0.7901234568rem;
    border-top: 1px solid #d6dbe0;
    display: block;
    margin-top: 1rem;
    padding: 1.6rem 0 0.5333333333rem
}

.details-docs {
    color: var(--link-color-hover);
    text-decoration: none;
    transition: all 0.14s ease-out
}

.details-docs:hover {
    color: var(--link-color);
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 0.2em;
    -webkit-text-decoration-skip: ink;
    text-decoration-skip-ink: auto
}

.details-docs:active {
    color: var(--link-color)
}

.details-docs:focus {
    color: var(--link-color)
}

.details-docs>svg {
    vertical-align: middle
}

.details .purchase-button {
    display: inline-block;
    margin: 0 0.5333333333rem;
    vertical-align: top
}

.details .purchase-button ins {
    text-decoration: none;
    font-weight: 600
}

.details .purchase-button del {
    margin-right: 0.4rem
}

.details .purchase-button>span {
    color: var(--text-color-light);
    display: block;
    font-size: 0.7023319616rem;
    padding: 0.8rem 0 0;
    text-align: center
}

@media(max-width:37.4375em) {
    .details .purchase-button>span {
        margin-top: -0.5333333333rem
    }
}

.details .purchase-button>span a:not(.details-buttons-continue) {
    color: var(--dark);
    text-decoration: none;
    transition: all 0.14s ease-out
}

.details .purchase-button>span a:not(.details-buttons-continue):hover {
    color: var(--link-color-hover);
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 0.2em;
    -webkit-text-decoration-skip: ink;
    text-decoration-skip-ink: auto
}

.details .purchase-button>span a:not(.details-buttons-continue):active {
    color: var(--link-color-hover)
}

.details .purchase-button>span a:not(.details-buttons-continue):focus {
    color: var(--link-color-hover)
}

.details .purchase-button .subscription-details {
    display: none
}

#purchase-btn {
    position: relative
}

#purchase-btn.is-loading:after {
    content: "";
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    margin-left: -10px;
    border-radius: 50%;
    border-top: 2px solid white;
    border-right: 2px solid transparent;
    animation: loading 0.6s linear infinite
}

#purchase-btn.is-loading:before {
    background-color: var(--color);
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0
}

#purchase-btn.is-loading>span {
    border-color: var(--white)
}

@keyframes loading {
    to {
        transform: rotate(360deg)
    }
}

.product-show h2 {
    font-size: clamp(1.265625rem, 1.265625rem + 0.5364074707 * (100vw - 20rem)/58, 1.8020324707rem)
}

.product-show a {
    color: var(--color);
    text-decoration: none;
    transition: all 0.14s ease-out
}

.product-show a:hover {
    color: var(--dark);
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 0.2em;
    -webkit-text-decoration-skip: ink;
    text-decoration-skip-ink: auto
}

.product-show a:active {
    color: var(--dark)
}

.product-show a:focus {
    color: var(--dark)
}

.product-show a:hover {
    text-decoration: underline;
    -webkit-text-decoration-skip: ink;
    text-decoration-skip: ink
}

.product-show a.is-loaded {
    display: block
}

.product-show figcaption {
    font-size: 0.7023319616rem;
    font-style: normal;
    margin: 1.0666666667rem 0 0;
    text-align: center
}

.product-show .center {
    text-align: left
}

.product-show .shadow {
    box-shadow: 0 4px 14px hsl(var(--hsl-dark), 92%);
    border-radius: var(--border-radius)
}

.product-show .shadow.big {
    border-radius: 6px;
    box-shadow: 2px 81px 38px -32px rgba(0, 0, 0, 0.1)
}

.product-show .line-through {
    position: relative
}

.product-show .line-through:after {
    content: "";
    background: var(--red);
    height: 1px;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0
}

@media(max-width:56.1875em) {
    .product-show section {
        padding: 1.0666666667rem 0
    }
}

@media(min-width:56.25em) {
    .product-show section {
        padding-bottom: calc(1.8666666667rem + 0.25vw)
    }
}

.product-show section:last-child {
    padding-bottom: 0
}

.product-bottom {
    -ms-grid-row: 11;
    -ms-grid-column: 1;
    grid-area: bottom;
    margin-top: var(--space-xl)
}

.product-bottom-note {
    font-size: 0.7901234568rem;
    margin-top: calc(1.0666666667rem + 1vw);
    text-align: center
}

@media(max-width:56.1875em) {
    .product-bottom>* {
        margin-top: 2.1333333333rem
    }
}

@media(min-width:56.25em) {
    .product-bottom>* {
        margin-top: var(--space-xl)
    }
}

.product-features {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.product-features>figure {
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
    flex-basis: 44%;
    padding: 1.8666666667rem;
    margin: 0.5333333333rem;
    text-align: center
}

@media(min-width:37.5em) {
    .product-features>figure {
        flex-basis: 30%
    }
}

@media(min-width:56.25em) {
    .product-features>figure {
        flex-basis: 22%
    }
}

@media(min-width:75em) {
    .product-features>figure {
        flex-basis: 15%
    }
}

.product-features>figure>figcaption {
    color: var(--dark);
    font-size: 0.7901234568rem;
    font-style: normal;
    margin-top: 0.8rem
}

.product-features>figure svg {
    vertical-align: middle
}

.show-desc {
    margin-bottom: calc(1.8666666667rem + 0.5vw);
    max-width: 52rem
}

.show-double-image {
    margin-top: calc(1.8666666667rem + 0.5vw);
    position: relative
}

.show-double-image:before {
    content: "";
    box-sizing: border-box;
    position: absolute;
    top: 25%;
    left: 50%;
    width: 26px;
    height: 26px;
    margin-top: -13px;
    margin-left: -13px;
    border-radius: 50%;
    border-top: 2px solid var(--color);
    border-right: 2px solid transparent;
    animation: preloader 0.6s linear infinite;
    z-index: -1
}

.show-double-image.is-loaded:before {
    content: none
}

.show-double-image>img+img {
    margin-top: 2rem
}

.show-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 1.6rem
}

@media(min-width:37.5em) {
    .show-grid {
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 2.4rem
    }
}

@media(min-width:56.25em) {
    .show-grid {
        grid-template-columns: repeat(4, 1fr)
    }
}

.show-grid a:hover {
    transform: translateY(-4px)
}

.show-grid>figure {
    margin: 0
}

.show-image {
    -ms-grid-row: 7;
    -ms-grid-column: 1;
    aspect-ratio: 16/9;
    grid-area: image;
    background: var(--light);
    border-radius: calc(1.5 * var(--border-radius));
    display: block;
    margin-top: calc(1.8666666667rem + 0.5vw);
    position: relative;
    padding: 9% 14% 10%;
    position: relative;
    text-align: center
}

@media(min-width:75em) {
    .product-left {
        -ms-grid-row: 4;
        -ms-grid-column: 1
    }

    .product-breadcrumb {
        -ms-grid-row: 1;
        -ms-grid-column: 1
    }

    .product-header {
        -ms-grid-row: 2;
        -ms-grid-column: 1
    }

    .product-image {
        -ms-grid-row: 3;
        -ms-grid-column: 1
    }

    .product-right {
        -ms-grid-row: 1;
        -ms-grid-row-span: 4;
        -ms-grid-column: 2
    }

    .product-bottom {
        -ms-grid-row: 5;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2
    }

    .show-image {
        -ms-grid-row: 3;
        -ms-grid-column: 1
    }
}

@media(max-width:56.1875em) {
    .show-image {
        margin-top: 2.6666666667rem
    }
}

.show-image:before {
    content: "";
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 26px;
    height: 26px;
    margin-top: -13px;
    margin-left: -13px;
    border-radius: 50%;
    border-top: 2px solid var(--color);
    border-right: 2px solid transparent;
    animation: preloader 0.6s linear infinite;
    z-index: -1
}

.show-image.is-loaded:before {
    content: none
}

.show-performance {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='utf-8'?%3e%3csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 61 96' style='enable-background:new 0 0 61 96;'%3e%3cpath d='M59.18,58.26c-0.01-0.28-0.13-0.54-0.34-0.72l-8.38-7.29c0,0,0,0,0,0c1.58-5.98,1.96-11.86,1.08-17.61 C48.52,12.66,31.91,1.62,31.2,1.16c-0.33-0.22-0.75-0.22-1.09,0C29.4,1.62,12.57,12.63,9.48,32.62c-0.89,5.76-0.52,11.64,1.06,17.62 c0,0,0,0,0,0l-8.38,7.29c-0.21,0.18-0.33,0.44-0.34,0.72L1,82.97c-0.01,0.43,0.25,0.82,0.65,0.97C1.76,83.98,1.88,84,2,84 c0.29,0,0.58-0.13,0.77-0.36c3.21-3.88,12.87-13.39,18.84-10.83c0.15,0.06,0.3,0.08,0.45,0.07c1.04,1.39,2.12,2.79,3.28,4.19 c0.21,0.26,0.78,0.94,5.66,0.94c0,0,0,0,0,0c3.95,0,4.37-0.5,4.62-0.8c1.2-1.44,2.3-2.88,3.37-4.31c0.14,0,0.28-0.02,0.41-0.08 c5.96-2.56,15.62,6.95,18.84,10.83C58.42,83.87,58.71,84,59,84c0.12,0,0.24-0.02,0.35-0.06c0.4-0.15,0.66-0.54,0.64-0.97 L59.18,58.26z M3.09,80.29L3.8,58.76l7.35-6.39c1.85,5.93,4.9,11.96,9.14,18.06C13.97,69.74,6.51,76.68,3.09,80.29z M34.19,75.78 c-1.15,0.35-6.33,0.27-7.42-0.11C14.52,60.86,9.36,46.49,11.45,32.95c2.64-17.12,16.29-27.66,19.2-29.73 c2.88,2.08,16.34,12.64,18.92,29.74C51.62,46.55,46.44,60.95,34.19,75.78z M40.75,70.42c4.22-6.09,7.26-12.12,9.1-18.06l7.35,6.39 l0.71,21.53C54.5,76.68,47.06,69.76,40.75,70.42z M30.5,20c-5.24,0-9.5,4.26-9.5,9.5s4.26,9.5,9.5,9.5s9.5-4.26,9.5-9.5 S35.74,20,30.5,20z M30.5,37c-4.14,0-7.5-3.36-7.5-7.5s3.36-7.5,7.5-7.5s7.5,3.36,7.5,7.5S34.64,37,30.5,37z M31,45 c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5S33.76,45,31,45z M31,53c-1.65,0-3-1.35-3-3s1.35-3,3-3s3,1.35,3,3S32.65,53,31,53z M29,81v10c0,0.55-0.45,1-1,1s-1-0.45-1-1V81c0-0.55,0.45-1,1-1S29,80.45,29,81z M32,82v4c0,0.55-0.45,1-1,1c-0.55,0-1-0.45-1-1v-4 c0-0.55,0.45-1,1-1C31.55,81,32,81.45,32,82z M35,81v13c0,0.55-0.45,1-1,1s-1-0.45-1-1V81c0-0.55,0.45-1,1-1S35,80.45,35,81z' fill='%236a7081' /%3e%3c/svg%3e ");
    background-repeat: no-repeat;
    background-size: 44px 70px;
    background-position: 50% 0;
    margin: 0 auto;
    max-width: 59rem;
    text-align: left
}

@media(max-width:56.1875em) {
    .show-performance {
        padding-top: 4rem !important;
        text-align: center
    }
}

@media(min-width:56.25em) {
    .show-performance {
        background-size: 89px 140px;
        background-position: 0 65%;
        padding-left: 10rem !important
    }
}

.show-support-box {
    border-radius: calc(1.5 * var(--border-radius));
    background: var(--light);
    text-align: center
}

@media(max-width:56.1875em) {
    .show-support-box {
        padding: 3.2rem 2rem !important
    }
}

@media(min-width:56.25em) {
    .show-support-box {
        font-size: 1rem;
        padding: var(--space-2xl) 2rem !important
    }
}

.show-support-image {
    margin: 0;
    padding-bottom: 0.8rem
}

.show-support-text {
    margin: 0 auto;
    padding: 0 var(--space-md)
}

@media(min-width:56.25em) {
    .show-support-text {
        padding: 0 var(--space-lg)
    }
}

.box-title {
    text-align: center
}

.box-desc {
    color: var(--text-color-light);
    margin: 1.6rem auto;
    max-width: 52rem;
    text-align: center
}

.buy-now-box {
    border: 1px solid var(--border-color);
    border-radius: 3px;
    margin-bottom: 1.0666666667rem;
    padding: 1.0666666667rem
}

.buy-now-box ul {
    line-height: 1.2;
    font-size: 0.7023319616rem;
    margin: 0.8rem 0.8rem 1.0666666667rem
}

.pagination {
    margin-top: 3rem
}

.right-sidebar {
    display: none;
    font-size: 16px;
    height: 100vh;
    position: fixed;
    top: 0;
    left: auto;
    right: 0;
    width: 34rem;
    max-width: 100%;
    z-index: 999999999;
    overflow-y: auto;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    margin-top: 0;
    opacity: 1;
    visibility: visible
}

.right-sidebar * {
    color: var(--white)
}

.right-sidebar:before {
    background: var(--color);
    content: "";
    display: block;
    height: 100vh;
    position: fixed;
    width: 100vw;
    z-index: 10001
}

.right-sidebar.is-visible {
    display: block
}

.right-sidebar.is-visible:before {
    animation: popup 0.24s ease-out forwards
}

@keyframes popup {
    0% {
        transform: translate(40rem, 0)
    }

    to {
        transform: translate(0, 0)
    }
}

.right-sidebar.is-visible>div {
    animation: popup-content 0.24s ease-out 0.24s forwards;
    opacity: 0;
    position: relative;
    padding: 0 var(--space-lg) 3rem;
    z-index: 10002
}

.right-sidebar.is-visible>div h2 {
    margin-bottom: 1.6rem
}

.right-sidebar.is-visible>div h4 {
    border-top: 1px solid hsla(0, 100%, 100%, 0.25);
    font-size: 1rem;
    padding-top: 1.6rem
}

.right-sidebar.is-visible>div h4+p {
    margin-top: 0
}

.right-sidebar.is-visible>div time {
    font-size: 0.7901234568rem
}

.right-sidebar.is-visible>div ul {
    padding: 0;
    margin: 0.8rem 0 0 1rem
}

.right-sidebar.is-visible>div ul li {
    padding-bottom: 0
}

@keyframes popup-content {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.right-sidebar.is-fade-out:before {
    animation: popup-fade-out 0.24s ease-out 0.1s forwards
}

@keyframes popup-fade-out {
    0% {
        transform: translate(0, 0)
    }

    to {
        transform: translate(40rem, 0)
    }
}

.right-sidebar.is-fade-out .right-sidebar-close,
.right-sidebar.is-fade-out>div {
    animation: popup-content-fade-out 0.24s ease-out forwards
}

@keyframes popup-content-fade-out {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.right-sidebar-close {
    animation: share-popup-close 0.24s ease-out 0.24s forwards;
    background: none !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    height: 1.6rem;
    opacity: 0;
    padding: 0;
    position: absolute;
    right: 2rem;
    text-indent: -9999999rem;
    top: 2rem;
    width: 1.6rem;
    z-index: 10003
}

.right-sidebar-close:focus {
    outline: none
}

@keyframes share-popup-close {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.right-sidebar-close:after,
.right-sidebar-close:before {
    background-color: var(--white);
    left: 16px;
    content: " ";
    height: 1.6rem;
    position: absolute;
    top: 0;
    transition: all 0.26s ease-out;
    width: 1px
}

.right-sidebar-close:before {
    transform: rotate(45deg)
}

.right-sidebar-close:after {
    transform: rotate(-45deg)
}

.right-sidebar-close:hover {
    opacity: 1
}

.right-sidebar-close:hover:after,
.right-sidebar-close:hover:before {
    background-color: var(--white)
}

.right-sidebar__msg {
    background: rgba(255, 255, 255, 0.2);
    border-radius: 4px;
    padding: 0.5333333333rem 1.0666666667rem
}

.download__popup {
    z-index: 999
}

.download__popup.is-open {
    transition-delay: 3s
}

@media(min-width:37.5em) {

    .download__popup form button,
    .download__popup form input {
        max-width: 1000%
    }
}

.download__popup__note {
    color: var(--text-color-light);
    font-size: 0.7901234568rem;
    text-align: left
}

.download__popup__agree {
    margin: 1.0666666667rem 0 0;
    text-align: left
}

.download__popup__agree li {
    display: flex;
    align-items: flex-start;
    padding: 0 0 0.5333333333rem
}

.download__popup__agree li label {
    font-weight: var(--font-weight-normal);
    margin-left: 2.1rem;
    margin-right: 0
}

.download__popup__agree li label:before {
    margin-left: -2.1rem
}

.download__popup__close {
    box-shadow: none;
    border: none;
    padding: 0
}

.customer-showcase {
    margin-top: calc(4.2666666667rem + 2vw);
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    padding: 0 2rem;
    overflow: hidden
}

.customer-showcase__websites {
    display: grid;
    grid-column-gap: 2rem;
    margin-top: calc(1.0666666667rem + 0.25vw)
}

@media(min-width:37.5em) {
    .customer-showcase__websites {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media(min-width:75em) {
    .customer-showcase__websites {
        grid-template-columns: repeat(3, 1fr)
    }
}

.customer-showcase__websites figcaption {
    text-align: left
}

.payment-faq {
    background: var(--light);
    border-radius: calc(2 * var(--border-radius));
    margin-top: var(--space-xl);
    padding: var(--space-xl)
}

.payment-faq h2 {
    margin-top: 0
}

.payment-faq ul {
    list-style: none;
    margin: 1rem 0 1rem
}

.payment-faq ul li {
    font-size: 16px;
    padding: 1rem 0 2.5rem 0
}

@media(min-width:56.25em) {
    .payment-faq__grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 5vmin
    }
}

.payment-faq__grid h3 {
    font-size: 1rem;
    margin-top: 0
}

.woocommerce-form-coupon-toggle .woocommerce-info,
.woocommerce-form-login-toggle .woocommerce-info {
    border: none;
    color: #6a7081;
    font-size: 16px;
    margin: 0;
    padding: 0;
    background: none
}

.woocommerce-checkout {
    display: grid;
    grid-template-columns: 100%;
    gap: 0 5%
}

@media(min-width:56.25em) {
    .woocommerce-checkout {
        grid-template-columns: 1fr 45%
    }
}

@media(min-width:75em) {
    .woocommerce-checkout {
        grid-template-columns: 1fr 35%
    }
}

.woocommerce-checkout .description {
    font-size: 0.7901234568rem
}

.woocommerce-checkout label {
    font-size: 0.7901234568rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.woocommerce-billing-fields__field-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.woocommerce-billing-fields__field-wrapper [type=email],
.woocommerce-billing-fields__field-wrapper [type=file],
.woocommerce-billing-fields__field-wrapper [type=number],
.woocommerce-billing-fields__field-wrapper [type=password],
.woocommerce-billing-fields__field-wrapper [type=search],
.woocommerce-billing-fields__field-wrapper [type=tel],
.woocommerce-billing-fields__field-wrapper [type=text],
.woocommerce-billing-fields__field-wrapper [type=url],
.woocommerce-billing-fields__field-wrapper select,
.woocommerce-billing-fields__field-wrapper textarea {
    width: 100%
}

.woocommerce-billing-fields__field-wrapper .form-row {
    flex-basis: 48%
}

.woocommerce-billing-fields__field-wrapper .form-row-wide {
    flex-basis: 100%
}

.woocommerce-billing-fields__field-wrapper #billing_address_1_field,
.woocommerce-billing-fields__field-wrapper #billing_city_field,
.woocommerce-billing-fields__field-wrapper #billing_postcode_field,
.woocommerce-billing-fields__field-wrapper #billing_state_field {
    flex-basis: 48%
}

.woocommerce-billing-fields__field-wrapper label[for=billing_address_2] span.optional {
    display: none
}

.select2-container--default .select2-selection--single {
    background-color: var(--white);
    border: 2px solid var(--border-color);
    border-radius: 5px;
    height: 50px;
    padding: 0 0.8rem;
    transition: all 0.24s ease
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 47px
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 50px;
    right: 0.8rem
}

.woocommerce-checkout-review-order {
    border-top: 1px solid var(--border-color);
    margin-top: calc(1.8666666667rem + 0.5vw);
    padding-top: 2.1333333333rem
}

@media(min-width:25.875em) {
    .woocommerce-checkout-review-order {
        border: 1px solid var(--border-color);
        border-radius: 8px;
        padding: 2.1333333333rem 2.1333333333rem 2.6666666667rem
    }
}

@media(min-width:56.25em) {
    .woocommerce-checkout-review-order {
        margin-top: 1.0666666667rem
    }
}

.woocommerce-checkout-review-order>h3 {
    margin: 0rem 0 1.0666666667rem;
    font-size: clamp(1.125rem, 1.125rem + 0.298828125 * (100vw - 20rem)/58, 1.423828125rem)
}

.woocommerce-checkout-review-order .wc_payment_methods {
    margin: 0;
    list-style: none
}

.woocommerce-checkout-review-order .place-order {
    border-top: 2px solid var(--border-color);
    margin-top: 2.6666666667rem;
    padding-top: 1.0666666667rem
}

#place_order {
    border-radius: 6px;
    font-size: 1rem;
    font-weight: var(--font-weight-normal);
    margin-top: 1.6rem;
    padding: 1.0666666667rem;
    width: 100%
}

.woocommerce-checkout-review-order-table {
    border: none;
    margin: 0
}

.woocommerce-checkout-review-order-table th {
    display: block
}

.woocommerce-checkout-review-order-table td {
    display: table-cell
}

.woocommerce-checkout-review-order-table td:first-child {
    margin-top: 0
}

.woocommerce-checkout-review-order-table thead {
    display: none
}

.woocommerce-checkout-review-order-table td,
.woocommerce-checkout-review-order-table th {
    border: none;
    background: none;
    padding: 0.2666666667rem 0
}

.woocommerce-checkout-review-order-table .product-name {
    align-items: center;
    font-size: 1rem;
    font-weight: var(--font-weight-normal);
    display: flex
}

.woocommerce-checkout-review-order-table .product-name-link {
    color: var(--headings-color);
    font-weight: var(--font-weight-bold)
}

.woocommerce-checkout-review-order-table .product-quantity {
    font-size: 0.8888888889rem;
    font-weight: var(--font-weight-normal);
    margin-left: auto
}

.woocommerce-checkout-review-order-table .cart-discount td,
.woocommerce-checkout-review-order-table .product-total {
    text-align: right
}

.woocommerce-checkout-review-order-table .cart-discount .woocommerce-remove-coupon {
    color: var(--red) !important;
    font-size: 0.7901234568rem;
    font-weight: var(--font-weight-normal)
}

.woocommerce-checkout-review-order-table .product-remove {
    color: var(--red) !important;
    font-size: 0.7901234568rem;
    font-weight: var(--font-weight-normal);
    margin-left: 0.5rem
}

.woocommerce-checkout-review-order-table .subscription-details {
    display: none
}

.woocommerce-checkout-review-order-table .additional-details td {
    border-bottom: 1px solid var(--border-color);
    color: var(--text-color-light);
    font-size: 0.7901234568rem;
    padding-left: 0.2666666667rem;
    padding-bottom: 1.3333333333rem;
    padding-top: 0.8rem;
    white-space: nowrap
}

.woocommerce-checkout-review-order-table .cart-subtotal td,
.woocommerce-checkout-review-order-table .cart-subtotal th {
    font-weight: 400;
    font-size: 0.7901234568rem;
    padding-top: 1.3333333333rem
}

.woocommerce-checkout-review-order-table .cart-subtotal td {
    text-align: right
}

.woocommerce-checkout-review-order-table .tax-rate td,
.woocommerce-checkout-review-order-table .tax-rate th {
    font-weight: 400;
    font-size: 0.7901234568rem
}

.woocommerce-checkout-review-order-table .tax-rate td {
    text-align: right
}

.woocommerce-checkout-review-order-table .order-total {
    border-bottom: 2px solid var(--border-color)
}

.woocommerce-checkout-review-order-table .order-total td,
.woocommerce-checkout-review-order-table .order-total th {
    font-size: 1rem;
    padding-bottom: 2.1333333333rem
}

.woocommerce-checkout-review-order-table .order-total td {
    text-align: right
}

.order-total {
    color: var(--dark)
}

#coupon-anchor .form-row {
    display: inline-block
}

#coupon-anchor .ui-dialog-titlebar-close {
    background: none;
    border: none;
    box-shadow: none
}

.woocommerce-checkout-payment .wc_payment_method {
    font-size: 0.7901234568rem;
    padding: 2.1333333333rem 0 0
}

.woocommerce-checkout-payment .payment_box p {
    color: var(--text-color-light);
    margin-top: 0.8rem
}

.woocommerce-checkout-payment label[for=payment_method_paypal] {
    align-items: center;
    display: flex
}

.woocommerce-checkout-payment label[for=payment_method_paypal]>img {
    margin: 0 0.5333333333rem 0 auto
}

.woocommerce-checkout-payment label[for=payment_method_paypal] .about_paypal {
    font-size: 0.7901234568rem
}

#wc-stripe-cc-form {
    margin: 1rem 0 -1rem !important
}

.woocommerce-privacy-policy-text {
    font-size: 0.7901234568rem
}

.users-forms {
    max-width: 27.04rem;
    margin: 0 auto
}

.users-forms h1 {
    padding-bottom: 0.5333333333rem
}

.users-forms [type=email],
.users-forms [type=password],
.users-forms [type=text] {
    width: 100%
}

.users-forms [type=email]::-moz-placeholder,
.users-forms [type=password]::-moz-placeholder,
.users-forms [type=text]::-moz-placeholder {
    color: var(--white)
}

.users-forms [type=email]::placeholder,
.users-forms [type=password]::placeholder,
.users-forms [type=text]::placeholder {
    color: var(--white)
}

.users-forms .edd_user_password {
    float: left
}

.users-forms .edd-lost-password {
    font-size: 0.7901234568rem;
    float: right
}

.users-forms .edd_errors {
    margin: 3.2rem 0 0
}

@media(min-width:56.25em) {

    .woocommerce-NoticeGroup-checkout,
    .woocommerce-NoticeGroup-updateOrderReview {
        grid-column: span 2
    }
}

.woocommerce-NoticeGroup-checkout>ul,
.woocommerce-NoticeGroup-updateOrderReview>ul {
    margin-bottom: 0
}

.woocommerce-error {
    background: #fff3f3;
    border-radius: 5px;
    font-size: 0.8888888889rem;
    list-style: none;
    margin: 0;
    padding: 2rem
}

.woocommerce-error li {
    padding: 0 0 0.2666666667rem
}

.woocommerce-thankyou-order-details {
    background: var(--light);
    border-radius: 5px;
    list-style: none;
    margin: 0;
    padding: 2rem
}

.clear:after {
    content: "";
    clear: both;
    display: table
}

.woocommerce-form-login {
    background-color: var(--color-light);
    border-radius: calc(2 * var(--border-radius));
    display: block;
    font-size: 0.8888888889rem;
    margin: 1.6rem 0;
    padding: 2rem 3rem 3rem
}

.woocommerce-form-login .form-row-first {
    float: left;
    margin-right: 1rem;
    width: 47%
}

.woocommerce-form-login .form-row-last {
    float: left;
    width: 47%
}

.woocommerce-form-login [type=email],
.woocommerce-form-login [type=password],
.woocommerce-form-login [type=text] {
    width: 100%
}

.woocommerce-form-login .woocommerce-form-login__submit {
    margin-top: calc(1.0666666667rem + 0.25vw)
}

.woocommerce-form-coupon {
    border: none;
    border-left: 2px solid transparent;
    color: var(--dark);
    font-size: 0.8888888889rem;
    margin: 1.6rem 0;
    padding: 0.8rem 2.1333333333rem 1.6rem;
    background-color: var(--color-light);
    border-color: var(--color)
}

.woocommerce-form-coupon .form-row-first {
    float: left;
    margin-right: 16px
}

.woocommerce-form-coupon p {
    margin-top: 12px
}

.my-account.logged-out {
    align-items: center;
    display: flex;
    min-height: 100vh;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

@media(max-width:74.9375em) {
    .my-account.logged-out {
        padding: 0 var(--page-margin)
    }
}

@media(min-width:75em) {
    .my-account.logged-out:before {
        content: "";
        background: var(--light) url(../image/photo-login.webp) no-repeat 50% 50%;
        bottom: 0;
        background-size: cover;
        display: block;
        height: 100%;
        right: 0;
        position: fixed;
        top: 0;
        width: 50%;
        z-index: 99999999
    }
}

@media(min-width:75em) and (min-width:120em) {
    .my-account.logged-out:before {
        width: 60%
    }
}

.my-account.logged-out:after {
    content: "";
    background: var(--white);
    bottom: 0;
    display: block;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999999
}

.my-account.logged-out .store {
    max-width: 100%;
    margin: 0;
    position: relative;
    width: 100%;
    z-index: 99999999
}

@media(min-width:75em) {
    .my-account.logged-out .store {
        width: 50%
    }
}

@media(min-width:120em) {
    .my-account.logged-out .store {
        width: 40%
    }
}

.my-account.logged-out .store>h1 {
    display: none
}

.my-account.logged-out .woocommerce {
    max-width: 460px;
    margin: 0 auto
}

.my-account.logged-out .woocommerce h1 {
    text-align: center
}

.my-account.logged-out .woocommerce h2 {
    display: none
}

.my-account.logged-out .woocommerce-form-login {
    background: none;
    box-shadow: none;
    border-radius: 5px;
    border: none;
    height: auto !important;
    margin: 2rem 0;
    position: relative;
    padding: 0 !important;
    max-width: auto;
    width: 100%
}

.my-account.logged-out .woocommerce-form-login .woocommerce-LostPassword {
    text-align: center
}

.my-account.logged-out .woocommerce-form-login .woocommerce-LostPassword a {
    text-decoration: underline
}

.my-account.logged-out .woocommerce-form-login .woocommerce-form-login__submit {
    margin-top: 1.0666666667rem;
    padding: 0.9333333333rem 1.3333333333rem;
    width: 100%
}

.my-account.logged-out .woocommerce-ResetPassword [type=password],
.my-account.logged-out .woocommerce-ResetPassword [type=text],
.my-account.logged-out .woocommerce-ResetPassword [type=text] {
    width: 100%
}

.my-account.logged-out .woocommerce-ResetPassword .woocommerce-Button,
.my-account.logged-out .woocommerce-ResetPassword .woocommerce-Button {
    margin-top: 1.0666666667rem;
    padding: 0.9333333333rem 1.3333333333rem;
    width: 100%
}

.my-account.logged-out .woocommerce-password-hint {
    display: block;
    line-height: 1.5
}

.my-account.logged-out .woocommerce-password-strength {
    font-size: 0.8888888889rem;
    font-weight: var(--font-weight-normal);
    padding: 1.0666666667rem 0 0
}

.my-account.logged-out .woocommerce-password-strength.bad {
    color: var(--red)
}

.my-account.logged-out .woocommerce-password-strength.good {
    color: #5cb884
}

.woocommerce-invalid input {
    border-left: 3px solid var(--red)
}

.woocommerce-invalid-required-field {
    --border-color: var(--red)
}

.woocommerce .blockUI.blockOverlay:before,
.woocommerce .loader:before {
    animation: loader 0.8s ease infinite;
    content: "";
    width: 30px;
    height: 30px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -0.5em;
    margin-top: -0.5em;
    display: block;
    border-radius: 50%;
    border: 2px solid transparent;
    border-top-color: #07d;
    border-bottom-color: #07d
}

@keyframes loader {
    to {
        transform: rotate(360deg)
    }
}

.woocommerce-MyAccount-navigation {
    display: inline-block;
    width: 20%;
    vertical-align: top
}

.woocommerce-MyAccount-content {
    display: inline-block;
    margin-left: 5%;
    width: 74%;
    vertical-align: top
}

.woocommerce-MyAccount-navigation ul {
    margin-left: 0
}

.woocommerce-MyAccount-navigation ul li {
    list-style: none;
    border-bottom: 1px solid #eee;
    padding-bottom: 0;
    padding-left: 0
}

.woocommerce-MyAccount-navigation ul li.is-active a {
    font-weight: var(--font-weight-normal)
}

.woocommerce-MyAccount-navigation ul li a {
    color: var(--dark) !important;
    padding: 10px 5px;
    display: block
}

.woocommerce-MyAccount-content fieldset>legend,
.woocommerce-MyAccount-content h2,
.woocommerce-MyAccount-content h3 {
    font-size: clamp(1.125rem, 1.125rem + 0.298828125 * (100vw - 20rem)/58, 1.423828125rem)
}

.woocommerce-order h2 {
    font-size: clamp(1.125rem, 1.125rem + 0.298828125 * (100vw - 20rem)/58, 1.423828125rem)
}

p.order-again {
    text-align: right
}

.woocommerce-EditAccountForm input[type=submit] {
    margin-top: 50px;
    float: right
}

.woocommerce-EditAccountForm [type=email],
.woocommerce-EditAccountForm [type=file],
.woocommerce-EditAccountForm [type=number],
.woocommerce-EditAccountForm [type=password],
.woocommerce-EditAccountForm [type=search],
.woocommerce-EditAccountForm [type=tel],
.woocommerce-EditAccountForm [type=text],
.woocommerce-EditAccountForm [type=url],
.woocommerce-EditAccountForm select,
.woocommerce-EditAccountForm textarea {
    width: 100%
}

.woocommerce-EditAccountForm .woocommerce-Input--email {
    margin-bottom: 50px
}

.woocommerce-Addresses .u-column2 {
    display: none
}

.woocommerce-Address-title {
    margin-bottom: 1rem
}

.woocommerce-orders-table__row .button {
    margin: 0 0.2666666667rem
}

.woocommerce-cart-form .subscription-details {
    display: none
}

.woocommerce-cart-form .product-remove {
    text-align: center
}

.woocommerce-cart-form .product-remove a {
    color: var(--red) !important;
    font-size: 1.265625rem
}

.woocommerce-cart-form .coupon {
    margin: 1.0666666667rem 0
}

.cart-collaterals h2 {
    display: none
}

.cart-collaterals .cart_totals .shop_table {
    margin-top: -1px
}

.wc-proceed-to-checkout {
    margin-top: 1.6rem
}

.wc-proceed-to-checkout .checkout-button {
    background: var(--color);
    border: 1px solid var(--color);
    border-radius: 30px;
    box-shadow: 0 4px 6px rgba(50, 50, 93, 0.1), 0 1px 1px rgba(0, 0, 0, 0.08);
    color: var(--white) !important;
    cursor: pointer;
    display: inline-block;
    font: var(--font-weight-normal) 0.8888888889rem var(--font-body);
    padding: 1.0666666667rem 3.2rem;
    vertical-align: middle;
    text-align: center;
    transition: all 0.24s ease;
    overflow: hidden;
    will-change: transform
}

.wc-proceed-to-checkout .checkout-button:hover {
    box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08);
    transform: translateY(-2px);
    text-decoration: none !important
}

.gdrf-field-action {
    margin: 0 0 1.6rem
}

#gdrf-radio-label {
    color: var(--headings-color);
    font-weight: var(--font-weight-normal);
    margin-bottom: calc(1.0666666667rem + 0.25vw);
    font-size: clamp(1.125rem, 1.125rem + 0.298828125 * (100vw - 20rem)/58, 1.423828125rem)
}

.gdrf-data-type-input,
.gdrf-data-type-label {
    display: inline-block
}

.gdrf-data-type-input+br,
.gdrf-data-type-label+br {
    display: none
}

.gdrf-success {
    background-color: #f7fbf6;
    border-left: 2px solid #5ab44b;
    font-size: 0.8888888889rem;
    margin: 1.6rem 0;
    padding: 1.0666666667rem 2.1333333333rem
}

.gdrf-errors {
    background-color: #fff3f3;
    border-left: 2px solid #c06367;
    color: #a94442;
    font-size: 0.8888888889rem;
    margin: 1.6rem 0;
    padding: 1.0666666667rem 2.1333333333rem
}

.wpas-btn {
    -webkit-appearance: none;
    -moz-appearance: none
}

.wpas>.wpas>.wpas {
    padding: 0 0 3.2rem
}

.wpas-ticket-buttons-top {
    display: flex;
    flex-direction: row-reverse;
    margin: calc(1.0666666667rem + 0.5vw) 0 calc(1.8666666667rem + 0.25vw)
}

.wpas-submission-form-inside-after-subject.container {
    padding: 0
}

@media(min-width:37.5em) {
    #wpas_ticketlist_filters {
        display: flex;
        justify-content: space-between
    }
}

@media(max-width:37.4375em) {
    #wpas_ticketlist_filters select {
        margin-bottom: 0.5333333333rem;
        width: 100%
    }
}

.wpas-link-ticketnew {
    background: #5cb884 !important;
    border-color: #5cb884 !important;
    margin: 0 auto 0 0 !important
}

.wpas-help-block {
    color: var(--text-color-light);
    font-size: 0.7901234568rem;
    margin: 0.5333333333rem 0 calc(1.8666666667rem + 0.25vw)
}

.wpas-link-ticketlist {
    background: var(--white) !important;
    border-color: var(--white) !important;
    color: var(--dark) !important
}

.wp-editor-container {
    padding: 0.5333333333rem 1rem 1rem;
    border-color: var(--border-color)
}

.mce-tinymce,
.mce-top-part:before {
    box-shadow: none !important
}

div.mce-toolbar-grp {
    border: none;
    border-bottom: 1px solid #e5e5e5;
    background: var(--white);
    padding-bottom: 0.5333333333rem
}

.mce-btn button {
    box-shadow: none !important;
    background: none !important;
    border: none !important
}

.mce-btn button:hover {
    transform: none
}

.mce-btn-group:not(:first-child) {
    border: none !important
}

#wpas_title {
    border: none;
    border-bottom: 1px solid var(--border-color);
    font-size: 1.265625rem;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    width: 100%
}

.wpas-form-group {
    margin-bottom: calc(1.0666666667rem + 0.25vw)
}

@media(max-width:37.4375em) {
    .wpas-form-group select {
        width: 100%
    }
}

#wpas_edd_order_num_wrapper .wpas-help-block,
.wpas-link-logout,
.wpas-submit-ticket .wpas-ticket-buttons-top,
.wpas-ticket-list .wpas-link-ticketlist {
    display: none
}

.wpas-submit-ticket {
    margin-top: calc(1.8666666667rem + 0.25vw)
}

@media(min-width:37.5em) {
    #wpas_edd_order_num_wrapper {
        float: left;
        margin-right: 1rem
    }
}

.footable-sortable {
    cursor: pointer
}

.wpas-label {
    border-radius: 2px;
    color: var(--white);
    font-size: 0.7901234568rem;
    font-weight: var(--font-weight-normal);
    padding: 0.1333333333rem 0.2666666667rem
}

.wpas-table td {
    border-right: none;
    border-left: none
}

.wpas-table tfoot td {
    border: none
}

.wpas_table_pagination {
    list-style: none;
    margin-left: 0;
    text-align: center
}

.wpas_table_pagination li {
    display: inline-block !important;
    font-size: 16px;
    padding: 0
}

.wpas_table_pagination li:hover {
    background: var(--light)
}

.wpas_table_pagination li.active {
    font-weight: var(--font-weight-normal)
}

.wpas_table_pagination li>a {
    color: var(--dark) !important;
    display: block;
    padding: 0.5333333333rem 1.0666666667rem;
    text-decoration: none !important
}

#wpas-new-reply {
    margin: 1.6rem 0 0
}

.wpas-user-profile {
    width: 3.6rem
}

.wpas-profilename {
    color: var(--dark);
    font-size: 1.125rem
}

.avatar {
    border-radius: 50%
}

.wpas-reply-time {
    color: var(--text-color-light);
    font-size: 0.7901234568rem
}

.wpas-ticket-replies {
    border: 1px solid var(--border-color);
    margin-top: calc(1.8666666667rem + 1vw)
}

.wpas-ticket-replies td {
    padding: 1.6rem 1.6rem 2.1333333333rem
}

.wpas-reply-attachements {
    background: var(--color-light);
    border: none;
    font-size: 16px;
    margin-top: 1.6rem;
    padding: 0.8rem 1.6rem 0.5333333333rem
}

.wpas-reply-attachements ul {
    margin: 0 0 0 1rem;
    list-style: circle
}

.wpas_user_administrator {
    border-left: 2px solid var(--color);
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
    background: rgba(203, 209, 214, 0.06)
}

.woocommerce-message,
.woocommerce-notice {
    border: none;
    border-left: 2px solid transparent;
    color: var(--dark);
    font-size: 0.8888888889rem;
    margin: 1.6rem 0;
    padding: 1.0666666667rem 2.1333333333rem
}

.woocommerce-message--success,
.woocommerce-notice--success {
    background-color: #f7fbf6;
    border-color: #5ab44b
}

.woocommerce-message--info,
.woocommerce-message[role=alert],
.woocommerce-notice--info,
.woocommerce-notice[role=alert] {
    background-color: var(--color-light);
    border-color: var(--color)
}

.woocommerce-error {
    border: none;
    border-left: 2px solid transparent;
    color: var(--dark);
    font-size: 16px;
    margin: 1.6rem 0;
    padding: 1.0666666667rem 2.1333333333rem;
    background: #fff3f3;
    border-color: #c06367;
    color: #a94442
}

.woocommerce-info,
.wpas-alert-info {
    border: none;
    border-left: 2px solid transparent;
    color: var(--dark);
    font-size: 16px;
    margin: 1.6rem 0;
    padding: 1.0666666667rem 2.1333333333rem;
    background-color: var(--color-light);
    border-color: var(--color)
}

.simbaotp_qr_container {
    margin: calc(1.0666666667rem + 0.25vw) 0 calc(1.6rem + 0.25vw)
}

.woocommerce-MyAccount-navigation-link--support {
    display: none
}

#store {
    scroll-margin-top: 2.6666666667rem
}

.wc-stripe-elements-field,
.wc-stripe-iban-element-field {
    border: 2px solid var(--border-color) !important;
    border-radius: var(--border-radius);
    font-size: 1rem !important;
    outline: none;
    padding: 0.5866666667rem 0.8rem !important
}

.badge-new {
    display: inline-flex;
    background: hsl(var(--hsl-pink), 65%);
    height: 3.5rem;
    width: 3.5rem;
    border-radius: 50%;
    text-align: center;
    align-items: center;
    color: white;
    justify-content: center;
    position: absolute;
    z-index: 1;
    top: -0.5rem;
    right: 0rem;
    font-size: 13px;
    font-weight: bold;
    transform: rotate(13deg)
}

.pse-note {
    background: #fff3f3;
    border-radius: calc(1 * var(--border-radius));
    padding: var(--space-xl)
}

.pse-note h3 {
    margin-top: 0
}

.pagination {
    border-top: 1px solid var(--border-color);
    margin-top: var(--space-lg);
    padding-top: var(--space-md)
}

.pagination a+a {
    margin-left: 1.0666666667rem
}

.cta {
    border-top: 1px solid var(--border-color);
    padding-top: var(--space-2xl)
}

.cta__title {
    margin-top: 0;
    font-size: clamp(1.8020324707rem, 1.8020324707rem + 1.4452885548 * (100vw - 20rem)/58, 3.2473210255rem)
}

.cta__steps {
    list-style: none;
    margin: 2rem 0 0
}

.cta__steps li {
    align-items: center;
    display: inline-flex;
    padding: 0
}

@media(max-width:37.4375em) {
    .cta__steps li {
        font-size: 0.8888888889rem;
        margin: var(--space-xs) 0
    }
}

.cta__steps li span {
    align-items: center;
    background: var(--color-light);
    border: 1px solid var(--color);
    border-radius: 50%;
    color: var(--color);
    display: flex;
    font-size: 14px;
    font-weight: var(--font-weight-bold);
    height: 22px;
    justify-content: center;
    margin-right: 0.5333333333rem;
    width: 22px
}

@media(min-width:30em) {
    .cta__steps li span {
        font-size: 16px;
        height: 26px;
        width: 26px
    }
}

.cta__steps li+li {
    margin-left: var(--space-sm)
}

@media(min-width:30em) {
    .cta__steps li+li {
        margin-left: var(--space-md)
    }
}

.cta__desc {
    margin-bottom: 1.6rem
}

.footer {
    border-top: 1px solid var(--border-color);
    font-size: 15px;
    padding-top: var(--space-lg)
}

.footer a {
    color: var(--dark);
    text-decoration: none;
    transition: all 0.14s ease-out
}

.footer a:hover {
    color: var(--link-color);
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 0.2em;
    -webkit-text-decoration-skip: ink;
    text-decoration-skip-ink: auto
}

.footer a:active {
    color: var(--link-color)
}

.footer a:focus {
    color: var(--link-color)
}

.footer__bottom {
    border-top: 1px solid var(--border-color);
    font-size: 14px;
    margin-top: var(--space-lg);
    padding-top: var(--space-md)
}

@media(max-width:56.1875em) {
    .footer__bottom {
        padding-top: var(--space-lg);
        text-align: center
    }
}

@media(min-width:56.25em) {
    .footer__bottom {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap
    }
}

.footer__social a {
    color: var(--text-color-light);
    display: inline-block;
    margin: 1.6rem 0.4rem 0.5333333333rem
}

@media(min-width:56.25em) {
    .footer__social a {
        margin: 0 0.4rem
    }
}

.footer__social a:active,
.footer__social a:focus,
.footer__social a:hover {
    color: var(--text-color)
}

.footer__social a>svg {
    fill: currentColor
}

.footer__language {
    margin-top: var(--space-xs)
}

@media(min-width:56.25em) {
    .footer__language {
        text-align: right;
        width: 100%
    }
}

.footer__language select {
    transform: scale(0.75)
}

@media(min-width:56.25em) {
    .footer__language select {
        transform-origin: right
    }
}

.footer__menu {
    list-style: none;
    margin: 0
}

@media(min-width:56.25em) {
    .footer__menu {
        display: grid;
        grid-template-columns: repeat(5, auto);
        justify-content: space-between
    }
}

.footer__menu>li>span {
    display: block;
    font-weight: var(--font-weight-bold);
    margin-bottom: 0.8rem;
    position: relative
}

@media(max-width:56.1875em) {
    .footer__menu>li>span {
        cursor: pointer;
        pointer-events: initial
    }
}

@media(min-width:56.25em) {
    .footer__menu>li>span {
        cursor: pointer;
        pointer-events: none
    }
}

@media(max-width:56.1875em) {
    .footer__menu>li>span:after {
        content: "+";
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%)
    }
}

.footer__menu>li>ul {
    pointer-events: initial
}

@media(max-width:56.1875em) {
    .footer__menu>li>ul {
        height: auto;
        max-height: 0;
        overflow: hidden
    }
}

@media(max-width:56.1875em) {
    .footer__menu>li.is-open>span:after {
        content: "-"
    }

    .footer__menu>li.is-open>ul {
        max-height: 100%;
        margin: 0 0 1.0666666667rem
    }
}

.footer__menu ul {
    margin: 0
}

.footer__menu li {
    display: block;
    padding: 0.4rem 0 0
}

.footer__menu-icon-heart>a {
    background: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath d='M15.635,5.668c0,1.157-.451,2.245-1.27,3.063l-5.894,5.894c-.13,.13-.301,.195-.471,.195s-.341-.065-.471-.195L1.635,8.731c-1.69-1.689-1.69-4.439,0-6.129,1.69-1.69,4.44-1.69,6.13,0l.235,.235,.235-.235c1.693-1.69,4.441-1.689,6.13,0h0c.818,.82,1.269,1.908,1.269,3.066Z' fill='%23ff000d'/%3e%3c/svg%3e") no-repeat 0 50%;
    background-size: 16px;
    padding-left: 24px
}