html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: Lexend, sans-serif;
    vertical-align: baseline
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

body {
    line-height: 1
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

body {
    -webkit-text-size-adjust: none
}

mark {
    background-color: rgba(0, 0, 0, 0);
    color: inherit
}

input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input,
select,
textarea {
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none
}

@-ms-viewport {
    width: device-width
}

@media screen and (max-width: 480px) {

    html,
    body {
        min-width: 320px
    }
}

html {
    box-sizing: border-box
}

*,
*:before,
*:after {
    box-sizing: inherit
}

body {
    background: #24252d
}

body.is-loading *,
body.is-loading *:before,
body.is-loading *:after {
    animation: none !important;
    transition: none !important
}

body.is-nonTouch {
    -moz-touch-action: pan-y;
    -webkit-touch-action: pan-y;
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

body.is-nonTouch *,
body.is-nonTouch *:before,
body.is-nonTouch *:after {
    -moz-touch-action: pan-y;
    -webkit-touch-action: pan-y;
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

html {
    font-size: 12pt
}

@media screen and (min-width: 1680px) {
    html {
        font-size: 15pt
    }
}

@media screen and (max-width: 736px) {
    html {
        font-size: 11pt
    }
}

body,
input,
select,
textarea {
    color: rgba(255, 255, 255, .75);
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    line-height: 1.75;
    font-size: 1em
}

a {
    transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
    color: rgba(255, 255, 255, .75);
    text-decoration: none;
    border-bottom: dotted 2px rgba(255, 255, 255, .375)
}

a:hover {
    color: #fff;
    border-bottom-color: rgba(255, 255, 255, .75)
}

a.minor {
    font-size: .8em;
    color: rgba(255, 255, 255, .375)
}

a.minor:hover {
    color: #fff
}

strong,
b {
    color: #fff;
    font-weight: bold
}

strong a,
b a {
    color: #fff;
    border-bottom-color: rgba(255, 255, 255, .75)
}

strong.minor,
b.minor {
    font-weight: normal
}

em,
i {
    font-style: italic
}

p {
    margin: 0 0 2em 0
}

p.nowrap {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

p.details {
    margin-top: .5em;
    color: rgba(255, 255, 255, .375)
}

p.details strong {
    color: rgba(255, 255, 255, .75);
    font-weight: normal
}

p.details a {
    color: inherit;
    border-bottom-color: rgba(255, 255, 255, .125)
}

p.details a:hover {
    color: rgba(255, 255, 255, .75);
    border-bottom-color: rgba(0, 0, 0, 0)
}

p.details.minor {
    font-size: .8em
}

p.details.positive {
    color: #6e9c72
}

p.details.caution {
    color: #e79435
}

p.details.negative {
    color: #cc666b
}

p.details+.details {
    margin-top: -1.5em
}

@media screen and (max-width: 736px) {
    p.details.minor {
        font-size: 1em
    }
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #fff;
    font-weight: bold;
    line-height: 1.6;
    margin: 0 0 1em 0
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: inherit;
    text-decoration: none
}

h1.minor,
h2.minor,
h3.minor,
h4.minor,
h5.minor,
h6.minor {
    font-weight: normal;
    color: rgba(255, 255, 255, .75)
}

h1.optional:after,
h2.optional:after,
h3.optional:after,
h4.optional:after,
h5.optional:after,
h6.optional:after {
    content: "(optional)";
    color: rgba(255, 255, 255, .375);
    font-weight: normal;
    margin-left: .375em
}

h1>.secondary,
h2>.secondary,
h3>.secondary,
h4>.secondary,
h5>.secondary,
h6>.secondary {
    color: rgba(255, 255, 255, .375);
    font-weight: normal;
    letter-spacing: 0;
    position: relative
}

h1 {
    font-size: 2.25em;
    letter-spacing: -0.025em;
    margin: 0 0 .5em 0
}

h2 {
    font-size: 1.25em
}

h2>.secondary {
    top: 0;
    font-size: .8em
}

h3 {
    font-size: 1em
}

h3>.secondary {
    top: 0;
    font-size: 1em
}

h4 {
    font-size: .8em
}

h5 {
    font-size: .6em
}

h6 {
    font-size: .6em
}

@media screen and (max-width: 736px) {
    h1 {
        font-size: 1.5em;
        letter-spacing: -0.025em;
        margin: 0 0 1em 0
    }

    h2 {
        font-size: 1em
    }
}

sub {
    font-size: .625em;
    position: relative;
    top: .5em
}

sup {
    font-size: .625em;
    position: relative;
    top: -0.5em
}

sup.suffix {
    font-weight: normal;
    color: rgba(255, 255, 255, .375);
    margin-left: .5em
}

blockquote {
    border-left: solid 4px rgba(255, 255, 255, .075);
    font-style: italic;
    margin: 0 0 2em 0;
    padding: .5em 0 .5em 2em
}

@keyframes copyable-code-active {
    0% {
        transform: scale(1)
    }

    25% {
        transform: scale(0.975)
    }

    50% {
        transform: scale(1.025)
    }

    75% {
        transform: scale(1)
    }
}

code {
    background-color: rgba(81, 83, 98, .675);
    border-radius: 6px;
    cursor: text !important;
    font-family: "Courier New", monospace;
    font-size: .9em;
    margin: 0 .325em;
    padding: .25em .425em;
    user-select: text
}

code.nowrap {
    white-space: nowrap
}

code.copyable {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='648' height='552' viewBox='0 0 528 552'%3E%3Cpath d='M384,192V72H24v288h120v120h360V192H384z M48,336V96h312v96H144v144H48z M480,456H168v-96V216h216h96V456z' fill='rgba(255, 255, 255, 0.375)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.55em;
    background-position: calc(100% - .75em) .5em;
    cursor: pointer !important;
    padding-right: 3em;
    transition: background-color .2s ease-in-out, color .2s ease-in-out;
    user-select: none
}

code.copyable:hover {
    background-color: rgba(94, 95, 106, .875);
    color: #fff
}

code.copyable.active {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='648' height='552' viewBox='0 0 648 552'%3E%3Cpath d='M616.2,90.3L221.6,478.9l-198-199.2l17-16.9l181.1,182.2L599.3,73.2L616.2,90.3z' fill='%23ffffff' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.25em;
    animation: copyable-code-active .325s forwards;
    background-position: calc(100% - .625em) .625em
}

pre {
    -webkit-overflow-scrolling: touch;
    font-family: "Courier New", monospace;
    font-size: .9em;
    margin: 0 0 2em 0
}

pre code {
    display: block;
    line-height: 1.75em;
    padding: 1em 1.5em;
    overflow-x: auto
}

hr {
    border: 0;
    border-bottom: solid 1px rgba(255, 255, 255, .075);
    margin: 2em 0
}

hr.major {
    margin: 3em 0
}

hr.minor {
    margin: -1em 0 1em 0
}

@media screen and (max-width: 736px) {
    hr.major {
        margin: 2em 0
    }
}

.align-left {
    text-align: left
}

.align-center {
    text-align: center
}

.align-right {
    text-align: right
}

.positive {
    color: #6e9c72
}

.positive strong {
    color: #8bcc90 !important
}

.positive a {
    border-bottom-color: #6e9c72 !important
}

.positive a:hover {
    border-bottom-color: #8bcc90 !important;
    color: #8bcc90 !important
}

.caution {
    color: #e79435
}

.caution strong {
    color: #feb96a !important
}

.caution a {
    border-bottom-color: #e79435 !important
}

.caution a:hover {
    border-bottom-color: #feb96a !important;
    color: #feb96a !important
}

.negative {
    color: #cc666b
}

.negative strong {
    color: #ec9397 !important
}

.negative a {
    border-bottom-color: #cc666b !important
}

.negative a:hover {
    border-bottom-color: #ec9397 !important;
    color: #ec9397 !important
}

.role-editor {
    color: #ded173 !important
}

.role-viewer {
    color: #e79435 !important
}

.role-template {
    color: #b19af0 !important
}

.role-custom {
    color: #6e9c72 !important
}

.neutral {
    color: rgba(255, 255, 255, .375)
}

.tag-beta:after {
    content: "Beta";
    text-transform: uppercase;
    font-size: .6rem;
    color: #e79435;
    vertical-align: top;
    margin-left: .5em;
    position: relative;
    font-weight: normal
}

.v9.ea {
    user-select: none;
    cursor: default
}

.v9.ea:after {
    content: "䃊rrd" "." "co"
}

.strike {
    text-decoration: line-through
}

.punycode {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='648' height='552' viewBox='0 0 552 552'%3E%3Cpath d='M276,24C136.8,24,24,136.8,24,276s112.8,252,252,252s252-112.8,252-252S415.2,24,276,24z M503.7,264h-99.8  c-0.8-34.9-5.3-68-12.6-97.8c25.1-6.4,48.3-14.8,68.6-25.1c10.5,14.3,19.3,29.7,26.3,46.2C496.4,211.7,502.3,237.5,503.7,264z   M367.8,380.6c-25.4-4.9-52.3-7.8-79.8-8.4V288h91.9c-0.7,28.1-3.8,55.3-9.4,81C369.6,373,368.7,376.8,367.8,380.6z M181.5,369  c-5.5-25.8-8.7-53-9.4-81H264v84.2c-27.5,0.7-54.4,3.5-79.8,8.4C183.3,376.8,182.4,373,181.5,369z M184.2,171.4  c25.4,4.9,52.3,7.8,79.8,8.4V264h-91.9c0.7-28.1,3.8-55.3,9.4-81C182.4,179,183.3,175.2,184.2,171.4z M288,49.8  c20.4,5.9,40.7,26.7,57.1,58.9c6.1,12.1,11.5,25.3,16.1,39.6c-23.3,4.4-47.9,6.9-73.2,7.6V49.8z M264,49.8v106.1  c-25.3-0.6-50-3.2-73.2-7.6c4.6-14.3,10-27.5,16.1-39.6C223.3,76.4,243.6,55.7,264,49.8z M264,396.2v106.1  c-20.4-5.9-40.7-26.7-57.1-58.9c-6.1-12.1-11.5-25.3-16.1-39.6C214,399.4,238.7,396.8,264,396.2z M288,502.2V396.2  c25.3,0.6,50,3.2,73.2,7.6c-4.6,14.3-10,27.5-16.1,39.6C328.7,475.6,308.4,496.3,288,502.2z M288,264v-84.2  c27.5-0.7,54.4-3.5,79.8-8.4c0.9,3.8,1.8,7.6,2.7,11.5c5.5,25.8,8.7,53,9.4,81H288z M437.2,114.8c2.4,2.4,4.7,4.8,7,7.3  c-17.7,8.5-37.8,15.6-59.4,21.1c-11.3-35.7-26.9-65.4-45.5-86.3c8.6,2.5,17.1,5.5,25.5,9C391.9,77.4,416.3,93.8,437.2,114.8z   M187.3,65.9c8.3-3.5,16.8-6.5,25.5-9c-18.6,20.8-34.2,50.6-45.5,86.3c-21.7-5.4-41.7-12.5-59.4-21.1c2.3-2.5,4.6-4.9,7-7.3  C135.7,93.8,160.1,77.4,187.3,65.9z M92.2,141.1c20.3,10.3,43.4,18.8,68.6,25.1c-7.3,29.8-11.8,62.9-12.6,97.8H48.3  c1.4-26.5,7.3-52.3,17.6-76.7C72.9,170.8,81.7,155.4,92.2,141.1z M48.3,288h99.8c0.8,34.9,5.3,68,12.6,97.8  c-25.1,6.4-48.3,14.8-68.6,25.1c-10.5-14.3-19.3-29.7-26.3-46.2C55.6,340.3,49.7,314.5,48.3,288z M114.8,437.2  c-2.4-2.4-4.7-4.8-7-7.3c17.7-8.5,37.8-15.6,59.4-21.1c11.3,35.7,26.9,65.4,45.5,86.3c-8.6-2.5-17.1-5.5-25.5-9  C160.1,474.6,135.7,458.2,114.8,437.2z M364.7,486.1c-8.3,3.5-16.8,6.5-25.5,9c18.6-20.8,34.2-50.6,45.5-86.3  c21.7,5.4,41.7,12.5,59.4,21.1c-2.3,2.5-4.6,4.9-7,7.3C416.3,458.2,391.9,474.6,364.7,486.1z M459.8,410.9  c-20.3-10.3-43.4-18.8-68.6-25.1c7.3-29.8,11.8-62.9,12.6-97.8h99.8c-1.4,26.5-7.3,52.3-17.6,76.7  C479.1,381.2,470.3,396.6,459.8,410.9z' fill='rgba(255, 255, 255, 0.375)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.25em;
    background-position: left;
    padding-left: 1.625em
}

.disclaimer {
    color: rgba(255, 255, 255, .375)
}

.disclaimer a {
    color: rgba(255, 255, 255, .375)
}

.disclaimer a:hover {
    color: #fff
}

.mfacode {
    font-family: monospace;
    font-size: 1.5em;
    letter-spacing: .25em
}

.subheadline {
    font-style: italic;
    font-size: .8em;
    color: rgba(255, 255, 255, .375)
}

h1+.subheadline {
    margin: -1em 0 2.5em 0
}

.subheadline a {
    color: inherit
}

.subheadline a:hover {
    border-bottom-color: rgba(0, 0, 0, 0);
    color: #fff
}

.subheadline.pro {
    color: #ded173
}

.subheadline.pro:before {
    content: "";
    display: inline-block;
    width: 2.5em;
    height: 2.5em;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='648' height='552' viewBox='0 0 696 552'%3E%3Cpath d='M213,220.1c3.6,5.1,5.4,11.3,5.4,18.5c0,9.9-3.1,17.6-9.3,23.1c-6.2,5.5-16.6,8.2-31.3,8.2h-44.4v-61.4h43.9 c10.3,0,17.4,0.5,21.2,1.5C204.6,211.6,209.4,215,213,220.1z M538.8,213.3c-9.1-5.7-19.3-8.6-30.6-8.6c-16.1,0-29.9,5.5-41.5,16.6 c-11.6,11.1-17.4,29.5-17.4,55.4c0,20.7,5.6,37,16.7,48.9c11.1,11.9,25.1,17.9,41.9,17.9c17.1,0,31.2-6,42.2-18 c11.1-12,16.6-29.1,16.6-51.2c0-14-2.4-26.2-7.1-36.6C554.8,227.2,547.9,219.1,538.8,213.3z M375,250.5c3-4.7,4.6-9.9,4.6-15.4 c0-8.1-3-14.8-8.8-20c-5.9-5.2-15.2-7.9-27.9-7.9h-54.4V264h48.9c10.4,0,18.5-1.1,24.4-3.2C367.5,258.7,372,255.2,375,250.5z M672,72v408c0,13.2-10.8,24-24,24H48c-13.2,0-24-10.8-24-24V72c0-13.2,10.8-24,24-24h600C661.2,48,672,58.8,672,72z M241.9,237.9 c0-8.5-1.7-16.3-5.2-23.4c-3.5-7.1-8.1-12.6-13.8-16.6c-5.7-3.9-12.8-6.6-21.2-8c-6-1.1-14.7-1.6-26.1-1.6h-64.8V360h22.7v-69.8 h44.1c24.3,0,41.1-5.1,50.4-15.2C237.2,264.9,241.9,252.5,241.9,237.9z M417.1,360l-29.9-46.8c-5.9-9.1-12.2-16.8-18.9-22.9 c-3.1-2.8-7.7-5.7-13.7-8.6c16.5-2.3,28.7-7.6,36.6-15.9c7.9-8.4,11.8-18.6,11.8-30.8c0-9.5-2.4-18.1-7.1-25.9 c-4.8-7.8-11.1-13.3-19.1-16.3c-8-3.1-19.6-4.6-34.9-4.6h-76.2V360h22.7v-76.3h26.4c5.9,0,10.1,0.3,12.7,0.8 c3.5,0.9,7,2.4,10.4,4.6c3.4,2.2,7.2,6,11.5,11.5c4.3,5.5,9.8,13.4,16.4,23.7l22.7,35.7H417.1z M590.1,274.3 c0-17.2-3.3-32.6-10-46.1c-6.7-13.6-16.4-24.1-29.1-31.7c-12.7-7.6-27-11.4-42.9-11.4c-24.2,0-44,8.1-59.3,24.2 c-15.3,16.1-23,38.5-23,67c0,15.1,3.3,29.4,9.8,42.9c6.6,13.5,16.2,24.2,28.9,32c12.7,7.8,27.2,11.7,43.4,11.7 c14.9,0,28.8-3.5,41.7-10.6c12.9-7.1,22.9-17.5,29.9-31.2C586.6,307.3,590.1,291.8,590.1,274.3z' fill='%23DED173' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 2em;
    vertical-align: middle;
    margin-right: .5em
}

.subheadline.pro a {
    border-bottom-color: rgba(222, 209, 115, .75)
}

.subheadline.pro a:hover {
    border-bottom-color: rgba(0, 0, 0, 0)
}

@media screen and (max-width: 736px) {
    .mobile-exclude {
        display: none
    }
}

.grecaptcha-badge {
    visibility: hidden
}

section.special,
article.special {
    text-align: center
}

header {
    position: relative
}

.modal {
    font-size: 12pt;
    align-items: center;
    display: flex;
    justify-content: center;
    pointer-events: none;
    transition: opacity 0.25s ease, visibility 0.25s;
    background-color: rgba(0, 0, 0, .875);
    height: 100%;
    left: 0;
    position: fixed;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 10001;
    visibility: hidden;
    opacity: 0;
    outline: 0
}

@media screen and (min-width: 1680px) {
    .modal {
        font-size: 15pt
    }
}

@media screen and (max-width: 736px) {
    .modal {
        font-size: 11pt
    }
}

.modal h2 {
    font-size: 1.75em
}

.modal>.inner {
    transform: translateY(0.5em);
    transition: transform 0.3125s ease, opacity 0.25s ease;
    transition-delay: 0s;
    padding: 2em 2em .1em 2em;
    opacity: 0;
    position: relative;
    background: #353642;
    color: rgba(255, 255, 255, .75);
    box-shadow: 0 .25em 1em 0 rgba(0, 0, 0, .25);
    min-width: 24em;
    border-radius: 6px;
    max-height: calc(100vh - 6em);
    max-width: calc(100vw - 6em);
    overflow-y: auto;
    overflow-x: hidden;
    cursor: default;
    -webkit-overflow-scrolling: touch
}

.modal>.inner>.close {
    transition: color 0.2s ease;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 3em;
    height: 3em;
    line-height: 3em;
    text-align: center;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center
}

.modal>.inner>.close>svg {
    transition: fill 0.2s ease;
    width: 1.25em;
    height: 1.25em;
    fill: rgba(255, 255, 255, .25);
    display: block
}

.modal>.inner>.close:hover>svg {
    fill: #fff
}

.modal.visible {
    pointer-events: auto;
    visibility: visible;
    opacity: 1
}

.modal.visible>.inner {
    transform: translateY(0);
    opacity: 1
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.modal:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='648' height='552' viewBox='0 0 552 552'%3E%3Cpath d='M528,276c0,67.3-26.2,130.6-73.8,178.2S343.3,528,276,528s-130.6-26.2-178.2-73.8S24,343.3,24,276h24 c0,125.7,102.3,228,228,228s228-102.3,228-228S401.7,48,276,48V24c67.3,0,130.6,26.2,178.2,73.8S528,208.7,528,276z' fill='%2333ada9' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 4em;
    animation: spin 0.75s linear infinite;
    content: "";
    width: 4em;
    height: 4em;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -2em 0 0 -2em;
    display: none
}

.modal.preshow>.inner {
    transform: translateY(0.5em);
    opacity: 0
}

.modal.preshow.with-spinner:before {
    display: block
}

@media screen and (max-width: 736px) {
    .modal>.inner {
        width: 100%;
        max-width: 100% !important;
        border-radius: 0
    }
}

@keyframes pending-message {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

form {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 2em 0
}

form>* {
    width: 100%
}

form.minimal {
    flex-wrap: nowrap;
    position: relative
}

form.minimal>* {
    width: auto
}

form.minimal .alert {
    position: absolute;
    bottom: -2em;
    left: 0;
    margin: 0;
    padding: 0 0 0 1.5em;
    line-height: 1;
    border-radius: 0;
    font-size: .8em;
    white-space: nowrap
}

form.minimal .alert:before {
    left: 0;
    padding-left: 0;
    opacity: 1;
    top: 0;
    height: 100%
}

form.minimal .alert.error {
    background: rgba(0, 0, 0, 0);
    color: #cc666b
}

form.minimal .alert.error:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='648' height='552' viewBox='0 0 467 552'%3E%3Cpath d='M301.4,276l164.1,164.1l-67.9,67.9L233.5,343.9L69.4,507.9L1.5,440.1L165.6,276L1.5,111.9l67.9-67.9l164.1,164.1L397.5,44.1 l67.9,67.9L301.4,276z' fill='%23CC666B' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1em
}

form.minimal .alert.success {
    background: rgba(0, 0, 0, 0);
    color: #6e9c72
}

form.minimal .alert.success:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='648' height='552' viewBox='0 0 648 552'%3E%3Cpath d='M225.3,517.7L2.1,293.1l68.1-67.7L226,382.3L578.1,35.6l67.4,68.4L225.3,517.7z' fill='%236E9C72' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1em
}

form [data-requires] {
    transition: opacity 0.5s ease
}

form [data-requires].inactive {
    opacity: 0;
    position: absolute;
    height: 0;
    overflow: hidden;
    z-index: -10000;
    width: auto;
    margin: 0;
    pointer-events: none
}

form [data-requires].inactive [contenteditable] {
    display: none !important
}

form [data-conditions] {
    transition: opacity 0.5s ease
}

form [data-conditions].inactive {
    opacity: 0;
    position: absolute;
    height: 0;
    overflow: hidden;
    z-index: -10000;
    width: auto;
    margin: 0;
    pointer-events: none
}

form [data-conditions].inactive [contenteditable] {
    display: none !important
}

form ul.actions {
    margin-bottom: 0
}

form .field+ul.actions,
form .field-group+ul.actions {
    margin-top: .75em
}

form>section {
    display: flex;
    flex-wrap: wrap
}

form>section>* {
    width: 100%
}

form .field-group {
    display: flex;
    flex-wrap: wrap;
    position: relative
}

form .field-group>* {
    width: 100%
}

form .field-group.highlight {
    border-top: solid 1px rgba(255, 255, 255, .075);
    border-bottom: solid 1px rgba(255, 255, 255, .075);
    padding-top: 1.5em;
    margin-bottom: 1.875em
}

form .field-group.secondary .field {
    margin-top: -0.375em
}

form .field-group.secondary label {
    font-size: .8em;
    font-weight: normal;
    color: rgba(255, 255, 255, .75);
    margin: 0 0 1em 0
}

form .field-group.secondary .checkbox-wrapper .note {
    padding-left: 3.7142857143em;
    margin-bottom: 0;
    font-size: .7em
}

form .field-group.secondary input[type=checkbox]+label,
form .field-group.secondary input[type=radio]+label {
    margin-bottom: 0
}

form .field-group.secondary .input-range-status {
    height: 1.75em;
    line-height: 1.75em;
    top: 0
}

form .field-group.secondary .input-range-status:focus {
    height: 1.75em;
    line-height: 1.75em;
    padding: 0 .5em;
    top: -0.325em
}

form .field-group.after-checkbox {
    padding-left: 3.25em
}

form label+.field-group.secondary {
    margin-top: .375em
}

form .field-group+.note {
    margin-top: -0.375em
}

form .field-group.secondary .field+.note {
    margin-top: -0.75em
}

form .field>.field-group:last-child>:last-child {
    margin-bottom: 0
}

form .alert {
    margin: 0 0 1.5em 0;
    border-radius: 6px;
    padding: .75em 1em .75em 2.5em;
    opacity: 0;
    line-height: 1.5;
    position: relative;
    text-align: left;
    transition: opacity 0.25s ease-in-out
}

form .alert:before {
    content: "";
    display: block;
    width: 1.25em;
    height: 1.25em;
    position: absolute;
    top: .875em;
    left: .75em;
    opacity: .5
}

form .alert.error {
    background: #cc666b;
    color: #fff
}

form .alert.error:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='648' height='552' viewBox='0 0 467 552'%3E%3Cpath d='M301.4,276l164.1,164.1l-67.9,67.9L233.5,343.9L69.4,507.9L1.5,440.1L165.6,276L1.5,111.9l67.9-67.9l164.1,164.1L397.5,44.1 l67.9,67.9L301.4,276z' fill='%23ffffff' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1em
}

form .alert.success {
    background: #6e9c72;
    color: #fff
}

form .alert.success:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='648' height='552' viewBox='0 0 648 552'%3E%3Cpath d='M225.3,517.7L2.1,293.1l68.1-67.7L226,382.3L578.1,35.6l67.4,68.4L225.3,517.7z' fill='%23ffffff' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1em
}

form .alert.visible {
    opacity: 1
}

form .note {
    font-size: .8em;
    color: rgba(255, 255, 255, .375);
    cursor: default;
    margin-top: 1.5em;
    margin-bottom: 1.5em
}

form .note>:last-child {
    margin-bottom: 0
}

form .note>span {
    display: block
}

form .note>span.dns-records-count {
    display: inline
}

form .note a {
    color: inherit
}

form .note a:focus {
    color: rgba(255, 255, 255, .75)
}

form .note a:hover {
    color: #fff
}

form .note code {
    color: rgba(255, 255, 255, .75)
}

form .note strong {
    font-weight: normal
}

form .note ul {
    margin: -1em 0 1em 0
}

form .note ol.steps {
    margin: 1em 0
}

form .note>div>:last-child {
    margin-bottom: 0
}

form .note.deprecated:before {
    content: "(Deprecated) ";
    color: rgba(255, 255, 255, .25)
}

form p.note {
    margin-top: 1.125em
}

form h3+.note,
form header+.note,
form label+.note {
    margin-top: 0
}

form .field+.note {
    margin-top: -0.375em
}

form hr {
    border: 0;
    margin: 0;
    height: 2.5em;
    position: relative
}

form hr:before {
    content: "";
    display: block;
    position: absolute;
    top: calc(0.5em + 1px);
    left: 0;
    width: 100%;
    height: 1px;
    background-color: rgba(255, 255, 255, .075)
}

form hr.major {
    margin: 0;
    height: 4.5em
}

form hr.major:before {
    top: calc(1.5em + 1px)
}

form hr.minor {
    margin: 0;
    height: 1em;
    top: calc(-0.125em - 1px)
}

form hr.minor:before {
    top: 0
}

@media screen and (max-width: 736px) {
    form hr.major {
        margin: 0;
        height: 2.5em
    }

    form hr.major:before {
        top: calc(0.5em + 1px)
    }
}

form .field {
    flex-grow: 1;
    flex-shrink: 1;
    position: relative;
    vertical-align: top;
    margin: 0 0 1.5em 0
}

form .field>.button {
    position: absolute;
    top: -0.325em;
    right: 0;
    font-size: .65em
}

form .field>.with-button {
    display: flex;
    gap: 1.25em
}

form .field>.with-button>.button {
    flex-grow: 0;
    flex-shrink: 0;
    font-size: .8em;
    height: 3.75em;
    line-height: 3.75em
}

form .field .message {
    cursor: default;
    font-size: .8em;
    margin-top: 0;
    color: rgba(255, 255, 255, .25);
    opacity: 0;
    visibility: hidden;
    position: relative;
    padding-left: 1.75em;
    transition: opacity 0.2s ease-in-out, visibility 0.2s
}

form .field .message.visible {
    visibility: visible;
    opacity: 1;
    margin-top: 1em
}

form .field .message:before {
    content: "";
    display: block;
    width: 1.25em;
    height: 1.75em;
    position: absolute;
    top: 0;
    left: 0
}

form .field .message.positive {
    color: #6e9c72
}

form .field .message.positive:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='648' height='552' viewBox='0 0 648 552'%3E%3Cpath d='M225.3,517.7L2.1,293.1l68.1-67.7L226,382.3L578.1,35.6l67.4,68.4L225.3,517.7z' fill='%236E9C72' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.25em
}

form .field .message.positive a {
    color: inherit;
    border-bottom-color: rgba(110, 156, 114, .75)
}

form .field .message.positive a:hover {
    border-bottom-color: rgba(0, 0, 0, 0);
    color: #fff
}

form .field .message.negative {
    color: #cc666b
}

form .field .message.negative:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='648' height='552' viewBox='0 0 467 552'%3E%3Cpath d='M301.4,276l164.1,164.1l-67.9,67.9L233.5,343.9L69.4,507.9L1.5,440.1L165.6,276L1.5,111.9l67.9-67.9l164.1,164.1L397.5,44.1 l67.9,67.9L301.4,276z' fill='%23CC666B' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.25em
}

form .field .message.negative a {
    color: inherit;
    border-bottom-color: rgba(204, 102, 107, .75)
}

form .field .message.negative a:hover {
    border-bottom-color: rgba(0, 0, 0, 0);
    color: #fff
}

form .field .message.caution {
    color: #e79435
}

form .field .message.caution:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='648' height='552' viewBox='0 0 467 552'%3E%3Cpath d='M301.4,276l164.1,164.1l-67.9,67.9L233.5,343.9L69.4,507.9L1.5,440.1L165.6,276L1.5,111.9l67.9-67.9l164.1,164.1L397.5,44.1 l67.9,67.9L301.4,276z' fill='%23E79435' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.25em
}

form .field .message.caution a {
    color: inherit;
    border-bottom-color: rgba(231, 148, 53, .75)
}

form .field .message.caution a:hover {
    border-bottom-color: rgba(0, 0, 0, 0);
    color: #fff
}

form .field .message.premium {
    color: #ded173
}

form .field .message.premium:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='648' height='552' viewBox='0 0 408 552'%3E%3Cpath d='M336.6,216c0.2-10.4,0.1-23.1-0.6-36.7c-2.6-47.9-12.2-83.5-28.6-106C287.5,45.9,248.9,29.6,204,29.6s-83.5,16.3-103.4,43.6 c-16.4,22.5-26,58.1-28.6,106c-0.7,13.7-0.8,26.4-0.6,36.7H24v264h359.1l0.9-264H336.6z M139.4,101.5C150,87,175.3,77.6,204,77.6 s54,9.4,64.6,23.9c16.6,22.7,20.9,75.4,20.1,114.5H119.4C118.7,181.4,121.6,125.9,139.4,101.5z' fill='%23DED173' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.25em
}

form .field .message.premium a {
    color: inherit;
    border-bottom-color: rgba(222, 209, 115, .75)
}

form .field .message.premium a:hover {
    border-bottom-color: rgba(0, 0, 0, 0);
    color: #fff
}

form .field .message.pending {
    color: rgba(255, 255, 255, .25)
}

form .field .message.pending:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='648' height='552' viewBox='0 0 552 552'%3E%3Cpath d='M528,276c0,67.3-26.2,130.6-73.8,178.2S343.3,528,276,528s-130.6-26.2-178.2-73.8S24,343.3,24,276h24 c0,125.7,102.3,228,228,228s228-102.3,228-228S401.7,48,276,48V24c67.3,0,130.6,26.2,178.2,73.8S528,208.7,528,276z' fill='rgba(255, 255, 255, 0.25)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.25em;
    animation: pending-message 0.75s linear infinite
}

form .field .message.pending a {
    color: inherit;
    border-bottom-color: rgba(255, 255, 255, 0)
}

form .field .message.pending a:hover {
    border-bottom-color: rgba(0, 0, 0, 0);
    color: #fff
}

form .field.hidden {
    display: none
}

form .field.half {
    width: calc(50% - 1.25em);
    margin-left: .625em
}

form .field.half.first {
    margin-left: 0;
    margin-right: .625em
}

form .field.half.first:last-child {
    margin-right: 0
}

form .field.half.left-heavy {
    width: calc(40% - 1.25em)
}

form .field.half.left-heavy.first {
    width: calc(60% - 1.25em)
}

form .field.half.full {
    width: 50%;
    margin-left: 0
}

form .field.half.full.first {
    width: 50%;
    margin-right: 0
}

form .field.half.before-inactive {
    margin-right: 0;
    width: 100%
}

form .field.half.after-inactive {
    margin-left: 0;
    width: 100%
}

form .field.third {
    width: calc(33.3333333333% - 0.4166666667em)
}

form .field.third.first+.third {
    margin-left: .625em;
    margin-right: .625em
}

form .field.third.first+.twothirds {
    margin-left: .625em
}

form .field.third.full {
    width: 33.3333333333%
}

form .field.third.full.first+.third {
    margin-left: 0;
    margin-right: 0
}

form .field.twothirds {
    width: calc(66.6666666667% - 0.4166666667em)
}

@media screen and (max-width: 480px) {
    form .field.mobile-friendly {
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important
    }
}

form .field>:last-child {
    margin-bottom: 0
}

@keyframes submit-wrapper-span {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.submit-wrapper {
    position: relative
}

.submit-wrapper input {
    width: inherit
}

.submit-wrapper input+span {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block !important;
    width: 2em !important;
    height: 2em;
    line-height: 2em;
    margin: -1em 0 0 -1em;
    text-align: center;
    font-size: 1.25em;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease-in-out;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='648' height='552' viewBox='0 0 552 552'%3E%3Cpath d='M528,276c0,67.3-26.2,130.6-73.8,178.2S343.3,528,276,528s-130.6-26.2-178.2-73.8S24,343.3,24,276h24 c0,125.7,102.3,228,228,228s228-102.3,228-228S401.7,48,276,48V24c67.3,0,130.6,26.2,178.2,73.8S528,208.7,528,276z' fill='rgba(255, 255, 255, 0)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.5em
}

.submit-wrapper input.special+span {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='648' height='552' viewBox='0 0 552 552'%3E%3Cpath d='M528,276c0,67.3-26.2,130.6-73.8,178.2S343.3,528,276,528s-130.6-26.2-178.2-73.8S24,343.3,24,276h24 c0,125.7,102.3,228,228,228s228-102.3,228-228S401.7,48,276,48V24c67.3,0,130.6,26.2,178.2,73.8S528,208.7,528,276z' fill='rgba(255, 255, 255, 0.25)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.5em
}

.submit-wrapper input.is-submitting+span {
    animation: submit-wrapper-span 0.75s linear infinite;
    transition-delay: 0.125s;
    opacity: 1
}

.submit-wrapper input.is-submitting.special {
    color: #33ada9 !important
}

::-webkit-input-placeholder {
    color: rgba(255, 255, 255, .25) !important;
    opacity: 1
}

:-moz-placeholder {
    color: rgba(255, 255, 255, .25) !important;
    opacity: 1
}

::-moz-placeholder {
    color: rgba(255, 255, 255, .25) !important;
    opacity: 1
}

:-ms-input-placeholder {
    color: rgba(255, 255, 255, .25) !important;
    opacity: 1
}

label {
    color: #fff;
    display: block;
    font-size: .9em;
    font-weight: bold;
    margin: 0 0 1em 0
}

label.right {
    text-align: right
}

label.applicable:after,
label.optional:after,
label.required:after {
    color: rgba(255, 255, 255, .375);
    font-weight: normal;
    margin-left: .375em
}

label.applicable:after {
    content: "(if applicable)"
}

label.optional:after {
    content: "(optional)"
}

label.required:after {
    content: "(required)"
}

input[type=text],
input[type=password],
input[type=email],
input[type=color],
input[type=range],
select,
textarea,
.input-facade {
    appearance: none;
    background: rgba(71, 73, 88, .475);
    border-radius: 6px;
    border: none;
    color: inherit;
    display: block;
    outline: 0;
    padding: 0 1em;
    text-decoration: none;
    width: 100%
}

input[type=text]:invalid,
input[type=password]:invalid,
input[type=email]:invalid,
input[type=color]:invalid,
input[type=range]:invalid,
select:invalid,
textarea:invalid,
.input-facade:invalid {
    box-shadow: none
}

input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus,
input[type=color]:focus,
input[type=range]:focus,
select:focus,
textarea:focus,
.input-facade:focus {
    box-shadow: 0 0 0 2px #33ada9
}

input[type=text]::-moz-focus-outer,
input[type=password]::-moz-focus-outer,
input[type=email]::-moz-focus-outer,
input[type=color]::-moz-focus-outer,
input[type=range]::-moz-focus-outer,
select::-moz-focus-outer,
textarea::-moz-focus-outer,
.input-facade::-moz-focus-outer {
    border: 0
}

input[type=text][data-invalid],
input[type=password][data-invalid],
input[type=email][data-invalid],
input[type=color][data-invalid],
input[type=range][data-invalid],
select[data-invalid],
textarea[data-invalid],
.input-facade[data-invalid] {
    box-shadow: 0 0 0 2px #cc666b
}

input[type=text][data-verifailed],
input[type=password][data-verifailed],
input[type=email][data-verifailed],
input[type=color][data-verifailed],
input[type=range][data-verifailed],
select[data-verifailed],
textarea[data-verifailed],
.input-facade[data-verifailed] {
    box-shadow: 0 0 0 2px #cc666b
}

input[type=text].uppercase,
input[type=password].uppercase,
input[type=email].uppercase,
input[type=color].uppercase,
input[type=range].uppercase,
select.uppercase,
textarea.uppercase,
.input-facade.uppercase {
    text-transform: uppercase
}

input[type=text].lowercase,
input[type=password].lowercase,
input[type=email].lowercase,
input[type=color].lowercase,
input[type=range].lowercase,
select.lowercase,
textarea.lowercase,
.input-facade.lowercase {
    text-transform: lowercase
}

input:disabled,
select:disabled,
textarea:disabled,
.input-facade:disabled {
    opacity: .5
}

input[type=text],
input[type=password],
input[type=email],
input[type=color],
input[type=range],
.input-facade.text {
    height: 3em
}

input[data-suffixes]+select {
    display: none
}

.input-wrapper {
    display: flex;
    background: rgba(71, 73, 88, .475);
    border-radius: 6px
}

.input-wrapper input[type=text][data-invalid],
.input-wrapper input[type=password][data-invalid],
.input-wrapper input[type=email][data-invalid],
.input-wrapper input[type=color][data-invalid],
.input-wrapper input[type=range][data-invalid],
.input-wrapper select[data-invalid],
.input-wrapper textarea[data-invalid],
.input-wrapper .input-facade[data-invalid] {
    box-shadow: none
}

.input-wrapper input[type=text][data-verifailed],
.input-wrapper input[type=password][data-verifailed],
.input-wrapper input[type=email][data-verifailed],
.input-wrapper input[type=color][data-verifailed],
.input-wrapper input[type=range][data-verifailed],
.input-wrapper select[data-verifailed],
.input-wrapper textarea[data-verifailed],
.input-wrapper .input-facade[data-verifailed] {
    box-shadow: none
}

.input-wrapper.focus {
    box-shadow: 0 0 0 2px #33ada9
}

.input-wrapper[data-invalid] {
    box-shadow: 0 0 0 2px #cc666b
}

.input-wrapper[data-verifailed] {
    box-shadow: 0 0 0 2px #cc666b
}

.input-wrapper input {
    background: rgba(0, 0, 0, 0);
    border-radius: 0;
    min-width: 0;
    flex-grow: 1;
    flex-shrink: 1
}

.input-wrapper input:focus {
    box-shadow: none
}

.input-wrapper .prefix,
.input-wrapper .suffix,
.input-wrapper .suffixes {
    flex-grow: 0;
    flex-shrink: 0;
    user-select: none;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    background: rgba(71, 73, 88, .475);
    color: rgba(255, 255, 255, .375);
    height: 3em;
    line-height: 3em;
    padding: 0 1em;
    cursor: default;
    outline: 0
}

.input-wrapper .suffixes {
    background: #434452;
    padding: 0
}

.input-wrapper .suffixes .status {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='648' height='552' viewBox='0 0 456 552'%3E%3Cpath d='M434.5,185.5L228,392L21.5,185.5l17-17L228,358l189.5-189.5L434.5,185.5z' fill='rgba(255, 255, 255, 0.375)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1em;
    transition: color 0.2s ease-in-out;
    background-position: calc(100% - .875em) calc(50% + .025em);
    padding: 0 2.5em 0 1em;
    cursor: pointer
}

.input-wrapper .suffixes .options {
    display: none;
    width: auto;
    padding: 0;
    border-radius: 0 0 6px 6px;
    position: relative;
    z-index: 10000;
    top: 0;
    min-width: 7.125em
}

.input-wrapper .suffixes .options .option {
    transition: color 0.2s ease-in-out;
    background: #434452;
    line-height: calc(2.5em + 2px);
    cursor: pointer;
    display: block;
    font-size: .9em;
    position: relative;
    display: block;
    color: rgba(255, 255, 255, .75);
    box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, .075);
    padding: 0 1em
}

.input-wrapper .suffixes .options .option:first-child {
    border-top: 0;
    padding-top: .1875em
}

.input-wrapper .suffixes .options .option:last-child {
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    padding-bottom: .1875em
}

.input-wrapper .suffixes .options .option:hover {
    color: #fff
}

.input-wrapper .suffixes .options .option>span {
    display: block
}

.input-wrapper .suffixes .options .option>span:after {
    background-position: center;
    display: block;
    width: 1.5em;
    height: 1.5em;
    content: "";
    color: #33ada9;
    position: absolute;
    top: calc(50% - .75em);
    right: .875em
}

.input-wrapper .suffixes .options .option.upgrade>span:after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='648' height='552' viewBox='0 0 408 552'%3E%3Cpath d='M336.6,216c0.2-10.4,0.1-23.1-0.6-36.7c-2.6-47.9-12.2-83.5-28.6-106C287.5,45.9,248.9,29.6,204,29.6s-83.5,16.3-103.4,43.6 c-16.4,22.5-26,58.1-28.6,106c-0.7,13.7-0.8,26.4-0.6,36.7H24v264h359.1l0.9-264H336.6z M139.4,101.5C150,87,175.3,77.6,204,77.6 s54,9.4,64.6,23.9c16.6,22.7,20.9,75.4,20.1,114.5H119.4C118.7,181.4,121.6,125.9,139.4,101.5z' fill='%23DED173' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1em
}

.input-wrapper .suffixes .options .option.selected>span:after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='648' height='552' viewBox='0 0 648 552'%3E%3Cpath d='M225.3,517.7L2.1,293.1l68.1-67.7L226,382.3L578.1,35.6l67.4,68.4L225.3,517.7z' fill='%2333ada9' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1em
}

.input-wrapper .suffixes.active {
    border-bottom-right-radius: 0
}

.input-wrapper .suffixes.active .options {
    display: block
}

@media screen and (max-width: 736px) {
    .input-wrapper .suffixes .options {
        min-width: 9em
    }

    .input-wrapper .suffixes .options .option {
        font-size: 1em;
        line-height: 2.75em
    }
}

.input-wrapper>:first-child {
    border-radius: 6px 0 0 6px
}

.input-wrapper>:last-child {
    border-radius: 0 6px 6px 0
}

.input-wrapper.with-suffix>:first-child,
.input-wrapper.with-suffixes>:first-child {
    padding-right: 0
}

.input-wrapper.with-suffix .suffix,
.input-wrapper.with-suffix .suffixes,
.input-wrapper.with-suffixes .suffix,
.input-wrapper.with-suffixes .suffixes {
    margin-left: 1em
}

.input-wrapper.alt {
    background: rgba(0, 0, 0, 0);
    box-shadow: inset 0 0 0 2px #434452
}

.input-wrapper.alt .prefix,
.input-wrapper.alt .suffix,
.input-wrapper.alt .suffixes {
    background: #434452
}

.input-wrapper.alt input,
.input-wrapper.alt select,
.input-wrapper.alt textarea,
.input-wrapper.alt .input-facade {
    opacity: 1
}

select {
    padding-right: 3em;
    text-overflow: ellipsis;
    height: 3em;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='648' height='552' viewBox='0 0 456 552'%3E%3Cpath d='M434.5,185.5L228,392L21.5,185.5l17-17L228,358l189.5-189.5L434.5,185.5z' fill='rgba(255, 255, 255, 0.375)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.5em;
    background-position: calc(100% - .75em) center
}

select option {
    color: rgba(255, 255, 255, .75);
    background-color: #24252d
}

select option:disabled {
    display: none
}

select option.hidden {
    display: none
}

select optgroup {
    color: #fff;
    background-color: #24252d
}

select optgroup:disabled {
    display: none
}

select optgroup.hidden {
    display: none
}

select:-moz-focusring {
    color: rgba(0, 0, 0, 0);
    text-shadow: 0 0 0 rgba(255, 255, 255, .75)
}

select:focus::-ms-value {
    background-color: rgba(0, 0, 0, 0)
}

.field.third select {
    padding: 0 .75em;
    background-position: calc(100% - .75em) center
}

select::-ms-expand {
    display: none
}

textarea,
.input-facade.textarea {
    padding: .75em 1em
}

.input-textarea-autosize {
    user-select: text;
    -webkit-user-select: text
}

.input-textarea-autosize textarea {
    pointer-events: none;
    position: absolute;
    width: 0px;
    height: 0px;
    visibility: hidden;
    z-index: -1;
    overflow: hidden
}

.input-textarea-autosize textarea:disabled+.input-facade {
    pointer-events: none;
    opacity: .5
}

input[type=checkbox],
input[type=radio] {
    appearance: none;
    display: block;
    float: left;
    margin-right: -2em;
    opacity: 0 !important;
    width: 1em;
    z-index: -1
}

input[type=checkbox]+label,
input[type=radio]+label {
    display: inline-block;
    position: relative;
    color: rgba(255, 255, 255, .75);
    cursor: pointer;
    font-size: 1em;
    font-weight: normal;
    padding-left: 3.25em;
    padding-right: .75em;
    line-height: 2.25em;
    user-select: none
}

input[type=checkbox]+label:before,
input[type=radio]+label:before {
    content: "";
    display: inline-block;
    position: absolute;
    background: rgba(71, 73, 88, .475);
    border-radius: 6px;
    height: 2.25em;
    left: 0;
    line-height: 2.25em;
    text-align: center;
    top: 0;
    width: 2.25em
}

input[type=checkbox]+label.minor,
input[type=radio]+label.minor {
    font-size: .8em
}

input[type=checkbox]:checked+label:before,
input[type=radio]:checked+label:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='648' height='552' viewBox='0 0 648 552'%3E%3Cpath d='M225.3,517.7L2.1,293.1l68.1-67.7L226,382.3L578.1,35.6l67.4,68.4L225.3,517.7z' fill='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1em
}

input[type=checkbox]:focus+label:before,
input[type=radio]:focus+label:before {
    box-shadow: 0 0 0 2px #33ada9
}

input[type=checkbox]:disabled+label,
input[type=radio]:disabled+label {
    cursor: default;
    color: rgba(255, 255, 255, .25)
}

input[type=checkbox]:disabled+label strong,
input[type=radio]:disabled+label strong {
    color: rgba(255, 255, 255, .25)
}

input[type=checkbox]:disabled+label:before,
input[type=radio]:disabled+label:before {
    background: rgba(255, 255, 255, .075)
}

input[type=checkbox].checked:disabled+label:before,
input[type=radio].checked:disabled+label:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='648' height='552' viewBox='0 0 648 552'%3E%3Cpath d='M225.3,517.7L2.1,293.1l68.1-67.7L226,382.3L578.1,35.6l67.4,68.4L225.3,517.7z' fill='rgba(255, 255, 255, 0.25)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1em
}

input[type=checkbox].unchecked:disabled+label:before,
input[type=radio].unchecked:disabled+label:before {
    content: ""
}

input[type=checkbox].label+label,
input[type=radio].label+label {
    width: 100%;
    font-weight: bold;
    color: #fff;
    padding-left: 0;
    font-size: .9em;
    padding-right: 0;
    line-height: inherit;
    margin-bottom: 0
}

input[type=checkbox].label+label:before,
input[type=radio].label+label:before {
    left: auto;
    right: 0;
    font-size: .8em
}

input[type=checkbox].label+label+.field-group,
input[type=radio].label+label+.field-group {
    margin-top: 1em
}

input[type=checkbox].label+label+.field-group>:last-child,
input[type=radio].label+label+.field-group>:last-child {
    margin-bottom: 0
}

input[type=checkbox].label+label+.field-group.secondary,
input[type=radio].label+label+.field-group.secondary {
    margin-top: 1.1428571429em
}

.checkbox-wrapper>label {
    margin-bottom: 0
}

.checkbox-wrapper .note {
    user-select: none;
    color: rgba(255, 255, 255, .375);
    cursor: default;
    font-size: .8em;
    margin: .5em 0 0 0;
    padding-left: 4.0625em
}

input[type=checkbox]+label:before {
    border-radius: 6px
}

input[type=checkbox]:disabled+label {
    cursor: default;
    color: rgba(255, 255, 255, .25)
}

input[type=checkbox]:disabled+label:before {
    background: rgba(255, 255, 255, .075)
}

.radio-group {
    margin: 0 0 1.5em 0
}

.radio-group>* {
    margin: 0 0 1em 0
}

.radio-group>*>* {
    margin-bottom: 0
}

.radio-group>*:last-child {
    margin-bottom: 0
}

.radio-group.lined {
    display: flex;
    flex-direction: row
}

.radio-group.lined>* {
    width: 50%;
    flex-grow: 0;
    flex-shrink: 0;
    margin-bottom: 0
}

.radio-children>*>:last-child {
    margin-bottom: 0
}

.radio-children>*:last-child {
    margin-bottom: 0
}

input[type=radio]+label:before {
    border-radius: 100%
}

input[type=range] {
    margin: 0;
    cursor: pointer;
    padding: 0 .75em
}

input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: 0
}

input[type=range]:focus {
    outline: none
}

input[type=range]::-ms-track {
    background: rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, 0);
    color: rgba(0, 0, 0, 0)
}

input[type=range]::-ms-tooltip {
    display: none
}

input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    margin-top: -0.85em;
    border: 0;
    border-radius: 6px;
    width: .65em;
    height: 2em;
    background: rgba(255, 255, 255, .75)
}

input[type=range]::-moz-range-thumb {
    border: 0;
    border-radius: 6px;
    width: .65em;
    height: 2em;
    background: rgba(255, 255, 255, .75)
}

input[type=range]::-ms-thumb {
    margin-top: 0;
    border: 0;
    border-radius: 6px;
    width: .65em;
    height: 2em;
    background: rgba(255, 255, 255, .75)
}

input[type=range]::-webkit-slider-runnable-track {
    width: 100%;
    height: .25em;
    border-radius: 1em;
    border: 0;
    background: rgba(255, 255, 255, .075);
    cursor: pointer
}

input[type=range]:focus::-webkit-slider-runnable-track {
    background: rgba(255, 255, 255, .075)
}

input[type=range]::-moz-range-track {
    width: 100%;
    height: .25em;
    border-radius: 1em;
    border: 0;
    background: rgba(255, 255, 255, .075);
    cursor: pointer
}

input[type=range]::-ms-track {
    width: 100%;
    height: .25em;
    border-radius: 1em;
    border: 0;
    background: rgba(255, 255, 255, .075);
    cursor: pointer
}

input[type=range]::-ms-fill-lower {
    background: rgba(255, 255, 255, .075)
}

input[type=range]:focus::-ms-fill-lower {
    background: rgba(255, 255, 255, .075)
}

input[type=range]::-ms-fill-upper {
    background: rgba(255, 255, 255, .075)
}

input[type=range]:focus::-ms-fill-upper {
    background: rgba(255, 255, 255, .075)
}

@media screen and (min-width: 737px) {
    input[type=range].small {
        height: 2.625em;
        padding: 0 .5em
    }

    input[type=range].small::-webkit-slider-thumb {
        margin-top: -0.675em;
        border-radius: 4.5px;
        width: .625em;
        height: 1.625em
    }

    input[type=range].small::-moz-range-thumb {
        border-radius: 4.5px;
        width: .625em;
        height: 1.625em
    }

    input[type=range].small::-ms-thumb {
        margin-top: 0;
        border-radius: 4.5px;
        width: .625em;
        height: 1.625em
    }
}

@media screen and (min-width: 737px) {
    input[type=range].xsmall {
        height: 1.875em;
        padding: 0 .5em
    }

    input[type=range].xsmall::-webkit-slider-thumb {
        margin-top: -0.525em;
        border-radius: 4.5px;
        width: .5em;
        height: 1.25em
    }

    input[type=range].xsmall::-moz-range-thumb {
        border-radius: 4.5px;
        width: .5em;
        height: 1.25em
    }

    input[type=range].xsmall::-ms-thumb {
        margin-top: 0;
        border-radius: 4.5px;
        width: .5em;
        height: 1.25em
    }
}

@media screen and (max-width: 736px) {
    input[type=range]::-webkit-slider-thumb {
        width: 1.5em
    }

    input[type=range]::-moz-range-thumb {
        width: 1.5em
    }

    input[type=range]::-ms-thumb {
        width: 1.5em
    }
}

.input-range-status {
    transition: color 0.2s ease-in-out;
    color: rgba(255, 255, 255, .375);
    cursor: pointer;
    display: inline-block;
    font-size: .8em;
    height: 2.5em;
    line-height: 2.5em;
    min-width: 25%;
    padding: 0 .75em;
    position: absolute;
    right: -0.75em;
    text-align: right;
    top: 0;
    -webkit-user-select: text;
    user-select: text
}

.input-range-status:hover {
    color: #fff
}

.input-range-status:focus {
    transition: none;
    background-color: rgba(14, 15, 25, .175);
    border-radius: 6px;
    box-shadow: 0 0 0 2px #33ada9;
    color: rgba(255, 255, 255, .75);
    cursor: auto;
    font-size: 1em;
    height: 2em;
    line-height: 2em;
    max-width: 50%;
    min-width: 0;
    outline: 0;
    overflow: hidden;
    padding: 0 .625em;
    right: 0;
    text-overflow: ellipsis;
    top: -0.325em;
    white-space: nowrap
}

@media screen and (min-width: 737px) {
    .input-range-status {
        line-height: 1.75
    }
}

.toggle-wrapper {
    display: flex;
    background-color: rgba(71, 73, 88, .475);
    border-radius: 6px;
    height: 3em;
    line-height: 3em;
    position: relative
}

.toggle-wrapper:focus {
    outline: 0
}

.toggle-wrapper:focus:not(.is-clicked) {
    box-shadow: 0 0 0 2px #33ada9
}

.toggle-wrapper>* {
    vertical-align: top
}

.toggle-wrapper input[type=radio] {
    pointer-events: none;
    left: 0;
    position: absolute;
    top: 0;
    visibility: hidden;
    z-index: -1
}

.toggle-wrapper input[type=radio]+label {
    flex-grow: 1;
    flex-shrink: 1;
    display: block;
    line-height: inherit;
    margin: 0;
    padding: 0 .975em;
    text-align: center;
    width: 100%
}

.toggle-wrapper input[type=radio]+label:before {
    display: none
}

.toggle-wrapper input[type=radio]:first-child+label {
    border-radius: 6px 0 0 6px
}

.toggle-wrapper input[type=radio]+label:last-child {
    border-radius: 0 6px 6px 0
}

.toggle-wrapper input[type=radio]:hover+label {
    transition: color 0.2s ease-in-out;
    color: #fff
}

.toggle-wrapper input[type=radio]:checked+label,
.toggle-wrapper input[type=radio].checked+label {
    transition: none;
    background: rgba(255, 255, 255, .75);
    color: #24252d
}

.toggle-wrapper.minimal {
    display: inline-flex
}

.toggle-wrapper.small {
    height: 1.5em;
    line-height: 1.5em
}

.toggle-wrapper.small input[type=radio]+label {
    padding: 0 1.125em;
    text-transform: uppercase;
    font-size: .6em
}

.input-facade {
    outline: none;
    user-select: text;
    word-wrap: break-word;
    overflow-wrap: break-word;
    -webkit-user-select: text;
    white-space: pre-wrap
}

.input-facade.text[data-inline-suffix] {
    line-height: 3em;
    vertical-align: middle;
    overflow: hidden
}

.input-facade.text[data-inline-suffix]:after {
    color: rgba(255, 255, 255, .375);
    pointer-events: none
}

.input-facade.text[data-inline-suffix][data-inline-suffix]:after {
    content: attr(data-inline-suffix)
}

.input-facade.text[data-inline-suffix]:empty {
    line-height: 1em;
    padding-top: 1em
}

.input-facade.text[data-inline-suffix]:empty:after {
    color: rgba(255, 255, 255, .25);
    content: attr(data-placeholder) attr(data-inline-suffix)
}

.input-facade.textarea[data-placeholder]:empty:after {
    color: rgba(255, 255, 255, .25);
    pointer-events: none;
    content: attr(data-placeholder)
}

.form-image-uploader {
    position: relative;
    z-index: 1
}

.form-image-uploader input[type=text],
.form-image-uploader textarea {
    opacity: 0;
    pointer-events: none;
    position: absolute;
    visbiility: hidden
}

.form-image-uploader.default .thumbnail {
    background-color: #000;
    background-size: cover;
    border-radius: 6px;
    cursor: pointer;
    height: 12em;
    overflow: hidden;
    width: 100%
}

.form-image-uploader.default .thumbnail:before {
    background-color: rgba(36, 37, 45, .5);
    border-radius: inherit;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.form-image-uploader.default .thumbnail.disabled {
    opacity: .5;
    pointer-events: none
}

.form-image-uploader.default .inner {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.form-image-uploader.default .inner .button {
    min-width: 11em;
    pointer-events: auto
}

.form-image-uploader.default .inner .button:not(.special) {
    box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .5)
}

.form-image-uploader.default .inner .button:not(.special):focus {
    box-shadow: inset 0 0 0 2px #33ada9
}

.form-image-uploader.default .inner>* {
    margin: .65em 0
}

.form-image-uploader.default.tall .thumbnail {
    height: 20em
}

.form-image-uploader.default.new .thumbnail {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cstyle%3Eline %7B stroke: rgba(255, 255, 255, 0.25)%3B stroke-width: 1px%3B %7D%3C/style%3E%3Cline x1='0%25' y1='0%25' x2='100%25' y2='100%25' vector-effect='non-scaling-stroke' /%3E%3Cline x1='0%25' y1='100%25' x2='100%25' y2='0%25' vector-effect='non-scaling-stroke' /%3E%3C/svg%3E");
    background-size: 100% 100% !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-color: #13151b
}

.form-image-uploader.default.new .thumbnail:before {
    display: none
}

html.is-incomplete-svg .form-image-uploader.default.new .thumbnail {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cstyle%3Eline %7B stroke: rgba(255, 255, 255, 0.25)%3B stroke-width: 0.25px%3B %7D%3C/style%3E%3Cline x1='0%25' y1='0%25' x2='100%25' y2='100%25' vector-effect='non-scaling-stroke' /%3E%3Cline x1='0%25' y1='100%25' x2='100%25' y2='0%25' vector-effect='non-scaling-stroke' /%3E%3C/svg%3E");
    background-size: 100% 100% !important;
    background-repeat: no-repeat !important;
    background-position: center center !important
}

@media screen and (max-width: 736px) {
    .form-image-uploader.default.tall .thumbnail {
        height: 12em
    }
}

.form-image-uploader.alt {
    width: 16em
}

.form-image-uploader.alt .thumbnail {
    background-repeat: no-repeat;
    background-size: contain !important;
    border-radius: 6px;
    border: solid 2px rgba(255, 255, 255, .075);
    cursor: pointer;
    height: 16em;
    margin: 0 0 1em 0;
    overflow: hidden;
    width: 100%
}

.form-image-uploader.alt .thumbnail.disabled {
    opacity: .5;
    pointer-events: none
}

.form-image-uploader.alt .inner {
    z-index: 1;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    pointer-events: none
}

.form-image-uploader.alt .inner .button {
    min-width: 11em;
    pointer-events: auto
}

.form-image-uploader.alt .inner .button:not(.special) {
    box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .5)
}

.form-image-uploader.alt .inner .button:not(.special):focus {
    box-shadow: inset 0 0 0 2px #33ada9
}

.form-image-uploader.alt .inner>* {
    margin: .65em 0
}

.form-image-uploader.alt.new .thumbnail {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cstyle%3Eline %7B stroke: rgba(255, 255, 255, 0.25)%3B stroke-width: 1px%3B %7D%3C/style%3E%3Cline x1='0%25' y1='0%25' x2='100%25' y2='100%25' vector-effect='non-scaling-stroke' /%3E%3Cline x1='0%25' y1='100%25' x2='100%25' y2='0%25' vector-effect='non-scaling-stroke' /%3E%3C/svg%3E");
    background-size: 100% 100% !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-color: #13151b
}

.form-image-uploader.alt.new .thumbnail:before {
    display: none
}

html.is-incomplete-svg .form-image-uploader.alt.new .thumbnail {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cstyle%3Eline %7B stroke: rgba(255, 255, 255, 0.25)%3B stroke-width: 0.25px%3B %7D%3C/style%3E%3Cline x1='0%25' y1='0%25' x2='100%25' y2='100%25' vector-effect='non-scaling-stroke' /%3E%3Cline x1='0%25' y1='100%25' x2='100%25' y2='0%25' vector-effect='non-scaling-stroke' /%3E%3C/svg%3E");
    background-size: 100% 100% !important;
    background-repeat: no-repeat !important;
    background-position: center center !important
}

@media screen and (max-width: 736px) {
    .form-image-uploader.alt {
        width: 100%
    }

    .form-image-uploader.alt .thumbnail {
        height: 12em
    }
}

.form-image-uploader.favicon {
    align-items: center;
    display: block;
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 1em 0
}

.form-image-uploader.favicon .thumbnail {
    background-color: rgba(0, 0, 0, 0);
    background-size: cover;
    border-radius: 6px;
    cursor: pointer;
    flex-grow: 0;
    flex-shrink: 0;
    height: 64px;
    overflow: hidden;
    position: relative;
    width: 64px
}

.form-image-uploader.favicon .thumbnail:after {
    border-radius: 6px;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .075);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.form-image-uploader.favicon .thumbnail.disabled {
    opacity: .5;
    pointer-events: none
}

.form-image-uploader.favicon .note {
    flex-grow: 1;
    flex-shrink: 1;
    margin: 0;
    padding-left: 1.5em;
    width: calc(100% - 64px)
}

.form-image-uploader.favicon .actions {
    flex-grow: 1;
    flex-shrink: 1;
    margin-bottom: 0;
    margin-top: 1.25em;
    width: 100%
}

.form-image-uploader.favicon.new .thumbnail {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cstyle%3Eline %7B stroke: rgba(255, 255, 255, 0.25)%3B stroke-width: 1px%3B %7D%3C/style%3E%3Cline x1='0%25' y1='0%25' x2='100%25' y2='100%25' vector-effect='non-scaling-stroke' /%3E%3Cline x1='0%25' y1='100%25' x2='100%25' y2='0%25' vector-effect='non-scaling-stroke' /%3E%3C/svg%3E");
    background-size: 100% 100% !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-color: #13151b
}

html.is-incomplete-svg .form-image-uploader.favicon.new .thumbnail {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cstyle%3Eline %7B stroke: rgba(255, 255, 255, 0.25)%3B stroke-width: 0.25px%3B %7D%3C/style%3E%3Cline x1='0%25' y1='0%25' x2='100%25' y2='100%25' vector-effect='non-scaling-stroke' /%3E%3Cline x1='0%25' y1='100%25' x2='100%25' y2='0%25' vector-effect='non-scaling-stroke' /%3E%3C/svg%3E");
    background-size: 100% 100% !important;
    background-repeat: no-repeat !important;
    background-position: center center !important
}

.form-image-uploader.avatar {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    min-height: 17.25em;
    width: 13em
}

.form-image-uploader.avatar .thumbnail {
    background-color: rgba(0, 0, 0, 0);
    border-radius: 13em;
    cursor: pointer;
    height: 13em;
    margin: 0 0 1.5em 0;
    overflow: hidden;
    width: 13em
}

.form-image-uploader.avatar .actions {
    margin-bottom: 0
}

.form-image-uploader.avatar.new .thumbnail {
    background-image: url("images/placeholders/avatar.svg")
}

@media screen and (max-width: 736px) {
    .form-image-uploader.avatar {
        align-items: center;
        flex-direction: row;
        justify-content: flex-start;
        min-height: 0;
        width: 100%
    }

    .form-image-uploader.avatar .thumbnail {
        border-radius: 7em;
        flex-grow: 0;
        flex-shrink: 0;
        height: 7em;
        margin: 0 2em 0 0;
        width: 7em
    }

    .form-image-uploader.avatar .actions {
        flex-grow: 1;
        flex-shrink: 1
    }
}

@media screen and (max-width: 480px) {
    .form-image-uploader.avatar .thumbnail {
        border-radius: 11em;
        height: 11em;
        width: 11em
    }
}

@media screen and (max-width: 360px) {
    .form-image-uploader.avatar .thumbnail {
        border-radius: 9em;
        height: 9em;
        width: 9em
    }
}

.form-image-uploader.is-dragOver .thumbnail {
    box-shadow: inset 0 0 0 2px #33ada9
}

.form-image-uploader.is-dragOver .thumbnail:before {
    box-shadow: inset 0 0 0 2px #33ada9
}

.form-image-uploader-modal {
    font-size: 12pt;
    background-color: #24252d;
    height: 100%;
    left: 0;
    min-width: 320px;
    opacity: 0;
    outline: 0;
    overflow: hidden;
    pointer-events: none;
    position: fixed;
    text-align: center;
    top: 0;
    transition: opacity .25s ease, visibility .25s;
    visibility: hidden;
    width: 100%;
    z-index: 10001
}

@media screen and (min-width: 1680px) {
    .form-image-uploader-modal {
        font-size: 15pt
    }
}

@media screen and (max-width: 736px) {
    .form-image-uploader-modal {
        font-size: 11pt
    }
}

.form-image-uploader-modal>.inner {
    -webkit-overflow-scrolling: touch;
    background: none;
    border-radius: 0;
    color: rgba(255, 255, 255, .75);
    cursor: default;
    display: flex;
    flex-direction: column;
    height: 100%;
    max-height: 100%;
    max-width: 100%;
    min-width: 0;
    opacity: 0;
    position: relative;
    transform: translateY(0.5em);
    transition-delay: 0s;
    transition: transform 0.3125s ease, opacity 0.25s ease;
    width: 100%
}

.form-image-uploader-modal.visible {
    opacity: 1;
    pointer-events: auto;
    visibility: visible
}

.form-image-uploader-modal.visible>.inner {
    opacity: 1;
    transform: translateY(0)
}

.form-image-uploader-modal .wrapper {
    align-items: center;
    background: none;
    display: flex;
    flex-grow: 1;
    flex-shrink: 1;
    height: 100%;
    justify-content: center;
    order: 3;
    width: 100%
}

.form-image-uploader-modal .wrapper .canvas-wrapper {
    border-radius: 6px;
    box-shadow: 0 0 0 .5em #353642
}

.form-image-uploader-modal .wrapper .canvas-wrapper canvas.image {
    left: 0;
    position: absolute;
    top: 0
}

.form-image-uploader-modal .wrapper .canvas-wrapper canvas.crop-mask {
    left: 0;
    position: absolute;
    top: 0
}

.form-image-uploader-modal .wrapper .canvas-wrapper .crop {
    cursor: -moz-grab;
    cursor: -webkit-grab;
    cursor: grab
}

.form-image-uploader-modal .wrapper .canvas-wrapper .crop.active {
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.form-image-uploader-modal .wrapper .canvas-wrapper .crop .controls {
    box-shadow: inset 0 0 0 2px #fff
}

.form-image-uploader-modal .wrapper .canvas-wrapper .crop .controls:before,
.form-image-uploader-modal .wrapper .canvas-wrapper .crop .controls:after {
    border: dashed 1px rgba(160, 160, 160, .875);
    content: "";
    display: block;
    position: absolute;
    z-index: -1
}

.form-image-uploader-modal .wrapper .canvas-wrapper .crop .controls:before {
    height: 33.3333%;
    left: 0;
    top: 33.3333%;
    width: 100%
}

.form-image-uploader-modal .wrapper .canvas-wrapper .crop .controls:after {
    height: 100%;
    left: 33.3333%;
    top: 0;
    width: 33.3333%
}

.form-image-uploader-modal .wrapper .canvas-wrapper .crop .controls .control {
    position: relative
}

.form-image-uploader-modal .wrapper .canvas-wrapper .crop .controls .control.top-left:before,
.form-image-uploader-modal .wrapper .canvas-wrapper .crop .controls .control.bottom-left:before,
.form-image-uploader-modal .wrapper .canvas-wrapper .crop .controls .control.top-right:before,
.form-image-uploader-modal .wrapper .canvas-wrapper .crop .controls .control.bottom-right:before,
.form-image-uploader-modal .wrapper .canvas-wrapper .crop .controls .control.top:before,
.form-image-uploader-modal .wrapper .canvas-wrapper .crop .controls .control.right:before,
.form-image-uploader-modal .wrapper .canvas-wrapper .crop .controls .control.bottom:before,
.form-image-uploader-modal .wrapper .canvas-wrapper .crop .controls .control.left:before {
    background: #8d73d5;
    border-radius: 100%;
    box-shadow: inset 0 0 0 2px #fff;
    content: "";
    height: 14px;
    left: calc(50% - 6px);
    position: absolute;
    top: calc(50% - 6px);
    width: 14px
}

.form-image-uploader-modal .wrapper .canvas-wrapper .crop .controls .control.bottom-left:before {
    margin-top: -2px
}

.form-image-uploader-modal .wrapper .canvas-wrapper .crop .controls .control.top-right:before {
    margin-left: -2px
}

.form-image-uploader-modal .wrapper .canvas-wrapper .crop .controls .control.bottom-right:before {
    margin-left: -2px;
    margin-top: -2px
}

.form-image-uploader-modal .wrapper .canvas-wrapper .crop .controls .control.right:before {
    margin-left: -2px
}

.form-image-uploader-modal .wrapper .canvas-wrapper .crop .controls .control.bottom:before {
    margin-top: -2px
}

.form-image-uploader-modal footer {
    order: 2
}

.form-image-uploader-modal footer>section {
    align-items: center;
    background: #3f414e;
    display: none;
    justify-content: center;
    padding: .625em;
    width: 100%
}

.form-image-uploader-modal footer>section.active {
    display: flex
}

.form-image-uploader-modal footer>section>.field {
    flex-grow: 1;
    flex-shrink: 1;
    margin-left: .625em;
    position: relative;
    width: 100%
}

.form-image-uploader-modal footer>section>.field:first-child {
    margin-left: 0
}

.form-image-uploader-modal footer>section>.field label {
    font-size: .6em;
    font-weight: normal;
    margin: 0 0 .5em 0;
    text-align: left;
    text-transform: uppercase
}

.form-image-uploader-modal footer>section>.field .reset {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='648' height='552' viewBox='0 0 467 552'%3E%3Cpath d='M250.4,276L440,465.5l-17,17L233.5,293L44,482.5l-17-17L216.5,276L27,86.5l17-17L233.5,259L423,69.5l17,17L250.4,276z' fill='%23ffffff' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: .875em;
    background-position: calc(100% - .375em);
    cursor: pointer;
    display: block;
    height: 2em;
    opacity: .5;
    position: absolute;
    right: -0.5em;
    top: -0.5em;
    transition: opacity .2s ease;
    width: 3em
}

.form-image-uploader-modal footer>section>.field .reset:hover {
    opacity: 1
}

.form-image-uploader-modal footer>section>.field .reset.disabled {
    cursor: default;
    opacity: 0 !important;
    pointer-events: none
}

.form-image-uploader-modal header {
    align-items: center;
    background: #353642;
    display: flex;
    flex-grow: 0;
    flex-shrink: 0;
    height: 3.75em;
    justify-content: space-between;
    line-height: 3.75em;
    order: 1;
    position: relative;
    width: 100%
}

.form-image-uploader-modal header>.menu {
    display: flex;
    flex-grow: 0;
    flex-shrink: 0;
    height: inherit;
    line-height: inherit;
    margin: 0 0 0 .5em;
    padding: 0
}

.form-image-uploader-modal header>.menu>div {
    align-items: center;
    border-radius: 6px;
    color: rgba(255, 255, 255, .75);
    cursor: pointer;
    display: flex;
    height: inherit;
    justify-content: center;
    line-height: inherit;
    position: relative;
    transition: color .2s ease, background-color .2s ease;
    width: 3.25em
}

.form-image-uploader-modal header>.menu>div svg {
    display: block;
    fill: rgba(255, 255, 255, .375);
    height: 1.5em;
    position: relative;
    top: 0;
    transition: fill 0.2s ease;
    width: 1.5em;
    z-index: 1
}

.form-image-uploader-modal header>.menu>div>span {
    align-items: center;
    display: flex;
    height: inherit;
    justify-content: center;
    position: relative;
    width: inherit
}

.form-image-uploader-modal header>.menu>div:hover svg {
    fill: #fff !important
}

.form-image-uploader-modal header>.menu>div.active>span:after {
    border-bottom: solid .625em #3f414e;
    border-left: solid .625em rgba(0, 0, 0, 0);
    border-right: solid .625em rgba(0, 0, 0, 0);
    bottom: 0;
    content: "";
    left: calc(50% - .625em);
    pointer-events: none;
    position: absolute;
    transition: none
}

.form-image-uploader-modal header>.menu>div.active svg {
    fill: rgba(255, 255, 255, .75)
}

.form-image-uploader-modal header>.menu>div.disabled {
    display: none
}

.form-image-uploader-modal header>.menu>div.clicked:before,
.form-image-uploader-modal header>.menu>div.clicked:after {
    display: none
}

.form-image-uploader-modal header>.actions {
    flex-grow: 0;
    flex-shrink: 0;
    margin: 0;
    padding-right: .625em
}

.form-image-uploader-modal header>.actions>li {
    padding-left: .625em
}

.form-image-uploader-modal header>.actions>li a {
    display: block
}

.form-image-uploader-modal header>.actions>li a.button {
    height: 3em;
    line-height: 3em;
    padding: 0 1.25em
}

.form-image-uploader-modal header>.actions>li a.button.do-cancel {
    box-shadow: none;
    color: rgba(255, 255, 255, .375) !important;
    font-weight: normal
}

.form-image-uploader-modal header>.actions>li a.button.do-cancel:hover {
    color: #fff !important
}

.form-image-uploader-modal header>.actions>li a.button.do-save {
    min-width: 8em
}

.form-image-uploader-modal.circle .wrapper .canvas-wrapper .crop {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0' y='0' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath fill='rgba(0,0,0,0.5)' d='M50,100c27.6,0,50-22.4,50-50v50H50z M50,0h50v50C100,22.4,77.6,0,50,0z M0,50V0h50C22.4,0,0,22.4,0,50z M50,100H0V50C0,77.6,22.4,100,50,100z' /%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.form-image-uploader-modal.circle .wrapper .canvas-wrapper .crop:before {
    border-radius: 100%;
    box-shadow: inset 0 0 0 2px #fff;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

@media screen and (max-height: 480px) {
    .form-image-uploader-modal .wrapper .canvas-wrapper {
        border-radius: 2px;
        box-shadow: 0 0 0 5px #353642
    }
}

@media screen and (max-width: 480px) {
    .form-image-uploader-modal .wrapper {
        min-width: 0
    }

    .form-image-uploader-modal .wrapper .canvas-wrapper {
        border-radius: 2px;
        box-shadow: 0 0 0 5px #353642
    }

    .form-image-uploader-modal header {
        height: 3.5em;
        line-height: 3.5em
    }

    .form-image-uploader-modal header>.menu {
        margin: 0 0 0 .25em
    }

    .form-image-uploader-modal header>.menu>div {
        width: 2.75em
    }

    .form-image-uploader-modal header>.actions {
        padding-right: .5em
    }

    .form-image-uploader-modal header>.actions>li a.button {
        height: 3.25em;
        line-height: 3.25em;
        padding: 0;
        width: 3.25em
    }

    .form-image-uploader-modal header>.actions>li a.button .label {
        display: none
    }

    .form-image-uploader-modal header>.actions>li a.button:not(.special) {
        box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .125)
    }

    .form-image-uploader-modal header>.actions>li a.button:not(.special):focus,
    .form-image-uploader-modal header>.actions>li a.button:not(.special):active {
        box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .75)
    }

    .form-image-uploader-modal header>.actions>li a.button.special {
        min-width: 0
    }

    .form-image-uploader-modal header>.actions>li a.button.do-save {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='648' height='552' viewBox='0 0 648 552'%3E%3Cpath d='M225.3,517.7L2.1,293.1l68.1-67.7L226,382.3L578.1,35.6l67.4,68.4L225.3,517.7z' fill='%23ffffff' /%3E%3C/svg%3E");
        background-position: center;
        background-repeat: no-repeat;
        background-size: 1.5em
    }

    .form-image-uploader-modal header>.actions>li a.button.do-change {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='648' height='552' viewBox='0 0 456 552'%3E%3Cpath d='M92.5,231.2l-17-16.9L229,59.7l152.5,154.6l-17.1,16.9L241,106v265.7h-24V105.9L92.5,231.2z M25,456.2v24h408v-24H25z' fill='%23ffffff' /%3E%3C/svg%3E");
        background-position: center;
        background-repeat: no-repeat;
        background-size: 2em
    }

    .form-image-uploader-modal header>.actions>li a.button.do-cancel {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='648' height='552' viewBox='0 0 467 552'%3E%3Cpath d='M250.4,276L440,465.5l-17,17L233.5,293L44,482.5l-17-17L216.5,276L27,86.5l17-17L233.5,259L423,69.5l17,17L250.4,276z' fill='%23ffffff' /%3E%3C/svg%3E");
        background-position: center;
        background-repeat: no-repeat;
        background-size: 1.5em
    }

    .form-image-uploader-modal header>.actions>li:first-child {
        display: none
    }

    .form-image-uploader-modal footer>section {
        flex-wrap: wrap;
        padding: .75em .5em
    }

    .form-image-uploader-modal footer>section>.field {
        margin-left: 0;
        margin-top: .5em;
        width: 50%
    }

    .form-image-uploader-modal footer>section>.field:nth-child(1),
    .form-image-uploader-modal footer>section>.field:nth-child(2) {
        margin-top: 0
    }

    .form-image-uploader-modal footer>section>.field:nth-child(2n) {
        padding-left: .25em
    }

    .form-image-uploader-modal footer>section>.field:nth-child(2n-1) {
        padding-right: .25em
    }
}

@media screen and (max-width: 360px) {
    .form-image-uploader-modal header>.menu>div {
        width: 2.375em
    }
}

body.is-touch .form-image-uploader-modal header>.menu>div:hover svg {
    fill: rgba(255, 255, 255, .375) !important
}

body.is-touch .form-image-uploader-modal header>.menu>div.active svg {
    fill: rgba(255, 255, 255, .75) !important
}

.form-video-uploader {
    position: relative;
    z-index: 1
}

.form-video-uploader input[type=text],
.form-video-uploader textarea {
    pointer-events: none;
    position: absolute;
    visbiility: hidden;
    opacity: 0
}

.form-video-uploader .thumbnail {
    width: 100%;
    height: 12em;
    background-color: #000;
    background-size: cover;
    cursor: pointer;
    border-radius: 6px;
    overflow: hidden
}

.form-video-uploader .thumbnail:before {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(36, 37, 45, .5);
    pointer-events: none;
    z-index: 1;
    border-radius: inherit
}

.form-video-uploader .thumbnail.disabled {
    pointer-events: none;
    opacity: .5
}

.form-video-uploader .thumbnail img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    pointer-events: none;
    z-index: 0;
    border: 0;
    border-radius: inherit
}

.form-video-uploader .inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    pointer-events: none
}

.form-video-uploader .inner .button {
    pointer-events: auto;
    min-width: 11em
}

.form-video-uploader .inner .button:not(.special) {
    box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .5)
}

.form-video-uploader .inner>* {
    margin: .75em 0
}

.form-video-uploader.new .thumbnail {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cstyle%3Eline %7B stroke: rgba(255, 255, 255, 0.25)%3B stroke-width: 1px%3B %7D%3C/style%3E%3Cline x1='0%25' y1='0%25' x2='100%25' y2='100%25' vector-effect='non-scaling-stroke' /%3E%3Cline x1='0%25' y1='100%25' x2='100%25' y2='0%25' vector-effect='non-scaling-stroke' /%3E%3C/svg%3E");
    background-size: 100% 100% !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-color: #13151b
}

.form-video-uploader.new .thumbnail:before {
    display: none
}

.form-video-uploader.new .thumbnail img {
    display: none
}

html.is-incomplete-svg .form-video-uploader.new .thumbnail {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cstyle%3Eline %7B stroke: rgba(255, 255, 255, 0.25)%3B stroke-width: 0.25px%3B %7D%3C/style%3E%3Cline x1='0%25' y1='0%25' x2='100%25' y2='100%25' vector-effect='non-scaling-stroke' /%3E%3Cline x1='0%25' y1='100%25' x2='100%25' y2='0%25' vector-effect='non-scaling-stroke' /%3E%3C/svg%3E");
    background-size: 100% 100% !important;
    background-repeat: no-repeat !important;
    background-position: center center !important
}

.form-video-uploader.is-dragOver .thumbnail {
    box-shadow: inset 0 0 0 2px #33ada9
}

.form-video-uploader.is-dragOver .thumbnail:before {
    box-shadow: inset 0 0 0 2px #33ada9
}

input[type=color],
input[type=hexcolor],
input[type=hexacolor] {
    margin: 0;
    padding: 0;
    opacity: 0
}

.form-color-picker {
    position: relative;
    border-radius: 6px
}

.form-color-picker.focus {
    box-shadow: 0 0 0 2px #33ada9
}

.form-color-picker.focus input {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.form-color-picker input {
    padding-left: 3.25em;
    text-transform: uppercase
}

.form-color-picker ::-webkit-input-placeholder {
    text-transform: lowercase
}

.form-color-picker :-moz-placeholder {
    text-transform: lowercase
}

.form-color-picker ::-moz-placeholder {
    text-transform: lowercase
}

.form-color-picker :-ms-input-placeholder {
    text-transform: lowercase
}

.form-color-picker .swatch {
    width: 2em;
    height: 2em;
    border-radius: 4.5px;
    display: block;
    border: solid 1px rgba(255, 255, 255, .075);
    position: absolute;
    top: .5em;
    left: .5em;
    pointer-events: none
}

.form-color-picker .content {
    position: relative;
    background: rgba(71, 73, 88, .475);
    padding: .75em;
    border-radius: 0 0 .25em .25em;
    border-top: solid 1px rgba(255, 255, 255, .075);
    width: 100%;
    display: none
}

.form-color-picker .content .inner {
    position: relative;
    height: auto
}

.form-color-picker .content .inner:after {
    content: "";
    clear: both;
    display: block
}

.form-color-picker .content .inner .picker {
    position: relative;
    display: block;
    width: calc(100% - 2.25em);
    height: 15em;
    float: left;
    margin-bottom: .75em
}

.form-color-picker .content .inner .picker:last-child {
    margin-bottom: 0
}

.form-color-picker .content .inner .picker .cursor {
    display: block;
    position: absolute;
    top: 25%;
    left: 25%;
    width: .65em;
    height: .65em;
    margin: -0.325em 0 0 -0.325em;
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px #000;
    border-radius: 100%;
    z-index: 1;
    pointer-events: none
}

.form-color-picker .content .inner .hueSlider {
    position: relative;
    display: block;
    width: 1.5em;
    margin-right: .75em;
    height: 15em;
    float: left
}

.form-color-picker .content .inner .hueSlider .cursor {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: .7em;
    margin-top: -0.3em;
    z-index: 1;
    pointer-events: none
}

.form-color-picker .content .inner .hueSlider .cursor:before {
    content: "";
    display: block;
    border-top: solid .3em rgba(0, 0, 0, 0);
    border-bottom: solid .3em rgba(0, 0, 0, 0);
    border-left: solid .3em #fff;
    position: absolute;
    left: -.45em;
    top: 0
}

.form-color-picker .content .inner .hueSlider .cursor:after {
    content: "";
    display: block;
    border-top: solid .3em rgba(0, 0, 0, 0);
    border-bottom: solid .3em rgba(0, 0, 0, 0);
    border-right: solid .3em #fff;
    position: absolute;
    right: -.45em;
    top: 0
}

.form-color-picker .content .inner .alphaSlider {
    position: relative;
    display: block;
    height: 1.5em;
    clear: both;
    width: 100%
}

.form-color-picker .content .inner .alphaSlider .cursor {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: .7em;
    margin-left: -0.3em;
    z-index: 1;
    pointer-events: none
}

.form-color-picker .content .inner .alphaSlider .cursor:before {
    content: "";
    display: block;
    border-left: solid .3em rgba(0, 0, 0, 0);
    border-right: solid .3em rgba(0, 0, 0, 0);
    border-top: solid .3em #fff;
    position: absolute;
    top: -.45em;
    left: 0
}

.form-color-picker .content .inner .alphaSlider .cursor:after {
    content: "";
    display: block;
    border-left: solid .3em rgba(0, 0, 0, 0);
    border-right: solid .3em rgba(0, 0, 0, 0);
    border-bottom: solid .3em #fff;
    position: absolute;
    bottom: -.45em;
    left: 0
}

.form-color-picker input:focus {
    box-shadow: none
}

.form-color-picker input:focus~.content {
    display: block
}

.form-color-picker.empty .swatch {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cstyle%3Eline %7B stroke: rgba(255, 255, 255, 0.25)%3B stroke-width: 1px%3B %7D%3C/style%3E%3Cline x1='0%25' y1='0%25' x2='100%25' y2='100%25' vector-effect='non-scaling-stroke' /%3E%3Cline x1='0%25' y1='100%25' x2='100%25' y2='0%25' vector-effect='non-scaling-stroke' /%3E%3C/svg%3E");
    background-size: 100% 100% !important;
    background-repeat: no-repeat !important;
    background-position: center center !important
}

html.is-incomplete-svg .form-color-picker.empty .swatch {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cstyle%3Eline %7B stroke: rgba(255, 255, 255, 0.25)%3B stroke-width: 2px%3B %7D%3C/style%3E%3Cline x1='0%25' y1='0%25' x2='100%25' y2='100%25' vector-effect='non-scaling-stroke' /%3E%3Cline x1='0%25' y1='100%25' x2='100%25' y2='0%25' vector-effect='non-scaling-stroke' /%3E%3C/svg%3E");
    background-size: 100% 100% !important;
    background-repeat: no-repeat !important;
    background-position: center center !important
}

.form-color-picker.right input {
    padding-right: 3.25em;
    padding-left: 0;
    text-align: right
}

.form-color-picker.right .swatch {
    left: auto;
    right: .5em
}

.form-color-picker.small input {
    font-size: .8em;
    height: 3.75em;
    line-height: 3.75em;
    padding-left: 3.7375em
}

.form-color-picker.small .swatch {
    width: 1.5em;
    height: 1.5em;
    top: .75em;
    left: .75em
}

.form-color-picker.small.right input {
    padding-left: 0;
    padding-right: 3.7375em
}

.form-color-picker.small.right .swatch {
    left: auto;
    right: .75em
}

.form-color-picker.small.focus input {
    font-size: 1em;
    height: 3em;
    line-height: 3em;
    padding-left: 3.25em
}

.form-color-picker.small.focus .swatch {
    width: 2em;
    height: 2em;
    top: .5em;
    left: .5em
}

.form-color-picker.small.focus.right input {
    padding-left: 0;
    padding-right: 3.25em
}

.form-color-picker.small.focus.right .swatch {
    left: auto;
    right: .5em
}

.form-color-picker.expand {
    z-index: 1
}

.form-color-picker.expand input {
    background: #353642
}

.form-color-picker.expand .content {
    background: #353642
}

.form-color-picker.expand.right {
    margin-left: calc(-0.5em - 2px)
}

@media screen and (max-width: 480px) {
    .form-color-picker .content .inner .picker {
        height: 7em
    }

    .form-color-picker .content .inner .hueSlider {
        height: 7em
    }

    .form-color-picker.small .content .inner .picker {
        height: 7em
    }

    .form-color-picker.small .content .inner .hueSlider {
        height: 7em
    }
}

.field:first-child:last-child .form-color-picker.small input,
.field.effective-last-child:first-child .form-color-picker.small input {
    font-size: 1em;
    height: 3em;
    line-height: 3em;
    padding-left: 3.25em
}

.field:first-child:last-child .form-color-picker.small .swatch,
.field.effective-last-child:first-child .form-color-picker.small .swatch {
    width: 2em;
    height: 2em;
    top: .5em;
    left: .5em
}

.field:first-child:last-child .form-color-picker.small.right input,
.field.effective-last-child:first-child .form-color-picker.small.right input {
    padding-left: 0;
    padding-right: 3.25em
}

.field:first-child:last-child .form-color-picker.small.right .swatch,
.field.effective-last-child:first-child .form-color-picker.small.right .swatch {
    left: auto;
    right: .5em
}

.form-resource-selector {
    background: rgba(71, 73, 88, .475);
    border-radius: 6px;
    border: none;
    color: inherit;
    display: block;
    outline: 0;
    position: relative;
    text-decoration: none;
    user-select: none;
    width: 100%
}

.form-resource-selector:focus {
    box-shadow: 0 0 0 2px #33ada9
}

.form-resource-selector .status {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='648' height='552' viewBox='0 0 456 552'%3E%3Cpath d='M434.5,185.5L228,392L21.5,185.5l17-17L228,358l189.5-189.5L434.5,185.5z' fill='rgba(255, 255, 255, 0.375)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.5em;
    background-position: calc(100% - .75em) center
}

.form-resource-selector .status .content {
    height: 3em
}

.form-resource-selector .content {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 1em;
    pointer-events: none;
    position: relative
}

.form-resource-selector .content .name {
    color: rgba(255, 255, 255, .75);
    display: block;
    transition: color .2s ease
}

.form-resource-selector ul.options {
    -webkit-overflow-scrolling: touch;
    backface-visibility: hidden;
    transform: translate3d(0, 0, 0);
    border-top: solid 1px rgba(255, 255, 255, .075);
    height: 24em;
    list-style: none;
    margin: 0;
    max-height: 60vh;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 0;
    scrollbar-color: rgba(81, 83, 98, .675) rgba(0, 0, 0, 0);
    scrollbar-width: thin
}

.form-resource-selector ul.options::-webkit-scrollbar {
    width: 10px
}

.form-resource-selector ul.options::-webkit-scrollbar-thumb {
    background: rgba(81, 83, 98, .675)
}

.form-resource-selector ul.options::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0)
}

.form-resource-selector ul.options ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.form-resource-selector ul.options ul[data-name]:before {
    background: rgba(71, 73, 88, .475);
    color: rgba(255, 255, 255, .375);
    content: attr(data-name);
    display: block;
    font-size: .6em;
    line-height: 1;
    padding: 1.6666666667em;
    pointer-events: none;
    text-transform: uppercase
}

.form-resource-selector ul.options li {
    cursor: pointer;
    padding: 0
}

.form-resource-selector ul.options li .content {
    height: 3em
}

.form-resource-selector ul.options li.selected {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='648' height='552' viewBox='0 0 648 552'%3E%3Cpath d='M225.3,517.7L2.1,293.1l68.1-67.7L226,382.3L578.1,35.6l67.4,68.4L225.3,517.7z' fill='%2333ada9' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1em;
    background-color: rgba(81, 83, 98, .675);
    background-position: calc(100% - .75em) center
}

.form-resource-selector ul.options li:hover .content .name {
    color: #fff
}

input[type=font] {
    margin: 0;
    opacity: 0;
    padding: 0
}

.form-resource-selector.fonts .content .name {
    color: rgba(255, 255, 255, .375);
    font-size: .6em;
    line-height: 1;
    text-transform: uppercase
}

.form-resource-selector.fonts .content img {
    display: block;
    filter: invert(1);
    flex-grow: 0;
    flex-shrink: 0;
    height: .9em;
    margin-top: .625em;
    max-width: calc(100% - 3em);
    opacity: .8;
    transition: opacity .2s ease;
    width: auto
}

.form-resource-selector.fonts .status .content {
    height: 3.975em
}

.form-resource-selector.fonts ul.options li .content {
    height: 3.75em
}

.form-resource-selector.fonts ul.options li .content img {
    transition: opacity .75s ease
}

.form-resource-selector.fonts ul.options li:hover .content img {
    opacity: 1
}

.form-resource-selector.fonts ul.options li[data-thumbnail-url] .content:after {
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-name: font-image-placeholder;
    animation-timing-function: linear;
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    background-position: 0% 0%;
    background-size: 200% 100%;
    background: rgba(255, 255, 255, .075);
    border-radius: .5em;
    bottom: 1em;
    content: "";
    display: block;
    height: .5em;
    left: 1em;
    position: absolute;
    width: 40%
}

.form-resource-selector.fonts ul.options li[data-thumbnail-url] .content img {
    opacity: 0 !important
}

@keyframes font-image-placeholder {
    0% {
        background-position: 100% 0%
    }

    100% {
        background-position: -100% 0%
    }
}

input[type=icon] {
    margin: 0;
    opacity: 0;
    padding: 0
}

.form-resource-selector.icons .content {
    align-items: center;
    flex-direction: row;
    justify-content: flex-start
}

.form-resource-selector.icons .content .name {
    order: 2;
    overflow: hidden;
    padding-right: 1em;
    text-overflow: ellipsis;
    white-space: nowrap
}

.form-resource-selector.icons .content img {
    display: block;
    filter: invert(1);
    flex-grow: 0;
    flex-shrink: 0;
    height: 40px;
    margin-right: .25em;
    opacity: .25;
    order: 1;
    transform: scale(0.75) translateX(-25%);
    transition: opacity .2s ease;
    width: 40px
}

.form-resource-selector.icons ul.options li .content img {
    transition: opacity .75s ease
}

.form-resource-selector.icons ul.options li:hover .content img {
    opacity: 1
}

.form-resource-selector.icons ul.options li[data-thumbnail-url] .content:after {
    animation-duration: .75s;
    animation-iteration-count: infinite;
    animation-name: icon-image-placeholder;
    animation-timing-function: ease;
    background: rgba(255, 255, 255, .075);
    border-radius: 1.25em;
    bottom: .875em;
    content: "";
    display: block;
    height: 1.25em;
    left: 1em;
    position: absolute;
    width: 1.25em
}

.form-resource-selector.icons ul.options li[data-thumbnail-url] .content img {
    opacity: 0 !important
}

@media screen and (max-width: 736px) {
    .form-resource-selector.icons .content img {
        margin-right: -0.5em;
        transform: scale(0.5) translateX(-50%)
    }
}

@keyframes icon-image-placeholder {
    0% {
        transform: scale(0.5)
    }

    50% {
        transform: scale(1)
    }

    100% {
        transform: scale(0.5)
    }
}

input[type=pattern] {
    margin: 0;
    opacity: 0;
    padding: 0
}

.form-resource-selector.patterns .status .content {
    align-items: center;
    flex-direction: row;
    height: auto;
    justify-content: flex-start;
    padding: .5em 1em .5em .5em
}

.form-resource-selector.patterns .status .content .name {
    order: 2;
    overflow: hidden;
    padding-right: 1.5em;
    text-overflow: ellipsis;
    white-space: nowrap
}

.form-resource-selector.patterns .status .content img {
    border-radius: 6px;
    border: solid 1px rgba(255, 255, 255, .125);
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    height: 2.5em;
    margin-right: .875em;
    opacity: 1;
    order: 1;
    transition: opacity .2s ease;
    width: 2.5em
}

.form-resource-selector.patterns ul.options {
    display: grid;
    gap: 1em;
    grid-template-columns: 1fr 1fr;
    padding: 1em
}

.form-resource-selector.patterns ul.options li {
    border-radius: 6px;
    min-width: 0
}

.form-resource-selector.patterns ul.options li .content {
    height: auto;
    padding: 0
}

.form-resource-selector.patterns ul.options li .content .name {
    color: rgba(255, 255, 255, .75);
    font-size: .6em;
    line-height: 1;
    margin: 0 0 1em 0;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
    width: 100%
}

.form-resource-selector.patterns ul.options li .content img {
    aspect-ratio: 1/1;
    display: block;
    transition: opacity .75s ease;
    width: 100%
}

.form-resource-selector.patterns ul.options li .content:before {
    aspect-ratio: 1/1;
    border-radius: 6px;
    border: solid 1px rgba(255, 255, 255, .125);
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    pointer-events: none;
    position: absolute;
    width: 100%
}

.form-resource-selector.patterns ul.options li[data-thumbnail-url] .content:after {
    animation-duration: .75s;
    animation-iteration-count: infinite;
    animation-name: pattern-image-placeholder;
    animation-timing-function: ease;
    background: rgba(255, 255, 255, .075);
    border-radius: 1.25em;
    bottom: calc(50% - 1.25em);
    content: "";
    display: block;
    height: 1.25em;
    left: calc(50% - .625em);
    position: absolute;
    width: 1.25em
}

.form-resource-selector.patterns ul.options li[data-thumbnail-url] .content img {
    opacity: 0 !important
}

.form-resource-selector.patterns ul.options li.selected {
    background: none
}

.form-resource-selector.patterns ul.options li.selected .content:before {
    border-color: #33ada9;
    box-shadow: 0 0 0 1px #33ada9
}

@keyframes pattern-image-placeholder {
    0% {
        transform: scale(0.5)
    }

    50% {
        transform: scale(1)
    }

    100% {
        transform: scale(0.5)
    }
}

.form-list {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    margin-bottom: -0.5em !important
}

.form-list>* {
    display: block
}

.form-list>.footer {
    user-select: none;
    margin-bottom: 0 !important;
    margin-top: -0.375em
}

.form-list>.footer>:last-child {
    margin-bottom: 0 !important
}

.form-list>.items>.item {
    display: flex;
    margin: 0 0 .75em 0
}

.form-list>.items>.item>.inner {
    flex-grow: 1;
    flex-shrink: 1
}

.form-list>.items>.item>.do-delete {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-touch-callout: none;
    align-items: center;
    color: rgba(255, 255, 255, .375);
    cursor: pointer;
    display: flex;
    flex-grow: 0;
    flex-shrink: 0;
    height: 100%;
    min-height: 3em;
    justify-content: flex-end;
    line-height: 1;
    text-align: center;
    transition: color .2s ease-in-out;
    width: 1.875em
}

.form-list>.items>.item>.do-delete>.label {
    display: none
}

.form-list>.items>.item>.do-delete>svg {
    display: block;
    fill: rgba(255, 255, 255, .375);
    height: 1.25em;
    transition: fill 0.2s ease;
    width: 1.25em
}

.form-list>.items>.item>.do-delete:hover {
    color: #fff
}

.form-list>.items>.item>.do-delete:hover>svg {
    fill: #fff
}

.form-list>.items>.item>.do-delete:not(.is-clicked):focus {
    outline: 0;
    transition: none
}

.form-list>.items>.item>.do-delete:not(.is-clicked):focus>svg {
    fill: #33ada9
}

.form-list[data-status=empty]>.items {
    display: none
}

.form-list[data-status=empty]>.footer {
    margin-top: -0.75em
}

.form-list[data-status=min]>.items>.item>.do-delete {
    display: none
}

.form-list[data-status=max] {
    margin-bottom: 0 !important
}

.form-list[data-status=max]>.footer {
    display: none
}

.form-list>textarea:disabled+.items {
    pointer-events: none;
    cursor: default
}

.form-list>textarea:disabled+.items input,
.form-list>textarea:disabled+.items select,
.form-list>textarea:disabled+.items textarea {
    pointer-events: none;
    opacity: .5
}

.form-list>textarea:disabled+.items+.footer .action-link {
    pointer-events: none;
    color: rgba(255, 255, 255, .375);
    cursor: default
}

.form-array {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    margin: 0 0 1.5em 0
}

.form-array>* {
    display: block
}

.form-array>.footer {
    margin-bottom: 0 !important
}

.form-array>.footer>:last-child {
    margin-bottom: 0 !important
}

.form-array>.items {
    display: flex;
    flex-direction: column;
    gap: .75em;
    margin: 0 0 1.3em 0;
    padding-left: 0 !important
}

.form-array>.items>* {
    border-radius: 6px;
    border: solid 1px rgba(255, 255, 255, .075)
}

.form-array>.items>.placeholder {
    background: rgba(71, 73, 88, .475)
}

.form-array>.items>.item:before {
    content: "";
    position: absolute;
    left: 0;
    height: .375em;
    margin-top: -0.375em;
    display: block;
    width: 100%
}

.form-array>.items>.item:after {
    content: "";
    position: absolute;
    left: 0;
    height: calc(0.375em + 2px);
    display: block;
    width: 100%
}

.form-array>.items>.item>.inner {
    border-top: solid 1px rgba(255, 255, 255, .075);
    display: flex;
    flex-wrap: wrap;
    padding: 1.5em 1.25em 0 1.25em
}

.form-array>.items>.item>.inner>* {
    width: 100%
}

.form-array>.items>.item>.footer {
    border-top: solid 1px rgba(255, 255, 255, .075);
    height: 3em;
    line-height: 3em;
    position: relative;
    text-align: center
}

.form-array>.items>.item>.footer>.actions {
    transition: opacity .2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    height: inherit;
    line-height: inherit
}

.form-array>.items>.item>.footer>.actions>* {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-touch-callout: none;
    align-items: center;
    color: rgba(255, 255, 255, .375);
    cursor: pointer;
    display: flex;
    flex-grow: 1;
    flex-shrink: 1;
    justify-content: center;
    height: inherit;
    line-height: inherit;
    text-align: center;
    transition: color .2s ease-in-out;
    width: 3em
}

.form-array>.items>.item>.footer>.actions>*>.label {
    display: none
}

.form-array>.items>.item>.footer>.actions>*>svg {
    display: block;
    fill: rgba(255, 255, 255, .375);
    height: 1.25em;
    transition: fill .2s ease;
    width: 1.25em
}

.form-array>.items>.item>.footer>.actions>*:hover {
    color: #fff
}

.form-array>.items>.item>.footer>.actions>*:hover>svg {
    fill: #fff
}

.form-array>.items>.item>.footer>.actions>.do-top>svg {
    transform: scaleY(-1)
}

.form-array>.items>.item>.header {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-touch-callout: none;
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 3em;
    justify-content: space-between;
    line-height: 3em;
    position: relative;
    user-select: none
}

.form-array>.items>.item>.header>.title {
    cursor: inherit;
    flex-grow: 1;
    flex-shrink: 1;
    overflow: hidden;
    padding: 2px 1.25em 0 1.25em;
    text-align: left;
    text-overflow: ellipsis;
    user-select: none;
    white-space: nowrap
}

.form-array>.items>.item>.header>.actions {
    transition: opacity .2s ease
}

.form-array>.items>.item>.header>.actions>* {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-touch-callout: none;
    align-items: center;
    color: rgba(255, 255, 255, .375);
    cursor: pointer;
    display: flex;
    flex-grow: 0;
    flex-shrink: 0;
    justify-content: center;
    line-height: 1;
    text-align: center;
    transition: color .2s ease-in-out;
    width: 3em
}

.form-array>.items>.item>.header>.actions>*>.label {
    display: none
}

.form-array>.items>.item>.header>.actions>*>svg {
    display: block;
    fill: rgba(255, 255, 255, .375);
    height: 1.25em;
    transition: fill .2s ease;
    width: 1.25em
}

.form-array>.items>.item>.header>.actions>*:hover {
    color: #fff
}

.form-array>.items>.item>.header>.actions>*:hover>svg {
    fill: #fff
}

.form-array>.items>.item>.header>.actions>.do-expand {
    transform: scaleY(-1)
}

.form-array>.items>.item.with-thumbnail>.header .thumbnail {
    background-size: cover;
    border-radius: 6px 0 0 0;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    height: 100%;
    position: relative;
    width: 3em;
    z-index: -1
}

.form-array>.items>.item.with-thumbnail>.header .thumbnail.is-disabled {
    display: none
}

.form-array>.items>.item.with-thumbnail>.header .thumbnail.asset {
    background-position: center
}

.form-array>.items>.item.with-thumbnail>.header .thumbnail.asset.is-unassigned {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cstyle%3Eline %7B stroke: rgba(255, 255, 255, 0.25)%3B stroke-width: 1px%3B %7D%3C/style%3E%3Cline x1='0%25' y1='0%25' x2='100%25' y2='100%25' vector-effect='non-scaling-stroke' /%3E%3Cline x1='0%25' y1='100%25' x2='100%25' y2='0%25' vector-effect='non-scaling-stroke' /%3E%3C/svg%3E");
    background-size: 100% 100% !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-color: #13151b
}

.form-array>.items>.item.with-thumbnail>.header .thumbnail.icon {
    border-right: solid 1px rgba(255, 255, 255, .075)
}

.form-array>.items>.item.with-thumbnail>.header .thumbnail.icon svg {
    fill: #fff;
    height: 1.5em;
    left: .75em;
    position: absolute;
    top: .75em;
    width: 1.5em
}

.form-array>.items>.item.with-thumbnail>.header .thumbnail.buttonIcon {
    border-right: solid 1px rgba(255, 255, 255, .075)
}

.form-array>.items>.item.with-thumbnail>.header .thumbnail.buttonIcon svg {
    fill: #fff;
    height: 1.5em;
    left: .75em;
    position: absolute;
    top: .75em;
    width: 1.5em
}

.form-array>.items>.item:focus {
    outline: 0
}

.form-array>.items>.item:focus:not(.is-clicked) {
    box-shadow: inset 0 0 0 2px #33ada9
}

.form-array>.items>.item.collapsed>.header .thumbnail {
    border-radius: 6px 0 0 6px
}

.form-array>.items>.item.collapsed>.header>.actions>.do-expand {
    transform: none
}

.form-array>.items>.item.collapsed>.inner {
    display: none
}

.form-array>.items>.item.collapsed>.footer {
    display: none
}

.form-array>.items>.item.is-dragging {
    background-color: rgba(53, 54, 66, .875);
    border-radius: 6px;
    box-shadow: 0 0 0 2px #33ada9;
    position: fixed;
    user-select: none;
    z-index: 20000
}

.form-array>.items>.item.is-dragging>.header {
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.form-array>.items>.item.is-dragging>.header .thumbnail {
    border-radius: 6px
}

.form-array>.items>.item.is-dropTarget {
    position: relative
}

.form-array>.items>.item.is-dropTarget.before:before {
    box-shadow: inset 0 1px 0 0 #33ada9, 0 -1px 0 0 #33ada9
}

.form-array>.items>.item.is-dropTarget.after:after {
    box-shadow: inset 0 -1px 0 0 #33ada9, 0 1px 0 0 #33ada9
}

.form-array.empty:before {
    border-radius: 6px;
    border: solid 1px rgba(255, 255, 255, .075);
    color: rgba(255, 255, 255, .25);
    content: "Empty";
    display: block;
    height: 3em;
    line-height: 3em;
    margin: 0 0 1.3em 0;
    text-align: center;
    width: 100%
}

.form-array.empty .items {
    display: none
}

.form-array.is-min>.items>.item>.footer {
    display: none
}

.form-array.is-dragging {
    user-select: none
}

.form-array.is-dragging .items .item:not(.is-dragging)>* {
    pointer-events: none
}

.form-array.is-disabled {
    pointer-events: none;
    opacity: .5
}

.form-array.is-disabled .items>* {
    pointer-events: none
}

@media screen and (max-width: 736px) {
    .form-array>.items>.item>.header {
        height: 3.3em;
        line-height: 3.3em
    }
}

ol {
    list-style: decimal;
    margin: 0 0 2em 0;
    padding-left: 1.25em
}

ol li {
    padding-left: .25em
}

ul {
    list-style: disc;
    margin: 0 0 2em 0;
    padding-left: 1em
}

ul li {
    padding-left: .5em
}

ul.checklist {
    padding-left: 0;
    list-style: none;
    text-align: left;
    max-width: 100%
}

ul.checklist>li {
    padding-left: 2em;
    position: relative
}

ul.checklist>li:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='648' height='552' viewBox='0 0 648 552'%3E%3Cpath d='M225.3,517.7L2.1,293.1l68.1-67.7L226,382.3L578.1,35.6l67.4,68.4L225.3,517.7z' fill='%2333ada9' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1em;
    background-position: left;
    display: block;
    width: 1.5em;
    height: 1.5em;
    content: "";
    color: #33ada9;
    position: absolute;
    top: .125em;
    left: 0
}

ul.checklist>li.add {
    padding-left: 3em
}

ul.checklist>li.add:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='648' height='552' viewBox='0 0 456 552'%3E%3Cpath d='M432,288H239.5v192.5h-24V288H24v-24h191.5V72.5h24V264H432V288z' fill='%2333ada9' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 2.25em;
    width: 1.75em;
    height: 1.75em
}

ul.checklist>li.add-item {
    padding-left: 3em
}

ul.checklist>li.add-item:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='648' height='552' viewBox='0 0 528 552'%3E%3Cpath d='M48,384h192v24H24V72h384v168h-24V96H48V384z M504,384h-96v-96h-24v96h-96v24h96v96h24v-96h96V384z' fill='%2333ada9' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 2.25em;
    width: 1.75em;
    height: 1.75em
}

ul.checklist>li.archive {
    padding-left: 3em
}

ul.checklist>li.archive:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='648' height='552' viewBox='0 0 456 552'%3E%3Cpath d='M420.8,180L420,480H36V180H24V72h12h12h384v12v12v84H420.8z M60,456h336l0.8-264H60V456z M408,96H48v72h360V96z M168,252h120v24H168V252z' fill='%2333ada9' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 2.25em;
    width: 1.75em;
    height: 1.75em
}

ul.checklist>li.ascend {
    padding-left: 3em
}

ul.checklist>li.ascend:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='648' height='552' viewBox='0 0 456 552'%3E%3Cpath d='M432,396v24H204h-12h-12V118L50.5,248.5l-17-16.9L192,71.9l158.5,159.7l-17,16.9L204,118v278H432z' fill='%2333ada9' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 2.25em;
    width: 1.75em;
    height: 1.75em
}

ul.checklist>li.bell {
    padding-left: 3em
}

ul.checklist>li.bell:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='648' height='552' viewBox='0 0 504 552'%3E%3Cpath d='M480,428.8v3.2c0,19.9-16.1,36-36,36H338.2c0.5-3.9,0.8-7.9,0.8-12v-12h105c5.7,0,10.5-4,11.7-9.3L414,363.2V204 c0-98.9-84-144-162-144c-78,0-162,45.1-162,144v159.2l-41.7,71.5c1.2,5.3,6,9.3,11.7,9.3h105v12c0,4.1,0.3,8.1,0.8,12H60 c-19.9,0-36-16.1-36-36v-3.2l42-72V204c0-52.5,20.8-96.5,60.1-127.2c25.6-20,58.8-33.4,94.1-38.5c-0.1,1.2-0.2,2.5-0.2,3.7h64 c0-1.3-0.1-2.5-0.2-3.7c35.3,5.1,68.5,18.5,94.1,38.5C417.2,107.5,438,151.5,438,204v152.8L480,428.8z M339,456 c0,4.1-0.3,8.1-0.8,12c-5.9,42.3-42.3,75-86.2,75s-80.3-32.7-86.2-75c-0.5-3.9-0.8-7.9-0.8-12v-12h174V456z M313.9,468H190.2 c5.6,29,31.2,51,61.9,51S308.3,497,313.9,468z M284,42c0-1.3-0.1-2.5-0.2-3.7C282,22.4,268.4,10,252,10 c-16.4,0-29.9,12.4-31.8,28.3c-0.1,1.2-0.2,2.5-0.2,3.7H284z' fill='%2333ada9' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 2.25em;
    width: 1.75em;
    height: 1.75em
}

ul.checklist>li.brush {
    padding-left: 3em
}

ul.checklist>li.brush:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='648' height='552' viewBox='0 0 456 552'%3E%3Cpath d='M537.9,251L298.9,11.9L151.6,189.2c-8.7,5.5-40.2,27.4-40.2,53.9c0,14.4,9.8,27.7,20.1,41.6c8,10.8,16.2,22,19.1,32.7 c2.7,10,1.6,14.6-4.8,20.7c-3.9,3.7-11.6,10.2-20.6,17.6c-48.8,40.7-97,82.9-102,113.7c-2.2,13.8,4.9,20.5,10,25.3 c0.8,0.8,1.7,1.6,2.7,2.6c0.8,0.8,1.8,1.8,2.9,3c13.8,14.3,26.3,26.2,38.3,26.2c1,0,1.9-0.1,2.9-0.2c31.3-5.1,74.2-54.1,115.5-103.8 c6.7-8.1,12.5-15.1,16-18.8c6-6.5,9.1-7.7,20.6-4.7c11,2.9,22.8,11.7,34.3,20.3c14.3,10.7,27.9,20.7,41.8,20.7 c26.5,0,48.1-31.8,53.6-40.6L537.9,251z M300.5,47.5l44,44l-26.8,26.8l17,17l26.8-26.8l31.2,31.2l-26.8,26.8l17,17l26.8-26.8 l31.9,31.9l-26.8,26.8l17,17l26.8-26.8l44,44L353.3,375.1l-88.7-88.7l-88.8-88.8L300.5,47.5z M308.3,415.9c-6,0-17.4-8.5-27.5-16 c-12.7-9.4-27.1-20.1-42.5-24.2c-19.4-5.2-31.9-1.9-44.3,11.6c-3.9,4.2-9.6,11.1-16.8,19.8c-22.3,26.9-74.1,89.4-99.7,95.2 c-3.6-1.5-10.7-7.8-21.3-18.7c-1.3-1.3-2.3-2.4-3.2-3.3c-1.2-1.2-2.3-2.2-3.3-3.1c-1-0.9-2.3-2.2-2.9-2.9c0-0.2,0-0.6,0.1-1.1 c0.9-5.6,6.6-19.2,34.3-46.7c19.2-19,42.4-38.3,59.3-52.4c9.6-8,17.3-14.4,21.8-18.7c12.8-12.2,16.4-25.9,11.4-44.3 c-4.1-15.1-14.1-28.7-23-40.8c-7.6-10.3-15.4-20.9-15.4-27.4c0-9.5,12.5-21.5,22.7-29.2l89.7,89.7l89.4,89.4 C329.1,404,317.1,415.9,308.3,415.9z' fill='%2333ada9' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 2.25em;
    width: 1.75em;
    height: 1.75em
}

ul.checklist>li.check {
    padding-left: 3em
}

ul.checklist>li.check:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='648' height='552' viewBox='0 0 648 552'%3E%3Cpath d='M616.2,90.3L221.6,478.9l-198-199.2l17-16.9l181.1,182.2L599.3,73.2L616.2,90.3z' fill='%2333ada9' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 2.25em;
    width: 1.75em;
    height: 1.75em
}

ul.checklist>li.check-heavy {
    padding-left: 3em
}

ul.checklist>li.check-heavy:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='648' height='552' viewBox='0 0 648 552'%3E%3Cpath d='M225.3,517.7L2.1,293.1l68.1-67.7L226,382.3L578.1,35.6l67.4,68.4L225.3,517.7z' fill='%2333ada9' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 2.25em;
    width: 1.75em;
    height: 1.75em
}

ul.checklist>li.cancel {
    padding-left: 3em
}

ul.checklist>li.cancel:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='648' height='552' viewBox='0 0 467 552'%3E%3Cpath d='M250.4,276L440,465.5l-17,17L233.5,293L44,482.5l-17-17L216.5,276L27,86.5l17-17L233.5,259L423,69.5l17,17L250.4,276z' fill='%2333ada9' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 2.25em;
    width: 1.75em;
    height: 1.75em
}

ul.checklist>li.cancel-heavy {
    padding-left: 3em
}

ul.checklist>li.cancel-heavy:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='648' height='552' viewBox='0 0 467 552'%3E%3Cpath d='M301.4,276l164.1,164.1l-67.9,67.9L233.5,343.9L69.4,507.9L1.5,440.1L165.6,276L1.5,111.9l67.9-67.9l164.1,164.1L397.5,44.1 l67.9,67.9L301.4,276z' fill='%2333ada9' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 2.25em;
    width: 1.75em;
    height: 1.75em
}

ul.checklist>li.copy {
    padding-left: 3em
}

ul.checklist>li.copy:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='648' height='552' viewBox='0 0 528 552'%3E%3Cpath d='M384,192V72H24v288h120v120h360V192H384z M48,336V96h312v96H144v144H48z M480,456H168v-96V216h216h96V456z' fill='%2333ada9' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 2.25em;
    width: 1.75em;
    height: 1.75em
}

ul.checklist>li.delete {
    padding-left: 3em
}

ul.checklist>li.delete:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='648' height='552' viewBox='0 0 432 552'%3E%3Cpath d='M228,444h-24V204h24V444z M156,204h-24v240h24V204z M300,204h-24v240h24V204z M408,180h-24.9l-24,312H72.9l-24-312H24V96 h132V36h114v60h138V180z M180,96h66V60h-66V96z M48,156h336v-36H270H156H48V156z M359,180H73l22.2,288h241.8L359,180z' fill='%2333ada9' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 2.25em;
    width: 1.75em;
    height: 1.75em
}

ul.checklist>li.chevron-down {
    padding-left: 3em
}

ul.checklist>li.chevron-down:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='648' height='552' viewBox='0 0 456 552'%3E%3Cpath d='M434.5,185.5L228,392L21.5,185.5l17-17L228,358l189.5-189.5L434.5,185.5z' fill='%2333ada9' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 2.25em;
    width: 1.75em;
    height: 1.75em
}

ul.checklist>li.chevron-down-heavy {
    padding-left: 3em
}

ul.checklist>li.chevron-down-heavy:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='648' height='552' viewBox='0 0 504 552'%3E%3Cpath d='M483.9,210.9L252,442.9L20.1,210.9l67.9-67.9L252,307.1l164.1-164.1L483.9,210.9z' fill='%2333ada9' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 2.25em;
    width: 1.75em;
    height: 1.75em
}

ul.checklist>li.chevron-right {
    padding-left: 3em
}

ul.checklist>li.chevron-right:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='648' height='552' viewBox='0 0 276 552'%3E%3Cpath d='M251.6,276L45.2,482.5l-17-17L217.7,276L28.2,86.5l17-17L251.6,276z' fill='%2333ada9' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 2.25em;
    width: 1.75em;
    height: 1.75em
}

ul.checklist>li.chevron-right-heavy {
    padding-left: 3em
}

ul.checklist>li.chevron-right-heavy:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='648' height='552' viewBox='0 0 348 552'%3E%3Cpath d='M325.2,276L93.3,507.9l-67.9-67.9L189.5,276L25.4,111.9l67.9-67.9L325.2,276z' fill='%2333ada9' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 2.25em;
    width: 1.75em;
    height: 1.75em
}

ul.checklist>li.comment {
    padding-left: 3em
}

ul.checklist>li.comment:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='648' height='552' viewBox='0 0 552 552'%3E%3Cpath d='M120,150h312v24H120V150z M120,258h312v-24H120V258z M120,342h312v-24H120V342z M528,90v312c0,19.9-16.1,36-36,36h-60v109 L295.8,438H60c-19.9,0-36-16.1-36-36V90c0-19.9,16.1-36,36-36h432C511.9,54,528,70.1,528,90z M504,90c0-6.6-5.4-12-12-12H60 c-6.6,0-12,5.4-12,12v312c0,6.6,5.4,12,12,12h244.2L408,497v-83h84c6.6,0,12-5.4,12-12V90z' fill='%2333ada9' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 2.25em;
    width: 1.75em;
    height: 1.75em
}

ul.checklist>li.component-audio {
    padding-left: 3em
}

ul.checklist>li.component-audio:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='648' height='552' viewBox='0 0 432 552'%3E%3Cpath d='M407.9,63.4l-264,52.8v238.2c-12.7-11.4-29.6-18.3-48-18.3c-39.8,0-72,32.2-72,72c0,39.8,32.2,72,72,72  c39.8,0,72-32.2,72-72c0,0,0,0,0,0V135.8l216-43.2L383.5,306c-12.7-11.2-29.3-18-47.6-18c-39.8,0-72,32.2-72,72  c0,39.8,32.2,72,72,72c39.8,0,72-32.2,72-72c0-2.8-0.2-5.5-0.5-8.3L407.9,63.4z' fill='%2333ada9' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 2.25em;
    width: 1.75em;
    height: 1.75em
}

ul.checklist>li.component-background {
    padding-left: 3em
}

ul.checklist>li.component-background:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='648' height='552' viewBox='0 0 552 552'%3E%3Cpath d='M24,24v504h504V24H24z M253,270L48,475V65L253,270z M65,48H475L270,253L65,48z M270,287l217,217H53L270,287z M504,53V487  L287,270L504,53z' fill='%2333ada9' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 2.25em;
    width: 1.75em;
    height: 1.75em
}

ul.checklist>li.component-container {
    padding-left: 3em
}

ul.checklist>li.component-container:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='648' height='552' viewBox='0 0 600 552'%3E%3Cpath d='M528,432h48v48h-48V432z M122.7,480h50.7v-48h-50.7V480z M224,480h50.7v-48H224V480z M426.7,480h50.7v-48h-50.7V480z  M325.3,480H376v-48h-50.7V480z M24,480h48v-48H24V480z M24,387.4h48v-44.6H24V387.4z M24,209.1h48v-44.6H24V209.1z M24,298.3h48 v-44.6H24V298.3z M24,120h48V72H24V120z M173.3,72h-50.7v48h50.7V72z M477.3,72h-50.7v48h50.7V72z M325.3,120H376V72h-50.7V120z  M274.7,72H224v48h50.7V72z M528,72v48h48V72H528z M528,209.1h48v-44.6h-48V209.1z M528,387.4h48v-44.6h-48V387.4z M528,298.3h48 v-44.6h-48V298.3z' fill='%2333ada9' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 2.25em;
    width: 1.75em;
    height: 1.75em
}

ul.checklist>li.component-control {
    padding-left: 3em
}

ul.checklist>li.component-control:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='648' height='552' viewBox='0 0 456 552'%3E%3Cpath d='M432,216v-24H327.4l21-117.9l-23.6-4.2L303,192H183l20.9-117.4l-23.6-4.2L158.6,192H24v24h130.3L133,336H24v24h104.7 l-21,118.4l23.6,4.2L153.1,360h120l-21,117.9l23.6,4.2L297.5,360H432v-24H301.8l21.3-120H432z M277.4,336h-120l21.3-120h120 L277.4,336z' fill='%2333ada9' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 2.25em;
    width: 1.75em;
    height: 1.75em
}

ul.checklist>li.component-embed {
    padding-left: 3em
}

ul.checklist>li.component-embed:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='648' height='552' viewBox='0 0 576 552'%3E%3Cpath d='M551.1,277.1L416.3,410.9l-16.9-17l117.5-116.7L399.4,161.3l16.9-17.1L551.1,277.1z M176.6,161.3l-16.9-17.1L24.9,277.1  l134.7,133.8l16.9-17L59.1,277.2L176.6,161.3z M199,451.3l22.1,9.4l156-366L355,85.3L199,451.3z' fill='%2333ada9' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 2.25em;
    width: 1.75em;
    height: 1.75em
}

ul.checklist>li.component-form {
    padding-left: 3em
}

ul.checklist>li.component-form:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='648' height='552' viewBox='0 0 600 552'%3E%3Cpath d='M540,48H60c-19.9,0-36,16.1-36,36v384c0,19.9,16.1,36,36,36h480c19.9,0,36-16.1,36-36V84C576,64.1,559.9,48,540,48z   M552,468c0,6.6-5.4,12-12,12H60c-6.6,0-12-5.4-12-12V84c0-6.6,5.4-12,12-12h480c6.6,0,12,5.4,12,12V468z M120,156h360v48H120V156z   M120,252h360v48H120V252z M120,348h120v48H120V348z' fill='%2333ada9' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 2.25em;
    width: 1.75em;
    height: 1.75em
}

ul.checklist>li.component-image {
    padding-left: 3em
}

ul.checklist>li.component-image:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='648' height='552' viewBox='0 0 552 552'%3E%3Cpath d='M24,72v408h504V72H24z M504,96v151l-72-72L252,355l-84-84L48,391V96H504z M48,456v-31l120-120l117.5,117.5l17-17L269,372 l163-163l72,72v175H48z M168,233.4c26.3,0,47.7-21.4,47.7-47.7S194.3,138,168,138s-47.7,21.4-47.7,47.7S141.7,233.4,168,233.4z M168,162c13.1,0,23.7,10.6,23.7,23.7c0,13.1-10.6,23.7-23.7,23.7s-23.7-10.6-23.7-23.7C144.3,172.6,154.9,162,168,162z' fill='%2333ada9' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 2.25em;
    width: 1.75em;
    height: 1.75em
}

ul.checklist>li.component-main {
    padding-left: 3em
}

ul.checklist>li.component-main:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='648' height='552' viewBox='0 0 552 552'%3E%3Cpath d='M24,24v504h504V24H24z M504,504H48V48h456V504z M432,246H120v-24h312V246z M432,162H120v-24h312V162z M432,330H120v-24h312  V330z M432,414H120v-24h312V414z' fill='%2333ada9' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 2.25em;
    width: 1.75em;
    height: 1.75em
}

ul.checklist>li.component-text {
    padding-left: 3em
}

ul.checklist>li.component-text:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='648' height='552' viewBox='0 0 456 552'%3E%3Cpath d='M406.4,456L225.9,67.2L49.6,456H24v24h96v-24H75.9l46.3-102h150.7l46.9,102H288v24h144v-24H406.4z M133.1,330l63.9-140.9  L261.8,330H133.1z' fill='%2333ada9' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 2.25em;
    width: 1.75em;
    height: 1.75em
}

ul.checklist>li.component-timer {
    padding-left: 3em
}

ul.checklist>li.component-timer:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='648' height='552' viewBox='0 0 456 552'%3E%3Cpath d='M432,288c0,112.7-91.3,204-204,204S24,400.7,24,288c0-108.6,84.9-197.4,192-203.6V108h12c-48.1,0-93.3,18.7-127.3,52.7  C66.7,194.7,48,239.9,48,288s18.7,93.3,52.7,127.3c34,34,79.2,52.7,127.3,52.7s93.3-18.7,127.3-52.7c34-34,52.7-79.2,52.7-127.3  s-18.7-93.3-52.7-127.3c-34-34-79.2-52.7-127.3-52.7h12V84.4C347.1,90.6,432,179.4,432,288z M228,108h12V84.4V36h48V12H168v24h48  v48.4V108H228z M308.7,351.5L240,283l0.2-103l-24-0.1L216,293l75.8,75.5L308.7,351.5z' fill='%2333ada9' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 2.25em;
    width: 1.75em;
    height: 1.75em
}

ul.checklist>li.component-video {
    padding-left: 3em
}

ul.checklist>li.component-video:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='648' height='552' viewBox='0 0 600 552'%3E%3Cpath d='M529.6,108L420,201.9V132c0-19.9-16.1-36-36-36H60c-19.9,0-36,16.1-36,36v288c0,19.9,16.1,36,36,36h324  c19.9,0,36-16.1,36-36v-69.9L529.6,444H576V108H529.6z M396,420c0,6.6-5.4,12-12,12H60c-6.6,0-12-5.4-12-12V132c0-6.6,5.4-12,12-12  h324c6.6,0,12,5.4,12,12v90.5v107V420z M552,420h-13.6L420,318.5v-85L538.4,132H552V420z' fill='%2333ada9' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 2.25em;
    width: 1.75em;
    height: 1.75em
}

ul.checklist>li.component-widget {
    padding-left: 3em
}

ul.checklist>li.component-widget:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='648' height='552' viewBox='0 0 504 552'%3E%3Cpath d='M479.9,149.4c0,0,0-0.1,0-0.1c-0.1-0.5-0.2-0.9-0.3-1.3c0-0.1,0-0.1,0-0.2c-0.1-0.4-0.3-0.8-0.4-1.3c0-0.1-0.1-0.1-0.1-0.2  c-0.2-0.4-0.4-0.8-0.6-1.2c0-0.1-0.1-0.1-0.1-0.2c-0.2-0.4-0.5-0.8-0.7-1.1c0,0-0.1-0.1-0.1-0.1c-0.3-0.4-0.6-0.7-0.9-1.1  c0,0,0,0-0.1-0.1c-0.3-0.3-0.7-0.7-1.1-1c0,0,0,0,0,0c-0.4-0.3-0.8-0.6-1.2-0.8c0,0-0.1,0-0.1-0.1c0,0,0,0,0,0  c-0.3-0.2-0.5-0.3-0.8-0.5L258,30.7c-3.4-1.7-7.5-1.7-10.9,0l-214,108.6c-1.2,0.3-2.4,0.8-3.5,1.4c-3.5,2.2-5.7,6.1-5.7,10.2v223  c0,4.1,2.1,8,5.6,10.2l213.5,134.1c0.8,0.9,1.8,1.7,2.9,2.3c1.8,1,3.8,1.5,5.8,1.5c0.1,0,0.3,0,0.4,0c0.1,0,0.3,0,0.4,0  c2,0,4-0.5,5.8-1.5c1.1-0.6,2.1-1.4,2.9-2.3l213.1-134.1c3.5-2.2,5.6-6,5.6-10.2v-223C480,150.4,480,149.9,479.9,149.4z   M252.6,54.9l188.8,96L252.2,246l-137.9-69.2l-51-25.9L252.6,54.9z M48,170.3l55.6,27.9l136.3,69.1v220.4L48,367.3V170.3z   M264.6,487.8v-220L456,170.5v196.8L264.6,487.8z' fill='%2333ada9' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 2.25em;
    width: 1.75em;
    height: 1.75em
}

ul.checklist>li.component-list {
    padding-left: 3em
}

ul.checklist>li.component-list:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='648' height='552' viewBox='0 0 456 552'%3E%3Cpath d='M144,264h288v24H144V264z M144,120v24h288v-24H144z M144,432h288v-24H144V432z M57,100c-17.7,0-32,14.3-32,32s14.3,32,32,32 c17.7,0,32-14.3,32-32S74.7,100,57,100z M57,244c-17.7,0-32,14.3-32,32s14.3,32,32,32c17.7,0,32-14.3,32-32S74.7,244,57,244z M57,388c-17.7,0-32,14.3-32,32c0,17.7,14.3,32,32,32c17.7,0,32-14.3,32-32C89,402.3,74.7,388,57,388z' fill='%2333ada9' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 2.25em;
    width: 1.75em;
    height: 1.75em
}

ul.checklist>li.component-slideshow {
    padding-left: 3em
}

ul.checklist>li.component-slideshow:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='648' height='552' viewBox='0 0 552 552'%3E%3Cpath d='M408,120h-24h-96h-24h-96h-24H48H24v312h24h96h24h96h24h96h24h96h24V120h-24H408z M504,144v95.3L432.3,183L239.7,321.4 l-71.8-47.9L48,355.3V144H504z M48,408v-23.7l120.1-81.9L287.3,382l13.3-20l-39.6-26.4L431.7,213l72.3,56.8V408H48z M168,258 c26.3,0,47.7-21.4,47.7-47.7s-21.4-47.7-47.7-47.7s-47.7,21.4-47.7,47.7S141.7,258,168,258z M168,186.6c13.1,0,23.7,10.6,23.7,23.7 c0,13.1-10.6,23.7-23.7,23.7s-23.7-10.6-23.7-23.7C144.3,197.2,154.9,186.6,168,186.6z M528,24v24v72h-24V48h-96v72h-24V48h-96v72 h-24V48h-96v72h-24V48H48v72H24V48V24H528z M504,432h24v72v24H24v-24v-72h24v72h96v-72h24v72h96v-72h24v72h96v-72h24v72h96V432z' fill='%2333ada9' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 2.25em;
    width: 1.75em;
    height: 1.75em
}

ul.checklist>li.contract {
    padding-left: 3em
}

ul.checklist>li.contract:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='648' height='552' viewBox='0 0 456 552'%3E%3Cpath d='M299,222h81.3v24H258V123.7h24V205L423.5,63.5l17,17L299,222z M75.7,330H157L15.5,471.5l17,17L174,347v81.3h24V306H75.7  V330z' fill='%2333ada9' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 2.25em;
    width: 1.75em;
    height: 1.75em
}

ul.checklist>li.cycle {
    padding-left: 3em
}

ul.checklist>li.cycle:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='648' height='552' viewBox='0 0 456 552'%3E%3Cpath d='M116.5,194.6l-17-16.9L228,48l128.5,129.7l-17,16.9L228,82.1L116.5,194.6z M228,469.9L116.5,357.4l-17,16.9L228,504 l128.5-129.7l-17-16.9L228,469.9z' fill='%2333ada9' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 2.25em;
    width: 1.75em;
    height: 1.75em
}

ul.checklist>li.desktop {
    padding-left: 3em
}

ul.checklist>li.desktop:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='648' height='552' viewBox='0 0 552 552'%3E%3Cpath d='M492,60H60c-19.9,0-36,16.1-36,36v276c0,19.9,16.1,36,36,36h204v60H144v24h264v-24H288v-60h204c19.9,0,36-16.1,36-36V96  C528,76.1,511.9,60,492,60z M504,372c0,6.6-5.4,12-12,12H60c-6.6,0-12-5.4-12-12v-48h456V372z M504,300H48V96c0-6.6,5.4-12,12-12  h432c6.6,0,12,5.4,12,12V300z' fill='%2333ada9' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 2.25em;
    width: 1.75em;
    height: 1.75em
}

ul.checklist>li.download {
    padding-left: 3em
}

ul.checklist>li.download:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='648' height='552' viewBox='0 0 456 552'%3E%3Cpath d='M229,384.8L75.5,230.2l17-16.9L217,338.6V72.8h24v265.7l123.5-125.2l17.1,16.9L229,384.8z M25,456.3v24h408v-24H25z' fill='%2333ada9' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 2.25em;
    width: 1.75em;
    height: 1.75em
}

ul.checklist>li.earth {
    padding-left: 3em
}

ul.checklist>li.earth:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='648' height='552' viewBox='0 0 552 552'%3E%3Cpath d='M276,24C136.8,24,24,136.8,24,276s112.8,252,252,252s252-112.8,252-252S415.2,24,276,24z M503.7,264h-99.8  c-0.8-34.9-5.3-68-12.6-97.8c25.1-6.4,48.3-14.8,68.6-25.1c10.5,14.3,19.3,29.7,26.3,46.2C496.4,211.7,502.3,237.5,503.7,264z   M367.8,380.6c-25.4-4.9-52.3-7.8-79.8-8.4V288h91.9c-0.7,28.1-3.8,55.3-9.4,81C369.6,373,368.7,376.8,367.8,380.6z M181.5,369  c-5.5-25.8-8.7-53-9.4-81H264v84.2c-27.5,0.7-54.4,3.5-79.8,8.4C183.3,376.8,182.4,373,181.5,369z M184.2,171.4  c25.4,4.9,52.3,7.8,79.8,8.4V264h-91.9c0.7-28.1,3.8-55.3,9.4-81C182.4,179,183.3,175.2,184.2,171.4z M288,49.8  c20.4,5.9,40.7,26.7,57.1,58.9c6.1,12.1,11.5,25.3,16.1,39.6c-23.3,4.4-47.9,6.9-73.2,7.6V49.8z M264,49.8v106.1  c-25.3-0.6-50-3.2-73.2-7.6c4.6-14.3,10-27.5,16.1-39.6C223.3,76.4,243.6,55.7,264,49.8z M264,396.2v106.1  c-20.4-5.9-40.7-26.7-57.1-58.9c-6.1-12.1-11.5-25.3-16.1-39.6C214,399.4,238.7,396.8,264,396.2z M288,502.2V396.2  c25.3,0.6,50,3.2,73.2,7.6c-4.6,14.3-10,27.5-16.1,39.6C328.7,475.6,308.4,496.3,288,502.2z M288,264v-84.2  c27.5-0.7,54.4-3.5,79.8-8.4c0.9,3.8,1.8,7.6,2.7,11.5c5.5,25.8,8.7,53,9.4,81H288z M437.2,114.8c2.4,2.4,4.7,4.8,7,7.3  c-17.7,8.5-37.8,15.6-59.4,21.1c-11.3-35.7-26.9-65.4-45.5-86.3c8.6,2.5,17.1,5.5,25.5,9C391.9,77.4,416.3,93.8,437.2,114.8z   M187.3,65.9c8.3-3.5,16.8-6.5,25.5-9c-18.6,20.8-34.2,50.6-45.5,86.3c-21.7-5.4-41.7-12.5-59.4-21.1c2.3-2.5,4.6-4.9,7-7.3  C135.7,93.8,160.1,77.4,187.3,65.9z M92.2,141.1c20.3,10.3,43.4,18.8,68.6,25.1c-7.3,29.8-11.8,62.9-12.6,97.8H48.3  c1.4-26.5,7.3-52.3,17.6-76.7C72.9,170.8,81.7,155.4,92.2,141.1z M48.3,288h99.8c0.8,34.9,5.3,68,12.6,97.8  c-25.1,6.4-48.3,14.8-68.6,25.1c-10.5-14.3-19.3-29.7-26.3-46.2C55.6,340.3,49.7,314.5,48.3,288z M114.8,437.2  c-2.4-2.4-4.7-4.8-7-7.3c17.7-8.5,37.8-15.6,59.4-21.1c11.3,35.7,26.9,65.4,45.5,86.3c-8.6-2.5-17.1-5.5-25.5-9  C160.1,474.6,135.7,458.2,114.8,437.2z M364.7,486.1c-8.3,3.5-16.8,6.5-25.5,9c18.6-20.8,34.2-50.6,45.5-86.3  c21.7,5.4,41.7,12.5,59.4,21.1c-2.3,2.5-4.6,4.9-7,7.3C416.3,458.2,391.9,474.6,364.7,486.1z M459.8,410.9  c-20.3-10.3-43.4-18.8-68.6-25.1c7.3-29.8,11.8-62.9,12.6-97.8h99.8c-1.4,26.5-7.3,52.3-17.6,76.7  C479.1,381.2,470.3,396.6,459.8,410.9z' fill='%2333ada9' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 2.25em;
    width: 1.75em;
    height: 1.75em
}

ul.checklist>li.expand {
    padding-left: 3em
}

ul.checklist>li.expand:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='648' height='552' viewBox='0 0 456 552'%3E%3Cpath d='M432,72v122.3h-24V113L266.5,254.5l-17-17L391,96h-81.3V72H432z M189.5,297.5L48,439v-81.3H24V480h122.3v-24H65  l141.5-141.5L189.5,297.5z' fill='%2333ada9' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 2.25em;
    width: 1.75em;
    height: 1.75em
}

ul.checklist>li.fields {
    padding-left: 3em
}

ul.checklist>li.fields:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='648' height='552' viewBox='0 0 648 552'%3E%3Cpath d='M24,264v240h600V264H24z M600,480H48V288h552V480z M288,48H24v144h264V48z M264,168H48V72h216V168z M623.7,48H360v144h263.7 V48z M599.7,168H384V72h215.7V168z' fill='%2333ada9' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 2.25em;
    width: 1.75em;
    height: 1.75em
}

ul.checklist>li.gear {
    padding-left: 3em
}

ul.checklist>li.gear:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='648' height='552' viewBox='0 0 552 552'%3E%3Cpath d='M275.8,198c-43,0-78,35-78,78s35,78,78,78s78-35,78-78S318.8,198,275.8,198z M275.8,330c-29.8,0-54-24.2-54-54 s24.2-54,54-54s54,24.2,54,54S305.6,330,275.8,330z M527.8,309.6v-67.3l-75.3-16.7l-16.1-39l41.4-65.1L430.2,74l-65.1,41.4 l-39-16.1L309.4,24h-67.3l-16.7,75.3l-39,16.1L121.4,74l-47.6,47.6l41.4,65.1l-16.1,39l-75.3,16.7v67.3l75.3,16.7l16.1,39 l-41.4,65.1l47.6,47.6l65.1-41.4l39,16.1l16.7,75.3h67.3l16.7-75.3l39-16.1l65.1,41.4l47.6-47.6l-41.4-65.1l16.1-39L527.8,309.6z M447.2,427.1l-20.3,20.3l-59.4-37.8l-62,25.7L290.2,504h-28.7l-15.3-68.7l-62-25.7l-59.4,37.8l-20.3-20.3l37.8-59.4l-25.7-62 l-68.7-15.3v-28.7l68.7-15.3l25.7-62l-37.8-59.4l20.3-20.3l59.4,37.8l62-25.7L261.4,48h28.7l15.3,68.7l62,25.7l59.4-37.8l20.3,20.3 l-37.8,59.4l25.7,62l68.7,15.3v28.7l-68.7,15.3l-25.7,62L447.2,427.1z' fill='%2333ada9' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 2.25em;
    width: 1.75em;
    height: 1.75em
}

ul.checklist>li.lock-heavy {
    padding-left: 3em
}

ul.checklist>li.lock-heavy:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='648' height='552' viewBox='0 0 408 552'%3E%3Cpath d='M336.6,216c0.2-10.4,0.1-23.1-0.6-36.7c-2.6-47.9-12.2-83.5-28.6-106C287.5,45.9,248.9,29.6,204,29.6s-83.5,16.3-103.4,43.6 c-16.4,22.5-26,58.1-28.6,106c-0.7,13.7-0.8,26.4-0.6,36.7H24v264h359.1l0.9-264H336.6z M139.4,101.5C150,87,175.3,77.6,204,77.6 s54,9.4,64.6,23.9c16.6,22.7,20.9,75.4,20.1,114.5H119.4C118.7,181.4,121.6,125.9,139.4,101.5z' fill='%2333ada9' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 2.25em;
    width: 1.75em;
    height: 1.75em
}

ul.checklist>li.information {
    padding-left: 3em
}

ul.checklist>li.information:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='648' height='552' viewBox='0 0 552 552'%3E%3Cpath d='M276,24C136.8,24,24,136.8,24,276s112.8,252,252,252s252-112.8,252-252S415.2,24,276,24z M437.2,437.2 c-20.9,20.9-45.3,37.4-72.5,48.9C336.6,498,306.8,504,276,504c-30.8,0-60.6-6-88.7-17.9c-27.1-11.5-51.5-27.9-72.5-48.9 c-20.9-20.9-37.4-45.3-48.9-72.5C54,336.6,48,306.8,48,276c0-30.8,6-60.6,17.9-88.7c11.5-27.1,27.9-51.5,48.9-72.5 c20.9-20.9,45.3-37.4,72.5-48.9C215.4,54,245.2,48,276,48c30.8,0,60.6,6,88.7,17.9c27.1,11.5,51.5,27.9,72.5,48.9 c20.9,20.9,37.4,45.3,48.9,72.5c11.9,28.1,17.9,58,17.9,88.7c0,30.8-6,60.6-17.9,88.7C474.6,391.9,458.2,416.3,437.2,437.2z M246,138h60v48h-60V138z M246,234h60v186h-60V234z' fill='%2333ada9' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 2.25em;
    width: 1.75em;
    height: 1.75em
}

ul.checklist>li.items {
    padding-left: 3em
}

ul.checklist>li.items:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='648' height='552' viewBox='0 0 600 552'%3E%3Cpath d='M330,480h246.3V306H330V480z M354,330h198.3v126H354V330z M24.3,480H270V306H24.3V480z M48.3,330H246v126H48.3V330z M330,72 v174h246.3V72H330z M552.3,222H354V96h198.3V222z M24.3,246H270V72H24.3V246z M48.3,96H246v126H48.3V96z' fill='%2333ada9' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 2.25em;
    width: 1.75em;
    height: 1.75em
}

ul.checklist>li.menu {
    padding-left: 3em
}

ul.checklist>li.menu:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='648' height='552' viewBox='0 0 456 552'%3E%3Cpath d='M24,264h408v24H24V264z M24,120v24h408v-24H24z M24,432h408v-24H24V432z' fill='%2333ada9' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 2.25em;
    width: 1.75em;
    height: 1.75em
}

ul.checklist>li.mobile {
    padding-left: 3em
}

ul.checklist>li.mobile:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='648' height='552' viewBox='0 0 312 552'%3E%3Cpath d='M252.6,36h-192c-19.9,0-36,16.1-36,36v408c0,19.9,16.1,36,36,36h192c19.9,0,36-16.1,36-36V72C288.6,52.1,272.4,36,252.6,36  z M264.6,480c0,6.6-5.4,12-12,12h-192c-6.6,0-12-5.4-12-12v-36h216V480z M264.6,420h-216V132h216V420z M264.6,108h-216V72  c0-6.6,5.4-12,12-12h192c6.6,0,12,5.4,12,12V108z' fill='%2333ada9' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 2.25em;
    width: 1.75em;
    height: 1.75em
}

ul.checklist>li.pen {
    padding-left: 3em
}

ul.checklist>li.pen:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='648' height='552' viewBox='0 0 648 552'%3E%3Cpath d='M49.4,538.5L82.2,416l0.2,0l-0.1-0.1L499.1,5.1l74.7,74.8l0,0l3.1,3.1l13.2,13.2l-0.1,0.1l0.7,0.7L174,507.8 l0,0l0,0l0,0l0,0L51.5,540.7 M154.4,488.2l-52.6-52.6l-19.3,71.9L154.4,488.2z M499,39L116.3,416.2l57.7,57.7L556.7,96.7L499,39z M51.2,540.4l-2.1-2.1' fill='%2333ada9' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 2.25em;
    width: 1.75em;
    height: 1.75em
}

ul.checklist>li.play {
    padding-left: 3em
}

ul.checklist>li.play:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='648' height='552' viewBox='0 0 456 552'%3E%3Cpath d='M36,57.9v436.3L439.2,276L36,57.9z M60,98.1L388.8,276L60,453.9V98.1z' fill='%2333ada9' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 2.25em;
    width: 1.75em;
    height: 1.75em
}

ul.checklist>li.open {
    padding-left: 3em
}

ul.checklist>li.open:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='648' height='552' viewBox='0 0 504 552'%3E%3Cpath d='M357.7,0v24H439l-96,96H24v336h336V137l96-96v81.3h24V0H357.7z M336,432H48V144h271L183.5,279.5l17,17L336,161V432z' fill='%2333ada9' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 2.25em;
    width: 1.75em;
    height: 1.75em
}

ul.checklist>li.pro {
    padding-left: 3em
}

ul.checklist>li.pro:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='648' height='552' viewBox='0 0 696 552'%3E%3Cpath d='M213,220.1c3.6,5.1,5.4,11.3,5.4,18.5c0,9.9-3.1,17.6-9.3,23.1c-6.2,5.5-16.6,8.2-31.3,8.2h-44.4v-61.4h43.9 c10.3,0,17.4,0.5,21.2,1.5C204.6,211.6,209.4,215,213,220.1z M538.8,213.3c-9.1-5.7-19.3-8.6-30.6-8.6c-16.1,0-29.9,5.5-41.5,16.6 c-11.6,11.1-17.4,29.5-17.4,55.4c0,20.7,5.6,37,16.7,48.9c11.1,11.9,25.1,17.9,41.9,17.9c17.1,0,31.2-6,42.2-18 c11.1-12,16.6-29.1,16.6-51.2c0-14-2.4-26.2-7.1-36.6C554.8,227.2,547.9,219.1,538.8,213.3z M375,250.5c3-4.7,4.6-9.9,4.6-15.4 c0-8.1-3-14.8-8.8-20c-5.9-5.2-15.2-7.9-27.9-7.9h-54.4V264h48.9c10.4,0,18.5-1.1,24.4-3.2C367.5,258.7,372,255.2,375,250.5z M672,72v408c0,13.2-10.8,24-24,24H48c-13.2,0-24-10.8-24-24V72c0-13.2,10.8-24,24-24h600C661.2,48,672,58.8,672,72z M241.9,237.9 c0-8.5-1.7-16.3-5.2-23.4c-3.5-7.1-8.1-12.6-13.8-16.6c-5.7-3.9-12.8-6.6-21.2-8c-6-1.1-14.7-1.6-26.1-1.6h-64.8V360h22.7v-69.8 h44.1c24.3,0,41.1-5.1,50.4-15.2C237.2,264.9,241.9,252.5,241.9,237.9z M417.1,360l-29.9-46.8c-5.9-9.1-12.2-16.8-18.9-22.9 c-3.1-2.8-7.7-5.7-13.7-8.6c16.5-2.3,28.7-7.6,36.6-15.9c7.9-8.4,11.8-18.6,11.8-30.8c0-9.5-2.4-18.1-7.1-25.9 c-4.8-7.8-11.1-13.3-19.1-16.3c-8-3.1-19.6-4.6-34.9-4.6h-76.2V360h22.7v-76.3h26.4c5.9,0,10.1,0.3,12.7,0.8 c3.5,0.9,7,2.4,10.4,4.6c3.4,2.2,7.2,6,11.5,11.5c4.3,5.5,9.8,13.4,16.4,23.7l22.7,35.7H417.1z M590.1,274.3 c0-17.2-3.3-32.6-10-46.1c-6.7-13.6-16.4-24.1-29.1-31.7c-12.7-7.6-27-11.4-42.9-11.4c-24.2,0-44,8.1-59.3,24.2 c-15.3,16.1-23,38.5-23,67c0,15.1,3.3,29.4,9.8,42.9c6.6,13.5,16.2,24.2,28.9,32c12.7,7.8,27.2,11.7,43.4,11.7 c14.9,0,28.8-3.5,41.7-10.6c12.9-7.1,22.9-17.5,29.9-31.2C586.6,307.3,590.1,291.8,590.1,274.3z' fill='%2333ada9' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 2.25em;
    width: 1.75em;
    height: 1.75em
}

ul.checklist>li.qrcode {
    padding-left: 3em
}

ul.checklist>li.qrcode:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='648' height='552' viewBox='0 0 552 552'%3E%3Cpath d='M528,528H384v-24h120V384h24V528z M168,528H24V384h24v120h120V528z M384,384H168V168h216V384z M192,360h168 V192H192V360z M528,168h-24V48H384V24h144V168z M48,168H24V24h144v24H48V168z' fill='%2333ada9' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 2.25em;
    width: 1.75em;
    height: 1.75em
}

ul.checklist>li.question {
    padding-left: 3em
}

ul.checklist>li.question:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='648' height='552' viewBox='0 0 552 552'%3E%3Cpath d='M276,24C136.8,24,24,136.8,24,276s112.8,252,252,252s252-112.8,252-252S415.2,24,276,24z M437.2,437.2 c-20.9,20.9-45.3,37.4-72.5,48.9C336.6,498,306.8,504,276,504c-30.8,0-60.6-6-88.7-17.9c-27.1-11.5-51.5-27.9-72.5-48.9 c-20.9-20.9-37.4-45.3-48.9-72.5C54,336.6,48,306.8,48,276c0-30.8,6-60.6,17.9-88.7c11.5-27.1,27.9-51.5,48.9-72.5 c20.9-20.9,45.3-37.4,72.5-48.9C215.4,54,245.2,48,276,48c30.8,0,60.6,6,88.7,17.9c27.1,11.5,51.5,27.9,72.5,48.9 c20.9,20.9,37.4,45.3,48.9,72.5c11.9,28.1,17.9,58,17.9,88.7c0,30.8-6,60.6-17.9,88.7C474.6,391.9,458.2,416.3,437.2,437.2z M357,218.1c0,14.8-4.3,28.4-13,41c-8.7,12.6-19.5,23.1-32.5,31.6c-7.1,5.5-11.7,11-13.9,16.5c-2.2,5.5-3.3,13.1-3.3,22.7h-50.7 c0.1-16.3,2.5-28.2,7.2-35.7c4.7-7.6,14.1-16.7,28.2-27.5c8.3-6.7,14.8-14,19.8-21.8c4.9-7.8,7.4-16.5,7.4-26.1 c0-10.7-2.8-19.1-8.5-25.1c-5.6-6-13.7-9.1-24.1-9.1c-8.6,0-15.9,2.6-21.9,7.7c-6,5.1-9,12.6-9.2,22.5h-49.5l-0.3-1 c-0.3-22.3,7-39.4,22.1-51.2c15-11.9,34.7-17.8,58.8-17.8c26,0,46.5,6.6,61.3,19.8C349.6,177.5,357,195.4,357,218.1z M243.3,358.4 h51.2V402h-51.2V358.4z' fill='%2333ada9' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 2.25em;
    width: 1.75em;
    height: 1.75em
}

ul.checklist>li.redo {
    padding-left: 3em
}

ul.checklist>li.redo:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='648' height='552' viewBox='0 0 456 552'%3E%3Cpath d='M295.6,161h94.3c-3.7-4.5-7.7-8.9-11.9-13c-74.5-74.5-195.6-74.5-270,0c-36.4,36.4-56.1,84.5-56,135h0  c0,3.8,0.1,7.5,0.3,11.2c0,0.4,0.1,0.8,0.1,1.2c0.1,1.2,0.2,2.5,0.3,3.7c0.3,3.6,0.7,7.3,1.2,10.9l0,0c4.3,30.5,15.7,59,33.3,83.7  l0.1,0c6.1,8.6,13.1,16.8,20.6,24.4c3,3,6.2,6,9.4,8.8c0.5,0.5,1.1,0.9,1.6,1.4c0.4,0.4,0.9,0.7,1.3,1.1c1.2,1,2.4,2,3.6,3  c0,0,0,0,0,0c1.5,1.2,3,2.3,4.5,3.5l0,0C161.3,460.6,201.1,474,243,474c51,0,99-19.9,135-55.9l17,17c-40.6,40.6-94.6,63-152,63  c-57.4,0-111.4-22.4-152-63c-8.5-8.5-16.3-17.7-23.2-27.4l0,0c-6.1-8.6-11.6-17.6-16.4-26.9c-15.5-30.4-23.4-63.3-23.4-97.6h0  c0-22.5,3.5-45,10.4-66.4C49,184.2,66.7,155.4,91,131.1c40.6-40.6,94.6-63,152-63c57.4,0,111.4,22.4,152,63  c4.5,4.5,8.9,9.3,13,14.2V48.7h24V185H295.6V161z' fill='%2333ada9' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 2.25em;
    width: 1.75em;
    height: 1.75em
}

ul.checklist>li.save {
    padding-left: 3em
}

ul.checklist>li.save:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='648' height='552' viewBox='0 0 456 552'%3E%3Cpath d='M376.9,72H24.6v408H96h264h71.7l0.8-353L376.9,72z M120,456V288h216v168H120z M407.8,456H360V264H96v192H48.6V96H96h264 h7.1l41.4,41L407.8,456z M360,228V96H96v132H360z M270,108h48v96h-48V108z' fill='%2333ada9' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 2.25em;
    width: 1.75em;
    height: 1.75em
}

ul.checklist>li.search {
    padding-left: 3em
}

ul.checklist>li.search:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='648' height='552' viewBox='0 0 552 552'%3E%3Cpath d='M216,48c44.9,0,87.1,17.5,118.8,49.2C366.5,128.9,384,171.1,384,216s-17.5,87.1-49.2,118.8C303.1,366.5,260.9,384,216,384 s-87.1-17.5-118.8-49.2C65.5,303.1,48,260.9,48,216s17.5-87.1,49.2-118.8C128.9,65.5,171.1,48,216,48z M216,24 C110,24,24,110,24,216s86,192,192,192s192-86,192-192S322,24,216,24L216,24z M530.5,513.5l-174-174l-17,17l174,174L530.5,513.5z' fill='%2333ada9' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 2.25em;
    width: 1.75em;
    height: 1.75em
}

ul.checklist>li.spinner {
    padding-left: 3em
}

ul.checklist>li.spinner:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='648' height='552' viewBox='0 0 552 552'%3E%3Cpath d='M528,276c0,67.3-26.2,130.6-73.8,178.2S343.3,528,276,528s-130.6-26.2-178.2-73.8S24,343.3,24,276h24 c0,125.7,102.3,228,228,228s228-102.3,228-228S401.7,48,276,48V24c67.3,0,130.6,26.2,178.2,73.8S528,208.7,528,276z' fill='%2333ada9' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 2.25em;
    width: 1.75em;
    height: 1.75em
}

ul.checklist>li.stop {
    padding-left: 3em
}

ul.checklist>li.stop:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='648' height='552' viewBox='0 0 552 552'%3E%3Cpath d='M276,24C136.8,24,24,136.8,24,276s112.8,252,252,252s252-112.8,252-252S415.2,24,276,24z M445.7,106.3L445.7,106.3 L445.7,106.3z M65.9,364.7C54,336.6,48,306.8,48,276c0-30.8,6-60.6,17.9-88.7c11.5-27.1,27.9-51.5,48.9-72.5 c20.9-20.9,45.3-37.4,72.5-48.9C215.4,54,245.2,48,276,48c30.8,0,60.6,6,88.7,17.9c23.5,9.9,44.9,23.6,63.8,40.6l-322,322 C89.5,409.6,75.8,388.2,65.9,364.7z M106.3,445.7L106.3,445.7L106.3,445.7z M437.2,437.2c-20.9,20.9-45.3,37.4-72.5,48.9 C336.6,498,306.8,504,276,504c-30.8,0-60.6-6-88.7-17.9c-23.5-9.9-44.9-23.6-63.8-40.6l322-322c17,18.9,30.7,40.3,40.6,63.8 c11.9,28.1,17.9,58,17.9,88.7c0,30.8-6,60.6-17.9,88.7C474.6,391.9,458.2,416.3,437.2,437.2z M106.3,445.7L106.3,445.7 M445.7,106.3 L445.7,106.3' fill='%2333ada9' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 2.25em;
    width: 1.75em;
    height: 1.75em
}

ul.checklist>li.submit {
    padding-left: 3em
}

ul.checklist>li.submit:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='648' height='552' viewBox='0 0 528 552'%3E%3Cpath d='M504,30H24v186h179.9c0.1,2,0.2,4,0.4,6c1.6,25.6,3.1,49.7,0.9,64.2c-1.2,8.2-5.1,26-8.3,40c-9.2-7.4-20.9-15.7-31-19.1  c-19-6.3-40.6,11.2-50.5,24.6c-9.8,13.2-11.6,26.1-5.1,35.2c4.4,6.2,9.7,12.8,15.9,20.4c11.1,13.8,24.9,31,37.7,51.5  c29.6,47.4,47.8,77,47.9,77.3l3.5,5.7h190.1l2.3-9.1c0.1-0.5,11.7-47.1,21.8-96.1c21.2-102.3,15.9-115.6,13.7-121.2  c-4.3-10.6-17.4-26.3-82.2-39.6c-21.8-4.5-42.7-7.3-54.9-8.7c0-7.8-0.1-18.8-0.4-31.3H504V30z M356.1,279.5  c59,12.1,64.6,24.4,64.8,24.9c0.8,2.3,3.7,18.3-15.1,108.5c-7.4,35.4-15.4,69.4-19.2,85.1H228.7c-6.6-10.8-22.4-36.3-44.5-71.8  c-13.6-21.7-27.9-39.5-39.4-53.8c-5.6-7-10.4-13-14.4-18.4c0.6-3.3,5.7-11.8,14.9-18.6c6.9-5.1,11.7-5.9,12.9-5.4  c10.5,3.5,28.5,18.5,37.4,27.2l15.2,14.8l4.9-20.6c0.4-1.9,10.9-46,13.2-61.6c2.5-17.1,1-42.4-0.7-69.3c-2.2-35.3-4.9-79.2,4-94.3  c1.4-1.7,8.9-5,20.6-5.3c10.8-0.2,17.7,2.3,19.2,3.8c9,23.2,10.2,103.8,9.9,133.1l-0.1,11l11,1C293.1,270,324.1,273,356.1,279.5z   M480,192H304.7c-1.4-29.7-4.4-61.2-10.5-76.5c-4.2-10.4-16-16.9-33.4-18.3c-13.9-1.1-39.8,1.1-49.1,16.6  c-9.9,16.5-10.6,45.3-9.1,78.2H48V54h432V192z' fill='%2333ada9' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 2.25em;
    width: 1.75em;
    height: 1.75em
}

ul.checklist>li.transfer {
    padding-left: 3em
}

ul.checklist>li.transfer:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='648' height='552' viewBox='0 0 456 552'%3E%3Cpath d='M386.1,174H24v-24h362.1l-57.5-57.5l17-17l86.5,86.5l-86.5,86.5l-17-17L386.1,174z M127.4,320.5l-17-17L23.9,390l86.5,86.5 l17-17L69.9,402H432v-24H69.9L127.4,320.5z' fill='%2333ada9' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 2.25em;
    width: 1.75em;
    height: 1.75em
}

ul.checklist>li.unarchive {
    padding-left: 3em
}

ul.checklist>li.unarchive:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='648' height='552' viewBox='0 0 456 552'%3E%3Cpath d='M240.1,58.9v157H421l-0.9,312H36V216h180.1v-157l-57.5,57.5l-17-17L228.1,13l86.5,86.5l-17,17L240.1,58.9z M60,240v264h336.1l0.8-264H60z M168,300h120v24H168V300z' fill='%2333ada9' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 2.25em;
    width: 1.75em;
    height: 1.75em
}

ul.checklist>li.undo {
    padding-left: 3em
}

ul.checklist>li.undo:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='648' height='552' viewBox='0 0 456 552'%3E%3Cpath d='M404.8,380.7c-4.8,9.3-10.3,18.3-16.4,26.9l0,0c-6.9,9.7-14.7,18.9-23.2,27.4c-40.6,40.6-94.6,63-152,63  c-57.4,0-111.4-22.4-152-63l17-17c36.1,36.1,84,55.9,135,55.9c41.9,0,81.7-13.4,114.6-38.2l0,0c1.5-1.1,3-2.3,4.5-3.5c0,0,0,0,0,0  c1.2-1,2.4-1.9,3.6-2.9c0.5-0.4,0.9-0.8,1.4-1.1c0.5-0.5,1-0.9,1.6-1.4c3.2-2.8,6.4-5.8,9.4-8.8c7.6-7.6,14.5-15.8,20.6-24.4l0.1,0  c17.6-24.7,29.1-53.2,33.3-83.7l0,0c0.5-3.7,0.9-7.3,1.2-10.9c0.1-1.2,0.2-2.4,0.3-3.6c0-0.4,0.1-0.9,0.1-1.3  c0.2-3.7,0.3-7.4,0.3-11.2h0c0.1-50.5-19.5-98.6-56-135c-74.5-74.5-195.6-74.5-270,0c-4.1,4.1-8.1,8.5-11.9,13h94.3v24H24.2V48.7  h24v96.6c4.1-4.9,8.5-9.7,13-14.2c40.6-40.6,94.6-63,152-63c57.4,0,111.4,22.4,152,63c24.3,24.3,42,53.1,52.5,85.6  c6.9,21.3,10.4,43.9,10.4,66.4h0C428.2,317.4,420.3,350.3,404.8,380.7z' fill='%2333ada9' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 2.25em;
    width: 1.75em;
    height: 1.75em
}

ul.checklist>li.upload {
    padding-left: 3em
}

ul.checklist>li.upload:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='648' height='552' viewBox='0 0 456 552'%3E%3Cpath d='M92.5,231.2l-17-16.9L229,59.7l152.5,154.6l-17.1,16.9L241,106v265.7h-24V105.9L92.5,231.2z M25,456.2v24h408v-24H25z' fill='%2333ada9' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 2.25em;
    width: 1.75em;
    height: 1.75em
}

ul.checklist>li.user {
    padding-left: 3em
}

ul.checklist>li.user:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='648' height='552' viewBox='0 0 456 552'%3E%3Cpath d='M432,396v66c0,19.9-16.1,36-36,36H60c-19.9,0-36-16.1-36-36v-66c0-51.9,24.3-94.1,70.3-122c20.3-12.3,45-21.7,71.5-27.4  c18.1,11,39.4,17.4,62.2,17.4c-66.9,0-180,27.8-180,132v66c0,6.6,5.4,12,12,12h336c6.6,0,12-5.4,12-12v-66  c0-104.2-113.1-132-180-132c22.8,0,44-6.4,62.2-17.4c26.6,5.7,51.2,15.1,71.5,27.4C407.7,301.9,432,344.1,432,396z M228,264  c-22.8,0-44-6.4-62.2-17.4C131.2,225.5,108,187.4,108,144c0-66.2,53.8-120,120-120s120,53.8,120,120c0,43.4-23.2,81.5-57.8,102.6  C272.1,257.6,250.8,264,228,264z M228,240c52.9,0,96-43.1,96-96S281,48,228,48s-96,43.1-96,96S175.1,240,228,240z' fill='%2333ada9' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 2.25em;
    width: 1.75em;
    height: 1.75em
}

ul.checklist>li.users {
    padding-left: 3em
}

ul.checklist>li.users:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='648' height='552' viewBox='0 0 456 552'%3E%3Cpath d='M432,417.6v50.2c0,16.7-13.6,30.2-30.2,30.2H146.4c-16.7,0-30.2-13.6-30.2-30.2v-50.2c0-7.5,0.6-14.7,1.9-21.6H54.3 c-16.7,0-30.2-13.6-30.2-30.2v-50.2c0-40.5,19-73.5,54.8-95.2c14-8.5,30.7-15.2,48.7-19.6c15.4,11,34.2,17.4,54.4,17.4 c-0.5,0-1.1,0-1.7,0c-49.9,0.5-132.3,21.4-132.3,97.4v50.2c0,3.4,2.9,6.2,6.2,6.2h71.2c9-20,24.2-36.7,45.5-49.6 c14-8.5,30.7-15.2,48.7-19.6c15.4,11,34.2,17.4,54.4,17.4c-49.7,0-133.9,20.5-133.9,97.4v50.2c0,3.4,2.9,6.2,6.2,6.2h255.4 c3.4,0,6.2-2.9,6.2-6.2v-50.2c0-76.9-84.2-97.4-133.9-97.4c20.3,0,39.1-6.4,54.4-17.4c18,4.5,34.6,11.1,48.7,19.6 C413.1,344.1,432,377.1,432,417.6z M198.9,194.8c-2.7-0.2-5.5-0.4-8.2-0.5l2.8,23.1c-3.8,0.5-7.6,0.7-11.4,0.7 c5,0,10.1,0.2,15.1,0.6L198.9,194.8z M127.6,200.8c-24-17.1-39.6-45.1-39.6-76.7C87.9,72.2,130.1,30,182,30s94.1,42.2,94.1,94.1 c0,2.7-0.1,5.3-0.3,7.9c51.1,0.9,92.4,42.7,92.4,94.1c0,31.6-15.7,59.6-39.6,76.7c-15.4,11-34.2,17.4-54.4,17.4 c-20.3,0-39.1-6.4-54.4-17.4c-24-17.1-39.6-45.1-39.6-76.7c0-2.7,0.1-5.3,0.3-7.9c0.6,0,1.1,0,1.7,0c5,0,10.1,0.2,15.1,0.6 l1.8-23.9c-2.7-0.2-5.5-0.4-8.2-0.5l2.8,23.1c-3.8,0.5-7.6,0.7-11.4,0.7C161.7,218.2,142.9,211.7,127.6,200.8z M274.1,156 c-38.6,0-70.1,31.4-70.1,70.1s31.4,70.1,70.1,70.1s70.1-31.4,70.1-70.1S312.7,156,274.1,156z M182,194.2c1.2,0,2.4,0,3.6-0.1 c10.6-29.2,35.2-51.6,65.7-59.3c0.5-3.5,0.8-7.1,0.8-10.7c0-38.6-31.4-70.1-70.1-70.1s-70.1,31.4-70.1,70.1S143.4,194.2,182,194.2z' fill='%2333ada9' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 2.25em;
    width: 1.75em;
    height: 1.75em
}

ul.checklist>li.brand-bandcamp {
    padding-left: 3em
}

ul.checklist>li.brand-bandcamp:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='648' height='552' viewBox='0 0 648 552'%3E%3Cpath d='M128,172.6c85.2,0,168.9,0,254.1,0c0,22.8,0,47.2,0,70c10.7-10.7,22.8-22.8,48.7-19.8c39.6,4.6,57.8,45.6,54.8,85.2 c-1.5,16.7-7.6,36.5-19.8,47.2c-13.7,13.7-44.1,21.3-70,7.6c-6.1-3-10.7-9.1-15.2-16.7c0,6.1,0,12.2,0,19.8c-9.1,0-19.8,0-28.9,0 c0-63.9,0-126.3,0-190.2c-35,59.3-70,127.8-105,190.2c-74.6,0-149.1,0-223.7,0C58,300.4,93,236.5,128,172.6L128,172.6z M389.7,259.4 c-21.3,28.9-6.1,101.9,42.6,83.7c36.5-13.7,30.4-100.4-18.3-95.9C403.4,248.7,395.8,251.7,389.7,259.4L389.7,259.4z M624,273 c-9.1,0-19.8,0-30.4,0c0-24.3-28.9-30.4-47.2-22.8c-35,16.7-27.4,108,24.3,94.3c12.2-3,18.3-13.7,21.3-30.4c9.1,0,19.8,0,30.4,0 c-1.5,36.5-32,59.3-66.9,56.3c-32-1.5-57.8-27.4-60.9-63.9c-3-44.1,19.8-89.8,76.1-83.7C602.7,225.9,622.5,242.6,624,273z' fill='%2333ada9' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 2.25em;
    width: 1.75em;
    height: 1.75em
}

ul.checklist>li.brand-soundcloud {
    padding-left: 3em
}

ul.checklist>li.brand-soundcloud:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='648' height='552' viewBox='0 0 648 552'%3E%3Cpath d='M229.1,392.9l4.6-64.8l-4.6-141.9c0-1.5-1.5-3.1-1.5-4.6c-1.5-1.5-3.1-1.5-4.6-1.5s-3.1,0-4.6,1.5c0,1.5-1.5,3.1-1.5,4.6 l-3.1,141.9l3.1,64.8c0,1.5,1.5,3.1,1.5,4.6c1.5,1.5,3.1,1.5,4.6,1.5C227.6,399,229.1,397.5,229.1,392.9z M306.3,385.2l3.1-57.1 l-3.1-158.9c0-3.1-1.5-4.6-3.1-6.2c-1.5-1.5-3.1-1.5-4.6-1.5s-3.1,0-4.6,1.5s-3.1,3.1-3.1,6.2v1.5l-3.1,155.8c0,0,1.5,21.6,3.1,63.2 l0,0c0,1.5,0,3.1,1.5,4.6s3.1,3.1,6.2,3.1c1.5,0,3.1-1.5,4.6-3.1c1.5-1.5,3.1-3.1,3.1-6.2V385.2z M34.8,292.6l4.6,33.9l-4.6,33.9 c0,1.5-1.5,3.1-3.1,3.1c-1.5,0-1.5-1.5-3.1-3.1L24,326.5l4.6-33.9c0-1.5,1.5-3.1,3.1-3.1C33.3,289.5,34.8,291.1,34.8,292.6z  M57.9,271l6.2,55.5L57.9,382c0,1.5-1.5,3.1-3.1,3.1c-1.5,0-3.1-1.5-3.1-3.1l-4.6-54l6.2-55.5c0-1.5,1.5-3.1,3.1-3.1 C56.4,269.5,57.9,269.5,57.9,271z M81.1,261.8l6.2,66.3l-6.2,64.8c0,1.5-1.5,3.1-3.1,3.1c-1.5,0-3.1-1.5-3.1-3.1l-6.2-64.8l6.2-66.3 c0-1.5,1.5-3.1,3.1-3.1C81.1,258.7,81.1,258.7,81.1,261.8z M105.7,260.2l6.2,67.9l-6.2,66.3c0,3.1-1.5,3.1-3.1,3.1 c-1.5,0-3.1-1.5-3.1-3.1l-6.2-66.3l6.2-67.9c0-3.1,1.5-3.1,3.1-3.1C104.2,255.6,105.7,257.1,105.7,260.2z M130.4,264.8l6.2,63.2 l-6.2,66.3c0,3.1-1.5,4.6-4.6,4.6c-1.5,0-1.5,0-3.1-1.5c-1.5-1.5-1.5-1.5-1.5-3.1l-4.6-66.3l4.6-63.2c0-1.5,0-1.5,1.5-3.1 c1.5-1.5,1.5-1.5,3.1-1.5C128.9,260.2,130.4,261.8,130.4,264.8L130.4,264.8z M155.1,224.7l6.2,103.3l-6.2,66.3c0,1.5,0,3.1-1.5,3.1 c-1.5,1.5-1.5,1.5-3.1,1.5c-3.1,0-4.6-1.5-4.6-4.6l-4.6-66.3l4.6-103.3c0-3.1,1.5-4.6,4.6-4.6c1.5,0,1.5,0,3.1,1.5 C155.1,223.2,155.1,223.2,155.1,224.7z M178.2,201.6l4.6,126.5l-4.6,66.3c0,1.5,0,3.1-1.5,3.1c-1.5,1.5-1.5,1.5-3.1,1.5 c-3.1,0-4.6-1.5-4.6-4.6l-4.6-66.3l4.6-126.5c0-3.1,1.5-4.6,4.6-4.6c1.5,0,3.1,0,3.1,1.5C178.2,198.5,178.2,200.1,178.2,201.6z  M204.5,190.8l4.6,137.3l-4.6,64.8c0,3.1-1.5,6.2-6.2,6.2c-3.1,0-4.6-1.5-6.2-6.2l-4.6-64.8l4.6-137.3c0-1.5,0-3.1,1.5-4.6 s3.1-1.5,3.1-1.5c1.5,0,3.1,0,4.6,1.5C202.9,187.7,204.5,189.3,204.5,190.8z M306.3,391.3L306.3,391.3L306.3,391.3z M253.8,189.3 l4.6,137.3l-4.6,64.8c0,1.5,0,3.1-1.5,4.6s-3.1,1.5-4.6,1.5s-3.1,0-4.6-1.5s-1.5-3.1-1.5-4.6l-3.1-64.8l3.1-137.3 c0-1.5,0-3.1,1.5-4.6s3.1-1.5,4.6-1.5s3.1,0,4.6,1.5S253.8,187.7,253.8,189.3L253.8,189.3z M280,195.4l3.1,132.6l-3.1,63.2 c0,1.5,0,3.1-1.5,4.6s-3.1,1.5-4.6,1.5s-3.1,0-4.6-1.5s-1.5-3.1-3.1-4.6l-3.1-63.2l3.1-132.6c0-1.5,1.5-4.6,3.1-6.2 c1.5-1.5,3.1-1.5,4.6-1.5s3.1,0,4.6,1.5C280,190.8,280,192.4,280,195.4z M335.6,328.1l-3.1,61.7c0,3.1-1.5,4.6-3.1,6.2 s-3.1,3.1-6.2,3.1c-1.5,0-4.6-1.5-6.2-3.1s-3.1-3.1-3.1-6.2l-1.5-30.8l-1.5-30.8l4.6-172.8l0,0c0-3.1,1.5-4.6,3.1-6.2 c1.5-1.5,3.1-1.5,4.6-1.5s3.1,0,4.6,1.5c3.1,1.5,3.1,3.1,4.6,7.7L335.6,328.1z M624,323.5c0,21.6-7.7,38.6-21.6,54 S571.6,399,550,399H346.4c-1.5,0-4.6-1.5-6.2-3.1c-1.5-1.5-3.1-3.1-3.1-6.2V147.6c0-4.6,3.1-7.7,7.7-9.3c15.4-6.2,30.8-9.3,46.3-9.3 c33.9,0,63.2,12.3,87.9,35.5c24.7,23.1,38.6,52.4,41.6,87.9c9.3-4.6,18.5-6.2,27.8-6.2c20.1,0,37,7.7,52.4,23.1 C616.3,283.4,624,301.9,624,323.5L624,323.5z' fill='%2333ada9' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 2.25em;
    width: 1.75em;
    height: 1.75em
}

ul.checklist>li.brand-twitch {
    padding-left: 3em
}

ul.checklist>li.brand-twitch:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='648' height='552' viewBox='0 0 456 552'%3E%3Cpath d='M228.1,183.1v111.1h-37V183.1H228.1z M329.9,183.1v111.1h-37V183.1H329.9z M329.9,376.3l64.8-64.8V109H90.5v267.2h83.3v55.6 l55.6-55.6C228.1,376.3,329.9,376.3,329.9,376.3z M431.8,72v259.3L320.7,442.4h-83.3L181.8,498h-55.6v-55.6H24.3V146.1L52.1,72 L431.8,72L431.8,72z' fill='%2333ada9' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 2.25em;
    width: 1.75em;
    height: 1.75em
}

ul.checklist>li.brand-vimeo {
    padding-left: 3em
}

ul.checklist>li.brand-vimeo:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='648' height='552' viewBox='0 0 456 552'%3E%3Cpath d='M432.1,184.6c-1.2,39.7-29.2,93.5-83,163.6c-56.1,72.4-102.8,107.5-141.4,107.5c-23.4,0-43.2-22.2-59.6-65.4 c-7-26.9-18.7-66.6-32.7-120.4c-11.7-43.2-25.7-65.4-39.7-65.4c-3.5,0-14,5.8-31.6,18.7l-19.9-25.7c3.5-3.5,12.9-11.7,26.9-24.5 s24.5-22.2,32.7-29.2c25.7-23.4,46.7-35.1,60.8-36.2c15.2-1.2,28,3.5,38.6,14c10.5,10.5,16.4,28,19.9,51.4 c7,47.9,12.9,79.5,16.4,93.5c9.3,42.1,18.7,61.9,30.4,61.9c8.2,0,21-14,38.6-40.9c16.4-26.9,25.7-47.9,26.9-61.9 c2.3-23.4-7-35.1-26.9-35.1c-9.3,0-19.9,2.3-30.4,7c19.9-65.4,58.4-98.2,114.5-95.8C414.6,103.9,434.5,130.8,432.1,184.6 L432.1,184.6z' fill='%2333ada9' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 2.25em;
    width: 1.75em;
    height: 1.75em
}

ul.checklist>li.brand-youtube {
    padding-left: 3em
}

ul.checklist>li.brand-youtube:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='648' height='552' viewBox='0 0 552 552'%3E%3Cpath d='M522.3,373.7c0,0-4.3,34-19.8,49.6c-19.8,19.8-41.1,19.8-51,21.3c-70.8,5.7-175.7,5.7-175.7,5.7s-130.3-1.4-171.4-5.7 c-11.3-1.4-36.8-1.4-55.3-21.3c-15.6-15.6-19.8-49.6-19.8-49.6s-5.7-41.1-5.7-80.8v-38.3c0-41.1,5.7-80.8,5.7-80.8s4.3-34,19.8-49.6 c18.4-21.3,39.7-21.3,49.6-22.7C169.5,96,274.4,96,274.4,96l0,0c0,0,106.3,0,175.7,5.7c11.3,1.4,32.6,1.4,52.4,21.3 c15.6,15.6,19.8,49.6,19.8,49.6s5.7,41.1,5.7,80.8v38.3C526.6,332.6,522.3,373.7,522.3,373.7z M223.4,196.6v140.3l136-70.8 L223.4,196.6z' fill='%2333ada9' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 2.25em;
    width: 1.75em;
    height: 1.75em
}

ul.checklist>li.brand-google-drive {
    padding-left: 3em
}

ul.checklist>li.brand-google-drive:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='648' height='552' viewBox='0 0 504 552'%3E%3Cpath d='M473.2,349c-15.9,28.2-31.8,56.3-47.8,84.5c-6.1,11-13.5,23.3-19.6,34.3v1.2c0,1.2-1.2,1.2-1.2,1.2h-1.2 c-93.1,0-186.2,0-279.2,0c-1.2,0-1.2,0-2.4,0c0-1.2,0-1.2,1.2-1.2c23.3-41.6,47.8-82.1,71-123.7c1.2-1.2,1.2-1.2,2.4-1.2 c26.9,0,53.9,0,79.6,0c66.1,0,131,0,197.2,0c1.2,0,2.4,0,3.7,0C475.7,346.5,474.4,347.8,473.2,349z M463.4,323.3 c-47.8,0-94.3,0-142.1,0c-1.2,0-2.4,0-2.4-1.2c-22-36.7-42.9-74.7-64.9-111.4c-24.5-42.9-50.2-85.7-74.7-129.8c0,0,0-1.2-1.2-1.2 c1.2,0,1.2,0,2.4,0c47.8,0,94.3,0,142.1,0h1.2c1.2,0,1.2,0,1.2,1.2c1.2,2.4,2.4,4.9,3.7,7.3c24.5,41.6,47.8,84.5,72.3,126.1 c20.8,35.5,41.6,72.3,62.5,107.8c0,0,0,1.2,1.2,1.2C464.6,323.3,463.4,323.3,463.4,323.3z M239.3,224.1 C239.3,225.3,239.3,225.3,239.3,224.1c0,2.4,0,2.4,0,3.7c-2.4,3.7-4.9,8.6-7.3,12.2c-11,19.6-23.3,39.2-34.3,58.8 c-8.6,14.7-17.1,29.4-24.5,42.9c-24.5,42.9-49,84.5-73.5,127.4c0,1.2-1.2,1.2-1.2,2.4c-1.2-2.4-2.4-4.9-3.7-7.3 C75.2,428.6,55.6,394.3,36,358.8c-2.4-4.9-4.9-9.8-8.6-14.7c-1.2-1.2,0-2.4,0-2.4c11-19.6,22-39.2,33.1-57.6 c13.5-24.5,28.2-49,41.6-73.5c13.5-23.3,26.9-47.8,40.4-71c7.3-13.5,14.7-25.7,22-39.2c0,0,0-1.2,1.2-1.2s1.2,1.2,1.2,1.2 c6.1,11,12.2,22,19.6,33.1C203.8,164.1,220.9,194.7,239.3,224.1z' fill='%2333ada9' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 2.25em;
    width: 1.75em;
    height: 1.75em
}

ul.checklist>li.brand-facebook {
    padding-left: 3em
}

ul.checklist>li.brand-facebook:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='648' height='552' viewBox='0 0 456 552'%3E%3Cpath d='M331.2,80.2V144h-37.8c-14.3,0-23.5,2.6-27.4,7.8c-5.2,6.5-7.8,14.3-7.8,26.1v45.6h70.4l-9.1,70.4h-61.2v182.4h-73V293.8 H124v-70.4h61.2v-53.4c0-30,7.8-53.4,24.8-69.1s37.8-24.8,67.8-24.8C299.9,76.3,318.1,77.6,331.2,80.2L331.2,80.2z' fill='%2333ada9' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 2.25em;
    width: 1.75em;
    height: 1.75em
}

ul.checklist>li.brand-loom {
    padding-left: 3em
}

ul.checklist>li.brand-loom:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='648' height='552' viewBox='0 0 552 552'%3E%3Cpath d='M476,255.07H354.15l105.52-60.91l-20.93-36.25l-105.54,60.91l60.91-105.5l-36.25-20.93l-60.93,105.47V76.07h-41.88v121.81 L194.13,92.39l-36.27,20.93l60.91,105.47l-105.51-60.89l-20.94,36.25l105.52,60.91H76v41.87h121.84L92.33,357.85l20.93,36.25 l105.54-60.91l-60.93,105.5l36.25,20.93l60.94-105.48v121.8h41.88V351.52l62.05,107.43l34-19.62l-62.06-107.46l107.79,62.22 l20.94-36.25l-105.51-60.91h121.84v-41.85C475.99,255.07,476,255.07,476,255.07z M276,332.91c-31.44,0-56.93-25.48-56.93-56.92 s25.48-56.93,56.92-56.93c31.44-3.68,59.91,18.82,63.59,50.26s-18.82,59.91-50.26,63.59H276z' fill='%2333ada9' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 2.25em;
    width: 1.75em;
    height: 1.75em
}

ul.checklist>li.brand-tiktok {
    padding-left: 3em
}

ul.checklist>li.brand-tiktok:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='648' height='552' viewBox='0 0 648 456'%3E%3Cpath d='M521.5,173.7v61.6c-40.5,0-77.3-12.3-108-34.5v159c0,80.1-63.8,144.2-143.5,144.2c-29.4,0-56.4-8.6-79.7-24.6 l0,0c-38-25.9-63.8-70.2-63.8-119.5c0-80.1,63.8-144.2,143.5-144.2c6.1,0,13.5,0,19.6,1.2v17.3l0,0v61.6c-6.1-2.5-13.5-3.7-19.6-3.7 c-35.6,0-65,29.6-65,66.6c0,25.9,14.7,48.1,35.6,59.2c8.6,4.9,18.4,7.4,29.4,7.4c35.6,0,65-29.6,65-65.3V48h77.3v9.9 c0,2.5,1.2,6.2,1.2,8.6c4.9,30.8,23.3,57.9,49.1,73.9l1.2,1.2l-1.2-1.2c17.2,11.1,36.8,16,57.7,16v17.3' fill='%2333ada9' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 2.25em;
    width: 1.75em;
    height: 1.75em
}

ul.checklist>li.brand-bilibili {
    padding-left: 3em
}

ul.checklist>li.brand-bilibili:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='648' height='552' viewBox='0 0 648 456'%3E%3Cpath d='M522.9,365.3c0,3.4-1.1,6.7-1.1,9c-2.2,6.7-3.4,13.4-6.7,19c-2.2,4.5-5.6,9-7.8,13.4c-2.2,3.4-4.5,5.6-7.8,7.8 c-2.2,2.2-5.6,4.5-7.8,5.6c-5.6,3.4-11.2,5.6-16.8,6.7c-3.4,0-6.7,1.1-10.1,1.1c-5.6,0-10.1,0-15.7,0c-2.2,0-2.2,0-2.2,1.1 c0,3.4-1.1,7.8-3.4,11.2c-2.2,3.4-5.6,6.7-9,7.8c-2.2,1.1-4.5,2.2-7.8,2.2c-1.1,0-3.4,0-4.5,0s-3.4-1.1-4.5-1.1 c-3.4-1.1-6.7-3.4-9-5.6c-4.5-4.5-6.7-9-6.7-13.4c0-1.1-1.1-2.2-2.2-2.2h-1.1c-50.4,0-100.8,0-150.1,0c-1.1,0-2.2,0-2.2,2.2 c-1.1,10.1-7.8,17.9-17.9,20.2c-1.1,0-2.2,0-3.4,0s-2.2,0-3.4,0s-3.4-1.1-4.5-1.1c-3.4-1.1-6.7-3.4-9-5.6c-3.4-3.4-5.6-7.8-5.6-13.4 c-1.1-2.2-1.1-2.2-2.2-2.2c-4.5,0-9,0-14.6,0s-11.2,0-15.7-2.2c-7.8-2.2-14.6-5.6-20.2-10.1c-7.8-6.7-13.4-13.4-17.9-22.4 c-3.4-6.7-5.6-13.4-6.7-20.2c0-1.1,0-2.2,0-3.4c0-3.4-1.1-6.7-1.1-10.1c0-42.6,0-86.3,0-128.9c0-13.4,0-26.9,0-40.3 c0-5.6,1.1-10.1,2.2-15.7c2.2-6.7,4.5-12.3,7.8-17.9c2.2-3.4,4.5-6.7,6.7-10.1c2.2-3.4,5.6-5.6,9-9c2.2-2.2,5.6-4.5,7.8-5.6 c4.5-2.2,9-4.5,13.4-5.6c5.6-1.1,11.2-1.1,16.8-1.1c5.6,0,11.2,0,16.8,0c2.2,0,4.5,0,6.7,0c2.2,0,3.4,0,5.6,0c2.2,0,5.6,0,7.8,0 c5.6,0,11.2,0,16.8,0c2.2,0,4.5,0,5.6,0s2.2,0,4.5,0c1.1,0,2.2,0,3.4,0c2.2,0,4.5,0,6.7,0c0-1.1-1.1-1.1-1.1-1.1 c-4.5-3.4-7.8-6.7-11.2-10.1c-3.4-3.4-5.6-5.6-9-9c-2.2-2.2-4.5-4.5-6.7-6.7c-2.2-2.2-5.6-5.6-7.8-7.8c-4.5-5.6-3.4-13.4,2.2-17.9 c2.2-1.1,4.5-2.2,5.6-3.4c1.1,0,3.4,0,4.5,0c2.2,1.1,4.5,2.2,6.7,3.4c2.2,2.2,4.5,4.5,5.6,5.6c4.5,4.5,10.1,10.1,14.6,14.6 c5.6,5.6,10.1,10.1,15.7,15.7c3.4,3.4,5.6,5.6,9,9c2.2,2.2,4.5,4.5,6.7,6.7c0,0,1.1,1.1,2.2,1.1c4.5,0,9,0,13.4,0 c4.5,0,7.8,0,12.3,0c3.4,0,7.8,0,11.2,0s6.7,0,10.1,0c1.1,0,3.4,0,4.5-1.1c2.2-2.2,3.4-3.4,5.6-5.6c5.6-5.6,10.1-10.1,15.7-15.7 c3.4-3.4,7.8-7.8,11.2-11.2c5.6-5.6,11.2-11.2,15.7-16.8c3.4-2.2,6.7-4.5,10.1-5.6c1.1,0,2.2,0,4.5,0c3.4,1.1,6.7,3.4,9,6.7 c2.2,3.4,2.2,6.7,1.1,11.2c-1.1,3.4-3.4,5.6-5.6,7.8c-4.5,4.5-9,9-12.3,12.3c-4.5,4.5-10.1,10.1-14.6,14.6c-1.1,1.1-1.1,1.1-1.1,2.2 c1.1,0,2.2,0,2.2,0c3.4,0,6.7,0,10.1,0c2.2,0,4.5,0,6.7,0c3.4,0,6.7,0,9,0c5.6,0,11.2,0,16.8,0c3.4,0,5.6,0,9,0c1.1,0,3.4,0,4.5,0 c3.4,0,6.7,0,10.1,0c3.4,0,6.7,0,10.1,0c5.6,0,11.2,2.2,15.7,4.5c4.5,2.2,9,5.6,13.4,9c3.4,2.2,5.6,5.6,9,9 c5.6,6.7,9,13.4,12.3,21.3c2.2,5.6,3.4,12.3,4.5,17.9c0,1.1,0,2.2,1.1,4.5c0,56,0,113.2,0,169.2C524,363.1,522.9,364.2,522.9,365.3z M472.5,174.8c-2.2-3.4-5.6-5.6-9-7.8c-3.4-1.1-6.7-2.2-10.1-2.2c-43.7,0-87.4,0-130,0l0,0c-10.1,0-20.2,0-31.4,0 c-33.6,0-67.2,0-99.7,0c-5.6,0-11.2,2.2-15.7,5.6c-5.6,5.6-9,12.3-9,20.2c0,56,0,110.9,0,166.9c0,3.4,0,6.7,1.1,10.1 c1.1,3.4,2.2,5.6,3.4,9c1.1,2.2,3.4,4.5,5.6,6.7c2.2,1.1,4.5,3.4,6.7,3.4c3.4,1.1,6.7,1.1,10.1,1.1c22.4,0,44.8,0,67.2,0 c7.8,0,16.8,0,24.6,0c16.8,0,34.7,0,51.5,0c22.4,0,44.8,0,68.3,0c16.8,0,32.5,0,49.3,0c4.5,0,9-2.2,12.3-5.6c4.5-3.4,6.7-9,7.8-13.4 c1.1-3.4,1.1-6.7,1.1-10.1c0-54.9,0-109.8,0-165.8C478.1,186.1,476.9,180.4,472.5,174.8z M448.9,258.9c-1.1,3.4-1.1,6.7-2.2,10.1 c0,1.1-1.1,1.1-2.2,1.1c-5.6-1.1-12.3-2.2-17.9-3.4c-6.7-1.1-13.4-2.2-20.2-4.5c-4.5-1.1-7.8-1.1-12.3-2.2 c-5.6-1.1-12.3-2.2-17.9-3.4c-3.4-1.1-7.8-1.1-11.2-2.2c-1.1,0-1.1-1.1-1.1-1.1c1.1-7.8,3.4-15.7,4.5-23.5c0-2.2,1.1-3.4,1.1-5.6 s1.1-2.2,2.2-1.1c2.2,1.1,5.6,1.1,7.8,1.1c5.6,1.1,11.2,2.2,16.8,3.4c3.4,1.1,6.7,1.1,10.1,2.2c3.4,1.1,5.6,1.1,9,1.1 c6.7,1.1,12.3,2.2,19,3.4c4.5,1.1,9,1.1,13.4,2.2c1.1,0,2.2,0,3.4,1.1l1.1,1.1c-1.1,3.4-1.1,6.7-2.2,10.1 C450.1,253.3,450.1,256.6,448.9,258.9z M376.1,323.9c1.1,1.1,1.1,1.1,0,2.2c-2.2,2.2-3.4,4.5-5.6,6.7s-4.5,4.5-7.8,5.6 c-3.4,2.2-5.6,3.4-9,4.5c-1.1,0-2.2,0-3.4,0c-3.4,0-6.7,0-10.1,0c-3.4-1.1-6.7-2.2-9-4.5c-2.2-1.1-3.4-3.4-5.6-4.5 c-1.1-1.1-2.2-1.1-3.4,0c-3.4,3.4-7.8,6.7-13.4,7.8c-6.7,2.2-12.3,1.1-19-1.1c-3.4-2.2-6.7-4.5-10.1-6.7c-3.4-2.2-5.6-6.7-9-9 c-1.1-1.1-1.1-2.2,0-2.2c3.4-2.2,6.7-4.5,10.1-6.7c1.1,0,2.2-1.1,3.4,0c2.2,2.2,3.4,4.5,5.6,6.7c3.4,3.4,6.7,4.5,11.2,4.5 c3.4,0,6.7-1.1,9-3.4c5.6-4.5,9-11.2,12.3-17.9l1.1-1.1c1.1,2.2,2.2,3.4,3.4,4.5c2.2,3.4,4.5,6.7,6.7,10.1c2.2,3.4,5.6,6.7,10.1,7.8 c2.2,0,4.5,0,6.7-1.1s5.6-3.4,7.8-5.6s4.5-4.5,5.6-6.7c1.1,1.1,2.2,1.1,3.4,2.2C369.4,320.5,372.7,322.7,376.1,323.9z M283.1,254.4 c-6.7,1.1-13.4,2.2-20.2,4.5c-3.4,0-6.7,1.1-10.1,1.1c-3.4,1.1-6.7,1.1-10.1,2.2c-6.7,1.1-13.4,2.2-20.2,4.5 c-6.7,1.1-13.4,2.2-20.2,3.4c-1.1,0-1.1,0-2.2,0c-1.1-4.5-2.2-9-2.2-12.3c-1.1-4.5-2.2-9-2.2-13.4c0-1.1-1.1-3.4-1.1-4.5 s1.1-1.1,2.2-2.2c9-2.2,17.9-3.4,26.9-5.6c5.6-1.1,12.3-2.2,17.9-3.4c5.6-1.1,12.3-2.2,17.9-3.4c5.6-1.1,11.2-2.2,16.8-3.4 c0,0,1.1,0,2.2,0c0,1.1,1.1,3.4,1.1,4.5c1.1,4.5,1.1,7.8,2.2,12.3c1.1,4.5,2.2,9,2.2,13.4C284.2,253.3,283.1,254.4,283.1,254.4z' fill='%2333ada9' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 2.25em;
    width: 1.75em;
    height: 1.75em
}

ul.checklist>li.brand-vidyard {
    padding-left: 3em
}

ul.checklist>li.brand-vidyard:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='648' height='552' viewBox='0 0 552 552'%3E%3Cpath d='M372.4,457.4c-89.3,55-206.5,28.7-261.5-60.7C56,307.2,83.1,190.7,171.6,134.9c0.8,0,1.6-0.8,2.5-0.8 c4.1-0.8,7.4,1.6,8.2,5.7c0.8,3.3-0.8,5.7-3.3,7.4c-22.1,13.9-41,32.8-54.9,55c-51.6,81.2-27.9,189.5,54.1,241.2 c82,51.7,189.3,26.3,241-55c51.6-81.2,27.9-189.5-54.1-241.2c-2.5-1.6-4.1-4.1-3.3-7.4c0-0.8,0.8-1.6,1.6-1.6 c1.6-3.3,6.6-4.9,9.8-2.5c24.6,14.8,45.1,35.3,59.8,59.9C488,285.1,460.9,401.6,372.4,457.4z M351.1,115.2 c-4.1,23.8-8.2,53.3-13.1,82c-9-3.3-18-5.7-27-7.4l29.5-77.1c-12.3-5.7-17.2-21.3-10.7-32.8c5.7-12.3,21.3-17.2,32.8-10.7 c11.5,6.6,17.2,21.3,10.7,32.8C369.1,110.3,360.1,116,351.1,115.2z M410.1,241.6c2.5,3.3,4.1,6.6,3.3,10.7l-4.1,34.5 c10.7,10.7,16.4,25.4,16.4,40.2c0.8,20.5-9.8,38.6-27,48.4l-2.5,22.2c-7.4,8.2-14.8,16.4-22.9,23c-68.8,55.8-169.7,45.1-225.4-23 l-18-144.4c0-4.1,1.6-8.2,4.1-10.7c28.7-27.1,64.8-45.9,104.1-52.5c10.7-2.5,22.1-3.3,33.6-3.3c4.1,0,7.4,0,11.5,0 c9,0,18.9,1.6,27.9,3.3c15.6,3.3,29.5,8.2,43.4,13.9C374.9,212.9,393.7,226,410.1,241.6z M262.6,293.3c-7.4-6.6-16.4-9.8-26.2-9.8 c-0.8,0-0.8,0-1.6,0c-22.1,1.6-39.3,20.5-38.5,43.5c0,0.8,0,0.8,0,1.6c-0.8,23,17.2,41,40.2,41.8c6.6,0,12.3-0.8,18-4.1 c13.9-8.2,23-23,22.1-39.4C277.3,313.8,271.6,301.5,262.6,293.3z M335.5,326.9c0,0.8,0,0.8,0,1.6c-0.8,23,17.2,41,40.2,41.8 c5.7,0,12.3-0.8,18-4.1c13.9-8.2,23-23,22.1-39.4c0.8-13.1-4.9-24.6-13.9-33.6c-7.4-6.6-16.4-9.8-26.2-9.8c-0.8,0-0.8,0-1.6,0 C351.9,285.1,334.7,303.9,335.5,326.9z M378.2,311.3c3.3,4.1,4.9,9.8,4.1,14.8c0.8,4.9-0.8,10.7-4.1,14.8c-2.5,3.3-6.6,5.7-10.7,5.7 c-4.9-0.8-8.2-2.5-10.7-6.6c-3.3-4.1-4.1-9-4.1-14.8c0-4.9,1.6-9.8,4.1-13.9c0.8-1.6,2.5-3.3,4.1-4.1 C366.7,303.9,374.9,305.6,378.2,311.3z M370.8,314.6c-2.7,0-4.9,2.2-4.9,4.9c0,2.7,2.2,4.9,4.9,4.9c2.7,0,4.9-2.2,4.9-4.9 C375.7,316.8,373.5,314.6,370.8,314.6z M234.7,345.8c-5.7,3.3-13.1,0.8-16.4-4.9c-3.3-4.1-4.1-9-4.1-14.8c0-4.9,1.6-10.7,4.1-14.8 c0.8-1.6,2.5-3.3,4.1-4.1c5.7-3.3,13.9-1.6,17.2,4.1c2.5,4.1,4.1,9,4.1,14.8c0.8,4.9-0.8,10.7-4.1,14.8 C238,343.3,236.4,345,234.7,345.8z M231.4,314.6c-2.7,0-4.9,2.2-4.9,4.9c0,2.7,2.2,4.9,4.9,4.9c2.7,0,4.9-2.2,4.9-4.9 C236.4,316.8,234.2,314.6,231.4,314.6z M313.4,125.1c-13.9-3.3-27.9-4.9-41.8-4.9s-27.9,2.5-41.8,4.9c-3.3,0.8-6.6-0.8-8.2-4.1v-0.8 c-0.8-4.1,1.6-8.2,5.7-9c29.5-7.4,59.8-7.4,89.3,0h0.8c3.3,1.6,5.7,5.7,4.1,9.8C320,124.3,316.7,125.9,313.4,125.1z M203.6,112.8 l29.5,77.1c-9,2.5-18,4.9-27,7.4c-4.1-28.7-9-58.3-13.1-82c-13.9,0.8-25.4-9.8-25.4-23.8c-0.8-13.9,9.8-25.4,23.8-25.4 s25.4,10.7,25.4,23.8C217.5,99.6,211.8,108.7,203.6,112.8z' fill='%2333ada9' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 2.25em;
    width: 1.75em;
    height: 1.75em
}

ul.checklist>li.brand-cloudflare-stream {
    padding-left: 3em
}

ul.checklist>li.brand-cloudflare-stream:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='648' height='552' viewBox='0 0 648 456'%3E%3Cpath d='M484.6,389H178.8c-63.3-0.3-114.5-51.3-114.5-114c0.4-34,15.7-66.1,42-88c21.7-18.2,49.7-27.3,78.1-25.5 c20.9-51.1,67.8-87.3,122.9-94.9c85.2-11.8,163.9,47.2,175.8,131.7c23.5-0.9,46.5,6.8,64.6,21.8c21.6,18.3,34.1,45.1,34,73.2 C581.6,346.2,538.1,389.1,484.6,389z M526.7,244.6c-15.7-12.4-36.2-17.2-55.8-13l-18.2,2.9l-0.8-18.6c-1.9-51.6-36.3-96.4-85.9-112 c-65-20.5-134.4,15.1-155,79.5l-4.1,13.5l-14-2.5c-5.1-0.9-10.2-1.4-15.3-1.4c-18.4-0.1-36.2,6.2-50.3,18 c-19.1,15.9-30.2,39.3-30.4,64c0.1,45,36.8,81.6,82.3,81.8h305.7c35.3-0.3,63.8-28.6,64.1-63.5C548.8,274.8,540.8,257,526.7,244.6z M272,320.9V177.6h0l24.4-13.8l121.8,71.5l0,27.5l-121.8,71.8L272,320.9z M304.3,292.8l74-43.6l-74-43.4V292.8z' fill='%2333ada9' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 2.25em;
    width: 1.75em;
    height: 1.75em
}

ul.checklist.special {
    width: auto
}

ul.checklist.special>li {
    margin: 1em 0 0 0
}

ul.checklist.special>li:first-child {
    margin-top: 0
}

ul.checklist.grid {
    display: flex;
    flex-wrap: wrap
}

ul.checklist.grid>li {
    width: 33.3333333333%
}

@media screen and (max-width: 736px) {
    ul.checklist.grid {
        display: block
    }

    ul.checklist.grid>li {
        width: 100%
    }
}

ul.features {
    padding-left: 0;
    list-style: none;
    text-align: left;
    margin: 3em 0
}

ul.features li {
    border-top: solid 1px rgba(255, 255, 255, .075);
    position: relative;
    padding: 1.75em 0 0 2.5em;
    margin: 1.75em 0 0 0
}

ul.features li:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='648' height='552' viewBox='0 0 648 552'%3E%3Cpath d='M225.3,517.7L2.1,293.1l68.1-67.7L226,382.3L578.1,35.6l67.4,68.4L225.3,517.7z' fill='%2333ada9' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: .75em;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .075);
    display: block;
    width: 1.5em;
    height: 1.5em;
    border-radius: 1.5em;
    content: "";
    position: absolute;
    top: 1.875em;
    left: 0;
    margin-top: .125em
}

ul.features li:first-child {
    border-top: 0;
    margin-top: 0;
    padding-top: 0
}

ul.features li:first-child:before {
    top: 0
}

ul.features li h3 {
    margin: 0 0 .5em 0
}

ul.features li>:last-child {
    margin-bottom: 0
}

ul.alt {
    list-style: none;
    padding-left: 0
}

ul.alt li {
    border-top: solid 1px rgba(255, 255, 255, .075);
    padding: .5em 0
}

ul.alt li:first-child {
    border-top: 0;
    padding-top: 0
}

ul.answers {
    list-style: none;
    padding-left: 0
}

ul.answers>li {
    padding-left: 0;
    padding-top: 8em;
    position: relative
}

ul.answers>li>:last-child {
    margin-bottom: 0
}

ul.answers>li:before {
    content: "";
    display: block;
    width: 100%;
    position: absolute;
    top: 4em;
    left: 0;
    border-top: solid 1px rgba(255, 255, 255, .075);
    height: 1em
}

ul.answers>li:first-child {
    padding-top: 0
}

ul.answers>li:first-child:before {
    display: none
}

ul.questions+ul.answers {
    margin-top: -6em
}

ul.questions+ul.answers>li:first-child {
    padding-top: 8em
}

@media screen and (max-width: 736px) {
    ul.answers>li {
        padding-top: 6em
    }

    ul.answers>li:before {
        top: 3em
    }

    ul.questions+ul.answers {
        margin-top: -5em
    }

    ul.questions+ul.answers>li:first-child {
        padding-top: 6em
    }
}

ul.questions {
    list-style: none;
    padding-left: 0;
    border: solid 1px rgba(255, 255, 255, .075);
    border-radius: 6px;
    margin: 2.5em 0;
    position: relative;
    z-index: 1
}

ul.questions>li {
    border-top: solid 1px rgba(255, 255, 255, .075);
    padding-left: 0
}

ul.questions>li:first-child {
    border-top: 0;
    padding-top: 0
}

ul.questions>li>a {
    border-bottom: 0;
    display: block;
    padding: 1.75em 1.5em
}

ul.questions>li>a:hover {
    background-color: rgba(255, 255, 255, .025)
}

@media screen and (max-width: 736px) {
    ul.questions {
        margin: 2em 0
    }

    ul.questions>li>a {
        padding: 1.5em 1.5em
    }
}

@media screen and (max-width: 360px) {
    ul.questions>li>a {
        padding: 1.25em 1.5em
    }
}

ul.suggestions {
    list-style: none;
    padding-left: 0;
    border: solid 1px rgba(255, 255, 255, .075);
    border-radius: 6px;
    margin: 2em 0 2em 0;
    position: relative;
    z-index: 1
}

ul.suggestions:before {
    content: attr(data-title);
    position: absolute;
    top: -3.3333333333em;
    left: 0;
    text-transform: uppercase;
    font-size: .6em;
    color: rgba(255, 255, 255, .375)
}

ul.suggestions>li {
    border-top: solid 1px rgba(255, 255, 255, .075);
    padding-left: 0
}

ul.suggestions>li:first-child {
    border-top: 0;
    padding-top: 0
}

ul.suggestions>li>a {
    border-bottom: 0;
    display: block;
    padding: 1em 1.25em 1em 3em;
    position: relative
}

ul.suggestions>li>a:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='648' height='552' viewBox='0 0 504 552'%3E%3Cpath d='M357.7,0v24H439l-96,96H24v336h336V137l96-96v81.3h24V0H357.7z M336,432H48V144h271L183.5,279.5l17,17L336,161V432z' fill='rgba(255, 255, 255, 0.25)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.25em;
    background-position: left;
    display: block;
    width: 1.5em;
    height: 1.5em;
    content: "";
    color: rgba(255, 255, 255, .25);
    position: absolute;
    top: 1.125em;
    left: 1em
}

ul.suggestions>li>a:hover {
    background-color: rgba(255, 255, 255, .025)
}

ul.menu {
    padding-left: 0
}

ul.menu li {
    display: inline-block;
    padding: 0 0 0 1.25em;
    border-left: solid 1px rgba(255, 255, 255, .075);
    margin: 0 0 0 1.25em;
    line-height: 1
}

ul.menu li:first-child {
    padding-left: 0;
    border-left: 0;
    margin-left: 0
}

ul.menu li a {
    border-bottom: 0
}

ul.menu.minor {
    font-size: .8em;
    color: rgba(255, 255, 255, .25)
}

ul.menu.minor li a {
    color: rgba(255, 255, 255, .25)
}

ul.menu.minor li a:hover {
    color: #fff
}

ul.actions {
    display: flex;
    cursor: default;
    list-style: none;
    padding-left: 0;
    margin-left: -1em
}

ul.actions li {
    padding: 0 0 0 1em;
    vertical-align: middle
}

ul.actions li.footnote {
    display: flex;
    align-items: center
}

ul.actions li.footnote>:last-child {
    margin-bottom: 0
}

ul.actions.special {
    justify-content: center;
    width: calc(100% + 1em)
}

ul.actions.wrapped {
    margin-left: 0;
    flex-wrap: wrap;
    gap: 1em
}

ul.actions.wrapped li {
    padding: 0
}

ul.actions.stacked {
    flex-direction: column;
    margin-left: 0
}

ul.actions.stacked li {
    padding: 1.3em 0 0 0
}

ul.actions.stacked li:first-child {
    padding-top: 0
}

ul.actions.fit {
    width: calc(100% + 1em)
}

ul.actions.fit li {
    flex-grow: 1;
    flex-shrink: 1;
    width: 100%
}

ul.actions.fit li>* {
    width: 100%
}

ul.actions.fit.stacked {
    width: 100%
}

ul.actions.or {
    flex-direction: column;
    margin-left: 0;
    margin-top: -0.5em;
    position: relative
}

ul.actions.or:before {
    content: "OR";
    display: block;
    margin-bottom: 1.25em;
    font-size: .8em;
    color: rgba(255, 255, 255, .25)
}

ul.actions.or>li:first-child:before,
ul.actions.or>li:first-child:after {
    content: "";
    display: block;
    position: absolute;
    top: .675em;
    width: 1.5em;
    height: 1px;
    background: rgba(255, 255, 255, .075)
}

ul.actions.or>li:first-child:before {
    left: calc(50% - 2.5em)
}

ul.actions.or>li:first-child:after {
    right: calc(50% - 2.5em)
}

@media screen and (max-width: 480px) {
    ul.actions:not(.fixed) {
        flex-direction: column;
        margin-left: 0;
        width: 100% !important
    }

    ul.actions:not(.fixed) li {
        padding: 1em 0 0 0;
        text-align: center;
        flex-grow: 1;
        flex-shrink: 1;
        width: 100%
    }

    ul.actions:not(.fixed) li>* {
        width: 100%
    }

    ul.actions:not(.fixed) li:first-child {
        padding-top: 0
    }

    ul.actions:not(.fixed) li input[type=submit],
    ul.actions:not(.fixed) li input[type=reset],
    ul.actions:not(.fixed) li input[type=button],
    ul.actions:not(.fixed) li button,
    ul.actions:not(.fixed) li .button {
        width: 100%
    }

    ul.actions:not(.fixed) li input[type=submit].icon:before,
    ul.actions:not(.fixed) li input[type=reset].icon:before,
    ul.actions:not(.fixed) li input[type=button].icon:before,
    ul.actions:not(.fixed) li button.icon:before,
    ul.actions:not(.fixed) li .button.icon:before {
        margin-left: -2em
    }
}

dl {
    margin: 0 0 2em 0
}

dl dt {
    display: block;
    font-weight: bold;
    margin: 0 0 1em 0;
    color: #fff
}

dl dt>.secondary {
    color: rgba(255, 255, 255, .25);
    font-weight: normal;
    letter-spacing: 0;
    position: relative
}

dl dt>.secondary a {
    color: inherit
}

dl dt>.secondary a:hover {
    color: #fff
}

dl dd {
    margin: 0 0 1em 1.5em
}

dl dd:last-child {
    margin-bottom: 0
}

dl.alt dt {
    border-top: solid 1px rgba(255, 255, 255, .075);
    padding-top: 1.5em;
    margin-top: 1.5em
}

dl.alt dt:first-child {
    border-top: 0;
    padding-top: 0;
    margin-top: 0
}

dl.code-examples dt {
    font-weight: normal;
    border-top: solid 1px rgba(255, 255, 255, .075);
    margin-top: 1.5em;
    padding-top: 1.5em
}

dl.code-examples dt:first-child {
    border-top: 0;
    margin-top: 0;
    padding-top: 0
}

dl.code-examples dt code {
    margin: 0
}

dl.code-examples.alt {
    border: solid 1px rgba(255, 255, 255, .075);
    border-radius: 6px
}

dl.code-examples.alt dt,
dl.code-examples.alt dd {
    padding-left: 1.5em;
    padding-right: 1.5em
}

dl.code-examples.alt dt:first-child {
    padding-top: 1.5em
}

dl.code-examples.alt dd:last-child {
    padding-bottom: 1.5em
}

.table-wrapper {
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
    margin: 0 0 2em 0
}

.table-wrapper table {
    margin-bottom: 0
}

.table-message {
    border-style: solid;
    border-color: rgba(255, 255, 255, .075);
    border-top-width: 1px;
    border-bottom-width: 1px;
    padding: 2em;
    font-size: 1.25em;
    color: rgba(255, 255, 255, .25);
    text-align: center;
    background-color: rgba(71, 73, 88, .475)
}

table {
    margin: 0 0 2em 0;
    width: 100%
}

table>tbody>tr {
    border: solid 1px rgba(255, 255, 255, .075);
    border-left: 0;
    border-right: 0
}

table>tbody>tr:nth-child(2n+1) {
    background-color: rgba(71, 73, 88, .475)
}

table td {
    padding: .75em .75em
}

table td>:last-child {
    margin-bottom: 0
}

table td.important {
    width: 100%
}

table td.nowrap {
    white-space: nowrap
}

table th {
    color: #fff;
    font-size: .9em;
    font-weight: bold;
    padding: 0 .75em .75em .75em;
    text-align: left
}

table th>:last-child {
    margin-bottom: 0
}

table th.important {
    width: 100%
}

table th.nowrap {
    white-space: nowrap
}

table>thead {
    border-bottom: solid 2px rgba(255, 255, 255, .075)
}

table>tfoot {
    border-top: solid 2px rgba(255, 255, 255, .075)
}

table.log {
    white-space: nowrap
}

table.log tbody tr td.timestamp {
    color: rgba(255, 255, 255, .25)
}

table.log tbody tr td.memo {
    width: 100%
}

table.log tbody tr td.amount {
    text-align: right
}

table.log .data {
    font-size: .8em;
    color: rgba(255, 255, 255, .25);
    margin: 0
}

table.alt {
    border-collapse: separate
}

table.alt>tbody>tr>td {
    border: solid 1px rgba(255, 255, 255, .075);
    border-left-width: 0;
    border-top-width: 0
}

table.alt>tbody>tr>td:first-child {
    border-left-width: 1px
}

table.alt>tbody>tr:first-child>td {
    border-top-width: 1px
}

table.alt>thead {
    border-bottom: 0
}

table.alt>tfoot {
    border-top: 0
}

table.grid {
    table-layout: fixed;
    border-collapse: separate;
    text-align: center
}

table.grid>tbody>tr>td {
    border: solid 1px rgba(255, 255, 255, .075);
    border-left-width: 0;
    border-top-width: 0
}

table.grid>tbody>tr>td:first-child {
    border-left-width: 1px
}

table.grid>tbody>tr:first-child>td {
    border-top-width: 1px
}

table.grid>tbody>tr:nth-child(2n+1) {
    background-color: rgba(0, 0, 0, 0)
}

table.grid>thead {
    border-bottom: 0
}

table.grid>tfoot {
    border-top: 0
}

table.formats {
    border-collapse: separate
}

table.formats>tbody>tr>td,
table.formats>tbody>tr>th {
    border: solid 1px rgba(255, 255, 255, .075);
    border-left-width: 0;
    border-top-width: 0
}

table.formats>tbody>tr>td:first-child,
table.formats>tbody>tr>th:first-child {
    border-left-width: 1px
}

table.formats>tbody>tr>td.not-first,
table.formats>tbody>tr>th.not-first {
    border-left-width: 0
}

table.formats>tbody>tr>td code {
    line-break: anywhere
}

table.formats>tbody>tr>th {
    padding: 1em;
    min-width: 8em
}

table.formats>tbody>tr:first-child>td,
table.formats>tbody>tr:first-child>th {
    border-top-width: 1px
}

table.formats>tbody>tr:nth-child(2n+1) {
    background-color: rgba(0, 0, 0, 0)
}

table.formats>thead {
    border-bottom: 0
}

table.formats>tfoot {
    border-top: 0
}

.mini-table {
    scrollbar-color: rgba(81, 83, 98, .675) rgba(0, 0, 0, 0);
    scrollbar-width: thin;
    scrollbar-height: thin;
    margin: 0 0 2em 0;
    font-size: .8em;
    border-radius: 6px;
    overflow-y: hidden;
    overflow-x: auto;
    background-color: rgba(71, 73, 88, .475)
}

.mini-table::-webkit-scrollbar {
    width: 10px;
    height: 10px
}

.mini-table::-webkit-scrollbar-thumb {
    background: rgba(81, 83, 98, .675)
}

.mini-table::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0)
}

.mini-table table {
    margin: 0
}

.mini-table table code {
    font-size: 1em;
    margin: 0
}

.mini-table table code.can-break {
    display: inline-block;
    word-break: break-all
}

.mini-table table td {
    padding: .75em .875em
}

.mini-table table th {
    padding: .75em .875em
}

.mini-table table tbody tr:first-child {
    border-top-width: 0
}

.mini-table table tbody tr:nth-child(2n+1) {
    background-color: rgba(0, 0, 0, 0)
}

.mini-table table tbody tr:last-child {
    border-bottom-width: 0
}

.mini-table table thead {
    border-bottom: 0;
    background-color: rgba(71, 73, 88, .475)
}

.mini-table table tfoot {
    border-top: 0;
    background-color: rgba(71, 73, 88, .475)
}

.mini-table table.with-placeholder {
    position: relative
}

.mini-table table.with-placeholder tr {
    transition: border-color .2s ease-in-out;
    transition-delay: .125s
}

.mini-table table.with-placeholder tr td {
    transition: opacity .2s ease-in-out, color .2s ease-in-out;
    transition-delay: .125s
}

.mini-table table.with-placeholder:before {
    color: rgba(255, 255, 255, .375);
    content: attr(data-placeholder);
    display: block;
    height: 1em;
    left: 0;
    line-height: 1em;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    text-align: center;
    top: calc(50% + 1em);
    transition: opacity .2s ease-in-out;
    width: 100%;
    z-index: 1
}

.mini-table table.with-placeholder.placeholder {
    pointer-events: none
}

.mini-table table.with-placeholder.placeholder tr {
    border-color: rgba(255, 255, 255, .025)
}

.mini-table table.with-placeholder.placeholder tr td {
    color: rgba(255, 255, 255, .25);
    opacity: .25
}

.mini-table table.with-placeholder.placeholder:before {
    opacity: 1
}

.mini-table table.with-placeholder.initial tr {
    transition: none
}

.mini-table table.with-placeholder.initial tr td {
    transition: none
}

.mini-table table.with-placeholder.initial:before {
    transition: none
}

input[type=submit],
input[type=reset],
input[type=button],
button,
.button {
    appearance: none;
    user-select: none;
    transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, opacity 0.2s ease-in-out, color 0.2s ease-in-out;
    border-radius: 6px;
    border: 0;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    height: 3.3em;
    line-height: 3.3em;
    padding: 0 1.5em;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    background-color: rgba(0, 0, 0, 0);
    box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .125);
    color: #fff !important
}

input[type=submit]:hover,
input[type=reset]:hover,
input[type=button]:hover,
button:hover,
.button:hover {
    background-color: rgba(255, 255, 255, .075)
}

input[type=submit]:focus,
input[type=submit]:active,
input[type=reset]:focus,
input[type=reset]:active,
input[type=button]:focus,
input[type=button]:active,
button:focus,
button:active,
.button:focus,
.button:active {
    outline: 0;
    box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .75)
}

input[type=submit].icon,
input[type=reset].icon,
input[type=button].icon,
button.icon,
.button.icon {
    padding-left: 1.35em
}

input[type=submit].icon:before,
input[type=reset].icon:before,
input[type=button].icon:before,
button.icon:before,
.button.icon:before {
    margin-right: .5em;
    color: rgba(255, 255, 255, .25)
}

input[type=submit].xsmall,
input[type=reset].xsmall,
input[type=button].xsmall,
button.xsmall,
.button.xsmall {
    font-size: .7em;
    height: 2.7225em;
    line-height: 2.7225em;
    padding: 0 1.25em
}

input[type=submit].small,
input[type=reset].small,
input[type=button].small,
button.small,
.button.small {
    font-size: .8em
}

input[type=submit].big,
input[type=reset].big,
input[type=button].big,
button.big,
.button.big {
    font-size: 1.35em
}

input[type=submit].wide,
input[type=reset].wide,
input[type=button].wide,
button.wide,
.button.wide {
    min-width: 16.5em
}

input[type=submit].fixed,
input[type=reset].fixed,
input[type=button].fixed,
button.fixed,
.button.fixed {
    width: 12em
}

input[type=submit].deemphasized,
input[type=reset].deemphasized,
input[type=button].deemphasized,
button.deemphasized,
.button.deemphasized {
    box-shadow: none;
    font-weight: normal;
    color: rgba(255, 255, 255, .25) !important;
    padding: 0 1.25em
}

input[type=submit].deemphasized:hover,
input[type=reset].deemphasized:hover,
input[type=button].deemphasized:hover,
button.deemphasized:hover,
.button.deemphasized:hover {
    color: #fff !important
}

input[type=submit].special,
input[type=reset].special,
input[type=button].special,
button.special,
.button.special {
    background-color: #33ada9;
    color: !important;
    box-shadow: none
}

input[type=submit].special:hover,
input[type=reset].special:hover,
input[type=button].special:hover,
button.special:hover,
.button.special:hover {
    background-color: #39c1bc
}

input[type=submit].special:focus,
input[type=submit].special:active,
input[type=reset].special:focus,
input[type=reset].special:active,
input[type=button].special:focus,
input[type=button].special:active,
button.special:focus,
button.special:active,
.button.special:focus,
.button.special:active {
    box-shadow: inset 0 0 0 2px #33fff9
}

input[type=submit].error,
input[type=reset].error,
input[type=button].error,
button.error,
.button.error {
    background-color: #cc666b;
    color: !important;
    box-shadow: none
}

input[type=submit].error:hover,
input[type=reset].error:hover,
input[type=button].error:hover,
button.error:hover,
.button.error:hover {
    background-color: #d2797e
}

input[type=submit].error:focus,
input[type=submit].error:active,
input[type=reset].error:focus,
input[type=reset].error:active,
input[type=button].error:focus,
input[type=button].error:active,
button.error:focus,
button.error:active,
.button.error:focus,
.button.error:active {
    box-shadow: inset 0 0 0 2px #ffa4a9
}

input[type=submit].disabled,
input[type=submit]:disabled,
input[type=reset].disabled,
input[type=reset]:disabled,
input[type=button].disabled,
input[type=button]:disabled,
button.disabled,
button:disabled,
.button.disabled,
.button:disabled {
    pointer-events: none !important;
    cursor: default;
    opacity: .25
}

@media screen and (max-width: 980px) {

    input[type=submit].fixed,
    input[type=reset].fixed,
    input[type=button].fixed,
    button.fixed,
    .button.fixed {
        width: auto
    }
}

.tabs {
    display: flex;
    list-style: none;
    padding: 0;
    width: 100%;
    position: relative
}

.tabs>li {
    display: block;
    width: 100%;
    line-height: 3.75em;
    cursor: pointer;
    font-size: .8em;
    font-weight: bold;
    color: rgba(255, 255, 255, .75);
    text-align: left;
    padding: 0;
    border-bottom: solid 2px rgba(14, 15, 25, .25);
    flex: 1;
    transition: color 0.2s ease-in-out;
    user-select: none
}

.tabs>li:focus {
    outline: 0
}

.tabs>li:focus:not(.is-clicked) {
    color: #33fff9 !important
}

.tabs>li:hover {
    color: #fff
}

.tabs>li.active {
    color: #fff;
    border-bottom-color: #33ada9
}

.tabs.depth-1 {
    margin-top: -2em
}

.tabs.depth-1>li {
    font-weight: normal
}

.tabs.depth-1>li:focus:not(.is-clicked) {
    color: #b498ff !important
}

.tabs.depth-1>li.active {
    border-bottom-color: #8d73d5
}

.split {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin: 0 0 2em 0
}

.split>* {
    margin: 0
}

.split>:first-child {
    margin-right: 2em;
    width: calc(50% - 2em)
}

.split>:last-child {
    padding-left: 2em;
    width: 50%;
    border-left: solid 1px rgba(255, 255, 255, .075)
}

@media screen and (max-width: 480px) {
    .split {
        display: block
    }

    .split>* {
        border-left: 0
    }

    .split>:first-child {
        margin-right: 0;
        width: 100%
    }

    .split>:last-child {
        padding-left: 0;
        width: 100%;
        border-left: 0;
        border-top: solid 1px rgba(255, 255, 255, .075);
        margin: 2em 0 0 0;
        padding: 2em 0 0 0
    }
}

@keyframes defer-loading-spinner {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.defer-loading {
    position: relative;
    display: block
}

.defer-loading:before {
    content: "";
    display: block;
    width: 4rem;
    height: 4rem;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -2rem 0 0 -2rem;
    animation: defer-loading-spinner 1s infinite linear;
    transition: opacity .25s ease;
    transition-delay: .5s;
    opacity: 0;
    z-index: -1;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iOTZweCIgaGVpZ2h0PSI5NnB4IiB2aWV3Qm94PSIwIDAgOTYgOTYiIHpvb21BbmRQYW49ImRpc2FibGUiPjxzdHlsZT5jaXJjbGUge2ZpbGw6IHRyYW5zcGFyZW50OyBzdHJva2U6ICNmZmY7IHN0cm9rZS13aWR0aDogMS41cHg7IH08L3N0eWxlPjxkZWZzPjxjbGlwUGF0aCBpZD0iY29ybmVyIj48cG9seWdvbiBwb2ludHM9IjAsMCA0OCwwIDQ4LDQ4IDk2LDQ4IDk2LDk2IDAsOTYiIC8+PC9jbGlwUGF0aD48L2RlZnM+PGcgY2xpcC1wYXRoPSJ1cmwoI2Nvcm5lcikiPjxjaXJjbGUgY3g9IjQ4IiBjeT0iNDgiIHI9IjMyIi8+PC9nPjwvc3ZnPg==");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 3rem
}

.defer-loading.loading:before {
    opacity: .25;
    z-index: 0
}

ol.steps {
    list-style: none;
    padding-left: 0
}

ol.steps>li {
    counter-increment: item;
    padding-left: 2.25em;
    position: relative;
    margin-top: .5em
}

ol.steps>li>* {
    margin: 0 0 2em 0
}

ol.steps>li>:last-child {
    margin-bottom: 0 !important
}

ol.steps>li:before {
    content: counter(item);
    background-color: #8d73d5;
    color: #fff;
    font-weight: bold;
    display: inline-block;
    width: 1.3888888889em;
    height: 1.3888888889em;
    line-height: 1.3888888889em;
    border-radius: 1.3888888889em;
    text-align: center;
    font-size: .9em;
    position: absolute;
    top: .2777777778em;
    left: 0
}

ol.steps>li:first-child {
    margin-top: 0
}

ol.steps>li .image {
    display: block;
    border-radius: 6px
}

ol.steps>li .image img {
    display: block;
    width: 100%;
    border-radius: 6px
}

ol.steps>li .image.mobile {
    max-width: 18em
}

ol.steps>li>ol.steps>li {
    counter-increment: sub-item
}

ol.steps>li>ol.steps>li:before {
    content: counter(sub-item)
}

ol.steps>li>ul>li:last-child>:last-child {
    margin-bottom: 0
}

ol.steps.major {
    margin: 2.5em 0
}

ol.steps.major>li {
    padding: .375em 0 3em 3.75em;
    margin-top: 0
}

ol.steps.major>li:before {
    width: 2.5em;
    height: 2.5em;
    line-height: 2.5em;
    border-radius: 2.5em;
    font-size: 1em;
    top: 0;
    z-index: 1
}

ol.steps.major>li:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 1.25em;
    width: 1px;
    height: 100%;
    background: rgba(255, 255, 255, .075)
}

ol.steps.major>li:last-child {
    padding-bottom: 0
}

ol.steps.major>li:last-child:after {
    display: none
}

ol.steps.major>li.final:before {
    content: "";
    background-color: #33ada9;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='648' height='552' viewBox='0 0 648 552'%3E%3Cpath d='M225.3,517.7L2.1,293.1l68.1-67.7L226,382.3L578.1,35.6l67.4,68.4L225.3,517.7z' fill='%23ffffff' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1em
}

@media screen and (max-width: 736px) {
    ol.steps.major>li {
        padding: .075em 0 2em 3em
    }

    ol.steps.major>li>* {
        margin: 0 0 1em 0
    }

    ol.steps.major>li:before {
        width: 1.9444444444em;
        height: 1.9444444444em;
        line-height: 1.9444444444em;
        border-radius: 1.9444444444em;
        font-size: .9em
    }

    ol.steps.major>li:after {
        left: .875em
    }

    ol.steps.major>li .image.mobile {
        max-width: 15em
    }
}

.plan-card {
    border-radius: 6px;
    border: 0;
    background-color: rgba(71, 73, 88, .475);
    outline: 0;
    text-align: left;
    cursor: default;
    margin: 0 0 2em 0;
    position: relative;
    display: flex
}

.plan-card>:last-child {
    margin-bottom: 0
}

.plan-card>header {
    flex-grow: 0;
    flex-shrink: 0;
    background-color: rgba(71, 73, 88, .475);
    border-radius: 6px 0 0 6px;
    width: 12em;
    padding: 1.75em 1.5em
}

.plan-card>header h3 {
    margin-bottom: 0
}

.plan-card>header .price {
    display: block;
    line-height: 1;
    margin-top: .75em
}

.plan-card>header .price .a {
    display: block;
    color: rgba(255, 255, 255, .25)
}

.plan-card>header .price .a strong {
    font-weight: normal;
    color: rgba(255, 255, 255, .75);
    font-size: 1.5em
}

.plan-card>header .price .b {
    display: block;
    color: rgba(255, 255, 255, .25);
    margin-top: .75em;
    font-style: italic;
    font-size: .8em
}

.plan-card>header .price .b strong {
    font-weight: normal;
    color: rgba(255, 255, 255, .75)
}

.plan-card>header .remaining {
    display: block;
    line-height: 1;
    margin-top: .75em;
    color: rgba(255, 255, 255, .25)
}

.plan-card>header .remaining strong {
    font-weight: normal;
    color: rgba(255, 255, 255, .75);
    font-size: 1.5em
}

.plan-card>ul {
    flex-grow: 1;
    flex-shrink: 1;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 1.75em 1.5em;
    width: 100%
}

.plan-card>ul li {
    padding-left: 2.25em;
    width: 50%;
    position: relative;
    margin-top: .875em
}

.plan-card>ul li:nth-child(1) {
    margin-top: 0
}

.plan-card>ul li:nth-child(2) {
    margin-top: 0
}

.plan-card>ul li span {
    transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
    font-size: .9em;
    border-bottom: dotted 1px rgba(0, 0, 0, 0)
}

.plan-card>ul li span:hover {
    color: #fff;
    border-bottom-color: rgba(255, 255, 255, .25);
    cursor: help
}

.plan-card>ul li:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='648' height='552' viewBox='0 0 648 552'%3E%3Cpath d='M225.3,517.7L2.1,293.1l68.1-67.7L226,382.3L578.1,35.6l67.4,68.4L225.3,517.7z' fill='%2333ada9' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: .75em;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .075);
    display: block;
    width: 1.5em;
    height: 1.5em;
    border-radius: 1.5em;
    content: "";
    position: absolute;
    top: .175em;
    left: 0
}

@media screen and (max-width: 980px) {
    .plan-card {
        flex-direction: column
    }

    .plan-card>header {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        white-space: nowrap;
        width: 100%;
        padding: 1.25em 1.5em;
        border-radius: 6px 6px 0 0
    }

    .plan-card>header .price {
        margin-top: 0;
        text-align: right
    }

    .plan-card>header .remaining {
        margin-top: 0;
        text-align: right
    }
}

@media screen and (max-width: 736px) {
    .plan-card>header {
        padding: 1em 1.25em
    }

    .plan-card>header .price strong {
        font-size: 1em
    }

    .plan-card>header .remaining strong {
        font-size: 1em
    }

    .plan-card>ul {
        padding: 1.25em
    }
}

@media screen and (max-width: 360px) {
    .plan-card>ul li {
        width: 100%;
        margin-top: .75em
    }

    .plan-card>ul li:nth-child(2) {
        margin-top: .75em
    }
}

.feature-card {
    border-radius: 6px;
    border: 0;
    background-color: rgba(71, 73, 88, .475);
    outline: 0;
    text-align: left;
    cursor: default;
    margin: 0 0 2em 0;
    position: relative;
    display: flex;
    align-items: center
}

.feature-card .pic {
    flex-grow: 0;
    flex-shrink: 0;
    transform: translate3d(0, 0, 0);
    width: 12em;
    height: 11em;
    position: relative;
    border-radius: 6px 0 0 6px;
    -webkit-backface-visibility: hidden;
    overflow: hidden;
    background-image: url("images/etc/overlay.png"), linear-gradient(45deg, #415d9d 0%, #896387 100%);
    background-size: 256px, cover;
    background-position: center, center;
    background-repeat: repeat, no-repeat
}

.feature-card .pic img {
    display: block;
    object-fit: contain;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.feature-card .pic.center img {
    object-position: center
}

.feature-card .pic.top-right img {
    object-position: top right
}

.feature-card .content {
    padding: 1em 1.75em
}

.feature-card .content h3 {
    margin: 0 0 .5em 0
}

.feature-card .content p {
    font-size: .9em
}

.feature-card .content>:last-child {
    margin-bottom: 0
}

@media screen and (max-width: 480px) {
    .feature-card {
        flex-direction: column
    }

    .feature-card .pic {
        width: 100%;
        height: 14em;
        border-radius: 6px 6px 0 0
    }

    .feature-card .pic img {
        object-fit: cover
    }

    .feature-card .content {
        padding: 1.5em
    }

    .feature-card .content p {
        font-size: 1em
    }
}

[data-tooltip] {
    position: relative
}

[data-tooltip]:before {
    content: attr(data-tooltip);
    position: absolute;
    background: #13151b;
    color: rgba(255, 255, 255, .75);
    font-size: .9rem;
    padding: 1em 1.325em 1em 1.25em;
    border-radius: 6px;
    line-height: 1.6;
    text-align: left
}

[data-tooltip]:after {
    content: "";
    display: block;
    position: absolute;
    width: .5em;
    height: .5em
}

[data-tooltip]:before,
[data-tooltip]:after {
    transition: opacity .125s ease-in-out, transform .125s ease-in-out !important;
    transition-delay: 0s !important;
    pointer-events: none !important;
    opacity: 0;
    z-index: 10000
}

[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
    transition: opacity .125s ease-in-out, transform .125s ease-in-out !important;
    transition-delay: .75s !important;
    transform: none !important;
    opacity: 1
}

@media screen and (max-width: 736px) {

    [data-tooltip]:before,
    [data-tooltip]:after {
        display: none
    }
}

[data-tooltip-mode=plan-feature]:before {
    top: calc(100% + 1em);
    left: 0;
    width: 19em
}

[data-tooltip-mode=plan-feature]:after {
    top: calc(100% + 1em);
    left: 1em;
    border-left: solid .5em rgba(0, 0, 0, 0);
    border-right: solid .5em rgba(0, 0, 0, 0);
    border-bottom: solid .5em #13151b;
    margin-top: -0.5em
}

[data-tooltip-mode=plan-feature]:before,
[data-tooltip-mode=plan-feature]:after {
    transform: translateY(-0.25rem)
}

[data-tooltip-mode=plan-feature]:hover:before,
[data-tooltip-mode=plan-feature]:hover:after {
    transition-delay: 0.175s
}

[data-tooltip-mode=dashboard-site-card-action]:before {
    bottom: calc(100% + .75em);
    left: 0;
    width: auto
}

[data-tooltip-mode=dashboard-site-card-action]:after {
    bottom: calc(100% + .75em + 2px);
    left: .875em;
    border-left: solid .5em rgba(0, 0, 0, 0);
    border-right: solid .5em rgba(0, 0, 0, 0);
    border-top: solid .5em #13151b;
    margin-bottom: -0.5em
}

[data-tooltip-mode=dashboard-site-card-action]:before,
[data-tooltip-mode=dashboard-site-card-action]:after {
    transform: translateY(0.25rem)
}

[data-tooltip-mode=dashboard-site-url]:before {
    bottom: calc(100% - .75em);
    width: 24em
}

[data-tooltip-mode=dashboard-site-url]:after {
    bottom: calc(100% - .75em + 2px);
    border-left: solid .5em rgba(0, 0, 0, 0);
    border-right: solid .5em rgba(0, 0, 0, 0);
    border-top: solid .5em #13151b;
    margin-bottom: -0.5em;
    left: 3em
}

[data-tooltip-mode=dashboard-site-url]:before,
[data-tooltip-mode=dashboard-site-url]:after {
    transform: translateY(0.25rem);
    transition-delay: 0s
}

[data-tooltip-mode=dashboard-site-url]:hover:before,
[data-tooltip-mode=dashboard-site-url]:hover:after {
    transition-delay: 0s
}

.sites.normal [data-tooltip-mode=dashboard-site-url]:before {
    left: 2em
}

.sites.normal [data-tooltip-mode=dashboard-site-url]:after {
    left: 3.25em
}

.sites.compact [data-tooltip-mode=dashboard-site-url]:before,
.sites.list [data-tooltip-mode=dashboard-site-url]:before {
    left: 0;
    bottom: calc(100% + .5em)
}

.sites.compact [data-tooltip-mode=dashboard-site-url]:after,
.sites.list [data-tooltip-mode=dashboard-site-url]:after {
    left: 1.25em;
    bottom: calc(100% + .5em + 2px)
}

[data-tooltip-mode=dashboard-site-url][data-tooltip-style=negative]:before {
    background-color: #cc666b
}

[data-tooltip-mode=dashboard-site-url][data-tooltip-style=negative]:after {
    border-top-color: #cc666b
}

[data-tooltip-mode=dashboard-nav-action]:before {
    left: calc(100% + 1em - 1.375em);
    top: .575em
}

[data-tooltip-mode=dashboard-nav-action]:after {
    top: calc(50% - .575em);
    left: calc(100% + 1em - 1.375em);
    border-top: solid .5em rgba(0, 0, 0, 0);
    border-bottom: solid .5em rgba(0, 0, 0, 0);
    border-right: solid .5em #13151b;
    margin-left: calc(-0.5em + 2px)
}

[data-tooltip-mode=dashboard-nav-action]:before,
[data-tooltip-mode=dashboard-nav-action]:after {
    transform: translateX(-0.25rem)
}

[data-tooltip-mode=dashboard-nav-avatar]:before {
    left: calc(100% + 1.375em - 1.375em);
    top: .575em
}

[data-tooltip-mode=dashboard-nav-avatar]:after {
    top: calc(50% - 1em);
    left: calc(100% + 1.375em - 1.375em);
    border-top: solid .5em rgba(0, 0, 0, 0);
    border-bottom: solid .5em rgba(0, 0, 0, 0);
    border-right: solid .5em #13151b;
    margin-left: calc(-0.5em + 2px)
}

[data-tooltip-mode=dashboard-nav-avatar]:before,
[data-tooltip-mode=dashboard-nav-avatar]:after {
    transform: translateX(-0.25rem)
}

[data-tooltip-mode=menu]:before {
    top: calc(100% + 1em);
    right: 0;
    width: auto;
    font-size: .8em;
    padding: .625em 1.125em
}

[data-tooltip-mode=menu]:after {
    top: calc(100% + 1em);
    right: 1.625em;
    border-left: solid .5em rgba(0, 0, 0, 0);
    border-right: solid .5em rgba(0, 0, 0, 0);
    border-bottom: solid .5em #13151b;
    margin-top: -0.5em;
    font-size: .8em
}

[data-tooltip-mode=menu]:before,
[data-tooltip-mode=menu]:after {
    transform: translateY(-0.25rem)
}

#ui.is-right [data-tooltip-mode=menu]:before {
    right: auto;
    left: 0
}

#ui.is-right [data-tooltip-mode=menu]:after {
    right: auto;
    left: 1.625em
}

[data-tooltip-mode=form-array-action]:before {
    bottom: calc(100% - .125em);
    width: auto;
    font-size: .8em;
    padding: .625em 1.125em;
    white-space: nowrap
}

[data-tooltip-mode=form-array-action]:after {
    bottom: calc(100% - .125em + 1px);
    left: calc(50% - .5em);
    border-left: solid .5em rgba(0, 0, 0, 0);
    border-right: solid .5em rgba(0, 0, 0, 0);
    border-top: solid .5em #13151b;
    margin-bottom: -0.5em;
    font-size: .8em
}

[data-tooltip-mode=form-array-action]:before,
[data-tooltip-mode=form-array-action]:after {
    transform: translateY(0.25rem)
}

[data-tooltip-mode=properties-panel-action]:before {
    bottom: calc(100% - .125em);
    left: .5em;
    width: auto;
    font-size: .8em;
    padding: .625em 1.125em;
    white-space: nowrap
}

[data-tooltip-mode=properties-panel-action]:after {
    bottom: calc(100% - .125em + 1px);
    left: 1.625em;
    border-left: solid .5em rgba(0, 0, 0, 0);
    border-right: solid .5em rgba(0, 0, 0, 0);
    border-top: solid .5em #13151b;
    margin-bottom: -0.5em;
    font-size: .8em
}

[data-tooltip-mode=properties-panel-action]:before,
[data-tooltip-mode=properties-panel-action]:after {
    transform: translateY(0.25rem)
}

[data-tooltip-mode=panel]:before {
    top: calc(100% + 1em);
    right: auto;
    left: .5em;
    width: auto;
    font-size: .8em;
    padding: .625em 1.125em;
    white-space: nowrap
}

[data-tooltip-mode=panel]:after {
    top: calc(100% + 1em);
    left: 1.625em;
    right: auto;
    border-left: solid .5em rgba(0, 0, 0, 0);
    border-right: solid .5em rgba(0, 0, 0, 0);
    border-bottom: solid .5em #13151b;
    margin-top: -0.5em;
    font-size: .8em
}

[data-tooltip-mode=panel]:before,
[data-tooltip-mode=panel]:after {
    transform: translateY(-0.25rem)
}

[data-tooltip-mode=pro]:before {
    top: calc(100% + 1em);
    right: -1em;
    width: auto;
    font-size: .8em;
    padding: .625em 1.125em
}

[data-tooltip-mode=pro]:after {
    top: calc(100% + 1em);
    right: .625em;
    border-left: solid .5em rgba(0, 0, 0, 0);
    border-right: solid .5em rgba(0, 0, 0, 0);
    border-bottom: solid .5em #13151b;
    margin-top: -0.5em;
    font-size: .8em
}

[data-tooltip-mode=pro]:before,
[data-tooltip-mode=pro]:after {
    transform: translateY(-0.25rem);
    transition-delay: 0s
}

[data-tooltip-mode=pro]:hover:before,
[data-tooltip-mode=pro]:hover:after {
    transition-delay: 0s
}

[data-tooltip-mode=pro-fixed]:before {
    top: calc(100% + 1em);
    right: -1em;
    width: 16em;
    font-size: .8em;
    padding: .625em 1.125em;
    white-space: normal
}

[data-tooltip-mode=pro-fixed]:after {
    top: calc(100% + 1em);
    right: .625em;
    border-left: solid .5em rgba(0, 0, 0, 0);
    border-right: solid .5em rgba(0, 0, 0, 0);
    border-bottom: solid .5em #13151b;
    margin-top: -0.5em;
    font-size: .8em
}

[data-tooltip-mode=pro-fixed]:before,
[data-tooltip-mode=pro-fixed]:after {
    transform: translateY(-0.25rem);
    transition-delay: 0s
}

[data-tooltip-mode=pro-fixed]:hover:before,
[data-tooltip-mode=pro-fixed]:hover:after {
    transition-delay: 0s
}

[data-tooltip-mode=pro-menu] {
    cursor: pointer !important
}

[data-tooltip-mode=pro-menu]:before {
    top: calc(100% + 1em);
    right: -0.5em;
    width: auto;
    font-size: .8em;
    padding: .625em 1.125em
}

[data-tooltip-mode=pro-menu]:after {
    top: calc(100% + 1em);
    right: 1.125em;
    border-left: solid .5em rgba(0, 0, 0, 0);
    border-right: solid .5em rgba(0, 0, 0, 0);
    border-bottom: solid .5em #13151b;
    margin-top: -0.5em;
    font-size: .8em
}

[data-tooltip-mode=pro-menu]:before,
[data-tooltip-mode=pro-menu]:after {
    transform: translateY(-0.25rem);
    transition-delay: 0s
}

[data-tooltip-mode=pro-menu]:hover:before,
[data-tooltip-mode=pro-menu]:hover:after {
    transition-delay: 0s
}

[data-tooltip-mode=pro-suffixes-option]:before {
    right: calc(100% + 1em - .375em);
    bottom: 0;
    width: 13.5em;
    padding: .625em 1.125em;
    font-size: .9em
}

[data-tooltip-mode=pro-suffixes-option]:after {
    top: calc(50% - .375em);
    right: calc(100% + 1em - .375em);
    border-top: solid .5em rgba(0, 0, 0, 0);
    border-bottom: solid .5em rgba(0, 0, 0, 0);
    border-left: solid .5em #13151b;
    margin-right: calc(-0.5em + 2px);
    font-size: .9em
}

[data-tooltip-mode=pro-suffixes-option]:before,
[data-tooltip-mode=pro-suffixes-option]:after {
    transform: translateX(0.25rem)
}

[data-tooltip-mode=pro-suffixes-option]:hover:before,
[data-tooltip-mode=pro-suffixes-option]:hover:after {
    transition-delay: 0s
}

[data-hint] {
    position: relative
}

[data-hint]:before {
    content: attr(data-hint);
    position: absolute;
    background: #8d73d5;
    color: #fff;
    font-size: .9rem;
    padding: 1em 1.325em 1em 1.25em;
    border-radius: 6px;
    line-height: 1.6;
    text-align: left
}

[data-hint]:after {
    content: "";
    display: block;
    position: absolute;
    width: .5em;
    height: .5em
}

[data-hint]:before,
[data-hint]:after {
    transition: opacity 0.125s ease-in-out, transform 0.125s ease-in-out;
    transition-delay: 0s;
    pointer-events: none;
    opacity: 0;
    z-index: 10000
}

[data-hint].hinted:before,
[data-hint].hinted:after {
    transition: opacity 0.125s ease-in-out, transform 0.125s ease-in-out;
    transition-delay: 0.175s;
    transform: none;
    opacity: 1
}

[data-hint-mode=pro]:before {
    top: calc(100% + 1em);
    right: -0.25em;
    width: auto;
    font-size: .8em;
    padding: .625em 1.125em
}

[data-hint-mode=pro]:after {
    top: calc(100% + 1em);
    right: 1.25em;
    border-left: solid .5em rgba(0, 0, 0, 0);
    border-right: solid .5em rgba(0, 0, 0, 0);
    border-bottom: solid .5em #8d73d5;
    margin-top: -0.5em;
    font-size: .8em
}

[data-hint-mode=pro]:before,
[data-hint-mode=pro]:after {
    transform: translateY(-0.25rem);
    transition-delay: 0s
}

[data-tooltip-mode=form-image-uploader-option]:before {
    top: calc(100% + 1em);
    left: 0;
    width: auto;
    font-size: .8em;
    padding: .625em 1.125em;
    white-space: nowrap
}

[data-tooltip-mode=form-image-uploader-option]:after {
    top: calc(100% + 1em);
    left: 1.625em;
    border-left: solid .5em rgba(0, 0, 0, 0);
    border-right: solid .5em rgba(0, 0, 0, 0);
    border-bottom: solid .5em #13151b;
    margin-top: -0.5em;
    font-size: .8em
}

[data-tooltip-mode=form-image-uploader-option]:before,
[data-tooltip-mode=form-image-uploader-option]:after {
    transform: translateY(-0.25rem)
}

ul.brand-selector {
    list-style: none;
    padding-left: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: 1.5em;
    margin-bottom: 1.5em
}

ul.brand-selector:first-child {
    margin-top: 0
}

ul.brand-selector>li {
    padding-left: 0;
    width: 33.333%;
    flex-grow: 1;
    flex-shrink: 1;
    border-color: rgba(255, 255, 255, .075);
    border-style: solid;
    border-bottom-width: 1px;
    border-left-width: 1px
}

ul.brand-selector>li:nth-child(1),
ul.brand-selector>li:nth-child(2),
ul.brand-selector>li:nth-child(3) {
    border-top-width: 1px
}

ul.brand-selector>li:nth-child(1) {
    border-top-left-radius: 6px
}

ul.brand-selector>li:nth-child(3) {
    border-top-right-radius: 6px
}

ul.brand-selector>li:nth-child(3n) {
    border-right-width: 1px
}

ul.brand-selector>li a {
    padding: 2.5em 2em;
    border-bottom: 0;
    height: 8.5em;
    display: flex;
    align-items: center;
    justify-content: center
}

ul.brand-selector>li a:hover {
    background-color: rgba(255, 255, 255, .025)
}

ul.brand-selector>li img {
    display: block;
    margin: 0 auto;
    height: 2.5em;
    max-width: 95%
}

ul.brand-selector>li img.enom {
    height: 1.5em
}

ul.brand-selector>li img.paypal {
    height: 2em
}

ul.brand-selector>li img.typeform {
    height: 2em
}

ul.brand-selector>li img.facebook {
    height: 1.75em
}

ul.brand-selector>li img.godaddy {
    height: 2em
}

ul.brand-selector>li img.mailchimp {
    height: 3em
}

ul.brand-selector>li.active {
    box-shadow: inset 0 0 0 2px #33ada9
}

ul.brand-selector.last0>li:nth-last-child(3) {
    border-bottom-left-radius: 6px
}

ul.brand-selector.last0>li:nth-last-child(1) {
    border-bottom-right-radius: 6px
}

ul.brand-selector.last1>li:nth-last-child(1) {
    flex-grow: 0;
    flex-shrink: 1;
    border-right-width: 1px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px
}

ul.brand-selector.last1>li:nth-last-child(2) {
    border-bottom-right-radius: 6px
}

ul.brand-selector.last2>li:nth-last-child(1),
ul.brand-selector.last2>li:nth-last-child(2) {
    flex-grow: 0;
    flex-shrink: 1
}

ul.brand-selector.last2>li:nth-last-child(1) {
    border-right-width: 1px;
    border-bottom-right-radius: 6px
}

ul.brand-selector.last2>li:nth-last-child(2) {
    border-bottom-left-radius: 6px
}

ul.brand-selector.last2>li:nth-last-child(3) {
    border-bottom-right-radius: 6px
}

@media screen and (max-width: 736px) {
    ul.brand-selector {
        flex-wrap: nowrap;
        flex-direction: column;
        border: solid 1px rgba(255, 255, 255, .075);
        border-radius: 6px
    }

    ul.brand-selector>li {
        width: 100%;
        border-bottom-width: 0;
        border-left-width: 0;
        border-top-width: 1px
    }

    ul.brand-selector>li:nth-child(1),
    ul.brand-selector>li:nth-child(2),
    ul.brand-selector>li:nth-child(3) {
        border-top-width: 0
    }

    ul.brand-selector>li:nth-child(2) {
        border-top-width: 1px
    }

    ul.brand-selector>li:nth-child(3) {
        border-top-width: 1px
    }

    ul.brand-selector>li:nth-child(1) {
        border-top-left-radius: 0
    }

    ul.brand-selector>li:nth-child(3) {
        border-top-right-radius: 0
    }

    ul.brand-selector>li:nth-child(3n) {
        border-right-width: 0
    }

    ul.brand-selector>li a {
        padding: 2.5em 1.75em 2.25em 1.75em
    }

    ul.brand-selector.last1>li:nth-last-child(1) {
        border-right-width: 0
    }

    ul.brand-selector.last2>li:nth-last-child(1) {
        border-right-width: 0
    }
}

@media screen and (max-width: 360px) {
    ul.brand-selector>li a {
        padding: 2em 1.5em 2em 1.5em
    }
}

.printable {
    background-color: #fff;
    color: #000;
    padding: 4em 3em;
    font-size: 14pt;
    min-height: 76em
}

.printable h1,
.printable h2,
.printable h3,
.printable h4,
.printable h5,
.printable h6,
.printable strong,
.printable p,
.printable th,
.printable td {
    color: inherit
}

.printable h2 {
    font-size: 1.5em
}

.printable hr {
    border-bottom-color: inherit;
    border-bottom-width: 2px
}

.printable img {
    filter: invert(1)
}

.printable table {
    border-spacing: 0px;
    border-collapse: separate;
    border-radius: 6px;
    border: solid 1px #ccc;
    empty-cells: show
}

.printable table>tbody>tr {
    background-color: rgba(0, 0, 0, 0) !important
}

.printable table>tbody>tr th,
.printable table>tbody>tr td {
    border-top: solid 1px #ddd;
    border-left: solid 1px #ddd
}

.printable table>tbody>tr th:first-child,
.printable table>tbody>tr td:first-child {
    border-left: 0
}

.printable table>tbody>tr:first-child th,
.printable table>tbody>tr:first-child td {
    border-top: 0
}

.printable table td,
.printable table th {
    padding: .75em .875em;
    position: relative;
    vertical-align: top
}

.printable table td {
    width: 100%
}

.printable table td>:last-child {
    margin-bottom: 0
}

.printable table td p {
    font-size: .8em;
    font-style: italic;
    margin-bottom: 0
}

.printable table th {
    font-size: .9em;
    min-width: 14em;
    padding-top: 1em
}

.printable table tr.editable {
    position: relative
}

.printable table tr.editable .string {
    border-bottom: dotted 1px #ccc;
    display: block
}

.printable table tr.editable .string:focus {
    background-color: #ffe;
    outline: 0;
    border-bottom: solid 1px #33ada9;
    box-shadow: 0 1px 0 0 #33ada9
}

.printable table tr.editable .string:empty {
    height: 1.825em
}

.printable table tr.editable .do-delete {
    position: absolute;
    left: -2.5em;
    top: .875em;
    height: 1.75em;
    width: 2.25em;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='648' height='552' viewBox='0 0 467 552'%3E%3Cpath d='M250.4,276L440,465.5l-17,17L233.5,293L44,482.5l-17-17L216.5,276L27,86.5l17-17L233.5,259L423,69.5l17,17L250.4,276z' fill='%23000' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1em;
    cursor: pointer
}

.printable table+.actions {
    margin-top: -0.5em
}

.printable table+.actions .button {
    height: 3em;
    line-height: 3em;
    display: block;
    position: relative
}

.printable table+.actions .button:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='648' height='552' viewBox='0 0 456 552'%3E%3Cpath d='M432,288H239.5v192.5h-24V288H24v-24h191.5V72.5h24V264H432V288z' fill='%23ffffff' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.5em;
    content: "";
    display: inline-block;
    width: 1.875em;
    height: 1.875em;
    vertical-align: middle;
    position: relative;
    top: -0.075em;
    margin-left: -0.875em;
    margin-right: .25em;
    height: 3em;
    line-height: 3em
}

.printable>header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    margin: 0 0 3em 0
}

.printable>header>.title h1 {
    margin: 0;
    font-size: 3em
}

.printable>header>.title p {
    margin-bottom: 0
}

.printable>header>.address {
    display: flex;
    align-items: center
}

.printable>header>.address img {
    width: 5em;
    margin-left: 1.75em
}

.printable>header>.address p {
    font-size: .9em;
    text-align: right;
    margin: 0
}

.printable>section {
    margin: 4em 0 0 0
}

.printable>section>:last-child {
    margin-bottom: 0
}

@media print {
    .printable {
        padding: 1em 0;
        min-height: 0;
        font-size: 12pt
    }

    .printable table tr.editable .string {
        border-bottom: 0
    }

    .printable table tr.editable .do-delete {
        display: none
    }

    .printable table+.actions {
        display: none
    }
}

.style-picker {
    margin: 0 0 2em 0
}

.style-picker .status {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='648' height='552' viewBox='0 0 456 552'%3E%3Cpath d='M434.5,185.5L228,392L21.5,185.5l17-17L228,358l189.5-189.5L434.5,185.5z' fill='rgba(255, 255, 255, 0.25)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.5em;
    appearance: none;
    background-color: rgba(71, 73, 88, .475);
    background-position: calc(100% - .75em) center;
    border-radius: 6px;
    border: none;
    color: inherit;
    cursor: pointer;
    display: block;
    height: 3em;
    line-height: 3em;
    outline: 0;
    padding-right: 3em;
    padding: 0 1em;
    position: relative;
    text-decoration: none;
    width: 100%
}

.style-picker .status .label {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.style-picker .status:after {
    border-bottom: solid .75em #3f414e;
    border-left: solid .75em rgba(0, 0, 0, 0);
    border-right: solid .75em rgba(0, 0, 0, 0);
    bottom: -1.5em;
    content: "";
    left: calc(50% - .75em);
    opacity: 0;
    pointer-events: none;
    position: absolute;
    transition: none
}

.style-picker .inner {
    height: 0;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    transition: opacity .5s ease;
    z-index: -10000
}

.style-picker .inner [contenteditable] {
    display: none !important
}

.style-picker .inner>.items {
    background-color: #3f414e;
    border-radius: 6px 6px 0 0
}

.style-picker .inner>.items>.item {
    align-items: center;
    border-top: solid 1px rgba(255, 255, 255, .075);
    cursor: pointer;
    display: flex;
    height: calc(3em + 2px);
    line-height: calc(3em + 2px)
}

.style-picker .inner>.items>.item:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='648' height='552' viewBox='0 0 648 552'%3E%3Cpath d='M225.3,517.7L2.1,293.1l68.1-67.7L226,382.3L578.1,35.6l67.4,68.4L225.3,517.7z' fill='%2333ada9' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1em;
    background-position: right;
    content: "";
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    height: inherit;
    opacity: 0;
    pointer-events: none;
    width: 1.625em
}

.style-picker .inner>.items>.item>.name {
    color: rgba(255, 255, 255, .75);
    cursor: pointer;
    flex-grow: 0;
    flex-shrink: 1;
    margin: 0 .625em 0 .625em;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: color 0.2s ease-in-out;
    user-select: none;
    white-space: nowrap;
    width: 100%
}

.style-picker .inner>.items>.item>.name:hover {
    color: #fff !important
}

.style-picker .inner>.items>.item>.name[contenteditable] {
    background-color: rgba(14, 15, 25, .175);
    border-radius: 6px;
    box-shadow: 0 0 0 2px #33ada9;
    color: rgba(255, 255, 255, .75);
    cursor: auto;
    height: 2em;
    line-height: 2em;
    outline: 0;
    padding: 0 .625em;
    user-select: auto
}

.style-picker .inner>.items>.item>.actions {
    display: flex;
    flex-grow: 0;
    flex-shrink: 0;
    height: inherit
}

.style-picker .inner>.items>.item>.actions>* {
    align-items: center;
    color: rgba(255, 255, 255, .25);
    cursor: pointer;
    display: flex;
    height: inherit;
    justify-content: center;
    text-align: center;
    width: 2.25em
}

.style-picker .inner>.items>.item>.actions>* svg {
    fill: rgba(255, 255, 255, .25);
    height: 1.125em;
    transition: fill 0.2s ease-in-out;
    width: 1.125em
}

.style-picker .inner>.items>.item>.actions>*:last-child {
    padding-right: .5em;
    width: 2.75em
}

.style-picker .inner>.items>.item>.actions>*:hover svg {
    fill: #fff
}

.style-picker .inner>.items>.item.active:before {
    opacity: 1
}

.style-picker .inner>.items>.item:first-child {
    border-top: 0
}

.style-picker .inner>.items>.item[data-value=""]>.name {
    color: rgba(255, 255, 255, .25)
}

.style-picker .inner>.message {
    align-items: center;
    background-color: #3f414e;
    border-radius: 6px 6px 0 0;
    color: rgba(255, 255, 255, .375);
    display: none;
    font-size: .9em;
    justify-content: center;
    min-height: calc(6.6666666667em + 4px);
    padding: 1.5em;
    text-align: center
}

.style-picker .inner>.message p {
    margin-bottom: 0
}

.style-picker .inner>.message strong {
    font-weight: normal
}

.style-picker .inner>.actions {
    border-bottom-width: 2px;
    border-color: rgba(71, 73, 88, .475);
    border-left-width: 2px;
    border-radius: 0 0 6px 6px;
    border-right-width: 2px;
    border-style: solid
}

.style-picker .inner>.actions>* {
    color: #fff;
    cursor: pointer;
    font-weight: bold;
    height: calc(3em + 2px);
    line-height: calc(3em + 2px);
    padding: 0 1em;
    text-align: center;
    transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, opacity 0.2s ease-in-out, color 0.2s ease-in-out
}

.style-picker .inner>.actions>*:hover {
    background-color: rgba(255, 255, 255, .0125)
}

.style-picker .inner>.actions>*:focus,
.style-picker .inner>.actions>*:active {
    box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .75);
    outline: 0
}

.style-picker .inner>.actions>*:last-child {
    border-radius: inherit
}

.style-picker.empty .inner>.items {
    display: none
}

.style-picker.empty .inner>.message {
    display: flex
}

.style-picker.active .status {
    box-shadow: 0 0 0 2px #33ada9;
    margin: 0 0 1.5em 0
}

.style-picker.active .status:after {
    opacity: 1;
    transition: opacity .5s ease
}

.style-picker.active .inner {
    display: block;
    height: auto;
    opacity: 1;
    overflow: visible;
    pointer-events: auto;
    position: relative;
    z-index: 1
}

.style-picker.active .inner [contenteditable] {
    display: block !important
}

.style-picker.in-panel {
    margin-bottom: 0
}

.style-picker.in-panel .status {
    background-image: none;
    display: flex;
    font-size: .8em;
    height: 2.5em;
    line-height: 2.5em;
    margin-bottom: 0;
    max-width: 14em;
    position: absolute;
    right: 0;
    top: -5.25em;
    width: auto
}

.style-picker.in-panel .status .label {
    color: rgba(255, 255, 255, .75);
    flex-grow: 1;
    flex-shrink: 1;
    height: inherit;
    line-height: inherit;
    max-width: 9em;
    transition: color 0.2s ease
}

.style-picker.in-panel .status svg {
    fill: rgba(255, 255, 255, .25);
    flex-grow: 0;
    flex-shrink: 0;
    height: inherit;
    margin-left: .625em;
    transition: fill 0.2s ease;
    width: .875em
}

.style-picker.in-panel .status:hover .label {
    color: #fff !important
}

.style-picker.in-panel .status:hover svg {
    fill: #fff !important
}

.style-picker.in-panel .status:after {
    bottom: -2.75em
}

.style-picker.in-panel .status.none .label {
    color: rgba(255, 255, 255, .25)
}

.style-picker.in-panel.active {
    margin: 0 0 2em 0
}

.style-picker.in-panel.active .status {
    box-shadow: none
}

.style-picker.in-panel.active .status .label {
    max-width: 8em
}

.style-picker.in-panel.active .status svg {
    transform: rotate(180deg)
}

.referral-code-banner {
    padding: 2.5em 2.5em .5em 2.5em;
    position: relative;
    border-radius: 6px;
    text-align: center;
    margin: 0 0 2em 0;
    color: rgba(255, 255, 255, .75);
    cursor: default
}

.referral-code-banner .content {
    transition: opacity 0.75s ease-in-out
}

.referral-code-banner .content img {
    display: block;
    height: 5em;
    margin: 0 auto 1em auto
}

.referral-code-banner .content h3 {
    font-size: 1.75em;
    margin: 0 0 .25em 0
}

body.is-loading .referral-code-banner .content {
    opacity: 0
}

@media screen and (max-width: 736px) {
    .referral-code-banner {
        padding: 2em 2em .1em 2em
    }

    .referral-code-banner .content h3 {
        font-size: 1.25em
    }
}

.referral-code-notification {
    position: relative;
    text-align: center;
    margin: -1em 0 4em 0
}

.referral-code-notification p {
    margin-bottom: 0;
    background: rgba(71, 73, 88, .475);
    display: inline-block;
    padding: .25em .75em;
    border-radius: 6px;
    color: rgba(255, 255, 255, .25);
    font-size: .9em
}

.referral-code-notification p strong {
    color: rgba(255, 255, 255, .375);
    font-weight: normal
}

.features-list {
    background-color: rgba(71, 73, 88, .475);
    border-radius: 6px;
    margin: 0 0 2em 0;
    padding-left: 0;
    list-style: none;
    text-align: left
}

.features-list>li:first-child {
    border-radius: 6px 6px 0 0
}

.features-list>li:last-child {
    border-radius: 0 0 6px 6px
}

.features-list>li:first-child:last-child {
    border-radius: 6px
}

.features-list>li:nth-child(2n-1) {
    background-color: rgba(71, 73, 88, .475)
}

.features-list>li>:last-child {
    margin-bottom: 0
}

.features-list>li.message {
    display: block;
    padding: 2em;
    text-align: center
}

.features-list>li.message p {
    font-size: 1.25em;
    color: rgba(255, 255, 255, .25);
    margin-bottom: 0
}

.features-list>li.message .actions {
    margin-top: 1em
}

.features-list>li {
    position: relative;
    padding: 1.5em 1.5em 1.5em 3.75em
}

.features-list>li:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='648' height='552' viewBox='0 0 648 552'%3E%3Cpath d='M225.3,517.7L2.1,293.1l68.1-67.7L226,382.3L578.1,35.6l67.4,68.4L225.3,517.7z' fill='%2333ada9' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: .75em;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .075);
    display: block;
    width: 1.5em;
    height: 1.5em;
    border-radius: 1.5em;
    content: "";
    position: absolute;
    top: 1.5em/.8;
    left: 1.25em;
    margin-top: .125em
}

.features-list>li h3 {
    margin: 0 0 .5em 0
}

.features-list>li.message:before {
    display: none
}

.action-item-list {
    background-color: rgba(71, 73, 88, .475);
    border-radius: 6px;
    margin: 0 0 2em 0
}

.action-item-list>div:first-child {
    border-radius: 6px 6px 0 0
}

.action-item-list>div:last-child {
    border-radius: 0 0 6px 6px
}

.action-item-list>div:first-child:last-child {
    border-radius: 6px
}

.action-item-list>div:nth-child(2n-1) {
    background-color: rgba(71, 73, 88, .475)
}

.action-item-list>div>:last-child {
    margin-bottom: 0
}

.action-item-list>div.message {
    display: block;
    padding: 2em;
    text-align: center
}

.action-item-list>div.message p {
    font-size: 1.25em;
    color: rgba(255, 255, 255, .25);
    margin-bottom: 0
}

.action-item-list>div.message .actions {
    margin-top: 1em
}

.action-item-list>.action-item {
    display: flex;
    padding: 1.5em 1.5em;
    position: relative
}

.action-item-list>.action-item>.content {
    flex-shrink: 1;
    flex-grow: 1;
    padding-right: 1.5em
}

.action-item-list>.action-item>.content>:last-child {
    margin-bottom: 0
}

.action-item-list>.action-item>.content>h3 {
    margin: 0
}

.action-item-list>.action-item>.content>p {
    margin: .5em 0 0 0
}

.action-item-list>.action-item>.content>.note {
    font-size: .8em;
    color: rgba(255, 255, 255, .25)
}

.action-item-list>.action-item>.content>.note a {
    color: inherit
}

.action-item-list>.action-item>.content>.note a:hover {
    color: #fff
}

.action-item-list>.action-item>.actions {
    flex-shrink: 0;
    flex-grow: 0;
    margin-bottom: 0
}

.action-item-list>.action-item.disabled>.content {
    pointer-events: none;
    opacity: .5
}

.action-item-list>.action-item.item {
    align-items: center;
    padding-left: 1.5em
}

.action-item-list>.action-item.item>.type {
    align-items: center;
    display: flex;
    flex-grow: 0;
    flex-shrink: 0;
    justify-content: center;
    background-image: linear-gradient(45deg, #695f8f 35%, #3d68a5);
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
    border-bottom: 0;
    border-radius: 3px;
    height: 5em;
    margin-right: 1.5em;
    overflow: hidden;
    position: relative;
    width: 5em
}

.action-item-list>.action-item.item>.type svg {
    transition: fill 0.2s ease-in-out, transform 0.2s ease-in-out;
    fill: #ded173;
    width: 60%
}

.action-item-list>.action-item.item>.type:hover svg {
    transform: scale(1.1);
    fill: #f4ebaa
}

.action-item-list>.action-item.item>.content {
    margin-top: 0;
    overflow: hidden;
    width: 100%
}

.action-item-list>.action-item.item>.content>* {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.action-item-list>.action-item.item>.content h3 {
    font-size: 1em
}

.action-item-list>.action-item.item>.content .description,
.action-item-list>.action-item.item>.content .timestamp {
    margin-bottom: 0
}

.action-item-list>.action-item.item .price {
    width: 3.5em
}

.action-item-list>.action-item.item .price>span {
    color: rgba(255, 255, 255, .375);
    font-size: 1.25em;
    text-align: right
}

.action-item-list>.action-item.site {
    align-items: center;
    padding-left: 1.5em
}

.action-item-list>.action-item.site[data-tag]:not([data-tag=""])>.preview:before {
    border-bottom-left-radius: inherit;
    border-top-right-radius: inherit;
    color: #fff;
    content: attr(data-tag);
    display: block;
    font-size: .8em;
    height: 2.5em;
    line-height: 2.5em;
    padding: 0 1em;
    pointer-events: none;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    z-index: 1
}

.action-item-list>.action-item.site[data-tag$=Published]>.preview:before {
    background-color: #6e9c72
}

.action-item-list>.action-item.site[data-tag$=Template]>.preview:before {
    background-color: #ed5f79
}

.action-item-list>.action-item.site[data-tag$=Draft]>.preview:before {
    background-color: #434452
}

.action-item-list>.action-item.site[data-tag$=Offline]>.preview:before {
    background-color: #cc666b
}

.action-item-list>.action-item.site[data-tag$=Initializing]>.preview:before {
    background-color: #e79435
}

.action-item-list>.action-item.site>.preview {
    flex-grow: 0;
    flex-shrink: 0;
    border-bottom: 0;
    border-radius: 3px;
    display: block;
    margin-right: 1.5em;
    position: relative;
    overflow: hidden;
    width: 10em
}

.action-item-list>.action-item.site>.preview img {
    border-radius: inherit;
    display: block;
    height: 100%;
    width: 100%
}

.action-item-list>.action-item.site>.content {
    margin-top: 0;
    overflow: hidden;
    width: 100%
}

.action-item-list>.action-item.site>.content>* {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.action-item-list>.action-item.site>.content h3 {
    font-size: 1em;
    margin: 0 0 .05em 0
}

.action-item-list>.action-item.site>.content .description {
    margin-bottom: 0
}

.action-item-list>.action-item.site.disabled>.preview {
    pointer-events: none;
    opacity: .5
}

@media screen and (max-width: 736px) {
    .action-item-list:not(.fixed)>.action-item {
        flex-direction: column
    }

    .action-item-list:not(.fixed)>.action-item>.actions {
        margin-top: 1.25em
    }

    .action-item-list.fixed>.action-item.item {
        display: grid;
        grid-template-columns: 5em auto;
        grid-template-rows: 1fr;
        grid-column-gap: 1.5em
    }

    .action-item-list.fixed>.action-item.item.with-actions {
        grid-template-rows: 1fr 1fr
    }

    .action-item-list.fixed>.action-item.item>.type {
        grid-area: 1/1/3/2;
        margin-right: 0
    }

    .action-item-list.fixed>.action-item.item>.content {
        grid-area: 1/2/2/3
    }

    .action-item-list.fixed>.action-item.item>.content .description {
        display: none
    }

    .action-item-list.fixed>.action-item.site {
        flex-wrap: wrap;
        padding: 1.5em
    }

    .action-item-list.fixed>.action-item.site>.preview {
        border-radius: 4.5px;
        margin: 0 0 1.5em 0;
        width: 100%
    }

    .action-item-list.fixed>.action-item.site>.content {
        width: auto
    }
}

ul.flags {
    list-style: none;
    padding: 0;
    margin: -1em 0 2em 0
}

ul.flags li {
    padding: 0;
    text-align: center;
    margin: 1em 1em 0 0;
    display: inline-block
}

p+ul.flags {
    margin-top: -2em
}

ul.flags.inline {
    margin-bottom: 0
}

ul.flags:last-child {
    margin-bottom: 0
}

ul.flags:not(.toggleable) li {
    border: 0;
    color: rgba(255, 255, 255, .75);
    line-height: 2.5em;
    border-radius: 6px;
    background-color: rgba(71, 73, 88, .475);
    padding: 0 1em;
    font-size: .8em
}

ul.flags:not(.toggleable) li.highlight {
    color: #b498ff
}

ul.flags.toggleable li a {
    cursor: pointer
}

ul.flags.toggleable li span {
    cursor: default
}

ul.flags.toggleable li a,
ul.flags.toggleable li span {
    border: 0;
    color: rgba(255, 255, 255, .25);
    display: block;
    line-height: 2.5em;
    border-radius: 6px;
    background-color: rgba(71, 73, 88, .475);
    padding: 0 1em;
    font-size: .8em
}

ul.flags.toggleable li a.special,
ul.flags.toggleable li span.special {
    background-color: #33ada9;
    color: #fff
}

ul.flags.toggleable li.active a,
ul.flags.toggleable li.active span {
    background-color: rgba(94, 95, 106, .875);
    color: #fff
}

ul.flags.toggleable li.unmoderated.active a,
ul.flags.toggleable li.unmoderated.active span {
    background-color: #cc666b;
    color: #fff
}

.upgrade-icon {
    transition: background-color 0.2s ease-in-out;
    display: inline-block;
    font-size: 1em;
    border: 0;
    width: 1.75em;
    height: 1.75em;
    line-height: 1.75em;
    text-align: center;
    white-space: nowrap;
    position: relative;
    vertical-align: middle;
    border-radius: 6px;
    margin-left: .25em;
    cursor: pointer;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='648' height='552' viewBox='0 0 408 552'%3E%3Cpath d='M336.6,216c0.2-10.4,0.1-23.1-0.6-36.7c-2.6-47.9-12.2-83.5-28.6-106C287.5,45.9,248.9,29.6,204,29.6s-83.5,16.3-103.4,43.6 c-16.4,22.5-26,58.1-28.6,106c-0.7,13.7-0.8,26.4-0.6,36.7H24v264h359.1l0.9-264H336.6z M139.4,101.5C150,87,175.3,77.6,204,77.6 s54,9.4,64.6,23.9c16.6,22.7,20.9,75.4,20.1,114.5H119.4C118.7,181.4,121.6,125.9,139.4,101.5z' fill='%23DED173' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.25em
}

.upgrade-icon.is-disabled {
    opacity: .5;
    pointer-events: none
}

a.upgrade-icon:hover {
    background-color: rgba(71, 73, 88, .475)
}

input[type=radio]+label+.upgrade-icon {
    margin-left: -0.35em
}

input[type=checkbox]+label+.upgrade-icon,
label+input+.upgrade-icon,
label+select+.upgrade-icon,
label+.input-textarea-autosize+.upgrade-icon,
label+.form-list+.upgrade-icon,
label+.textarea-wrapper+.upgrade-icon,
label+.form-image-uploader+.upgrade-icon,
.field-group>.upgrade-icon:last-child {
    position: absolute;
    top: 0;
    right: 0;
    width: 1.75em
}

.upgrade-label {
    height: 1.75em;
    line-height: 1.75em;
    margin: 0 0 1em 0;
    border-bottom: 0;
    color: #ded173;
    font-size: .9em
}

.upgrade-label:before {
    content: "";
    display: inline-block;
    font-size: 1em;
    border: 0;
    width: 1em;
    height: inherit;
    line-height: inherit;
    text-align: center;
    white-space: nowrap;
    position: relative;
    vertical-align: middle;
    border-radius: 6px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='648' height='552' viewBox='0 0 408 552'%3E%3Cpath d='M336.6,216c0.2-10.4,0.1-23.1-0.6-36.7c-2.6-47.9-12.2-83.5-28.6-106C287.5,45.9,248.9,29.6,204,29.6s-83.5,16.3-103.4,43.6 c-16.4,22.5-26,58.1-28.6,106c-0.7,13.7-0.8,26.4-0.6,36.7H24v264h359.1l0.9-264H336.6z M139.4,101.5C150,87,175.3,77.6,204,77.6 s54,9.4,64.6,23.9c16.6,22.7,20.9,75.4,20.1,114.5H119.4C118.7,181.4,121.6,125.9,139.4,101.5z' fill='%23DED173' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.25em;
    margin-right: .5em;
    font-size: 1.1111111111em
}

.upgrade-label a {
    color: inherit
}

.upgrade-label a:hover {
    color: #fff
}

.link-tabs {
    display: flex;
    list-style: none;
    padding: 0;
    position: relative;
    width: 100%
}

.link-tabs>li {
    flex: 1;
    border-bottom: solid 2px rgba(14, 15, 25, .25);
    display: block;
    padding: 0;
    width: 100%
}

.link-tabs>li>a {
    transition: color 0.2s ease-in-out;
    user-select: none;
    border-bottom: 0;
    color: rgba(255, 255, 255, .75);
    cursor: pointer;
    display: block;
    font-size: .8em;
    font-weight: bold;
    line-height: 3.75em;
    text-align: left
}

.link-tabs>li>a>.secondary {
    color: rgba(255, 255, 255, .25);
    font-weight: normal;
    letter-spacing: 0;
    position: relative
}

.link-tabs>li>a:focus {
    outline: 0
}

.link-tabs>li>a:hover {
    color: #fff
}

.link-tabs>li.active {
    border-bottom-color: #33ada9
}

.link-tabs>li.active>a {
    color: #fff
}

.action-link {
    color: rgba(255, 255, 255, .75);
    cursor: pointer;
    display: inline-block;
    font-size: .9em;
    transition: color .2s ease-in-out;
    height: 3em;
    line-height: 3em;
    outline: 0
}

.action-link:before {
    content: "";
    display: inline-block;
    height: 3em;
    line-height: 3em;
    position: relative;
    vertical-align: middle;
    width: 3em;
    margin-left: -0.75em;
    margin-right: -0.375em;
    margin-top: -.1125em
}

.action-link.add:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='648' height='552' viewBox='0 0 456 552'%3E%3Cpath d='M432,288H239.5v192.5h-24V288H24v-24h191.5V72.5h24V264H432V288z' fill='rgba(255, 255, 255, 0.25)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.5em
}

.action-link:hover {
    color: #fff
}

.action-link:not(.is-clicked):focus {
    color: #33ada9;
    transition: none
}

.action-link:not(.is-clicked):focus.add:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='648' height='552' viewBox='0 0 456 552'%3E%3Cpath d='M432,288H239.5v192.5h-24V288H24v-24h191.5V72.5h24V264H432V288z' fill='%2333ada9' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.5em
}

@media screen and (max-width: 736px) {
    .action-link {
        font-size: 1em
    }
}

.item-icon {
    align-items: center;
    display: inline-flex;
    flex-grow: 0;
    flex-shrink: 0;
    justify-content: center;
    background-image: linear-gradient(45deg, #695f8f 35%, #3d68a5);
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
    border-bottom: 0;
    border-radius: 6px;
    height: 3.5em;
    overflow: hidden;
    position: relative;
    width: 3.5em;
    vertical-align: middle
}

.item-icon svg {
    fill: #ded173;
    width: 60%
}

h2 .item-icon {
    height: 2.3333333333em;
    width: 2.3333333333em;
    margin-right: .6666666667em
}

@media screen and (max-width: 736px) {
    h2 .item-icon {
        height: 1.6666666667em;
        width: 1.6666666667em;
        margin-right: .5em
    }
}

ul.tags {
    display: flex;
    gap: 1em;
    list-style: none;
    margin: 0 0 2em 0;
    padding-left: 0
}

ul.tags li {
    background-color: rgba(71, 73, 88, .475);
    border-radius: 6px;
    border: 0;
    color: rgba(255, 255, 255, .75);
    font-size: .6em;
    padding: .625em 1.25em;
    position: relative;
    text-transform: uppercase
}

ul.tags li a {
    border-radius: inherit;
    border: 0;
    display: block;
    margin: -0.625em -1.25em;
    padding: .625em 1.25em
}

ul.breadcrumbs {
    list-style: none;
    padding-left: 0
}

ul.breadcrumbs li {
    background-color: rgba(71, 73, 88, .475);
    display: inline-block;
    padding-left: 0;
    position: relative;
    vertical-align: top
}

ul.breadcrumbs li:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='648' height='552' viewBox='0 0 348 552'%3E%3Cpath d='M325.2,276L93.3,507.9l-67.9-67.9L189.5,276L25.4,111.9l67.9-67.9L325.2,276z' fill='rgba(255, 255, 255, 0.25)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: .75em;
    content: "";
    height: 100%;
    left: -0.5em;
    pointer-events: none;
    position: absolute;
    text-align: center;
    top: 0;
    width: 1em
}

ul.breadcrumbs li a {
    border: 0;
    display: block;
    font-size: .6em;
    padding: .625em 1.25em;
    text-transform: uppercase
}

ul.breadcrumbs li:first-child {
    border-radius: 6px 0 0 6px
}

ul.breadcrumbs li:first-child:before {
    display: none
}

ul.breadcrumbs li:last-child {
    border-radius: 0 6px 6px 0
}

ul.breadcrumbs li:first-child:last-child {
    border-radius: 6px
}

ul.breadcrumbs+h1 {
    position: relative;
    top: -0.125em
}

ul.breadcrumbs+h2 {
    margin-top: -0.5em;
    position: relative
}

.dev-notice {
    background-color: #cc666b;
    border-radius: 6px;
    color: #fff;
    margin: 0 0 2em 0;
    overflow-x: auto;
    padding: 1.25em;
    text-align: left
}

.dev-notice .message {
    margin: 0 0 .5em 0
}

.dev-notice .filename {
    margin: 0
}

.dev-notice .details {
    border-top: solid 1px rgba(255, 255, 255, .25);
    margin: 2em 0 0 0;
    padding: 2em 0 0 0
}

.entity-card {
    border-radius: 6px;
    border: 0;
    background-color: rgba(71, 73, 88, .475);
    outline: 0;
    text-align: left;
    cursor: default;
    margin: 0 0 2em 0;
    position: relative;
    display: grid;
    grid-template-areas: "thumbnail content actions";
    grid-template-columns: 9em auto fit-content(100%);
    grid-template-rows: 7.2em
}

.entity-card>.actions {
    align-items: center;
    border-left: solid 1px rgba(255, 255, 255, .075);
    grid-area: actions;
    height: 100%;
    width: 3.5em
}

.entity-card>.actions>ul {
    display: grid;
    grid-columns: auto;
    grid-rows: auto;
    height: 100%;
    list-style: none;
    margin: 0;
    padding-left: 0
}

.entity-card>.actions>ul>li {
    padding-left: 0
}

.entity-card>.actions>ul>li>a,
.entity-card>.actions>ul>li>span {
    align-items: center;
    border-bottom: 0;
    display: block;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%
}

.entity-card>.actions>ul>li>a>svg,
.entity-card>.actions>ul>li>span>svg {
    display: block;
    height: 1.5em;
    position: relative;
    transition: fill .2s ease-in-out;
    width: 1.5em
}

.entity-card>.actions>ul>li>a[data-tooltip]:before,
.entity-card>.actions>ul>li>span[data-tooltip]:before {
    padding: .625em 1.125em;
    right: calc(100% - .125em);
    top: calc(50% - 1.375em);
    white-space: nowrap
}

.entity-card>.actions>ul>li>a[data-tooltip]:after,
.entity-card>.actions>ul>li>span[data-tooltip]:after {
    border-bottom: solid .5em rgba(0, 0, 0, 0);
    border-left: solid .5em #13151b;
    border-top: solid .5em rgba(0, 0, 0, 0);
    margin-right: calc(-0.5em + 2px);
    right: calc(100% - .125em);
    top: calc(50% - 1.375em + .875em)
}

.entity-card>.actions>ul>li>a[data-tooltip]:before,
.entity-card>.actions>ul>li>a[data-tooltip]:after,
.entity-card>.actions>ul>li>span[data-tooltip]:before,
.entity-card>.actions>ul>li>span[data-tooltip]:after {
    transform: translateX(0.25rem)
}

.entity-card>.actions>ul>li>a>svg {
    fill: rgba(255, 255, 255, .375)
}

.entity-card>.actions>ul>li>a:hover>svg {
    fill: #fff
}

.entity-card>.actions>ul>li>span>svg {
    fill: rgba(255, 255, 255, .25)
}

.entity-card>.actions>ul>li:nth-child(1)>a svg,
.entity-card>.actions>ul>li:nth-child(1)>span svg {
    top: .25em
}

.entity-card>.actions>ul>li:nth-child(1)>a[data-tooltip]:before,
.entity-card>.actions>ul>li:nth-child(1)>span[data-tooltip]:before {
    margin-top: .25em
}

.entity-card>.actions>ul>li:nth-child(1)>a[data-tooltip]:after,
.entity-card>.actions>ul>li:nth-child(1)>span[data-tooltip]:after {
    margin-top: .25em
}

.entity-card>.actions>ul>li:nth-child(2)>a svg,
.entity-card>.actions>ul>li:nth-child(2)>span svg {
    bottom: .25em
}

.entity-card>.actions>ul>li:nth-child(2)>a[data-tooltip]:before,
.entity-card>.actions>ul>li:nth-child(2)>span[data-tooltip]:before {
    margin-top: -0.25em
}

.entity-card>.actions>ul>li:nth-child(2)>a[data-tooltip]:after,
.entity-card>.actions>ul>li:nth-child(2)>span[data-tooltip]:after {
    margin-top: -0.25em
}

.entity-card>.actions>ul>li:first-child:last-child>a svg,
.entity-card>.actions>ul>li:first-child:last-child>span svg {
    bottom: 0;
    top: 0
}

.entity-card>.actions>ul>li:first-child:last-child>a[data-tooltip]:before,
.entity-card>.actions>ul>li:first-child:last-child>span[data-tooltip]:before {
    margin-top: 0
}

.entity-card>.actions>ul>li:first-child:last-child>a[data-tooltip]:after,
.entity-card>.actions>ul>li:first-child:last-child>span[data-tooltip]:after {
    margin-top: 0
}

.entity-card>a.action:hover svg {
    fill: #fff
}

.entity-card>span.action svg {
    fill: rgba(255, 255, 255, .25)
}

.entity-card>.thumbnail {
    border-bottom: 0;
    border-radius: 6px 0 0 6px;
    grid-area: thumbnail;
    overflow: hidden;
    position: relative
}

.entity-card>.thumbnail>img,
.entity-card>.thumbnail>svg {
    transition: filter .2s ease-in-out
}

.entity-card>.thumbnail>img {
    display: block;
    height: 100%;
    left: 0;
    object-fit: cover;
    object-position: center;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%
}

.entity-card>.thumbnail>svg {
    pointer-events: none
}

.entity-card>.thumbnail>a {
    border-bottom: 0;
    display: block;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    text-indent: 100%;
    top: 0;
    user-select: none;
    white-space: nowrap;
    width: 100%;
    z-index: 1
}

.entity-card>.thumbnail>a:hover+img,
.entity-card>.thumbnail>a:hover+svg {
    filter: brightness(1.1)
}

.entity-card>.content {
    align-self: center;
    grid-area: content;
    overflow: hidden;
    padding: 1.5em 1.75em
}

.entity-card>.content>h3 {
    font-size: .9em;
    margin: 0
}

.entity-card>.content>.description {
    font-size: .9em;
    margin: .375em 0 0 0
}

.entity-card>.content>.description:first-child {
    margin-top: 0
}

.entity-card>.content>.url {
    border-bottom: 0;
    color: rgba(255, 255, 255, .375);
    display: block;
    font-size: .8em;
    margin: .3125em 0 0 0;
    text-decoration: none
}

.entity-card>.content>.url:first-child {
    margin-top: 0
}

.entity-card>.content>h3,
.entity-card>.content>.description,
.entity-card>.content>.url {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.entity-card>.content>a.url:hover {
    color: #fff
}

.entity-card.is-disabled>.content>h3 {
    color: rgba(255, 255, 255, .375)
}

.entity-card.is-disabled>.content>.description {
    color: rgba(255, 255, 255, .25)
}

.entity-card.is-disabled>.content>.url {
    color: rgba(255, 255, 255, .25)
}

@media screen and (max-width: 736px) {
    .entity-card {
        grid-template-columns: 8em auto fit-content(100%);
        grid-template-rows: 6.4em
    }

    .entity-card>.content>.description:nth-last-child(2) {
        display: none
    }

    .entity-card>.actions>ul>li>a.primary:after {
        width: 8em
    }

    .entity-card>.actions>ul>li:nth-child(1)>a svg,
    .entity-card>.actions>ul>li:nth-child(1)>span svg {
        top: .125em
    }

    .entity-card>.actions>ul>li:nth-child(2)>a svg,
    .entity-card>.actions>ul>li:nth-child(2)>span svg {
        bottom: .125em
    }
}

@media screen and (max-width: 480px) {
    .entity-card {
        grid-template-columns: 5.75em auto fit-content(100%);
        grid-template-rows: 5.75em
    }

    .entity-card>.content {
        padding: 1.25em 1.25em
    }

    .entity-card>.actions {
        width: 3.25em
    }

    .entity-card>.actions>ul>li>a.primary:after {
        width: 5.75em
    }
}

.entity-card.site>.thumbnail[data-tag]:not([data-tag=""]):before {
    border-bottom-left-radius: inherit;
    border-top-right-radius: inherit;
    color: #fff;
    content: attr(data-tag);
    display: block;
    font-size: .8em;
    height: 2.5em;
    line-height: 2.5em;
    padding: 0 1em;
    pointer-events: none;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    z-index: 1
}

.entity-card.site>.thumbnail[data-tag$=Published]:before {
    background-color: #6e9c72
}

.entity-card.site>.thumbnail[data-tag$=Template]:before {
    background-color: #ed5f79
}

.entity-card.site>.thumbnail[data-tag$=Draft]:before {
    background-color: #434452
}

.entity-card.site>.thumbnail[data-tag$=Offline]:before {
    background-color: #cc666b
}

.entity-card.site>.thumbnail[data-tag$=Initializing]:before {
    background-color: #e79435
}

.entity-card.site-alt {
    grid-template-areas: "content actions";
    grid-template-columns: auto fit-content(100%)
}

.entity-card.site-alt>.thumbnail {
    display: none
}

.entity-card.user,
.entity-card.share-user {
    grid-template-columns: 7em auto fit-content(100%);
    grid-template-rows: 7em
}

.entity-card.user>.thumbnail,
.entity-card.share-user>.thumbnail {
    border-radius: 100%;
    margin: 1em
}

.entity-card.user>.content,
.entity-card.share-user>.content {
    padding-left: .25em
}

@media screen and (max-width: 480px) {

    .entity-card.user,
    .entity-card.share-user {
        grid-template-columns: 6.5em auto fit-content(100%);
        grid-template-rows: 6.5em
    }

    .entity-card.user>.thumbnail,
    .entity-card.share-user>.thumbnail {
        margin: 1em
    }
}

.entity-card.share>.thumbnail[data-tag]:not([data-tag=""]):before {
    border-bottom-left-radius: inherit;
    border-top-right-radius: inherit;
    color: #fff;
    content: attr(data-tag);
    display: block;
    font-size: .8em;
    height: 2.5em;
    line-height: 2.5em;
    padding: 0 1em;
    pointer-events: none;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    z-index: 1
}

.entity-card.share>.thumbnail[data-tag$=Published]:before {
    background-color: #6e9c72
}

.entity-card.share>.thumbnail[data-tag$=Template]:before {
    background-color: #ed5f79
}

.entity-card.share>.thumbnail[data-tag$=Draft]:before {
    background-color: #434452
}

.entity-card.share>.thumbnail[data-tag$=Offline]:before {
    background-color: #cc666b
}

.entity-card.share>.thumbnail[data-tag$=Initializing]:before {
    background-color: #e79435
}

.entity-card.share>.content>.description strong {
    color: #fff;
    font-weight: normal
}

@media screen and (max-width: 736px) {
    .entity-card.share>.content>.description:nth-last-child(2) {
        display: block
    }

    .entity-card.share>.content>.url:nth-last-child(1) {
        display: none
    }
}

.entity-card.share-alt>.thumbnail[data-tag]:not([data-tag=""]):before {
    border-bottom-left-radius: inherit;
    border-top-right-radius: inherit;
    color: #fff;
    content: attr(data-tag);
    display: block;
    font-size: .8em;
    height: 2.5em;
    line-height: 2.5em;
    padding: 0 1em;
    pointer-events: none;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    z-index: 1
}

.entity-card.share-alt>.thumbnail[data-tag$=Published]:before {
    background-color: #6e9c72
}

.entity-card.share-alt>.thumbnail[data-tag$=Template]:before {
    background-color: #ed5f79
}

.entity-card.share-alt>.thumbnail[data-tag$=Draft]:before {
    background-color: #434452
}

.entity-card.share-alt>.thumbnail[data-tag$=Offline]:before {
    background-color: #cc666b
}

.entity-card.share-alt>.thumbnail[data-tag$=Initializing]:before {
    background-color: #e79435
}

@media screen and (max-width: 736px) {
    .entity-card.share-alt>.content>.description:nth-last-child(2) {
        display: block
    }
}

.entity-card.shared-site>.thumbnail[data-tag]:not([data-tag=""]):before {
    border-bottom-left-radius: inherit;
    border-top-right-radius: inherit;
    color: #fff;
    content: attr(data-tag);
    display: block;
    font-size: .8em;
    height: 2.5em;
    line-height: 2.5em;
    padding: 0 1em;
    pointer-events: none;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    z-index: 1
}

.entity-card.shared-site>.thumbnail[data-tag$=Published]:before {
    background-color: #6e9c72
}

.entity-card.shared-site>.thumbnail[data-tag$=Template]:before {
    background-color: #ed5f79
}

.entity-card.shared-site>.thumbnail[data-tag$=Draft]:before {
    background-color: #434452
}

.entity-card.shared-site>.thumbnail[data-tag$=Offline]:before {
    background-color: #cc666b
}

.entity-card.shared-site>.thumbnail[data-tag$=Initializing]:before {
    background-color: #e79435
}

.entity-card.shared-site>.content>.description strong {
    color: #fff;
    font-weight: normal
}

@media screen and (max-width: 736px) {
    .entity-card.shared-site>.content>.description:nth-last-child(2) {
        display: block
    }

    .entity-card.shared-site>.content>.url:nth-last-child(1) {
        display: none
    }
}

.entity-card.item>.thumbnail,
.entity-card.item-alt>.thumbnail {
    align-items: center;
    background-image: linear-gradient(45deg, #695f8f 35%, #3d68a5);
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
    display: flex;
    justify-content: center
}

.entity-card.item>.thumbnail svg,
.entity-card.item-alt>.thumbnail svg {
    fill: #ded173;
    height: 60%;
    max-height: 6em
}

.entity-card.sku>.thumbnail {
    align-items: center;
    background-image: linear-gradient(45deg, #695f8f 35%, #3d68a5);
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
    display: flex;
    justify-content: center
}

.entity-card.sku>.thumbnail svg {
    fill: #ded173;
    height: 60%;
    max-height: 6em
}

.entity-card.text-file {
    grid-template-areas: "content actions";
    grid-template-columns: auto fit-content(100%);
    grid-template-rows: auto
}

.entity-card.text-file>.content {
    overflow: visible
}

.entity-card.text-file>.content>h3,
.entity-card.text-file>.content>.description,
.entity-card.text-file>.content>.url {
    overflow: visible;
    white-space: normal
}

.entity-card-listing {
    margin: 0 0 2em 0
}

.entity-card-listing>.message {
    background-color: rgba(71, 73, 88, .475);
    border-radius: 6px;
    display: block;
    padding: 2em;
    text-align: center
}

.entity-card-listing>.message p {
    color: rgba(255, 255, 255, .25);
    font-size: 1.25em;
    margin-bottom: 0
}

.entity-card-listing>.message .actions {
    margin-top: 1em
}

.entity-card-listing>.entity-card {
    margin-bottom: 1em
}

.entity-card-listing>:last-child {
    margin-bottom: 0
}

ul.major-action-list {
    background-color: rgba(71, 73, 88, .475);
    border-radius: 6px;
    margin: 0 0 2em 0;
    padding-left: 0;
    list-style: none;
    text-align: left;
    list-style: none;
    padding-left: 0
}

ul.major-action-list>li:first-child {
    border-radius: 6px 6px 0 0
}

ul.major-action-list>li:last-child {
    border-radius: 0 0 6px 6px
}

ul.major-action-list>li:first-child:last-child {
    border-radius: 6px
}

ul.major-action-list>li:nth-child(2n-1) {
    background-color: rgba(71, 73, 88, .475)
}

ul.major-action-list>li>:last-child {
    margin-bottom: 0
}

ul.major-action-list>li.message {
    display: block;
    padding: 2em;
    text-align: center
}

ul.major-action-list>li.message p {
    font-size: 1.25em;
    color: rgba(255, 255, 255, .25);
    margin-bottom: 0
}

ul.major-action-list>li.message .actions {
    margin-top: 1em
}

ul.major-action-list>li {
    align-items: start;
    display: grid;
    grid-gap: 1.5em;
    grid-template-areas: "button content";
    grid-template-columns: 8em fit-content(100%);
    padding: 1.5em
}

ul.major-action-list>li>.button {
    grid-area: button;
    width: 100%
}

ul.major-action-list>li>.content,
ul.major-action-list>li>p {
    align-self: center;
    grid-area: content
}

ul.major-action-list>li>.content>:last-child,
ul.major-action-list>li>p>:last-child {
    margin-bottom: 0
}

ul.major-action-list>li>.content>p.details {
    margin-top: -2em
}

@media screen and (max-width: 736px) {
    ul.major-action-list>li>.content>p.details {
        margin-top: -1.5em
    }
}

@media screen and (max-width: 480px) {
    ul.major-action-list>li {
        grid-template-areas: "button" "content";
        grid-template-columns: auto
    }
}

.notification-listing {
    background-color: rgba(71, 73, 88, .475);
    border-radius: 6px;
    margin: 0 0 2em 0
}

.notification-listing>div:first-child {
    border-radius: 6px 6px 0 0
}

.notification-listing>div:last-child {
    border-radius: 0 0 6px 6px
}

.notification-listing>div:first-child:last-child {
    border-radius: 6px
}

.notification-listing>div:nth-child(2n-1) {
    background-color: rgba(71, 73, 88, .475)
}

.notification-listing>div>:last-child {
    margin-bottom: 0
}

.notification-listing>div.message {
    display: block;
    padding: 2em;
    text-align: center
}

.notification-listing>div.message p {
    font-size: 1.25em;
    color: rgba(255, 255, 255, .25);
    margin-bottom: 0
}

.notification-listing>div.message .actions {
    margin-top: 1em
}

.notification-listing>.notification {
    display: grid;
    grid-template-columns: auto min-content;
    grid-template-rows: auto;
    grid-template-areas: "category category" "description status" "memo memo" "card card" "timestamp actions";
    grid-column-gap: 1.5em;
    padding: 1.5em;
    position: relative
}

.notification-listing>.notification>.category {
    grid-area: category;
    margin: 0 0 1em 0
}

.notification-listing>.notification>.category a,
.notification-listing>.notification>.category span {
    background-color: rgba(81, 83, 98, .675);
    border-bottom: 0;
    border-radius: 6px;
    display: inline-block;
    font-size: .6em;
    padding: .625em 1.25em;
    text-transform: uppercase
}

.notification-listing>.notification>.description {
    align-self: top;
    grid-area: description;
    margin-bottom: 0
}

.notification-listing>.notification>.memo {
    color: rgba(255, 255, 255, .375);
    font-size: .8em;
    grid-area: memo;
    margin: .25em 0 0 0
}

.notification-listing>.notification>.status {
    align-self: top;
    grid-area: status;
    text-align: right;
    white-space: nowrap
}

.notification-listing>.notification>.entity-card {
    grid-area: card;
    margin: 1em 0 0 0
}

.notification-listing>.notification>.timestamp {
    align-self: end;
    color: rgba(255, 255, 255, .25);
    font-size: .8em;
    grid-area: timestamp;
    margin: 1em 0 0 0
}

.notification-listing>.notification>.actions {
    grid-area: actions;
    justify-self: end;
    margin: 1em 0 0 0
}

.notification-listing>.notification.unread {
    box-shadow: inset 2px 0 0 0 #8d73d5
}

.notification-listing>.notification.unread>.description {
    color: #fff
}

@media screen and (min-width: 481px) {
    .notification-listing>.notification>.actions .button {
        font-size: .7em;
        height: 2.7225em;
        line-height: 2.7225em;
        padding: 0 1.25em
    }
}

@media screen and (max-width: 480px) {
    .notification-listing>.notification {
        grid-template-areas: "category category" "description status" "memo memo" "card card" "actions actions" "timestamp timestamp"
    }

    .notification-listing>.notification>.entity-card~.actions {
        margin: 1.5em 0 0 0
    }
}

.payment-method-listing {
    background-color: rgba(71, 73, 88, .475);
    border-radius: 6px;
    margin: 0 0 2em 0
}

.payment-method-listing>div:first-child {
    border-radius: 6px 6px 0 0
}

.payment-method-listing>div:last-child {
    border-radius: 0 0 6px 6px
}

.payment-method-listing>div:first-child:last-child {
    border-radius: 6px
}

.payment-method-listing>div:nth-child(2n-1) {
    background-color: rgba(71, 73, 88, .475)
}

.payment-method-listing>div>:last-child {
    margin-bottom: 0
}

.payment-method-listing>div.message {
    display: block;
    padding: 2em;
    text-align: center
}

.payment-method-listing>div.message p {
    font-size: 1.25em;
    color: rgba(255, 255, 255, .25);
    margin-bottom: 0
}

.payment-method-listing>div.message .actions {
    margin-top: 1em
}

.payment-method-listing>.payment-method {
    display: flex;
    padding: 1.25em 1.5em;
    position: relative
}

.payment-method-listing>.payment-method>.content {
    flex-grow: 1;
    flex-shrink: 1;
    margin-top: .25em
}

.payment-method-listing>.payment-method>.content>:last-child {
    margin-bottom: 0
}

.payment-method-listing>.payment-method>.content .title {
    color: rgba(255, 255, 255, .75);
    font-weight: normal;
    margin: 0
}

.payment-method-listing>.payment-method>.content .description {
    color: rgba(255, 255, 255, .25);
    margin: .25em 0 0 0
}

.payment-method-listing>.payment-method>.content .status {
    margin: .25em 0 0 0
}

.payment-method-listing>.payment-method>.actions {
    flex-grow: 0;
    flex-shrink: 0;
    margin-bottom: 0
}

@media screen and (max-width: 736px) {
    .payment-method-listing>.payment-method {
        display: block
    }

    .payment-method-listing>.payment-method>.actions {
        margin-top: 1em
    }
}

.plan-table {
    border-radius: 6px;
    cursor: default;
    display: flex;
    margin: -2em auto 2em auto;
    padding-top: 2em;
    position: relative;
    text-align: center
}

.plan-table .plan {
    box-shadow: inset -1px 0 0 0 rgba(255, 255, 255, .075);
    display: none;
    flex-direction: column;
    flex-grow: 1;
    flex-shrink: 1;
    width: 100%
}

.plan-table .plan.active {
    display: flex
}

.plan-table .plan:before {
    display: block;
    font-size: .6em;
    height: 3.25em;
    line-height: 3.25em;
    position: absolute;
    text-transform: uppercase;
    top: -3.25em;
    width: 100%
}

.plan-table .plan header {
    background: rgba(71, 73, 88, .475);
    padding: 2.5em;
    position: relative;
    user-select: none
}

.plan-table .plan header:before {
    background: rgba(71, 73, 88, .475);
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.plan-table .plan header .title {
    position: relative
}

.plan-table .plan header .title h3 {
    font-size: 1em !important;
    margin: 0 !important;
    letter-spacing: 0 !important
}

.plan-table .plan header .title .next,
.plan-table .plan header .title .previous {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='648' height='552' viewBox='0 0 276 552'%3E%3Cpath d='M251.6,276L45.2,482.5l-17-17L217.7,276L28.2,86.5l17-17L251.6,276z' fill='%23ffffff' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.5em;
    cursor: pointer;
    display: block;
    height: 4em;
    opacity: .5;
    overflow: hidden;
    position: absolute;
    text-indent: 5em;
    top: calc(50% - 2em);
    transition: opacity .2s ease-in-out;
    white-space: nowrap;
    width: 4em
}

.plan-table .plan header .title .next:hover,
.plan-table .plan header .title .previous:hover {
    opacity: 1
}

.plan-table .plan header .title .next {
    right: -1.5em
}

.plan-table .plan header .title .previous {
    left: -1.5em;
    transform: scaleX(-1)
}

.plan-table .plan header .price {
    display: block;
    line-height: 1;
    margin-top: .75em
}

.plan-table .plan header .price .a {
    display: block;
    color: rgba(255, 255, 255, .25)
}

.plan-table .plan header .price .a strong {
    color: rgba(255, 255, 255, .75);
    font-size: 1.5em;
    font-weight: normal
}

.plan-table .plan header .price .a strong.adjusted:after {
    color: rgba(255, 255, 255, .25);
    content: "*"
}

.plan-table .plan header .price .b {
    color: rgba(255, 255, 255, .25);
    display: block;
    font-style: italic;
    margin-top: .75em
}

.plan-table .plan header .price .b strong {
    color: rgba(255, 255, 255, .75);
    font-weight: normal
}

.plan-table .plan>ul {
    background: rgba(71, 73, 88, .475);
    height: 100%;
    list-style: none;
    margin: 0;
    padding-left: 0
}

.plan-table .plan>ul li {
    height: 4em;
    line-height: 4em;
    padding-left: 0
}

.plan-table .plan>ul li span {
    border-bottom: dotted 1px rgba(0, 0, 0, 0);
    transition: color .2s ease-in-out, border-bottom-color .2s ease-in-out
}

.plan-table .plan>ul li span:hover {
    border-bottom-color: rgba(255, 255, 255, .25);
    color: #fff;
    cursor: help
}

.plan-table .plan footer {
    background: rgba(71, 73, 88, .475);
    padding: 2em 2.5em;
    position: relative
}

.plan-table .plan footer:before {
    background: rgba(71, 73, 88, .475);
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.plan-table .plan footer>:last-child {
    margin-bottom: 0
}

.plan-table .plan.first .title .previous,
.plan-table .plan.last .title .next {
    cursor: default;
    opacity: .125;
    pointer-events: none
}

.plan-table .plan[data-level="1"] {
    border-bottom-left-radius: inherit;
    border-top-left-radius: inherit
}

.plan-table .plan[data-level="1"] header {
    border-top-left-radius: inherit
}

.plan-table .plan[data-level="1"] header:before {
    border-top-left-radius: inherit
}

.plan-table .plan[data-level="1"] footer {
    border-bottom-left-radius: inherit
}

.plan-table .plan[data-level="1"] footer:before {
    border-bottom-left-radius: inherit
}

.plan-table .plan[data-level="3"] {
    border-bottom-right-radius: inherit;
    border-top-right-radius: inherit;
    box-shadow: none
}

.plan-table .plan[data-level="3"] header {
    border-top-right-radius: inherit
}

.plan-table .plan[data-level="3"] header:before {
    border-top-right-radius: inherit
}

.plan-table .plan[data-level="3"]>ul li:before {
    background: rgba(255, 255, 255, .075);
    content: "";
    display: block;
    height: 1px;
    margin-top: -0.5px;
    position: absolute;
    right: 0;
    width: 100%
}

.plan-table .plan[data-level="3"]>ul li:first-child:before {
    display: none
}

.plan-table .plan[data-level="3"] footer {
    border-bottom-right-radius: inherit
}

.plan-table .plan[data-level="3"] footer:before {
    border-bottom-right-radius: inherit
}

.plan-table .plan.recommended:before {
    color: #33ada9;
    content: "Recommended";
    pointer-events: none;
    top: 0;
    width: 33.333%
}

.plan-table .plan.recommended:after {
    border-radius: inherit;
    box-shadow: inset 0 0 0 2px #33ada9;
    content: "";
    display: block;
    height: calc(100% - 2em);
    pointer-events: none;
    position: absolute;
    top: 2em;
    width: 100%;
    width: 33.333%
}

.plan-table .plan.current:before {
    color: rgba(255, 255, 255, .25);
    content: "Current";
    pointer-events: none;
    top: 0;
    width: 33.333%
}

.plan-table .plan.current header .price .a strong {
    color: rgba(255, 255, 255, .25)
}

.plan-table .plan.current header .price .b strong {
    color: rgba(255, 255, 255, .25)
}

.referral-code-banner+.plan-table {
    margin-top: 0
}

@media screen and (max-width: 1280px) {
    .plan-table .plan.disabled {
        display: none
    }
}

@media screen and (max-width: 980px) {
    .plan-table {
        background: none;
        flex-direction: column;
        max-width: 32em;
        padding-top: 0
    }

    .plan-table .plan {
        border-radius: 6px;
        box-shadow: none;
        margin-top: 2.5em;
        position: relative
    }

    .plan-table .plan header {
        border-top-left-radius: inherit;
        border-top-right-radius: inherit;
        padding: 2em
    }

    .plan-table .plan header:before {
        border-top-left-radius: inherit;
        border-top-right-radius: inherit
    }

    .plan-table .plan>ul {
        display: flex;
        flex-wrap: wrap
    }

    .plan-table .plan>ul li {
        border-bottom: solid 1px rgba(255, 255, 255, .075);
        border-right: solid 1px rgba(255, 255, 255, .075);
        flex-grow: 0;
        flex-shrink: 0;
        width: 50%
    }

    .plan-table .plan>ul li:nth-child(2n) {
        border-right-width: 0
    }

    .plan-table .plan>ul li:nth-last-child(1) {
        border-bottom-width: 0
    }

    .plan-table .plan>ul li:nth-last-child(2):nth-child(odd) {
        border-bottom-width: 0
    }

    .plan-table .plan footer {
        border-bottom-left-radius: inherit;
        border-bottom-right-radius: inherit;
        padding: 2em
    }

    .plan-table .plan footer .button {
        max-width: 16.5em
    }

    .plan-table .plan footer:before {
        border-bottom-left-radius: inherit;
        border-bottom-right-radius: inherit
    }

    .plan-table .plan[data-level="3"] ul li:before {
        display: none
    }

    .plan-table .plan.recommended:before {
        top: -3.5em;
        width: 100%
    }

    .plan-table .plan.recommended:after {
        height: 100%;
        top: 0;
        width: 100%
    }

    .plan-table .plan.current:before {
        top: -3.5em;
        width: 100%
    }

    .plan-table .plan.disabled+.plan {
        margin-top: 0
    }
}

@media screen and (max-width: 736px) {
    .plan-table .plan>ul li {
        height: 3.5em;
        line-height: 3.5em
    }
}

@media screen and (max-width: 480px) {
    .plan-table .plan>ul {
        display: block
    }

    .plan-table .plan>ul li {
        border-right: 0;
        width: 100%
    }

    .plan-table .plan>ul li:last-child {
        border-bottom: 0
    }

    .plan-table .plan>ul li:nth-last-child(1) {
        border-bottom-width: 1px
    }

    .plan-table .plan>ul li:nth-last-child(2):nth-child(odd) {
        border-bottom-width: 1px
    }

    .plan-table .plan footer .button {
        max-width: 100%
    }
}

.progress-bar {
    background-color: rgba(71, 73, 88, .475);
    background-image: linear-gradient(90deg, transparent 0%, transparent 100%);
    border-radius: 6px;
    color: #fff;
    display: block;
    font-weight: bold;
    height: 2.5em;
    line-height: 2.5em;
    margin: 0 0 2em 0;
    pointer-events: none;
    position: relative;
    text-align: center;
    width: 100%
}

.progress-bar:before,
.progress-bar:after {
    font-size: .9em;
    font-weight: normal;
    opacity: .5;
    position: absolute;
    top: 0
}

.progress-bar:before {
    content: attr(data-min);
    left: .9375em
}

.progress-bar:after {
    content: attr(data-max);
    right: .9375em
}

.progress-bar[data-value="2"] {
    background-image: linear-gradient(90deg, #8d73d5 2%, transparent 2%)
}

.progress-bar[data-value="4"] {
    background-image: linear-gradient(90deg, #8d73d5 4%, transparent 4%)
}

.progress-bar[data-value="6"] {
    background-image: linear-gradient(90deg, #8d73d5 6%, transparent 6%)
}

.progress-bar[data-value="8"] {
    background-image: linear-gradient(90deg, #8d73d5 8%, transparent 8%)
}

.progress-bar[data-value="10"] {
    background-image: linear-gradient(90deg, #8d73d5 10%, transparent 10%)
}

.progress-bar[data-value="12"] {
    background-image: linear-gradient(90deg, #8d73d5 12%, transparent 12%)
}

.progress-bar[data-value="14"] {
    background-image: linear-gradient(90deg, #8d73d5 14%, transparent 14%)
}

.progress-bar[data-value="16"] {
    background-image: linear-gradient(90deg, #8d73d5 16%, transparent 16%)
}

.progress-bar[data-value="18"] {
    background-image: linear-gradient(90deg, #8d73d5 18%, transparent 18%)
}

.progress-bar[data-value="20"] {
    background-image: linear-gradient(90deg, #8d73d5 20%, transparent 20%)
}

.progress-bar[data-value="22"] {
    background-image: linear-gradient(90deg, #8d73d5 22%, transparent 22%)
}

.progress-bar[data-value="24"] {
    background-image: linear-gradient(90deg, #8d73d5 24%, transparent 24%)
}

.progress-bar[data-value="26"] {
    background-image: linear-gradient(90deg, #8d73d5 26%, transparent 26%)
}

.progress-bar[data-value="28"] {
    background-image: linear-gradient(90deg, #8d73d5 28%, transparent 28%)
}

.progress-bar[data-value="30"] {
    background-image: linear-gradient(90deg, #8d73d5 30%, transparent 30%)
}

.progress-bar[data-value="32"] {
    background-image: linear-gradient(90deg, #8d73d5 32%, transparent 32%)
}

.progress-bar[data-value="34"] {
    background-image: linear-gradient(90deg, #8d73d5 34%, transparent 34%)
}

.progress-bar[data-value="36"] {
    background-image: linear-gradient(90deg, #8d73d5 36%, transparent 36%)
}

.progress-bar[data-value="38"] {
    background-image: linear-gradient(90deg, #8d73d5 38%, transparent 38%)
}

.progress-bar[data-value="40"] {
    background-image: linear-gradient(90deg, #8d73d5 40%, transparent 40%)
}

.progress-bar[data-value="42"] {
    background-image: linear-gradient(90deg, #8d73d5 42%, transparent 42%)
}

.progress-bar[data-value="44"] {
    background-image: linear-gradient(90deg, #8d73d5 44%, transparent 44%)
}

.progress-bar[data-value="46"] {
    background-image: linear-gradient(90deg, #8d73d5 46%, transparent 46%)
}

.progress-bar[data-value="48"] {
    background-image: linear-gradient(90deg, #8d73d5 48%, transparent 48%)
}

.progress-bar[data-value="50"] {
    background-image: linear-gradient(90deg, #8d73d5 50%, transparent 50%)
}

.progress-bar[data-value="52"] {
    background-image: linear-gradient(90deg, #8d73d5 52%, transparent 52%)
}

.progress-bar[data-value="54"] {
    background-image: linear-gradient(90deg, #8d73d5 54%, transparent 54%)
}

.progress-bar[data-value="56"] {
    background-image: linear-gradient(90deg, #8d73d5 56%, transparent 56%)
}

.progress-bar[data-value="58"] {
    background-image: linear-gradient(90deg, #8d73d5 58%, transparent 58%)
}

.progress-bar[data-value="60"] {
    background-image: linear-gradient(90deg, #8d73d5 60%, transparent 60%)
}

.progress-bar[data-value="62"] {
    background-image: linear-gradient(90deg, #8d73d5 62%, transparent 62%)
}

.progress-bar[data-value="64"] {
    background-image: linear-gradient(90deg, #8d73d5 64%, transparent 64%)
}

.progress-bar[data-value="66"] {
    background-image: linear-gradient(90deg, #8d73d5 66%, transparent 66%)
}

.progress-bar[data-value="68"] {
    background-image: linear-gradient(90deg, #8d73d5 68%, transparent 68%)
}

.progress-bar[data-value="70"] {
    background-image: linear-gradient(90deg, #8d73d5 70%, transparent 70%)
}

.progress-bar[data-value="72"] {
    background-image: linear-gradient(90deg, #8d73d5 72%, transparent 72%)
}

.progress-bar[data-value="74"] {
    background-image: linear-gradient(90deg, #8d73d5 74%, transparent 74%)
}

.progress-bar[data-value="76"] {
    background-image: linear-gradient(90deg, #8d73d5 76%, transparent 76%)
}

.progress-bar[data-value="78"] {
    background-image: linear-gradient(90deg, #8d73d5 78%, transparent 78%)
}

.progress-bar[data-value="80"] {
    background-image: linear-gradient(90deg, #8d73d5 80%, transparent 80%)
}

.progress-bar[data-value="82"] {
    background-image: linear-gradient(90deg, #8d73d5 82%, transparent 82%)
}

.progress-bar[data-value="84"] {
    background-image: linear-gradient(90deg, #8d73d5 84%, transparent 84%)
}

.progress-bar[data-value="86"] {
    background-image: linear-gradient(90deg, #8d73d5 86%, transparent 86%)
}

.progress-bar[data-value="88"] {
    background-image: linear-gradient(90deg, #8d73d5 88%, transparent 88%)
}

.progress-bar[data-value="90"] {
    background-image: linear-gradient(90deg, #8d73d5 90%, transparent 90%)
}

.progress-bar[data-value="92"] {
    background-image: linear-gradient(90deg, #8d73d5 92%, transparent 92%)
}

.progress-bar[data-value="94"] {
    background-image: linear-gradient(90deg, #8d73d5 94%, transparent 94%)
}

.progress-bar[data-value="96"] {
    background-image: linear-gradient(90deg, #8d73d5 96%, transparent 96%)
}

.progress-bar[data-value="98"] {
    background-image: linear-gradient(90deg, #8d73d5 98%, transparent 98%)
}

.progress-bar[data-value="100"] {
    background-image: linear-gradient(90deg, #8d73d5 100%, transparent 100%)
}

.sku-card {
    border-radius: 6px;
    border: 0;
    background-color: rgba(71, 73, 88, .475);
    outline: 0;
    text-align: left;
    cursor: default;
    margin: 0 0 2em 0;
    position: relative;
    display: grid;
    grid-template-areas: "thumbnail content price" "details details details";
    grid-template-columns: 9em auto 5em;
    grid-template-rows: 7.2em auto
}

.sku-card>.price {
    align-items: center;
    align-items: center;
    border-left: solid 1px rgba(255, 255, 255, .075);
    display: flex;
    flex-direction: column;
    grid-area: price;
    height: 100%;
    justify-content: center
}

.sku-card>.price .amount {
    font-size: 1.5em;
    line-height: 1.5
}

.sku-card>.price .amount-before {
    color: rgba(255, 255, 255, .25);
    font-size: 1em;
    line-height: 1;
    text-decoration: line-through
}

.sku-card>.thumbnail {
    align-items: center;
    background-image: linear-gradient(45deg, #695f8f 35%, #3d68a5);
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
    display: flex;
    justify-content: center;
    border-bottom: 0;
    border-radius: 6px 0 0 0;
    grid-area: thumbnail;
    overflow: hidden;
    position: relative
}

.sku-card>.thumbnail svg {
    fill: #ded173;
    height: 60%;
    max-height: 6em
}

.sku-card>.thumbnail>img,
.sku-card>.thumbnail>svg {
    transition: filter .2s ease-in-out
}

.sku-card>.thumbnail>img {
    display: block;
    height: 100%;
    left: 0;
    object-fit: cover;
    object-position: center;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%
}

.sku-card>.thumbnail>svg {
    pointer-events: none
}

.sku-card>.thumbnail>a {
    border-bottom: 0;
    display: block;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    text-indent: 100%;
    top: 0;
    user-select: none;
    white-space: nowrap;
    width: 100%;
    z-index: 1
}

.sku-card>.thumbnail>a:hover+img,
.sku-card>.thumbnail>a:hover+svg {
    filter: brightness(1.1)
}

.sku-card>.content {
    align-self: center;
    grid-area: content;
    overflow: hidden;
    padding: 1.5em 1.75em
}

.sku-card>.content>h3 {
    font-size: .9em;
    margin: 0
}

.sku-card>.content>.description {
    font-size: .9em;
    margin: .375em 0 0 0
}

.sku-card>.content>.description:first-child {
    margin-top: 0
}

.sku-card>.content>h3,
.sku-card>.content>.description {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.sku-card>.details {
    border-top: solid 1px rgba(255, 255, 255, .075);
    grid-area: details;
    padding: 1.5em 1.75em
}

.sku-card>.details>h4 {
    color: rgba(255, 255, 255, .375);
    font-size: .6em;
    font-weight: normal;
    text-transform: uppercase
}

.sku-card>.details>p {
    font-size: .9em;
    margin-bottom: 1.5em
}

.sku-card>.details .provider {
    color: rgba(255, 255, 255, .375)
}

.sku-card>.details .provider a {
    color: rgba(255, 255, 255, .375)
}

.sku-card>.details .provider a:hover {
    color: #fff
}

.sku-card>.details>:last-child {
    margin-bottom: 0
}

.sku-card.template {
    grid-template-areas: "thumbnail thumbnail thumbnail" "content content price" "details details details";
    grid-template-columns: 9em auto 5em;
    grid-template-rows: auto 7.2em auto
}

.sku-card.template>.thumbnail {
    border-radius: 6px 6px 0 0
}

.sku-card.template>.thumbnail>img {
    position: relative;
    height: auto;
    object-fit: auto
}

.sku-card.template>.thumbnail>ul {
    align-items: center;
    background-color: rgba(19, 21, 27, .625);
    border-top-left-radius: inherit;
    border-top-left-right: inherit;
    display: flex;
    flex-direction: row;
    height: 100%;
    justify-content: center;
    left: 0;
    list-style: none;
    margin: 0;
    opacity: 0;
    padding: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    transition: opacity .2s ease;
    width: 100%;
    z-index: 3
}

.sku-card.template>.thumbnail>ul li {
    padding: 0;
    margin-right: 1em
}

.sku-card.template>.thumbnail>ul li:last-child {
    margin-right: 0
}

.sku-card.template>.thumbnail>ul .button {
    outline: 0;
    pointer-events: auto;
    width: 8.5em
}

.sku-card.template>.thumbnail>ul .button:not(.special) {
    box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .5)
}

.sku-card.template>.thumbnail>ul .button:not(.special):focus,
.sku-card.template>.thumbnail>ul .button:not(.special):active {
    box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .75);
    outline: 0
}

.sku-card.template>.thumbnail>a:hover+img,
.sku-card.template>.thumbnail>a:hover+svg {
    filter: none
}

.sku-card.template>.thumbnail:hover>ul {
    opacity: 1
}

@media screen and (max-width: 736px) {
    .sku-card {
        grid-template-columns: 5.5em auto 5em;
        grid-template-rows: 5.5em auto
    }

    .sku-card>.content>.description {
        margin: .125em 0 0 0
    }

    .sku-card>.details>p {
        font-size: 1em
    }

    .sku-card.template {
        grid-template-columns: 5.5em auto 5em;
        grid-template-rows: auto 5.5em auto
    }
}

@media screen and (max-width: 480px) {
    .sku-card {
        grid-template-columns: 5em auto 4em;
        grid-template-rows: 5em auto
    }

    .sku-card>.price .amount {
        font-size: 1.25em
    }

    .sku-card>.content {
        padding: 1.25em 1.25em
    }

    .sku-card>.content>h3 {
        font-size: 1em;
        overflow: auto;
        white-space: normal
    }

    .sku-card>.content>.description {
        display: none
    }

    .sku-card>.details {
        padding: 1.25em 1.25em
    }

    .sku-card.template {
        grid-template-columns: 5em auto 4em;
        grid-template-rows: auto 5em auto
    }
}

.sku-card-listing {
    margin: 0 0 2em 0
}

.sku-card-listing>.message {
    background-color: rgba(71, 73, 88, .475);
    border-radius: 6px;
    display: block;
    padding: 2em;
    text-align: center
}

.sku-card-listing>.message p {
    color: rgba(255, 255, 255, .25);
    font-size: 1.25em;
    margin-bottom: 0
}

.sku-card-listing>.message .actions {
    margin-top: 1em
}

.sku-card-listing>.sku-card {
    margin-bottom: 2.5em
}

.sku-card-listing>:last-child {
    margin-bottom: 0
}

@media screen and (max-width: 736px) {
    .sku-card-listing>.sku-card {
        margin-bottom: 1.75em
    }
}

@media screen and (max-width: 360px) {
    .sku-card-listing>.sku-card {
        margin-bottom: 1.5em
    }
}

.toggle-list {
    background-color: rgba(71, 73, 88, .475);
    border-radius: 6px;
    margin: 0 0 2em 0
}

.toggle-list>div:first-child {
    border-radius: 6px 6px 0 0
}

.toggle-list>div:last-child {
    border-radius: 0 0 6px 6px
}

.toggle-list>div:first-child:last-child {
    border-radius: 6px
}

.toggle-list>div:nth-child(2n-1) {
    background-color: rgba(71, 73, 88, .475)
}

.toggle-list>div>:last-child {
    margin-bottom: 0
}

.toggle-list>div.message {
    display: block;
    padding: 2em;
    text-align: center
}

.toggle-list>div.message p {
    font-size: 1.25em;
    color: rgba(255, 255, 255, .25);
    margin-bottom: 0
}

.toggle-list>div.message .actions {
    margin-top: 1em
}

.toggle-list>.item {
    display: grid;
    gap: 1em;
    grid-template-columns: 1fr auto;
    padding: 1.5em 1.5em;
    position: relative
}

.toggle-list>.item>.title {
    color: rgba(255, 255, 255, .75);
    font-size: 1em;
    font-weight: normal;
    letter-spacing: 0;
    margin: 0
}

.toggle-list>.item>.description {
    color: rgba(255, 255, 255, .375);
    font-size: .9em;
    grid-column: span 2;
    margin: 0
}

.toggle-list>.item>.description strong {
    font-weight: normal
}

.toggle-list>.item>ul.toggle {
    background-color: rgba(81, 83, 98, .675);
    border-radius: 6px;
    display: flex;
    height: 1.5em;
    line-height: 1.5em;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative
}

.toggle-list>.item>ul.toggle li {
    padding: 0
}

.toggle-list>.item>ul.toggle li a,
.toggle-list>.item>ul.toggle li span {
    border: 0;
    display: block;
    font-size: .6em;
    min-width: 6em;
    padding: 0 1.125em;
    text-align: center;
    text-transform: uppercase
}

.toggle-list>.item>ul.toggle li:first-child {
    border-radius: 6px 0 0 6px
}

.toggle-list>.item>ul.toggle li:last-child {
    border-radius: 0 6px 6px 0
}

.toggle-list>.item>ul.toggle li.selected {
    background: rgba(255, 255, 255, .75);
    color: #24252d
}

.toggle-list>.item.disabled {
    opacity: .5;
    pointer-events: none;
    user-select: none
}

.action-icons-list {
    background-color: rgba(71, 73, 88, .475);
    border-radius: 6px;
    margin: 0 0 2em 0
}

.action-icons-list>div:first-child {
    border-radius: 6px 6px 0 0
}

.action-icons-list>div:last-child {
    border-radius: 0 0 6px 6px
}

.action-icons-list>div:first-child:last-child {
    border-radius: 6px
}

.action-icons-list>div:nth-child(2n-1) {
    background-color: rgba(71, 73, 88, .475)
}

.action-icons-list>div>:last-child {
    margin-bottom: 0
}

.action-icons-list>div.message {
    display: block;
    padding: 2em;
    text-align: center
}

.action-icons-list>div.message p {
    font-size: 1.25em;
    color: rgba(255, 255, 255, .25);
    margin-bottom: 0
}

.action-icons-list>div.message .actions {
    margin-top: 1em
}

.action-icons-list>.item {
    display: grid;
    grid-template-areas: "icon title actions" ". description description";
    grid-template-columns: min-content 1fr auto;
    padding: 1.5em 1.5em;
    position: relative
}

.action-icons-list>.item>svg {
    display: block;
    fill: rgba(255, 255, 255, .375);
    grid-area: icon;
    height: 1.5em;
    margin-right: 1em;
    transition: fill 0.2s ease-in-out;
    width: 1.5em
}

.action-icons-list>.item>.title {
    color: rgba(255, 255, 255, .75);
    font-size: 1em;
    font-weight: normal;
    grid-area: title;
    letter-spacing: 0;
    margin: 0
}

.action-icons-list>.item>.description {
    color: rgba(255, 255, 255, .375);
    font-size: .9em;
    grid-area: description;
    margin: 1em 0 0 0
}

.action-icons-list>.item>.description strong {
    font-weight: normal
}

.action-icons-list>.item>ul.action-icons {
    display: flex;
    gap: 1.5em;
    grid-area: actions;
    height: 1.5em;
    line-height: 1.5em;
    list-style: none;
    margin: 0 0 0 1em;
    padding: 0;
    position: relative
}

.action-icons-list>.item>ul.action-icons li {
    padding: 0
}

.action-icons-list>.item>ul.action-icons li a,
.action-icons-list>.item>ul.action-icons li span {
    border: 0;
    display: block;
    text-align: center
}

.action-icons-list>.item>ul.action-icons li a .label,
.action-icons-list>.item>ul.action-icons li span .label {
    display: none
}

.action-icons-list>.item>ul.action-icons li a svg,
.action-icons-list>.item>ul.action-icons li span svg {
    display: block;
    fill: rgba(255, 255, 255, .375);
    height: 1.5em;
    transition: fill 0.2s ease-in-out;
    width: 1.5em
}

.action-icons-list>.item>ul.action-icons li span {
    opacity: .5;
    pointer-events: none
}

.action-icons-list>.item>ul.action-icons li a:hover svg {
    fill: #fff
}

.action-icons-list>.item.disabled {
    opacity: .5;
    pointer-events: none;
    user-select: none
}

@media screen and (max-width: 480px) {
    .action-icons-list>.item {
        grid-template-areas: "icon title actions" "description description description"
    }
}

.key-combination {
    align-items: center;
    cursor: default;
    display: inline-flex;
    font-weight: normal;
    gap: .375em;
    list-style: none;
    margin: 0;
    padding-left: 0;
    user-select: none
}

.key-combination .key {
    background: rgba(94, 95, 106, .875);
    border-radius: 6px;
    height: 2.5em;
    line-height: 2.5em;
    min-width: 2.5em;
    overflow: hidden;
    padding-left: 0;
    padding: 0 1em;
    position: relative;
    text-align: center;
    vertical-align: middle
}

.key-combination .key.modifier {
    text-indent: 200%
}

.key-combination .key.modifier:before {
    left: 0;
    padding: 0;
    position: absolute;
    text-align: center;
    text-indent: 0;
    width: 100%;
    z-index: 1
}

.key-combination .key.modifier.ctrl:before {
    content: "Ctrl"
}

.key-combination .key.modifier.alt:before {
    content: "Alt"
}

.key-combination .conjunction {
    color: rgba(255, 255, 255, .25);
    height: inherit;
    line-height: inherit;
    padding: 0 .25em;
    text-align: center;
    width: 1em
}

body[data-os=mac] .key-combination .key.modifier.ctrl:before,
body[data-os=ios] .key-combination .key.modifier.ctrl:before {
    content: "Cmd"
}

body[data-os=mac] .key-combination .key.modifier.alt:before,
body[data-os=ios] .key-combination .key.modifier.alt:before {
    content: "Opt"
}

.info-notice {
    background-color: rgba(71, 73, 88, .475);
    border-radius: 6px;
    margin: 0 0 2em 0;
    padding: 1.25em 1.25em 1.25em 3.25em;
    position: relative
}

.info-notice:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='648' height='552' viewBox='0 0 552 552'%3E%3Cpath d='M276,24C136.8,24,24,136.8,24,276s112.8,252,252,252s252-112.8,252-252S415.2,24,276,24z M437.2,437.2 c-20.9,20.9-45.3,37.4-72.5,48.9C336.6,498,306.8,504,276,504c-30.8,0-60.6-6-88.7-17.9c-27.1-11.5-51.5-27.9-72.5-48.9 c-20.9-20.9-37.4-45.3-48.9-72.5C54,336.6,48,306.8,48,276c0-30.8,6-60.6,17.9-88.7c11.5-27.1,27.9-51.5,48.9-72.5 c20.9-20.9,45.3-37.4,72.5-48.9C215.4,54,245.2,48,276,48c30.8,0,60.6,6,88.7,17.9c27.1,11.5,51.5,27.9,72.5,48.9 c20.9,20.9,37.4,45.3,48.9,72.5c11.9,28.1,17.9,58,17.9,88.7c0,30.8-6,60.6-17.9,88.7C474.6,391.9,458.2,416.3,437.2,437.2z M246,138h60v48h-60V138z M246,234h60v186h-60V234z' fill='%23ffffff' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.5em;
    content: "";
    display: block;
    height: 1.5em;
    left: 1em;
    opacity: .5;
    position: absolute;
    top: 1.25em;
    width: 1.5em
}

.dns-records {
    background-color: rgba(71, 73, 88, .475);
    border-radius: 6px;
    margin: 0 0 1.5em 0
}

.dns-records dl {
    align-items: center;
    border-top: solid 1px rgba(255, 255, 255, .075);
    display: grid;
    gap: .875em 1.25em;
    grid-template-areas: "title" "description";
    grid-template-columns: min-content auto;
    grid-template-rows: repeat(1em);
    margin: .325em 0 0 0;
    padding: 1em 1em
}

.dns-records dl:first-child {
    border-top: 0
}

.dns-records dl dt {
    color: rgba(255, 255, 255, .375);
    font-size: .6em;
    font-weight: normal;
    grid-area: "title";
    margin: 0;
    text-transform: uppercase
}

.dns-records dl dd {
    font-size: .8em;
    grid-area: "description";
    margin: 0
}

.dns-records dl dd code {
    display: block;
    font-size: 1em;
    margin: 0;
    padding-bottom: .325em;
    padding-left: .75em;
    padding-top: .325em;
    word-break: break-all
}

.dns-records.with-placeholder {
    position: relative
}

.dns-records.with-placeholder dl {
    transition: border-color .2s ease-in-out;
    transition-delay: .125s
}

.dns-records.with-placeholder dl dt,
.dns-records.with-placeholder dl dd {
    transition: opacity .2s ease-in-out, color .2s ease-in-out;
    transition-delay: .125s
}

.dns-records.with-placeholder:before {
    color: rgba(255, 255, 255, .375);
    content: attr(data-placeholder);
    display: block;
    font-size: .8em;
    height: 1.25em;
    left: 0;
    line-height: 1.25em;
    margin-top: -0.625em;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    text-align: center;
    top: 50%;
    transition: opacity .2s ease-in-out;
    width: 100%;
    z-index: 1
}

.dns-records.with-placeholder.placeholder {
    pointer-events: none
}

.dns-records.with-placeholder.placeholder dl {
    border-color: rgba(255, 255, 255, .025)
}

.dns-records.with-placeholder.placeholder dl dt,
.dns-records.with-placeholder.placeholder dl dd {
    color: rgba(255, 255, 255, .25);
    opacity: .25
}

.dns-records.with-placeholder.placeholder:before {
    opacity: 1
}

.dns-records.with-placeholder.initial dl {
    transition: none
}

.dns-records.with-placeholder.initial dl dt,
.dns-records.with-placeholder.initial dl dd {
    transition: none
}

.dns-records.with-placeholder.initial:before {
    transition: none
}

#dialog .button {
    min-width: 10em
}

#dialog>.inner {
    max-width: 40em;
    padding: 0
}

#dialog>.inner>.content {
    padding: 3em 3em 0 3em
}

#dialog>.inner>.content>.title {
    margin: 0 0 .7em 0
}

#dialog>.inner>.content>.message>:last-child {
    margin-bottom: 0
}

#dialog>.inner>.content>.confirmation {
    margin: 1.5em 0 0 0
}

#dialog>.inner>.content>.confirmation label {
    margin-bottom: 0
}

#dialog>.inner>.content>:last-child {
    margin-bottom: 0
}

#dialog>.inner>.actions {
    margin-bottom: 0;
    padding: 2em 3em 3em 3em
}

#dialog>.inner>.notice {
    color: rgba(255, 255, 255, .25);
    font-size: .8em;
    margin: -1.5em 0 0 0;
    padding: 0 3em 3em 3em
}

#dialog>.inner>.notice a {
    color: rgba(255, 255, 255, .25)
}

#dialog>.inner>.notice a:hover {
    color: #fff
}

#dialog>.inner>.notice strong {
    font-weight: normal;
    color: rgba(255, 255, 255, .75)
}

#dialog>.inner>.notice[data-type=countdown]:before {
    content: "";
    display: inline-block;
    width: 1.25em;
    height: 1.25em;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='648' height='552' viewBox='0 0 456 552'%3E%3Cpath d='M432,288c0,112.7-91.3,204-204,204S24,400.7,24,288c0-108.6,84.9-197.4,192-203.6V108h12c-48.1,0-93.3,18.7-127.3,52.7  C66.7,194.7,48,239.9,48,288s18.7,93.3,52.7,127.3c34,34,79.2,52.7,127.3,52.7s93.3-18.7,127.3-52.7c34-34,52.7-79.2,52.7-127.3  s-18.7-93.3-52.7-127.3c-34-34-79.2-52.7-127.3-52.7h12V84.4C347.1,90.6,432,179.4,432,288z M228,108h12V84.4V36h48V12H168v24h48  v48.4V108H228z M308.7,351.5L240,283l0.2-103l-24-0.1L216,293l75.8,75.5L308.7,351.5z' fill='rgba(255, 255, 255, 0.25)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.25em;
    vertical-align: middle;
    margin-right: .25em
}

@media screen and (max-width: 480px) {
    #dialog>.inner>.content {
        padding: 3em 2em 0 2em
    }

    #dialog>.inner>.actions {
        padding: 2em 2em 3em 2em
    }

    #dialog>.inner>.notice {
        padding: 0 2em 3em 2em
    }
}

#dialog.form>.inner>.content {
    padding-bottom: 3em
}

#dialog.form>.inner>.content form {
    width: 20em;
    max-width: 100%
}

@media screen and (max-width: 736px) {
    #dialog.form>.inner>.content form {
        margin: 0 auto
    }
}

@media screen and (max-width: 480px) {
    #dialog.form>.inner>.content {
        padding-bottom: 3em
    }
}

#dialog.locked {
    cursor: default
}

#dialog.locked>.inner {
    background: rgba(0, 0, 0, 0);
    box-shadow: none
}

#dialog.locked>.inner>.close {
    display: none
}

#dialog.pro {
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch
}

#dialog.pro>.inner {
    max-width: 78em;
    max-height: none;
    overflow: visible
}

#dialog.pro>.inner>.content {
    padding: 0
}

#dialog.pro>.inner>.content header {
    position: relative;
    padding: 3.25em 2.75em;
    border-radius: 6px 6px 0 0
}

#dialog.pro>.inner>.content header:before,
#dialog.pro>.inner>.content header:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    transform: scale(1);
    z-index: -1;
    border-radius: inherit
}

#dialog.pro>.inner>.content header:before {
    background-image: url("images/etc/overlay.png"), linear-gradient(45deg, #6E436C 25%, #2A4584 75%);
    background-size: 256px, cover;
    background-position: center, center;
    background-repeat: repeat, no-repeat
}

#dialog.pro>.inner>.content header:after {
    background-image: url("images/etc/bg.svg");
    background-size: cover;
    background-position: left;
    background-repeat: no-repeat;
    transition: filter 0.5s ease, opacity 1s ease
}

body[data-browser=firefox] #dialog.pro>.inner>.content header:after {
    background-image: url("images/etc/bg-static.svg")
}

#dialog.pro>.inner>.content header:after {
    background-position: left 60%
}

#dialog.pro>.inner>.content header>h2 {
    font-size: 2.25em;
    line-height: 1.25;
    letter-spacing: -0.025em;
    margin: .25em 0 .325em 0
}

#dialog.pro>.inner>.content header>p {
    margin-bottom: 0
}

#dialog.pro>.inner>.content .pro-features {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 3.25em 2em 3.25em 2em
}

#dialog.pro>.inner>.content .pro-features li {
    flex-shrink: 0;
    width: 33.3333333333%;
    text-align: left;
    margin-bottom: 2.75em;
    padding: 0 1em 0 3.25em;
    position: relative
}

#dialog.pro>.inner>.content .pro-features li:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='648' height='552' viewBox='0 0 648 552'%3E%3Cpath d='M225.3,517.7L2.1,293.1l68.1-67.7L226,382.3L578.1,35.6l67.4,68.4L225.3,517.7z' fill='%2333ada9' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: .9375em;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .075);
    display: block;
    width: 1.875em;
    height: 1.875em;
    border-radius: 1.875em;
    content: "";
    position: absolute;
    top: -0.125em;
    left: 0
}

#dialog.pro>.inner>.content .pro-features li h3 {
    margin: 0 0 .65em 0
}

#dialog.pro>.inner>.content .pro-features li p {
    margin-bottom: 0
}

#dialog.pro>.inner>.content .pro-features li:nth-last-child(-n+3) {
    margin-bottom: 0
}

#dialog.pro>.inner>.actions {
    padding: 0 2.75em 3.25em 2.75em
}

#dialog.pro>.inner>.close>svg {
    fill: rgba(255, 255, 255, .5)
}

#dialog.pro>.inner>.close:hover>svg {
    fill: #fff
}

#dialog.pro.docked {
    align-items: flex-start;
    border-radius: 0
}

#dialog.pro.docked>.inner {
    border-radius: 0
}

#dialog.pro.docked>.inner>.content header {
    border-radius: 0
}

#dialog.pro.docked>.inner>.content header:before,
#dialog.pro.docked>.inner>.content header:after {
    border-radius: 0
}

@media screen and (max-width: 1680px) {
    #dialog.pro>.inner>.content header {
        padding: 2.75em
    }

    #dialog.pro>.inner>.content .pro-features {
        padding: 2.75em 2em
    }

    #dialog.pro>.inner>.content .pro-features li {
        margin-bottom: 2.25em
    }

    #dialog.pro>.inner>.actions {
        padding: 0 2.75em 2.75em 2.75em
    }
}

@media screen and (max-width: 1280px) {
    #dialog.pro>.inner>.content header {
        padding: 4em 8em
    }

    #dialog.pro>.inner>.content .pro-features {
        padding: 4em 3.5em
    }

    #dialog.pro>.inner>.content .pro-features li {
        margin-bottom: 3.5em
    }

    #dialog.pro>.inner>.actions {
        padding: 0 3.5em 4em 3.5em
    }
}

@media screen and (max-width: 980px) {
    #dialog.pro>.inner>.content header {
        padding: 4em
    }

    #dialog.pro>.inner>.content .pro-features {
        padding: 4em 3em
    }

    #dialog.pro>.inner>.content .pro-features li {
        width: 50%;
        margin-top: 2em;
        margin-bottom: 0;
        padding: 0 2em 0 3em
    }

    #dialog.pro>.inner>.content .pro-features li:nth-child(1),
    #dialog.pro>.inner>.content .pro-features li:nth-child(2) {
        margin-top: 0
    }

    #dialog.pro>.inner>.actions {
        padding: 0 2em 4em 3em
    }
}

@media screen and (max-width: 736px) {
    #dialog.pro>.inner>.content header {
        padding: 3em 2em
    }

    #dialog.pro>.inner>.content header h2 {
        font-size: 1.5em
    }

    #dialog.pro>.inner>.content .pro-features {
        padding: 3em 2em
    }

    #dialog.pro>.inner>.actions {
        padding: 0 2em 3em 2em
    }
}

@media screen and (max-width: 480px) {
    #dialog.pro>.inner>.content .pro-features {
        display: block
    }

    #dialog.pro>.inner>.content .pro-features li {
        width: 100%;
        padding: 0 .5em 0 3em
    }

    #dialog.pro>.inner>.content .pro-features li:nth-child(2) {
        margin-top: 2em
    }
}

#dialog.allowed-url-types dl {
    display: flex;
    flex-wrap: wrap;
    width: 28em;
    margin-left: auto;
    margin-right: auto
}

#dialog.allowed-url-types dl>dt {
    width: 10em;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 1em;
    text-align: right
}

#dialog.allowed-url-types dl>dd {
    width: calc(100% - 10em);
    flex-grow: 0;
    flex-shrink: 0;
    text-align: left
}

#dialog.allowed-url-types dl>dd code {
    margin: 0 .325em 0 0
}

#dialog.allowed-url-types dl>* {
    margin: .75em 0 0 0
}

#dialog.allowed-url-types dl>*:first-of-type {
    margin-top: 0
}

@media screen and (max-width: 736px) {
    #dialog.allowed-url-types dl {
        width: 20em
    }

    #dialog.allowed-url-types dl .extra {
        display: none
    }

    #dialog.allowed-url-types dl>dt {
        width: 6em
    }

    #dialog.allowed-url-types dl>dd {
        width: calc(100% - 6em)
    }

    #dialog.allowed-url-types dl>dd code {
        display: block;
        margin-right: 0;
        margin-top: .5em;
        white-space: nowrap;
        width: -moz-min-content;
        width: -webkit-min-content;
        width: min-content
    }

    #dialog.allowed-url-types dl>dd code:first-child {
        margin-top: 0
    }

    #dialog.allowed-url-types dl>* {
        margin: .5em 0 0 0
    }

    #dialog.allowed-url-types dl>*:first-of-type {
        margin-top: 0
    }
}

#failbox {
    background: #cc666b;
    color: #fff;
    width: 30em;
    max-width: 100%;
    margin: 0 auto;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    padding: 2em
}

#failbox a {
    color: inherit;
    border-bottom-color: inherit
}

#failbox>:last-child {
    margin-bottom: 0
}

#failbox ul.checklist li:before {
    color: inherit
}

#progress-overlay {
    font-size: 12pt;
    align-items: center;
    flex-direction: column;
    display: flex;
    justify-content: center;
    pointer-events: none;
    transition: opacity 0.25s ease, visibility 0.25s;
    background-color: rgba(0, 0, 0, .875);
    height: 100%;
    left: 0;
    position: fixed;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 10011;
    visibility: hidden;
    opacity: 0;
    outline: 0
}

@media screen and (min-width: 1680px) {
    #progress-overlay {
        font-size: 15pt
    }
}

@media screen and (max-width: 736px) {
    #progress-overlay {
        font-size: 11pt
    }
}

#progress-overlay .progress {
    transition: opacity 0.25s ease-in-out;
    background-image: linear-gradient(90deg, #353642 0%, #353642 100%);
    display: block;
    height: 4px;
    opacity: 0;
    width: 400px;
    border-radius: 4px
}

@media screen and (max-width: 980px) {
    #progress-overlay .progress {
        width: 300px
    }
}

@media screen and (max-width: 480px) {
    #progress-overlay .progress {
        width: 180px
    }
}

#progress-overlay .progress[data-value="2"] {
    background-image: linear-gradient(90deg, #33ada9 2%, #353642 2%)
}

#progress-overlay .progress[data-value="4"] {
    background-image: linear-gradient(90deg, #33ada9 4%, #353642 4%)
}

#progress-overlay .progress[data-value="6"] {
    background-image: linear-gradient(90deg, #33ada9 6%, #353642 6%)
}

#progress-overlay .progress[data-value="8"] {
    background-image: linear-gradient(90deg, #33ada9 8%, #353642 8%)
}

#progress-overlay .progress[data-value="10"] {
    background-image: linear-gradient(90deg, #33ada9 10%, #353642 10%)
}

#progress-overlay .progress[data-value="12"] {
    background-image: linear-gradient(90deg, #33ada9 12%, #353642 12%)
}

#progress-overlay .progress[data-value="14"] {
    background-image: linear-gradient(90deg, #33ada9 14%, #353642 14%)
}

#progress-overlay .progress[data-value="16"] {
    background-image: linear-gradient(90deg, #33ada9 16%, #353642 16%)
}

#progress-overlay .progress[data-value="18"] {
    background-image: linear-gradient(90deg, #33ada9 18%, #353642 18%)
}

#progress-overlay .progress[data-value="20"] {
    background-image: linear-gradient(90deg, #33ada9 20%, #353642 20%)
}

#progress-overlay .progress[data-value="22"] {
    background-image: linear-gradient(90deg, #33ada9 22%, #353642 22%)
}

#progress-overlay .progress[data-value="24"] {
    background-image: linear-gradient(90deg, #33ada9 24%, #353642 24%)
}

#progress-overlay .progress[data-value="26"] {
    background-image: linear-gradient(90deg, #33ada9 26%, #353642 26%)
}

#progress-overlay .progress[data-value="28"] {
    background-image: linear-gradient(90deg, #33ada9 28%, #353642 28%)
}

#progress-overlay .progress[data-value="30"] {
    background-image: linear-gradient(90deg, #33ada9 30%, #353642 30%)
}

#progress-overlay .progress[data-value="32"] {
    background-image: linear-gradient(90deg, #33ada9 32%, #353642 32%)
}

#progress-overlay .progress[data-value="34"] {
    background-image: linear-gradient(90deg, #33ada9 34%, #353642 34%)
}

#progress-overlay .progress[data-value="36"] {
    background-image: linear-gradient(90deg, #33ada9 36%, #353642 36%)
}

#progress-overlay .progress[data-value="38"] {
    background-image: linear-gradient(90deg, #33ada9 38%, #353642 38%)
}

#progress-overlay .progress[data-value="40"] {
    background-image: linear-gradient(90deg, #33ada9 40%, #353642 40%)
}

#progress-overlay .progress[data-value="42"] {
    background-image: linear-gradient(90deg, #33ada9 42%, #353642 42%)
}

#progress-overlay .progress[data-value="44"] {
    background-image: linear-gradient(90deg, #33ada9 44%, #353642 44%)
}

#progress-overlay .progress[data-value="46"] {
    background-image: linear-gradient(90deg, #33ada9 46%, #353642 46%)
}

#progress-overlay .progress[data-value="48"] {
    background-image: linear-gradient(90deg, #33ada9 48%, #353642 48%)
}

#progress-overlay .progress[data-value="50"] {
    background-image: linear-gradient(90deg, #33ada9 50%, #353642 50%)
}

#progress-overlay .progress[data-value="52"] {
    background-image: linear-gradient(90deg, #33ada9 52%, #353642 52%)
}

#progress-overlay .progress[data-value="54"] {
    background-image: linear-gradient(90deg, #33ada9 54%, #353642 54%)
}

#progress-overlay .progress[data-value="56"] {
    background-image: linear-gradient(90deg, #33ada9 56%, #353642 56%)
}

#progress-overlay .progress[data-value="58"] {
    background-image: linear-gradient(90deg, #33ada9 58%, #353642 58%)
}

#progress-overlay .progress[data-value="60"] {
    background-image: linear-gradient(90deg, #33ada9 60%, #353642 60%)
}

#progress-overlay .progress[data-value="62"] {
    background-image: linear-gradient(90deg, #33ada9 62%, #353642 62%)
}

#progress-overlay .progress[data-value="64"] {
    background-image: linear-gradient(90deg, #33ada9 64%, #353642 64%)
}

#progress-overlay .progress[data-value="66"] {
    background-image: linear-gradient(90deg, #33ada9 66%, #353642 66%)
}

#progress-overlay .progress[data-value="68"] {
    background-image: linear-gradient(90deg, #33ada9 68%, #353642 68%)
}

#progress-overlay .progress[data-value="70"] {
    background-image: linear-gradient(90deg, #33ada9 70%, #353642 70%)
}

#progress-overlay .progress[data-value="72"] {
    background-image: linear-gradient(90deg, #33ada9 72%, #353642 72%)
}

#progress-overlay .progress[data-value="74"] {
    background-image: linear-gradient(90deg, #33ada9 74%, #353642 74%)
}

#progress-overlay .progress[data-value="76"] {
    background-image: linear-gradient(90deg, #33ada9 76%, #353642 76%)
}

#progress-overlay .progress[data-value="78"] {
    background-image: linear-gradient(90deg, #33ada9 78%, #353642 78%)
}

#progress-overlay .progress[data-value="80"] {
    background-image: linear-gradient(90deg, #33ada9 80%, #353642 80%)
}

#progress-overlay .progress[data-value="82"] {
    background-image: linear-gradient(90deg, #33ada9 82%, #353642 82%)
}

#progress-overlay .progress[data-value="84"] {
    background-image: linear-gradient(90deg, #33ada9 84%, #353642 84%)
}

#progress-overlay .progress[data-value="86"] {
    background-image: linear-gradient(90deg, #33ada9 86%, #353642 86%)
}

#progress-overlay .progress[data-value="88"] {
    background-image: linear-gradient(90deg, #33ada9 88%, #353642 88%)
}

#progress-overlay .progress[data-value="90"] {
    background-image: linear-gradient(90deg, #33ada9 90%, #353642 90%)
}

#progress-overlay .progress[data-value="92"] {
    background-image: linear-gradient(90deg, #33ada9 92%, #353642 92%)
}

#progress-overlay .progress[data-value="94"] {
    background-image: linear-gradient(90deg, #33ada9 94%, #353642 94%)
}

#progress-overlay .progress[data-value="96"] {
    background-image: linear-gradient(90deg, #33ada9 96%, #353642 96%)
}

#progress-overlay .progress[data-value="98"] {
    background-image: linear-gradient(90deg, #33ada9 98%, #353642 98%)
}

#progress-overlay .progress[data-value="100"] {
    background-image: linear-gradient(90deg, #33ada9 100%, #353642 100%)
}

#progress-overlay .status {
    margin-top: 1em;
    color: rgba(255, 255, 255, .75);
    height: 2em;
    line-height: 2em;
    font-size: .8em;
    text-transform: uppercase;
    transition: opacity 0.25s ease-in-out;
    pointer-events: none;
    user-select: none;
    opacity: 0
}

#progress-overlay.visible {
    pointer-events: auto;
    visibility: visible;
    opacity: 1
}

#progress-overlay.active .progress {
    opacity: 1
}

#progress-overlay.active .status {
    opacity: 1
}

#progress-overlay.opaque {
    transition: opacity 1s ease, visibility 1s;
    background-color: #24252d
}

#progress-overlay.opaque .progress {
    background-image: linear-gradient(90deg, rgba(14, 15, 25, 0.25) 0%, rgba(0, 0, 0, 0.25) 100%)
}

#progress-overlay.opaque .progress[data-value="2"] {
    background-image: linear-gradient(90deg, #33ada9 2%, rgba(0, 0, 0, 0.25) 2%)
}

#progress-overlay.opaque .progress[data-value="4"] {
    background-image: linear-gradient(90deg, #33ada9 4%, rgba(0, 0, 0, 0.25) 4%)
}

#progress-overlay.opaque .progress[data-value="6"] {
    background-image: linear-gradient(90deg, #33ada9 6%, rgba(0, 0, 0, 0.25) 6%)
}

#progress-overlay.opaque .progress[data-value="8"] {
    background-image: linear-gradient(90deg, #33ada9 8%, rgba(0, 0, 0, 0.25) 8%)
}

#progress-overlay.opaque .progress[data-value="10"] {
    background-image: linear-gradient(90deg, #33ada9 10%, rgba(0, 0, 0, 0.25) 10%)
}

#progress-overlay.opaque .progress[data-value="12"] {
    background-image: linear-gradient(90deg, #33ada9 12%, rgba(0, 0, 0, 0.25) 12%)
}

#progress-overlay.opaque .progress[data-value="14"] {
    background-image: linear-gradient(90deg, #33ada9 14%, rgba(0, 0, 0, 0.25) 14%)
}

#progress-overlay.opaque .progress[data-value="16"] {
    background-image: linear-gradient(90deg, #33ada9 16%, rgba(0, 0, 0, 0.25) 16%)
}

#progress-overlay.opaque .progress[data-value="18"] {
    background-image: linear-gradient(90deg, #33ada9 18%, rgba(0, 0, 0, 0.25) 18%)
}

#progress-overlay.opaque .progress[data-value="20"] {
    background-image: linear-gradient(90deg, #33ada9 20%, rgba(0, 0, 0, 0.25) 20%)
}

#progress-overlay.opaque .progress[data-value="22"] {
    background-image: linear-gradient(90deg, #33ada9 22%, rgba(0, 0, 0, 0.25) 22%)
}

#progress-overlay.opaque .progress[data-value="24"] {
    background-image: linear-gradient(90deg, #33ada9 24%, rgba(0, 0, 0, 0.25) 24%)
}

#progress-overlay.opaque .progress[data-value="26"] {
    background-image: linear-gradient(90deg, #33ada9 26%, rgba(0, 0, 0, 0.25) 26%)
}

#progress-overlay.opaque .progress[data-value="28"] {
    background-image: linear-gradient(90deg, #33ada9 28%, rgba(0, 0, 0, 0.25) 28%)
}

#progress-overlay.opaque .progress[data-value="30"] {
    background-image: linear-gradient(90deg, #33ada9 30%, rgba(0, 0, 0, 0.25) 30%)
}

#progress-overlay.opaque .progress[data-value="32"] {
    background-image: linear-gradient(90deg, #33ada9 32%, rgba(0, 0, 0, 0.25) 32%)
}

#progress-overlay.opaque .progress[data-value="34"] {
    background-image: linear-gradient(90deg, #33ada9 34%, rgba(0, 0, 0, 0.25) 34%)
}

#progress-overlay.opaque .progress[data-value="36"] {
    background-image: linear-gradient(90deg, #33ada9 36%, rgba(0, 0, 0, 0.25) 36%)
}

#progress-overlay.opaque .progress[data-value="38"] {
    background-image: linear-gradient(90deg, #33ada9 38%, rgba(0, 0, 0, 0.25) 38%)
}

#progress-overlay.opaque .progress[data-value="40"] {
    background-image: linear-gradient(90deg, #33ada9 40%, rgba(0, 0, 0, 0.25) 40%)
}

#progress-overlay.opaque .progress[data-value="42"] {
    background-image: linear-gradient(90deg, #33ada9 42%, rgba(0, 0, 0, 0.25) 42%)
}

#progress-overlay.opaque .progress[data-value="44"] {
    background-image: linear-gradient(90deg, #33ada9 44%, rgba(0, 0, 0, 0.25) 44%)
}

#progress-overlay.opaque .progress[data-value="46"] {
    background-image: linear-gradient(90deg, #33ada9 46%, rgba(0, 0, 0, 0.25) 46%)
}

#progress-overlay.opaque .progress[data-value="48"] {
    background-image: linear-gradient(90deg, #33ada9 48%, rgba(0, 0, 0, 0.25) 48%)
}

#progress-overlay.opaque .progress[data-value="50"] {
    background-image: linear-gradient(90deg, #33ada9 50%, rgba(0, 0, 0, 0.25) 50%)
}

#progress-overlay.opaque .progress[data-value="52"] {
    background-image: linear-gradient(90deg, #33ada9 52%, rgba(0, 0, 0, 0.25) 52%)
}

#progress-overlay.opaque .progress[data-value="54"] {
    background-image: linear-gradient(90deg, #33ada9 54%, rgba(0, 0, 0, 0.25) 54%)
}

#progress-overlay.opaque .progress[data-value="56"] {
    background-image: linear-gradient(90deg, #33ada9 56%, rgba(0, 0, 0, 0.25) 56%)
}

#progress-overlay.opaque .progress[data-value="58"] {
    background-image: linear-gradient(90deg, #33ada9 58%, rgba(0, 0, 0, 0.25) 58%)
}

#progress-overlay.opaque .progress[data-value="60"] {
    background-image: linear-gradient(90deg, #33ada9 60%, rgba(0, 0, 0, 0.25) 60%)
}

#progress-overlay.opaque .progress[data-value="62"] {
    background-image: linear-gradient(90deg, #33ada9 62%, rgba(0, 0, 0, 0.25) 62%)
}

#progress-overlay.opaque .progress[data-value="64"] {
    background-image: linear-gradient(90deg, #33ada9 64%, rgba(0, 0, 0, 0.25) 64%)
}

#progress-overlay.opaque .progress[data-value="66"] {
    background-image: linear-gradient(90deg, #33ada9 66%, rgba(0, 0, 0, 0.25) 66%)
}

#progress-overlay.opaque .progress[data-value="68"] {
    background-image: linear-gradient(90deg, #33ada9 68%, rgba(0, 0, 0, 0.25) 68%)
}

#progress-overlay.opaque .progress[data-value="70"] {
    background-image: linear-gradient(90deg, #33ada9 70%, rgba(0, 0, 0, 0.25) 70%)
}

#progress-overlay.opaque .progress[data-value="72"] {
    background-image: linear-gradient(90deg, #33ada9 72%, rgba(0, 0, 0, 0.25) 72%)
}

#progress-overlay.opaque .progress[data-value="74"] {
    background-image: linear-gradient(90deg, #33ada9 74%, rgba(0, 0, 0, 0.25) 74%)
}

#progress-overlay.opaque .progress[data-value="76"] {
    background-image: linear-gradient(90deg, #33ada9 76%, rgba(0, 0, 0, 0.25) 76%)
}

#progress-overlay.opaque .progress[data-value="78"] {
    background-image: linear-gradient(90deg, #33ada9 78%, rgba(0, 0, 0, 0.25) 78%)
}

#progress-overlay.opaque .progress[data-value="80"] {
    background-image: linear-gradient(90deg, #33ada9 80%, rgba(0, 0, 0, 0.25) 80%)
}

#progress-overlay.opaque .progress[data-value="82"] {
    background-image: linear-gradient(90deg, #33ada9 82%, rgba(0, 0, 0, 0.25) 82%)
}

#progress-overlay.opaque .progress[data-value="84"] {
    background-image: linear-gradient(90deg, #33ada9 84%, rgba(0, 0, 0, 0.25) 84%)
}

#progress-overlay.opaque .progress[data-value="86"] {
    background-image: linear-gradient(90deg, #33ada9 86%, rgba(0, 0, 0, 0.25) 86%)
}

#progress-overlay.opaque .progress[data-value="88"] {
    background-image: linear-gradient(90deg, #33ada9 88%, rgba(0, 0, 0, 0.25) 88%)
}

#progress-overlay.opaque .progress[data-value="90"] {
    background-image: linear-gradient(90deg, #33ada9 90%, rgba(0, 0, 0, 0.25) 90%)
}

#progress-overlay.opaque .progress[data-value="92"] {
    background-image: linear-gradient(90deg, #33ada9 92%, rgba(0, 0, 0, 0.25) 92%)
}

#progress-overlay.opaque .progress[data-value="94"] {
    background-image: linear-gradient(90deg, #33ada9 94%, rgba(0, 0, 0, 0.25) 94%)
}

#progress-overlay.opaque .progress[data-value="96"] {
    background-image: linear-gradient(90deg, #33ada9 96%, rgba(0, 0, 0, 0.25) 96%)
}

#progress-overlay.opaque .progress[data-value="98"] {
    background-image: linear-gradient(90deg, #33ada9 98%, rgba(0, 0, 0, 0.25) 98%)
}

#progress-overlay.opaque .progress[data-value="100"] {
    background-image: linear-gradient(90deg, #33ada9 100%, rgba(0, 0, 0, 0.25) 100%)
}

#progress-overlay.opaque .status {
    color: rgba(255, 255, 255, .25)
}

#progress-overlay.transparent {
    background-color: rgba(0, 0, 0, 0)
}

#progress-overlay.transparent .status {
    color: rgba(255, 255, 255, .375)
}

body#default {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-height: 100vh;
    padding: 3em
}

body#default>.inner {
    max-width: 100%
}

body#default>.inner.narrow {
    width: 64em
}

body#default>.inner.narrow>.box {
    margin-top: 2em;
    margin-bottom: 2em
}

@media screen and (max-width: 736px) {
    body#default {
        padding: 2em 1.75em
    }
}

@media screen and (max-width: 480px) {
    body#default {
        padding: 2em 1.75em
    }
}

@media screen and (max-width: 360px) {
    body#default {
        padding: 2em 1.5em
    }
}