.legal {
    margin: 0 0 2em 0
}

.legal>:last-child {
    margin-bottom: 0
}

.legal>:last-child>:last-child {
    margin-bottom: 0
}

.legal>:last-child>:last-child>:last-child {
    margin-bottom: 0
}

.legal>:last-child>:last-child>:last-child>:last-child {
    margin-bottom: 0
}

.legal a {
    position: relative;
    z-index: 1
}

.legal ul.explicit {
    list-style: none;
    padding-left: 0
}

.legal ul.explicit>li {
    margin: 2em 0 0 0;
    padding-left: 0
}

.legal .box {
    border: solid 1px rgba(255, 255, 255, .075);
    border-radius: 6px;
    padding: 2em;
    margin: 0 0 2em 0
}

.legal .box>:last-child {
    margin-bottom: 0
}

.legal .box h3 {
    font-size: 1.25em
}

.legal .box h4 {
    font-size: 1em
}

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

.legal .box ul li {
    padding-left: .5em;
    margin: 0
}

.legal .box table.grid {
    text-align: left
}

@media screen and (max-width: 736px) {
    .legal .box {
        padding: 2em 1.5em
    }

    .legal h3 {
        font-size: .9em;
        margin: 2em 0 0 0
    }

    .legal h3+ul {
        margin-top: -1em
    }
}

.changelog {
    margin: 3em 0 0 0;
    position: relative;
    text-align: left
}

.changelog>:last-child {
    margin-bottom: 0 !important
}

.changelog>section {
    margin: 4em 0 0 0;
    padding-left: 2.25em;
    position: relative
}

.changelog>section:before {
    content: "";
    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
}

.changelog>section:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    font-size: .9em;
    left: calc(0.6944444444em - 0.5px);
    top: 1.6666666667em;
    width: 1px;
    height: calc(100% + 4.4444444444em);
    background: rgba(255, 255, 255, .075)
}

.changelog>section:first-child {
    margin-top: 0
}

.changelog>section:last-child:after {
    display: none
}

.changelog>section h2 {
    margin: 0 0 2.5em 0;
    font-size: 1em
}

.changelog>section h2 a {
    border-bottom: 0
}

.changelog>section ul {
    padding-left: 0
}

.changelog>section ul li {
    margin: 2em 0 0 0;
    list-style: none;
    padding-left: 0;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap
}

.changelog>section ul li:first-child {
    margin-top: 0
}

.changelog>section ul li .category {
    background: rgba(71, 73, 88, .475);
    border-radius: 6px;
    padding: .5555555556em 1.1111111111em;
    margin-top: -.4166666667em;
    white-space: nowrap;
    width: 13.3333333333em;
    font-size: .9em;
    flex-grow: 0;
    flex-shrink: 0;
    position: relative
}

.changelog>section ul li .category:before {
    content: "";
    display: block;
    height: 1px;
    width: 1.8055555556em;
    background: rgba(255, 255, 255, .075);
    position: absolute;
    right: 100%;
    top: calc(50% - .5px)
}

.changelog>section ul li .description {
    flex-grow: 1;
    flex-shrink: 1;
    padding-left: 1.5em;
    width: calc(100% - 12em)
}

.changelog>section ul li .description p {
    margin-bottom: 0
}

.changelog>section ul li .description .image {
    width: 100%;
    flex-grow: 0;
    flex-shrink: 0;
    margin: 1.5em 0;
    border-radius: 6px;
    border-bottom: 0
}

.changelog>section ul li .description .image img {
    display: block;
    width: 100%;
    border-radius: 6px
}

.changelog>section ul li .description video {
    width: 100%;
    flex-grow: 0;
    flex-shrink: 0;
    margin: 1.5em 0;
    border-radius: 6px;
    border-bottom: 0
}

.changelog>section ul li .description>:last-child {
    margin-bottom: 0 !important
}

.changelog>section ul li:last-child .description .image {
    margin-bottom: 0
}

.changelog: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='%238d73d5' /%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;
    position: absolute;
    bottom: -1.25em;
    left: -1.375em;
    display: none
}

.changelog.is-loading:before {
    display: block
}

@media screen and (max-width: 980px) {
    .changelog>section ul li {
        display: block
    }

    .changelog>section ul li .category {
        display: inline-block;
        width: auto;
        padding: .325em 1em;
        margin: 0 0 1em 0
    }

    .changelog>section ul li .description {
        display: block;
        width: 100%
    }
}

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

    .changelog>section {
        margin: 2em 0
    }

    .changelog>section h2 {
        margin: 0 0 2em 0
    }

    .changelog>section:after {
        height: calc(100% + 2.2222222222em)
    }
}

ul.articles {
    list-style: none;
    padding-left: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: 1.5em;
    margin-bottom: 1.5em
}

ul.articles:first-child {
    margin-top: 0
}

ul.articles>li {
    padding-left: 0;
    width: 50%;
    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.articles>li:nth-child(1),
ul.articles>li:nth-child(2) {
    border-top-width: 1px
}

ul.articles>li:nth-child(1) {
    border-top-left-radius: 6px
}

ul.articles>li:nth-child(2) {
    border-top-right-radius: 6px
}

ul.articles>li:nth-child(2n) {
    border-right-width: 1px
}

ul.articles>li>a,
ul.articles>li>span {
    display: block;
    padding: 1.75em 2em;
    border-bottom: none
}

ul.articles>li>a:hover {
    background-color: rgba(255, 255, 255, .025)
}

ul.articles>li>span {
    cursor: default
}

ul.articles>li h2 {
    margin: 0 0 .5em 0;
    font-weight: normal;
    font-size: 1em;
    line-height: 1.75;
    letter-spacing: 0;
    color: #fff
}

ul.articles>li p {
    margin-bottom: 0;
    color: rgba(255, 255, 255, .375)
}

ul.articles>li>span h2,
ul.articles>li>span p {
    opacity: .2
}

ul.articles.even>li:nth-last-child(2) {
    border-bottom-left-radius: 6px
}

ul.articles.even>li:nth-last-child(1) {
    border-bottom-right-radius: 6px
}

ul.articles.odd>li:nth-last-child(2) {
    border-bottom-right-radius: 6px
}

ul.articles.odd>li:nth-last-child(1) {
    border-right-width: 1px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    flex-grow: 0;
    flex-shrink: 1
}

@media screen and (max-width: 736px) {
    ul.articles {
        flex-wrap: nowrap;
        flex-direction: column;
        border: solid 1px rgba(255, 255, 255, .075);
        border-radius: 6px
    }

    ul.articles>li {
        width: 100%;
        border-bottom-width: 0;
        border-left-width: 0;
        border-top-width: 1px
    }

    ul.articles>li:nth-child(1),
    ul.articles>li:nth-child(2) {
        border-top-width: 0
    }

    ul.articles>li:nth-child(2) {
        border-top-width: 1px
    }

    ul.articles>li:nth-child(1) {
        border-top-left-radius: 0
    }

    ul.articles>li:nth-child(2) {
        border-top-right-radius: 0
    }

    ul.articles>li:nth-child(2n) {
        border-right-width: 0
    }

    ul.articles>li>a,
    ul.articles>li>span {
        padding: 1.5em 1.75em
    }

    ul.articles.even>li:nth-last-child(2) {
        border-bottom-left-radius: 0
    }

    ul.articles.even>li:nth-last-child(1) {
        border-bottom-right-radius: 0
    }

    ul.articles.odd>li:nth-last-child(2) {
        border-bottom-right-radius: 0
    }

    ul.articles.odd>li:nth-last-child(1) {
        border-right-width: 0;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
    }
}

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

    ul.articles>li>a,
    ul.articles>li>span {
        padding: 1.25em 1.5em
    }
}

.build-button {
    margin: 0 .25em 0;
    display: inline-block;
    border-radius: 6px;
    font-weight: bold;
    color: #fff;
    height: 2.5em;
    line-height: 2.575em;
    padding: 0 1em;
    font-size: .9em;
    margin: 0 .5em;
    vertical-align: middle;
    position: relative;
    top: -0.125em;
    cursor: default;
    background-color: rgba(0, 0, 0, 0);
    box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .25)
}

.build-button-primary {
    margin: 0 .25em 0;
    display: inline-block;
    border-radius: 6px;
    background-color: #33ada9;
    font-weight: bold;
    height: 2.5em;
    line-height: 2.575em;
    padding: 0 1em;
    font-size: .9em;
    margin: 0 .5em;
    vertical-align: middle;
    position: relative;
    top: -0.125em;
    cursor: default
}

.build-icon {
    margin: 0 .25em 0;
    display: inline-block;
    border-radius: 6px;
    background-color: rgba(71, 73, 88, .475);
    font-weight: normal;
    color: rgba(255, 255, 255, .75);
    height: 2.5em;
    line-height: 2.575em;
    padding: 0 1em 0 0;
    font-size: .9em;
    margin: 0 .5em;
    vertical-align: middle;
    position: relative;
    top: -0.125em;
    cursor: default;
    padding-left: 2.75em
}

.build-icon:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    height: 2.5em;
    width: 3em;
    vertical-align: middle;
    background-position: center
}

.build-icon.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.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.5em
}

.build-icon.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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.5em
}

.build-icon.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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.5em
}

.build-icon.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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.5em
}

.build-icon.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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.5em
}

.build-icon.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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.5em
}

.build-icon.check {
    padding-left: 3em
}

.build-icon.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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.5em
}

.build-icon.check-heavy {
    padding-left: 3em
}

.build-icon.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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.5em
}

.build-icon.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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.5em
}

.build-icon.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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.5em
}

.build-icon.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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.5em
}

.build-icon.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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.5em
}

.build-icon.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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.5em
}

.build-icon.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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.5em
}

.build-icon.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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.5em
}

.build-icon.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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.5em
}

.build-icon.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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.5em
}

.build-icon.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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.5em
}

.build-icon.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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.5em
}

.build-icon.component-container {
    padding-left: 3em
}

.build-icon.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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.5em
}

.build-icon.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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.5em
}

.build-icon.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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.5em
}

.build-icon.component-form {
    padding-left: 3em
}

.build-icon.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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.5em
}

.build-icon.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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.5em
}

.build-icon.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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.5em
}

.build-icon.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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.5em
}

.build-icon.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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.5em
}

.build-icon.component-video {
    padding-left: 3em
}

.build-icon.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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.5em
}

.build-icon.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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.5em
}

.build-icon.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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.5em
}

.build-icon.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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.5em
}

.build-icon.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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.5em
}

.build-icon.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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.5em
}

.build-icon.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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.5em
}

.build-icon.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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.5em
}

.build-icon.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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.5em
}

.build-icon.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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.5em
}

.build-icon.fields {
    padding-left: 3em
}

.build-icon.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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.5em
}

.build-icon.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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.5em
}

.build-icon.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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.5em
}

.build-icon.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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.5em
}

.build-icon.items {
    padding-left: 3em
}

.build-icon.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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.5em
}

.build-icon.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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.5em
}

.build-icon.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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.5em
}

.build-icon.pen {
    padding-left: 3em
}

.build-icon.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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.5em
}

.build-icon.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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.5em
}

.build-icon.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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.5em
}

.build-icon.pro {
    padding-left: 3em
}

.build-icon.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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.5em
}

.build-icon.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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.5em
}

.build-icon.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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.5em
}

.build-icon.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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.5em
}

.build-icon.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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.5em
}

.build-icon.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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.5em
}

.build-icon.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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.5em
}

.build-icon.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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.5em
}

.build-icon.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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.5em
}

.build-icon.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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.5em
}

.build-icon.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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.5em
}

.build-icon.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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.5em
}

.build-icon.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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.5em
}

.build-icon.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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.5em
}

.build-icon.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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.5em
}

.build-icon.brand-bandcamp {
    padding-left: 3em
}

.build-icon.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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.5em
}

.build-icon.brand-soundcloud {
    padding-left: 3em
}

.build-icon.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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.5em
}

.build-icon.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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.5em
}

.build-icon.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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.5em
}

.build-icon.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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.5em
}

.build-icon.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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.5em
}

.build-icon.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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.5em
}

.build-icon.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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.5em
}

.build-icon.brand-tiktok {
    padding-left: 3em
}

.build-icon.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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.5em
}

.build-icon.brand-bilibili {
    padding-left: 3em
}

.build-icon.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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.5em
}

.build-icon.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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.5em
}

.build-icon.brand-cloudflare-stream {
    padding-left: 3em
}

.build-icon.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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.5em
}

ul.icon-legend {
    list-style: none;
    padding-left: 0
}

ul.icon-legend li {
    padding-left: 0;
    position: relative;
    margin: 1.5em 0 0 0;
    display: flex;
    justify-content: flex-start;
    align-items: center
}

ul.icon-legend li p {
    margin: 0;
    flex-grow: 1;
    flex-shrink: 1
}

ul.icon-legend li:first-child {
    margin-top: 0
}

ul.icon-legend li:before {
    content: "";
    height: 3.25em;
    width: 3.25em;
    vertical-align: middle;
    background-position: center;
    border-radius: 6px;
    background-color: #353642;
    font-weight: normal;
    color: rgba(255, 255, 255, .75);
    margin: 0 1.5em 0 0;
    flex-grow: 0;
    flex-shrink: 0
}

ul.icon-legend 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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.75em
}

ul.icon-legend 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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.75em
}

ul.icon-legend 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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.75em
}

ul.icon-legend 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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.75em
}

ul.icon-legend 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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.75em
}

ul.icon-legend 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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.75em
}

ul.icon-legend 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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.75em
}

ul.icon-legend 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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.75em
}

ul.icon-legend 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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.75em
}

ul.icon-legend 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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.75em
}

ul.icon-legend 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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.75em
}

ul.icon-legend 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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.75em
}

ul.icon-legend 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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.75em
}

ul.icon-legend 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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.75em
}

ul.icon-legend 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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.75em
}

ul.icon-legend 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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.75em
}

ul.icon-legend 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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.75em
}

ul.icon-legend 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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.75em
}

ul.icon-legend 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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.75em
}

ul.icon-legend 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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.75em
}

ul.icon-legend 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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.75em
}

ul.icon-legend 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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.75em
}

ul.icon-legend 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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.75em
}

ul.icon-legend 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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.75em
}

ul.icon-legend 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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.75em
}

ul.icon-legend 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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.75em
}

ul.icon-legend 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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.75em
}

ul.icon-legend 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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.75em
}

ul.icon-legend 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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.75em
}

ul.icon-legend 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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.75em
}

ul.icon-legend 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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.75em
}

ul.icon-legend 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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.75em
}

ul.icon-legend 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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.75em
}

ul.icon-legend 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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.75em
}

ul.icon-legend 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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.75em
}

ul.icon-legend 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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.75em
}

ul.icon-legend 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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.75em
}

ul.icon-legend 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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.75em
}

ul.icon-legend 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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.75em
}

ul.icon-legend 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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.75em
}

ul.icon-legend 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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.75em
}

ul.icon-legend 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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.75em
}

ul.icon-legend 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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.75em
}

ul.icon-legend 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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.75em
}

ul.icon-legend 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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.75em
}

ul.icon-legend 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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.75em
}

ul.icon-legend 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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.75em
}

ul.icon-legend 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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.75em
}

ul.icon-legend 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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.75em
}

ul.icon-legend 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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.75em
}

ul.icon-legend 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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.75em
}

ul.icon-legend 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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.75em
}

ul.icon-legend 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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.75em
}

ul.icon-legend 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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.75em
}

ul.icon-legend 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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.75em
}

ul.icon-legend 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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.75em
}

ul.icon-legend 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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.75em
}

ul.icon-legend 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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.75em
}

ul.icon-legend 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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.75em
}

ul.icon-legend 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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.75em
}

ul.icon-legend 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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.75em
}

ul.icon-legend 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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.75em
}

ul.icon-legend 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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.75em
}

ul.icon-legend 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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.75em
}

ul.icon-legend 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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.75em
}

ul.icon-legend 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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.75em
}

ul.icon-legend 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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.75em
}

ul.icon-legend 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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.75em
}

ul.icon-legend 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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.75em
}

ul.icon-legend 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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.75em
}

ul.icon-legend 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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.75em
}

ul.icon-legend 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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.75em
}

ul.icon-legend 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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.75em
}

ul.icon-legend 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='rgba(255, 255, 255, 0.75)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.75em
}

.brand-assets {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding-left: 0
}

.brand-assets>li {
    padding-left: 0
}

.brand-assets>li ul {
    display: inline-flex;
    list-style: none;
    padding-left: 0;
    margin: 1.5em 0 0 0
}

.brand-assets>li ul>li {
    padding-left: 1em;
    margin-left: 1em;
    border-left: solid 1px rgba(255, 255, 255, .075);
    line-height: 1
}

.brand-assets>li ul>li:first-child {
    padding-left: 0;
    margin-left: 0;
    border-left: 0
}

.brand-assets>li ul>li a {
    color: rgba(255, 255, 255, .375);
    border-bottom: 0
}

.brand-assets>li ul>li a:hover {
    color: #fff
}

.brand-assets>li.light span {
    background-color: #fff
}

.brand-assets>li.dark span {
    background-color: rgba(14, 15, 25, .175)
}

.brand-assets>li span {
    display: block;
    border-radius: 6px;
    border-bottom: 0;
    padding: 3em;
    width: 100%
}

.brand-assets.narrow>li {
    max-width: 12em
}

.brand-assets.narrow>li span {
    padding: 2em
}

.brand-assets.even>li {
    width: calc(50% - 0.875em);
    margin-right: 1.75em
}

.brand-assets.even>li:nth-child(2n) {
    margin-right: 0
}

.brand-assets.even>li:nth-child(n+3) {
    margin-top: 1.75em
}

.brand-assets.odd>li {
    width: calc(33.333% - 0.875em);
    margin-right: 1.75em
}

.brand-assets.odd>li:nth-child(3n) {
    margin-right: 0
}

.brand-assets.odd>li:nth-child(n+4) {
    margin-top: 1.75em
}

@media screen and (max-width: 736px) {
    .brand-assets>li span {
        padding: 1.75em
    }

    .brand-assets.narrow>li {
        width: 8em
    }
}

@media screen and (max-width: 480px) {
    .brand-assets {
        flex-direction: column
    }

    .brand-assets>li {
        width: 28em !important;
        max-width: 100% !important;
        margin-top: 1.75em !important;
        margin-right: 0 !important
    }

    .brand-assets>li span {
        padding: 1.5em 2.5em
    }

    .brand-assets>li:first-child {
        margin-top: 0 !important
    }

    .brand-assets.narrow>li {
        width: 9em !important
    }

    .brand-assets.narrow>li span {
        padding: .75em
    }
}

.search input {
    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='rgba(255, 255, 255, 0.375)' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.25em;
    background-position: calc(100% - .875em) calc(50% + .025em);
    padding-right: 2.75em
}

.search input:focus+.results {
    opacity: 1;
    visibility: visible
}

.search .results {
    background: #13151b;
    border-radius: 6px;
    color: rgba(255, 255, 255, .75);
    font-size: .9rem;
    list-style: none;
    margin: 1.25em 0 0 0;
    min-width: 14em;
    opacity: 0;
    padding-left: 0;
    position: absolute;
    transition: visibility 1s linear;
    visibility: hidden;
    z-index: 10000
}

.search .results:after {
    border-bottom: solid .5em #13151b;
    border-left: solid .5em rgba(0, 0, 0, 0);
    border-right: solid .5em rgba(0, 0, 0, 0);
    bottom: calc(100% + 1em);
    content: "";
    display: block;
    height: .5em;
    left: 1em;
    margin-bottom: -1em;
    position: absolute;
    width: .5em
}

.search .results li {
    border-top: solid 1px rgba(255, 255, 255, .075);
    padding-left: 0
}

.search .results li:first-child {
    border-radius: 6px 6px 0 0;
    border-top: 0
}

.search .results li:last-child {
    border-radius: 0 0 6px 6px
}

.search .results li a {
    border-bottom: 0;
    display: block;
    padding: .875em 1.5em .875em 1.25em;
    white-space: nowrap
}

.search .results li.active a {
    color: #f4ebaa
}

.search .results.empty {
    opacity: 0 !important;
    visibility: hidden !important
}

@media screen and (max-width: 736px) {
    .search .results {
        font-size: 1em
    }
}

#header {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10000;
    background-image: url("../images/etc/overlay.png"), linear-gradient(30deg, #795277 30%, #355192 85%);
    background-size: 256px, cover;
    background-position: center, center;
    background-repeat: repeat, no-repeat;
    height: 3.5em;
    line-height: 3.5em
}

#header .logo {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    display: block;
    position: absolute;
    top: 0;
    left: 1em;
    height: inherit;
    line-height: inherit;
    border: 0;
    outline: 0;
    display: flex;
    align-items: center
}

#header .logo>svg {
    width: 1.25em;
    height: 1.25em;
    fill: #fff;
    margin-right: .5em
}

#header .logo>.label {
    display: block;
    letter-spacing: -0.025em;
    font-weight: bold;
    color: #fff
}

#header nav {
    position: absolute;
    top: 0;
    right: 0;
    height: inherit;
    line-height: inherit
}

#header nav a[href="#menu"] {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    height: inherit;
    line-height: inherit;
    display: block;
    position: relative;
    outline: 0;
    border: 0;
    width: 4em;
    color: rgba(255, 255, 255, .4);
    display: flex;
    align-items: center;
    justify-content: center
}

#header nav a[href="#menu"]>svg {
    transition: fill 0.2s ease-in-out;
    width: 1.75em;
    height: 1.75em;
    display: block;
    fill: rgba(255, 255, 255, .4)
}

#header nav a[href="#menu"]>.label {
    display: none
}

#header nav a[href="#menu"]:hover {
    color: #fff
}

#header nav a[href="#menu"]:hover>svg {
    fill: #fff
}

#header~.inner {
    margin-top: 3.5em
}

@media screen and (max-width: 736px) {
    #header {
        height: 3em;
        line-height: 3em
    }

    #header nav a[href="#menu"] {
        width: 3em;
        text-indent: 3em
    }

    #header~.inner {
        margin-top: 3em
    }
}

body.index #header {
    background: none
}

body.index #header .logo {
    display: none
}

#footer {
    text-align: center;
    width: 100%;
    background-color: #21222a;
    padding: 3em 2em;
    margin: 0
}

#footer .menu {
    font-size: .8em;
    margin: 0
}

#footer .menu a {
    color: rgba(255, 255, 255, .25)
}

#footer .menu a:hover {
    color: #fff
}

#footer .copyright {
    font-size: .8em;
    color: rgba(255, 255, 255, .25);
    margin: 1.75em 0 0 0;
    opacity: .5
}

#footer .copyright a {
    color: inherit
}

@media screen and (max-width: 736px) {
    #footer {
        padding: 2em
    }
}

@media screen and (max-width: 480px) {
    #footer .menu li {
        padding-left: 0;
        border-left: 0;
        margin: .75em 1em
    }
}

#menu {
    pointer-events: none;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity 0.25s ease, visibility 0.25s;
    transition-delay: 0.25s;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    background-image: url("../images/etc/overlay.png"), linear-gradient(30deg, rgba(121, 82, 119, 0.975) 30%, #355192 85%);
    background-size: 256px, cover;
    background-position: center, center;
    background-repeat: repeat, no-repeat;
    height: 100%;
    left: 0;
    position: fixed;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 10001;
    visibility: hidden;
    opacity: 0;
    outline: 0
}

#menu nav {
    position: absolute;
    top: 0;
    right: 0;
    height: 3.5em;
    line-height: 3.5em
}

#menu nav a[href="#menu"] {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    height: inherit;
    line-height: inherit;
    display: block;
    position: relative;
    outline: 0;
    border: 0;
    width: 4em;
    color: rgba(255, 255, 255, .4);
    display: flex;
    align-items: center;
    justify-content: center
}

#menu nav a[href="#menu"]>svg {
    transition: fill 0.2s ease-in-out;
    width: 1.75em;
    height: 1.75em;
    display: block;
    fill: rgba(255, 255, 255, .4);
    position: relative;
    left: .25em
}

#menu nav a[href="#menu"]>.label {
    display: none
}

#menu nav a[href="#menu"]:hover {
    color: #fff
}

#menu nav a[href="#menu"]:hover>svg {
    fill: #fff
}

#menu>.inner {
    transform: scale(0.9875);
    transition: transform 0.3125s ease, opacity 0.25s ease;
    transition-delay: 0s;
    max-width: 80em;
    width: 100%;
    opacity: 0;
    padding: 3em
}

#menu>.inner ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    border: solid 2px rgba(255, 255, 255, .075);
    border-radius: 6px;
    list-style: none;
    margin: 0;
    padding: 0
}

#menu>.inner ul li {
    padding: 0;
    width: 33.3333333333%;
    border-top: solid 2px rgba(255, 255, 255, .075);
    border-left: solid 2px rgba(255, 255, 255, .075)
}

#menu>.inner ul li:nth-child(-n+3) {
    border-top-width: 0
}

#menu>.inner ul li:nth-child(-n+3) a {
    padding-top: 2.125em
}

#menu>.inner ul li:nth-last-child(-n+3) a {
    padding-bottom: 2.125em
}

#menu>.inner ul li:nth-child(3n+1) {
    border-left-width: 0
}

#menu>.inner ul li a {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    display: block;
    border: 0;
    padding: 2em 1em;
    height: 10em;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: color 0.2s ease-in-out
}

#menu>.inner ul li a h2 {
    margin: 0 0 .35em 0
}

#menu>.inner ul li a>:last-child {
    margin-bottom: 0
}

#menu>.inner ul li a:hover {
    background-color: rgba(255, 255, 255, .025);
    color: rgba(255, 255, 255, .75)
}

#menu.visible {
    pointer-events: auto;
    transition-delay: 0s;
    visibility: visible;
    opacity: 1
}

#menu.visible>.inner {
    transform: translateY(0);
    transition-delay: 0.25s;
    opacity: 1
}

#menu.docked {
    align-items: flex-start;
    border-radius: 0
}

#menu.docked>.inner {
    border-radius: 0
}

#menu.docked>.inner>.content header {
    border-radius: 0
}

#menu.docked>.inner>.content header:before,
#menu.docked>.inner>.content header:after {
    border-radius: 0
}

@media screen and (max-width: 980px) {
    #menu>.inner ul li {
        width: 50%
    }

    #menu>.inner ul li:nth-child(-n+3) {
        border-top-width: 2px
    }

    #menu>.inner ul li:nth-child(3n+1) {
        border-left-width: 2px
    }

    #menu>.inner ul li:nth-child(-n+2) {
        border-top-width: 0
    }

    #menu>.inner ul li:nth-child(2n+1) {
        border-left-width: 0
    }
}

@media screen and (max-width: 736px) {
    #menu nav {
        height: 3.5em;
        line-height: 3.5em
    }

    #menu nav a[href="#menu"] {
        width: 3.5em
    }
}

@media screen and (max-width: 480px) {
    #menu {
        text-align: left
    }

    #menu .inner {
        padding: .5em 0;
        width: 100%
    }

    #menu .inner ul {
        border-radius: 0;
        border: 0;
        display: block
    }

    #menu .inner ul li {
        width: 100%;
        border-left-width: 0 !important
    }

    #menu .inner ul li:nth-child(-n+2) {
        border-top-width: 2px
    }

    #menu .inner ul li:nth-child(2n+1) {
        border-left-width: 2px
    }

    #menu .inner ul li:first-child {
        border-top-width: 0 !important
    }

    #menu .inner ul li:nth-child(-n+3) a {
        padding-top: 1.5em
    }

    #menu .inner ul li:nth-last-child(-n+3) a {
        padding-bottom: 1.5em
    }

    #menu .inner ul li a {
        padding: 1.5em 1.5em;
        height: auto;
        display: block
    }
}

body.is-touch #menu>.inner ul li a:hover {
    background: none
}

body#website.default {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    min-height: 100vh;
    text-align: left
}

body#website.default:before {
    content: "";
    display: block
}

body#website.default>.inner {
    padding: 6em 0;
    width: 40em;
    max-width: calc(100% - 5em);
    margin-left: auto;
    margin-right: auto
}

body#website.default>.inner>:last-child {
    margin-bottom: 0 !important
}

body#website.default>.inner>.box {
    background: rgba(71, 73, 88, .475);
    border-radius: 8px;
    padding: 2.5em 2.5em;
    max-width: 100%;
    margin-top: 3em;
    margin-bottom: 3em
}

body#website.default>.inner>.box>h2:first-child {
    margin-top: .25em
}

body#website.default>.inner>.box>:last-child,
body#website.default>.inner>.box>:last-child>:last-child,
body#website.default>.inner>.box>:last-child>:last-child>:last-child {
    margin-bottom: 0
}

body#website.default>.inner>.box.compact {
    padding: 2em
}

body#website.default>.inner>.box footer.with-actions {
    border-top: solid 1px rgba(255, 255, 255, .075);
    bottom: -2.5em;
    left: -2.5em;
    margin-top: -2.5em;
    min-width: calc(100% + 5em);
    padding: 2.5em 2.5em;
    position: relative
}

body#website.default>.inner>.box footer.with-actions>.field+.actions {
    margin-top: 1.875em
}

body#website.default>.inner>.box .field-group+footer.with-actions,
body#website.default>.inner>.box .field+footer.with-actions {
    margin-top: -1em
}

body#website.default>.inner>.box.with-nav {
    display: flex;
    padding: 0
}

body#website.default>.inner>.box.with-nav>nav {
    flex-grow: 0;
    flex-shrink: 0;
    background-color: rgba(14, 15, 25, .175);
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    width: 15em;
    padding-bottom: 2.5em
}

body#website.default>.inner>.box.with-nav>nav>.thumbnail {
    display: none
}

body#website.default>.inner>.box.with-nav>nav>a,
body#website.default>.inner>.box.with-nav>nav>span {
    display: block;
    padding: 1em 1.5em;
    border-bottom: 0;
    outline: 0
}

body#website.default>.inner>.box.with-nav>nav>a:first-child,
body#website.default>.inner>.box.with-nav>nav>span:first-child {
    border-top-left-radius: inherit
}

body#website.default>.inner>.box.with-nav>nav>a.active,
body#website.default>.inner>.box.with-nav>nav>span.active {
    background-color: rgba(71, 73, 88, .475);
    box-shadow: inset -2px 0 0 0 #33ada9;
    color: #fff
}

body#website.default>.inner>.box.with-nav>nav>a:last-child,
body#website.default>.inner>.box.with-nav>nav>span:last-child {
    margin-bottom: 0
}

body#website.default>.inner>.box.with-nav>nav>a .alerts,
body#website.default>.inner>.box.with-nav>nav>span .alerts {
    pointer-events: none;
    background: #cc666b;
    border-radius: 2em;
    color: #fff;
    display: inline-block;
    position: relative;
    top: -0.25em;
    margin-left: .75em;
    font-size: .6em;
    vertical-align: middle;
    font-weight: bold;
    height: 2em;
    line-height: 2em;
    text-align: center;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .5);
    width: 2em
}

body#website.default>.inner>.box.with-nav>nav>a {
    color: rgba(255, 255, 255, .375)
}

body#website.default>.inner>.box.with-nav>nav>a:hover {
    color: #fff
}

body#website.default>.inner>.box.with-nav>nav>span {
    pointer-events: none;
    color: rgba(255, 255, 255, .075);
    cursor: default
}

body#website.default>.inner>.box.with-nav>section {
    flex-grow: 1;
    flex-shrink: 1;
    min-width: 15em;
    padding: 2.5em 2.5em
}

body#website.default>.inner>.box.with-nav>section>:last-child,
body#website.default>.inner>.box.with-nav>section>form {
    margin-bottom: 0
}



@media screen and (min-width: 981px) {
    body#website.default>.inner>.box.with-nav.flip-nav {
        flex-direction: row-reverse
    }

    body#website.default>.inner>.box.with-nav.flip-nav>nav {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        border-top-right-radius: 8px;
        border-bottom-right-radius: 8px
    }

    body#website.default>.inner>.box.with-nav.flip-nav>nav>a:first-child,
    body#website.default>.inner>.box.with-nav.flip-nav>nav>span:first-child {
        border-top-left-radius: 0;
        border-top-right-radius: inherit
    }

    body#website.default>.inner>.box.with-nav.flip-nav>nav>a.active,
    body#website.default>.inner>.box.with-nav.flip-nav>nav>span.active {
        box-shadow: inset 2px 0 0 0 #33ada9
    }
}

@media screen and (min-width: 981px) {
    body#website.default>.inner>.box.with-nav>nav>.thumbnail {
        display: block;
        width: 100%;
        border-radius: 6px 0 0 0;
        overflow: hidden;
        position: relative
    }

    body#website.default>.inner>.box.with-nav>nav>.thumbnail .preview {
        display: block;
        width: 100%;
        border-radius: 6px 0 0 0;
        border: 0;
        overflow: hidden;
        position: relative
    }

    body#website.default>.inner>.box.with-nav>nav>.thumbnail .preview[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
    }

    body#website.default>.inner>.box.with-nav>nav>.thumbnail .preview[data-tag$=Published]:before {
        background-color: #6e9c72
    }

    body#website.default>.inner>.box.with-nav>nav>.thumbnail .preview[data-tag$=Template]:before {
        background-color: #ed5f79
    }

    body#website.default>.inner>.box.with-nav>nav>.thumbnail .preview[data-tag$=Draft]:before {
        background-color: #434452
    }

    body#website.default>.inner>.box.with-nav>nav>.thumbnail .preview[data-tag$=Offline]:before {
        background-color: #cc666b
    }

    body#website.default>.inner>.box.with-nav>nav>.thumbnail .preview[data-tag$=Initializing]:before {
        background-color: #e79435
    }

    body#website.default>.inner>.box.with-nav>nav>.thumbnail .preview img {
        display: block;
        width: 100%;
        border-radius: inherit
    }

    body#website.default>.inner>.box.with-nav>nav>.thumbnail .preview:before {
        border-bottom-left-radius: 6px !important
    }

    body#website.default>.inner>.box.with-nav>nav>a.break-after,
    body#website.default>.inner>.box.with-nav>nav>span.break-after {
        position: relative
    }

    body#website.default>.inner>.box.with-nav>nav>a.break-after:after,
    body#website.default>.inner>.box.with-nav>nav>span.break-after:after {
        content: "";
        display: block;
        width: 100%;
        height: 1px;
        background: rgba(255, 255, 255, .075);
        position: absolute;
        bottom: -0.625em;
        left: 0
    }

    body#website.default>.inner>.box.with-nav>nav>a.break-after+a,
    body#website.default>.inner>.box.with-nav>nav>a.break-after+span,
    body#website.default>.inner>.box.with-nav>nav>span.break-after+a,
    body#website.default>.inner>.box.with-nav>nav>span.break-after+span {
        margin-top: 1.25em
    }
}

@media screen and (max-width: 980px) {
    body#website.default>.inner>.box.with-nav {
        flex-direction: column
    }

    body#website.default>.inner>.box.with-nav>nav {
        display: flex;
        overflow-x: auto;
        overflow-y: hidden;
        padding: 0;
        white-space: nowrap;
        width: 100%;
        border-radius: 6px 6px 0 0
    }

    body#website.default>.inner>.box.with-nav>nav>.preview {
        display: none
    }

    body#website.default>.inner>.box.with-nav>nav>a.active,
    body#website.default>.inner>.box.with-nav>nav>span.active {
        background-color: rgba(0, 0, 0, 0);
        box-shadow: inset 0 -3px 0 0 #33ada9
    }
}

@media screen and (max-width: 736px) {
    body#website.default>.inner>.box {
        padding: 2em 1.75em
    }

    body#website.default>.inner>.box.compact {
        padding: 2em 1.75em
    }

    body#website.default>.inner>.box footer.with-actions {
        bottom: -2em;
        left: -1.75em;
        margin-top: -2em;
        min-width: calc(100% + 3.5em);
        padding: 2em 1.75em
    }

    body#website.default>.inner>.box footer.with-actions>.field+.actions {
        margin-top: 1.5em
    }

    body#website.default>.inner>.box .field-group+footer.with-actions,
    body#website.default>.inner>.box .field+footer.with-actions {
        margin-top: -0.5em
    }

    body#website.default>.inner>.box.with-nav>section {
        padding: 2em 1.75em
    }
}

@media screen and (max-width: 480px) {
    body#website.default>.inner>.box {
        background: rgba(0, 0, 0, 0);
        width: 100% !important;
        border-radius: 0;
        padding: 0
    }

    body#website.default>.inner>.box.compact {
        padding: 0
    }

    body#website.default>.inner>.box footer.with-actions {
        bottom: -2em;
        left: -1.75em;
        margin-top: -2em;
        min-width: calc(100% + 3.5em);
        padding: 2em 1.75em
    }

    body#website.default>.inner>.box footer.with-actions>.field+.actions {
        margin-top: 1.5em
    }

    body#website.default>.inner>.box .field-group+footer.with-actions,
    body#website.default>.inner>.box .field+footer.with-actions {
        margin-top: -0.5em
    }

    body#website.default>.inner>.box.with-nav>nav {
        height: 3.5em;
        line-height: 3.5em;
        background-color: #3f414e;
        border-radius: 0
    }

    body#website.default>.inner>.box.with-nav>nav>a,
    body#website.default>.inner>.box.with-nav>nav>span {
        padding: 0 1.25em
    }

    body#website.default>.inner>.box.with-nav>nav>a.active,
    body#website.default>.inner>.box.with-nav>nav>span.active {
        box-shadow: inset 0 -3px 0 0 #8d73d5
    }
}

@media screen and (max-width: 360px) {
    body#website.default>.inner>.box footer.with-actions {
        bottom: -2em;
        left: -1.5em;
        margin-top: -2em;
        min-width: calc(100% + 3em);
        padding: 2em 1.5em
    }

    body#website.default>.inner>.box footer.with-actions>.field+.actions {
        margin-top: 1.5em
    }

    body#website.default>.inner>.box .field-group+footer.with-actions,
    body#website.default>.inner>.box .field+footer.with-actions {
        margin-top: -0.5em
    }

    body#website.default>.inner>.box.with-nav>section {
        padding: 2em 1.5em
    }
}

body#website.default>.inner>.box:first-child {
    margin-top: 0
}

body#website.default>.inner.narrow {
    width: 23em
}

body#website.default>.inner.narrow>.box {
    margin-top: 2em;
    margin-bottom: 2em
}

body#website.default>.inner.wide {
    width: 54em
}

body#website.default>.inner.special {
    text-align: center
}

body#website.default>.inner.special.alt label {
    text-align: left
}

body#website.default>.inner.special.alt .note {
    text-align: left
}

body#website.default>.inner.always-special {
    text-align: center
}

body#website.default>.inner.columned {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    width: 100%;
    max-width: 100%;
    padding: 0;
    min-height: 100vh
}

body#website.default>.inner.columned>.content {
    flex-grow: 1;
    flex-shrink: 1;
    overflow-x: hidden;
    padding: 3.5em 4em;
    max-width: 62em;
    width: 100%
}

body#website.default>.inner.columned>.content>:last-child {
    margin-bottom: 0
}

body#website.default>.inner.columned>.content .image {
    display: block;
    border-radius: 6px;
    margin: 2.5em 0;
    width: 100%
}

body#website.default>.inner.columned>.content .image img {
    display: block;
    width: 100%;
    border-radius: 6px
}

body#website.default>.inner.columned>.content .image.mobile {
    max-width: 18em
}

body#website.default>.inner.columned>.content .search {
    margin-bottom: 2em
}

body#website.default>.inner.columned>.content .search .results {
    max-width: calc(100% - 3.625em);
    min-width: auto
}

body#website.default>.inner.columned>.content .search .results li a {
    white-space: normal
}

body#website.default>.inner.columned>.sidebar {
    flex-grow: 0;
    flex-shrink: 0;
    background-color: rgba(14, 15, 25, .175);
    width: 16em;
    padding: 3.5em 1.75em
}

body#website.default>.inner.columned>.sidebar>:last-child {
    margin-bottom: 0
}

body#website.default>.inner.columned>.sidebar a {
    border-bottom: 0
}

body#website.default>.inner.columned>.sidebar a:hover {
    color: #fff
}

body#website.default>.inner.columned>.sidebar>.inner {
    position: sticky;
    top: 7em
}

body#website.default>.inner.columned>.sidebar>.inner>.search {
    margin-bottom: 1.25em
}

body#website.default>.inner.columned>.sidebar>.inner>ul {
    list-style: none;
    padding-left: 0
}

body#website.default>.inner.columned>.sidebar>.inner>ul>li {
    padding-left: 0
}

body#website.default>.inner.columned>.sidebar>.inner>ul>li>a,
body#website.default>.inner.columned>.sidebar>.inner>ul>li>span {
    line-height: 2.5
}

body#website.default>.inner.columned>.sidebar>.inner>ul>li>ul {
    list-style: none;
    padding-left: 1em;
    margin-bottom: .5em
}

body#website.default>.inner.columned>.sidebar>.inner>ul>li>ul>li {
    padding-left: 0
}

body#website.default>.inner.columned>.sidebar>.inner>ul>li>ul>li>a,
body#website.default>.inner.columned>.sidebar>.inner>ul>li>ul>li>span {
    font-size: .8em;
    color: rgba(255, 255, 255, .375)
}

body#website.default>.inner.columned>.sidebar>.inner>ul>li>ul>li>a.todo,
body#website.default>.inner.columned>.sidebar>.inner>ul>li>ul>li>span.todo {
    color: #cc666b
}

body#website.default>.inner.columned>.sidebar>.inner>ul>li>ul>li>span {
    opacity: .2;
    cursor: default
}

body#website.default>.inner.columned>.sidebar>.inner>ul>li>ul>li.indent {
    padding-left: 1em
}

body#website.default [data-anchor] {
    position: relative
}

body#website.default [data-anchor]:before {
    pointer-events: none;
    user-select: none;
    content: "";
    display: block;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 5.25em;
    margin-top: -5.25em
}

body#website.default form#signup .field.url {
    display: none
}

@media screen and (max-width: 1680px) {
    body#website.default>.inner {
        padding: 4em 0
    }
}

@media screen and (max-width: 980px) {
    body#website.default>.inner.columned {
        padding: 4em 0;
        width: 54em;
        max-width: calc(100% - 5em);
        min-height: 0
    }

    body#website.default>.inner.columned>.content {
        max-width: 100%;
        width: 100%;
        padding: 0;
        overflow: visible
    }

    body#website.default>.inner.columned>.sidebar {
        display: none
    }
}

@media screen and (max-width: 736px) {
    body#website.default>.inner {
        padding: 2em 0;
        max-width: calc(100% - 3.5em)
    }

    body#website.default>.inner>.box {
        margin: 2em 0
    }

    body#website.default>.inner.columned {
        padding: 2em 0;
        max-width: calc(100% - 3.5em)
    }

    body#website.default>.inner.columned>.content .image {
        margin: 2em 0
    }
}

@media screen and (max-width: 480px) {
    body#website.default {
        justify-content: stretch
    }

    body#website.default>.inner {
        flex-grow: 1
    }

    body#website.default>.inner>.box {
        margin: 0 0 2em 0
    }

    body#website.default>.inner.narrow {
        width: 100%
    }

    body#website.default>.inner.special {
        text-align: left
    }
}

@media screen and (max-width: 360px) {
    body#website.default>.inner {
        max-width: calc(100% - 3em)
    }

    body#website.default>.inner.columned {
        max-width: calc(100% - 3em)
    }
}

body#website.index {
    text-align: center;
    cursor: default
}

body#website.index:before,
body#website.index:after {
    content: "";
    display: block;
    position: fixed;
    bottom: -5vh;
    left: -5vw;
    width: 110vw;
    height: 110vh;
    pointer-events: none;
    transform: scale(1);
    z-index: -1
}

body#website.index: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
}

body#website.index:after {
    background-image: url("../images/etc/bg.svg");
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
    transition: filter .5s ease, opacity 1s ease
}

body#website.index[data-browser=firefox]:after {
    background-image: url("../images/etc/bg-static.svg")
}

body#website.index>.inner {
    width: calc(100% - 8em);
    max-width: 64em;
    margin: 0 auto
}

body#website.index>.inner>section {
    border-radius: 6px;
    margin-top: 10em;
    position: relative;
    margin-left: auto;
    margin-right: auto
}

body#website.index>.inner>section h1 {
    font-size: 3.5em;
    margin-bottom: .25em;
    letter-spacing: -0.025em
}

body#website.index>.inner>section h2 {
    font-size: 2.125em;
    line-height: 1.25;
    letter-spacing: -0.025em;
    margin: 0 0 .5em 0
}

body#website.index>.inner>section h3 {
    font-size: 1.5em;
    letter-spacing: -0.025em;
    margin: 0 0 .5em 0
}

body#website.index>.inner>section:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -10em;
    left: calc(50% - 1px);
    width: 2px;
    height: 10em;
    background: rgba(255, 255, 255, .25)
}

body#website.index>.inner>section:first-child {
    margin-top: 0
}

body#website.index>.inner>section:last-child:after {
    display: none
}

body#website.index>.inner>section.style1 {
    background-color: rgba(36, 37, 45, .6)
}

body#website.index>.inner>section.style2 {
    box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .25)
}

#image01 .frame {
    width: 44.625rem;
    height: 5.625rem;
    transition: none;
}

#image01 img {
    height: 100% !important;
    object-fit: cover;
    object-position: center;
    width: 100% !important;
}

#image01 .frame img {
    transition: none;
}

@media screen and (max-width: 980px) {
    body#website.index>.inner>section h1 {
        font-size: 3.5em
    }

    body#website.index>.inner>section h2 br {
        display: none
    }

    body#website.index>.inner>section h3 {
        font-size: 1.25em
    }
}

@media screen and (max-width: 736px) {
    body#website.index>.inner {
        width: calc(100% - 4em)
    }

    body#website.index>.inner>section {
        margin-top: 2.5em
    }

    body#website.index>.inner>section h1 {
        font-size: 3em
    }

    body#website.index>.inner>section h2 {
        font-size: 1.75em;
        line-height: 1.5
    }

    body#website.index>.inner>section h3 {
        font-size: 1em
    }

    body#website.index>.inner>section:after {
        bottom: -2.5em;
        height: 2.5em
    }
}

@media screen and (max-width: 480px) {
    body#website.index>.inner {
        width: calc(100% - 1.5em)
    }

    body#website.index>.inner>section {
        transition: transform .5s ease, opacity 1s ease
    }
}

@media screen and (max-width: 736px) {
    body#website.index[data-browser=safari]>.inner>section {
        transition: opacity 1s ease
    }
}

body#website.index #intro {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    margin-bottom: -4em;
    min-height: 100vh;
    padding: 4em 0;
    transition: transform .5s ease, opacity 1s ease
}

body#website.index #intro:before {
    display: block;
    content: ""
}

body#website.index #intro:after {
    display: none
}

body#website.index #intro .content {
    margin-top: 2em
}

body#website.index #intro .content>svg {
    width: 6em;
    height: 6em;
    fill: #fff;
    margin: 0 0 .25em 0
}

body#website.index #intro .content .note {
    font-size: .8em;
    color: rgba(255, 255, 255, .3);
    margin-top: -0.5em;
    margin-bottom: -0.5em
}

body#website.index #intro .content .note a {
    border-bottom: dotted 1px rgba(255, 255, 255, .15);
    color: inherit
}

body#website.index #intro .content .note a:hover {
    color: #fff;
    border-bottom-color: rgba(0, 0, 0, 0)
}

body#website.index #intro .button:not(.special) {
    box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .25)
}

body#website.index #intro .button:not(.special):hover {
    background-color: rgba(255, 255, 255, .075)
}

body#website.index #intro .button:not(.special):focus,
body#website.index #intro .button:not(.special):active {
    outline: 0;
    box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .75)
}

body#website.index #intro a[href="#about"] {
    font-weight: bold;
    color: #fff;
    border-bottom: 0;
    box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .25);
    border-radius: 6px;
    display: inline-block;
    height: 3.3em;
    line-height: 3.3em;
    padding: 0 1.5em;
    margin-top: 2em;
    position: relative;
    outline: 0;
    font-size: .8em;
    transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, transform .75s ease .5s, opacity .75s ease .5s
}

body#website.index #intro a[href="#about"]:hover {
    background-color: rgba(255, 255, 255, .075)
}

body#website.index #intro a[href="#about"]:focus,
body#website.index #intro a[href="#about"]:active {
    outline: 0;
    box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .75)
}

body#website.index #intro a[href="#about"]:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -12.5em;
    left: calc(50% - 1px);
    width: 2px;
    height: 12.5em;
    background: rgba(255, 255, 255, .25)
}

@media screen and (max-width: 736px) {
    body#website.index #intro {
        justify-content: center;
        padding: 2em 0 1em 0;
        margin-bottom: -2em;
        min-height: 0
    }

    body#website.index #intro:before {
        display: none
    }

    body#website.index #intro a[href="#about"] {
        display: none
    }
}

@media screen and (max-width: 480px) {
    body#website.index #intro {
        padding: 3em 2em 2em 2em
    }
}

body#website.index[data-browser=safari] #intro {
    transition: opacity 1s ease
}

body#website.index #about header {
    padding: 7em 4em 5em 4em
}

body#website.index #about header h2 {
    font-size: 3.5em;
    line-height: 1.25;
    margin: .25em 0;
    letter-spacing: -0.025em
}

body#website.index #about header p {
    margin: 2em 0
}

body#website.index #about .carousel {
    overflow: hidden;
    border-radius: 0 0 6px 6px;
    background-color: rgba(36, 37, 45, .6);
    -webkit-backface-visibility: hidden;
    transform: translate3d(0, 0, 0)
}

body#website.index #about .carousel .reel {
    display: flex;
    transition: opacity 1s ease-in-out;
    opacity: 0;
    width: 400em
}

@keyframes carousel-reel {
    0% {
        transform: translateX(0)
    }

    100% {
        transform: translateX(-200em)
    }
}

body#website.index #about .carousel.active .reel {
    animation: carousel-reel 45s linear 0s infinite;
    opacity: 1
}

body#website.index #about .carousel.active.paused .reel {
    animation-play-state: paused
}

body#website.index #about .carousel a {
    border: 0;
    display: block;
    position: relative;
    width: 100%
}

body#website.index #about .carousel a:before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 75%
}

body#website.index #about .carousel a img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

@media screen and (max-width: 980px) {
    body#website.index #about header {
        padding: 5em 4em 3em 4em
    }

    body#website.index #about header h2 {
        font-size: 2.75em
    }

    body#website.index #about header p br {
        display: none
    }

    body#website.index #about .carousel .reel {
        width: 300em
    }

    @keyframes carousel-reel {
        0% {
            transform: translateX(0)
        }

        100% {
            transform: translateX(-150em)
        }
    }
}

@media screen and (max-width: 736px) {
    body#website.index #about .carousel .reel {
        width: 250em
    }

    @keyframes carousel-reel {
        0% {
            transform: translateX(0)
        }

        100% {
            transform: translateX(-125em)
        }
    }
}

@media screen and (max-width: 480px) {
    body#website.index #about header {
        padding: 3em 2em 1em 2em
    }

    body#website.index #about header h2 {
        font-size: 1.75em;
        line-height: 1.5
    }

    body#website.index #about .carousel .reel {
        width: 200em
    }

    @keyframes carousel-reel {
        0% {
            transform: translateX(0)
        }

        100% {
            transform: translateX(-100em)
        }
    }
}

@media screen and (max-width: 360px) {
    body#website.index #about .carousel .reel {
        width: 150em
    }

    @keyframes (carousel-reel) {
        0% {
            transform: translateX(0)
        }

        100% {
            transform: translateX(-75em)
        }
    }
}

body#website.index #highlights {
    background: none
}

body#website.index #highlights>section {
    display: flex
}

body#website.index #highlights>section>* {
    flex-shrink: 0;
    width: 50%
}

body#website.index #highlights>section:first-child {
    border-radius: 6px 6px 0 0
}

body#website.index #highlights>section:first-child>:first-child {
    border-radius: 6px 0 0 0
}

body#website.index #highlights>section:first-child>:last-child {
    border-radius: 0 6px 0 0
}

body#website.index #highlights>section:last-child {
    border-radius: 0 0 6px 6px
}

body#website.index #highlights>section:last-child>:first-child {
    border-radius: 0 0 0 6px
}

body#website.index #highlights>section:last-child>:last-child {
    border-radius: 0 0 6px 0
}

body#website.index #highlights>section:nth-child(2n) {
    flex-direction: row-reverse
}

body#website.index #highlights>section .pic {
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    position: relative;
    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
}

body#website.index #highlights>section .pic:before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 75%
}

body#website.index #highlights>section .pic .highlight {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    user-select: none
}

body#website.index #highlights>section .pic .highlight.played {
    cursor: pointer
}

body#website.index #highlights>section .content {
    padding: 4em 4em 2em 4em;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: rgba(36, 37, 45, .6)
}

body#website.index #highlights>section .content>* {
    width: 100%
}

@media screen and (max-width: 980px) {
    body#website.index #highlights {
        max-width: 32em;
        background: none
    }

    body#website.index #highlights>section {
        display: block;
        position: relative;
        margin-top: 2.5em
    }

    body#website.index #highlights>section>* {
        width: 100%
    }

    body#website.index #highlights>section:last-child:after {
        display: none
    }

    body#website.index #highlights>section:after {
        content: "";
        display: block;
        position: absolute;
        bottom: -2.5em;
        left: calc(50% - 1px);
        width: 2px;
        height: 2.5em;
        background: rgba(255, 255, 255, .25)
    }

    body#website.index #highlights>section .pic {
        border-radius: 6px 6px 0 0 !important
    }

    body#website.index #highlights>section .content {
        border-radius: 0 0 6px 6px !important
    }
}

@media screen and (max-width: 480px) {
    body#website.index #highlights>section .content {
        padding: 3em 2em 1em 2em
    }
}

body#website.index #pro header {
    padding: 6em 4em 4em 4em
}

body#website.index #pro .content {
    padding: 6em 4em 4em 4em;
    background-color: rgba(36, 37, 45, .175);
    border-radius: 0 0 6px 6px
}

body#website.index #pro .pro-cta {
    border-top: solid 2px rgba(255, 255, 255, .075);
    margin-top: 6em;
    padding-top: 4em
}

body#website.index #pro .pro-features {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding-left: 0
}

body#website.index #pro .pro-features li {
    flex-shrink: 0;
    width: 50%;
    text-align: left;
    margin-bottom: 3em;
    padding: 0 1.5em 0 4.5em;
    position: relative
}

body#website.index #pro .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: 1.5em;
    box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .075);
    display: block;
    width: 3em;
    height: 3em;
    border-radius: 3em;
    content: "";
    position: absolute;
    top: -0.325em;
    left: 0
}

@media screen and (max-width: 736px) {
    body#website.index #pro .pro-features li:before {
        box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .075);
        background-size: 1em;
        width: 2em;
        height: 2em;
        border-radius: 2em
    }
}

body#website.index #pro .pro-features li p {
    margin-bottom: 0
}

body#website.index #pro .pro-features li:nth-last-child(-n+2) {
    margin-bottom: 0
}

@media screen and (max-width: 980px) {
    body#website.index #pro header {
        padding: 5em 4em 3em 4em
    }

    body#website.index #pro .content {
        padding: 5em 4em 3em 4em
    }

    body#website.index #pro .pro-cta {
        margin-top: 4em;
        padding-top: 4em
    }

    body#website.index #pro .pro-features {
        display: block
    }

    body#website.index #pro .pro-features li {
        padding-right: 0;
        width: 100%
    }

    body#website.index #pro .pro-features li:before {
        top: -0.5em
    }

    body#website.index #pro .pro-features li:nth-last-child(-n+2) {
        margin-bottom: 3em
    }

    body#website.index #pro .pro-features li:last-child {
        margin-bottom: 0
    }
}

@media screen and (max-width: 736px) {
    body#website.index #pro .pro-features li {
        padding-left: 3.25em;
        margin-bottom: 2em
    }

    body#website.index #pro .pro-features li:before {
        top: -0.175em
    }
}

@media screen and (max-width: 480px) {
    body#website.index #pro header {
        padding: 3em 2em 1em 2em
    }

    body#website.index #pro header br {
        display: none
    }

    body#website.index #pro .content {
        padding: 3em 2em 1em 2em
    }

    body#website.index #pro .pro-cta {
        margin-top: 2em;
        padding-top: 2em
    }
}

body#website.index #cta {
    padding: 4em 4em 2em 4em;
    max-width: 32em
}

@media screen and (max-width: 480px) {
    body#website.index #cta {
        padding: 2.5em 2em .1em 2em;
        max-width: 20.8em
    }

    body#website.index #cta p {
        padding: 0 2em;
        margin-bottom: 1.5em
    }
}

body#website.index #footer {
    color: rgba(255, 255, 255, .3);
    margin: 8em 0 4em 0;
    padding: 0 2em;
    background: none
}

body#website.index #footer a {
    color: inherit
}

body#website.index #footer a:hover {
    color: #fff
}

body#website.index #footer .copyright {
    color: rgba(255, 255, 255, .15)
}

@media screen and (max-width: 736px) {
    body#website.index #footer {
        margin: 2em 0 2em 0
    }
}

@keyframes highlight-simple {
    20% {
        transform: translateX(-50%)
    }

    25% {
        transform: translateX(-50%)
    }

    45% {
        transform: translateX(-50%) translateY(-50%)
    }

    50% {
        transform: translateX(-50%) translateY(-50%)
    }

    70% {
        transform: translateX(0) translateY(-50%)
    }

    75% {
        transform: translateX(0) translateY(-50%)
    }
}

body#website.index .highlight.simple .templates {
    display: flex;
    flex-wrap: wrap;
    width: 200%
}

body#website.index .highlight.simple .templates .template {
    display: block;
    width: 50%;
    background-size: cover
}

body#website.index .highlight.simple .templates .template:before {
    content: "";
    display: block;
    padding-top: 75%
}

body#website.index .highlight.simple .templates .template.n1 {
    background-image: url("images/landing/template-1.jpg")
}

body#website.index .highlight.simple .templates .template.n2 {
    background-image: url("images/landing/template-2.jpg")
}

body#website.index .highlight.simple .templates .template.n3 {
    background-image: url("images/landing/template-3.jpg")
}

body#website.index .highlight.simple .templates .template.n4 {
    background-image: url("images/landing/template-4.jpg")
}

body#website.index .highlight.simple.active .templates {
    animation: highlight-simple 5s
}

@keyframes highlight-responsive-phone-screen-image {
    0% {
        opacity: 1;
        background-image: url("images/landing/site-3-mobile.jpg")
    }

    10% {
        opacity: 0;
        background-image: url("images/landing/site-3-mobile.jpg")
    }

    22% {
        opacity: 0;
        background-image: url("images/landing/site-3.jpg")
    }

    32% {
        opacity: 1;
        background-image: url("images/landing/site-3.jpg")
    }

    70% {
        opacity: 1;
        background-image: url("images/landing/site-3.jpg")
    }

    80% {
        opacity: 0;
        background-image: url("images/landing/site-3.jpg")
    }

    90% {
        opacity: 0;
        background-image: url("images/landing/site-3-mobile.jpg")
    }

    100% {
        opacity: 1;
        background-image: url("images/landing/site-3-mobile.jpg")
    }
}

@keyframes highlight-responsive-phone {
    10% {
        border-radius: 0;
        height: 70%;
        left: 35%;
        margin-top: -0.25em;
        top: 15%;
        width: 30%
    }

    20% {
        height: 100%;
        left: 0%;
        margin-top: 0;
        top: 0%;
        width: 100%
    }

    80% {
        border-radius: 0;
        height: 100%;
        left: 0%;
        margin-top: 0;
        top: 0%;
        width: 100%
    }

    90% {
        height: 70%;
        left: 35%;
        margin-top: -0.25em;
        top: 15%;
        width: 30%
    }
}

@keyframes highlight-responsive-phone-trim {
    10% {
        opacity: 0
    }

    20% {
        opacity: 0
    }

    80% {
        opacity: 0
    }

    90% {
        opacity: 1
    }
}

body#website.index .highlight.responsive .phone {
    background: #fff;
    border-radius: 1em;
    box-shadow: 0 .5em 1em 0 rgba(0, 0, 0, .1);
    height: 70%;
    left: 35%;
    margin-top: -0.25em;
    position: absolute;
    top: 15%;
    width: 30%
}

body#website.index .highlight.responsive .phone:before,
body#website.index .highlight.responsive .phone:after {
    content: "";
    display: block;
    position: absolute
}

body#website.index .highlight.responsive .phone:before {
    background: #fff;
    border-radius: 0 0 .325em .325em;
    height: .325em;
    left: calc(50% - 1.25em);
    top: 0;
    width: 2.5em;
    z-index: 1
}

body#website.index .highlight.responsive .phone:after {
    border-radius: inherit;
    box-shadow: 0 0 0 3px #fff;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%
}

body#website.index .highlight.responsive .phone .screen {
    background-image: url("../images/etc/overlay.png"), linear-gradient(45deg, #718dcd 0%, #b993b7 100%);
    background-position: center, center;
    background-repeat: repeat, no-repeat;
    background-size: 256px, cover;
    border-radius: inherit;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

body#website.index .highlight.responsive .phone .screen .image {
    background-image: url("images/landing/site-3-mobile.jpg");
    background-position: center;
    background-size: cover;
    border-radius: inherit;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

body#website.index .highlight.responsive.active .phone {
    animation: highlight-responsive-phone 5s
}

body#website.index .highlight.responsive.active .phone:before,
body#website.index .highlight.responsive.active .phone:after {
    animation: highlight-responsive-phone-trim 5s
}

body#website.index .highlight.responsive.active .phone .screen .image {
    animation: highlight-responsive-phone-screen-image 5s
}

@keyframes highlight-free-site-n1 {
    0% {
        transform: translateX(0);
        opacity: 1;
        background-image: url("images/landing/site-1.jpg")
    }

    10% {
        transform: translateX(1em);
        opacity: 0;
        background-image: url("images/landing/site-1.jpg")
    }

    11% {
        transform: translateX(1em);
        opacity: 0;
        background-image: url("images/landing/site-2.jpg")
    }

    21% {
        transform: translateX(0);
        opacity: 1;
        background-image: url("images/landing/site-2.jpg")
    }

    40% {
        transform: translateX(0);
        opacity: 1;
        background-image: url("images/landing/site-2.jpg")
    }

    50% {
        transform: translateX(1em);
        opacity: 0;
        background-image: url("images/landing/site-2.jpg")
    }

    51% {
        transform: translateX(1em);
        opacity: 0;
        background-image: url("images/landing/site-3.jpg")
    }

    61% {
        transform: translateX(0);
        opacity: 1;
        background-image: url("images/landing/site-3.jpg")
    }

    80% {
        transform: translateX(0);
        opacity: 1;
        background-image: url("images/landing/site-3.jpg")
    }

    90% {
        transform: translateX(1em);
        opacity: 0;
        background-image: url("images/landing/site-3.jpg")
    }

    91% {
        transform: translateX(1em);
        opacity: 0;
        background-image: url("images/landing/site-1.jpg")
    }

    100% {
        transform: translateX(0);
        opacity: 1;
        background-image: url("images/landing/site-1.jpg")
    }
}

@keyframes highlight-free-site-n2 {
    0% {
        transform: translateX(0);
        opacity: 1;
        background-image: url("images/landing/site-2.jpg")
    }

    10% {
        transform: translateX(1em);
        opacity: 0;
        background-image: url("images/landing/site-2.jpg")
    }

    11% {
        transform: translateX(1em);
        opacity: 0;
        background-image: url("images/landing/site-3.jpg")
    }

    21% {
        transform: translateX(0);
        opacity: 1;
        background-image: url("images/landing/site-3.jpg")
    }

    40% {
        transform: translateX(0);
        opacity: 1;
        background-image: url("images/landing/site-3.jpg")
    }

    50% {
        transform: translateX(1em);
        opacity: 0;
        background-image: url("images/landing/site-3.jpg")
    }

    51% {
        transform: translateX(1em);
        opacity: 0;
        background-image: url("images/landing/site-4.jpg")
    }

    61% {
        transform: translateX(0);
        opacity: 1;
        background-image: url("images/landing/site-4.jpg")
    }

    80% {
        transform: translateX(0);
        opacity: 1;
        background-image: url("images/landing/site-4.jpg")
    }

    90% {
        transform: translateX(1em);
        opacity: 0;
        background-image: url("images/landing/site-4.jpg")
    }

    91% {
        transform: translateX(1em);
        opacity: 0;
        background-image: url("images/landing/site-2.jpg")
    }

    100% {
        transform: translateX(0);
        opacity: 1;
        background-image: url("images/landing/site-2.jpg")
    }
}

@keyframes highlight-free-site-n3 {
    0% {
        transform: translateX(0);
        opacity: 1;
        background-image: url("images/landing/site-3.jpg")
    }

    10% {
        transform: translateX(1em);
        opacity: 0;
        background-image: url("images/landing/site-3.jpg")
    }

    11% {
        transform: translateX(1em);
        opacity: 0;
        background-image: url("images/landing/site-4.jpg")
    }

    21% {
        transform: translateX(0);
        opacity: 1;
        background-image: url("images/landing/site-4.jpg")
    }

    40% {
        transform: translateX(0);
        opacity: 1;
        background-image: url("images/landing/site-4.jpg")
    }

    50% {
        transform: translateX(1em);
        opacity: 0;
        background-image: url("images/landing/site-4.jpg")
    }

    51% {
        transform: translateX(1em);
        opacity: 0;
        background-image: url("images/landing/site-5.jpg")
    }

    61% {
        transform: translateX(0);
        opacity: 1;
        background-image: url("images/landing/site-5.jpg")
    }

    80% {
        transform: translateX(0);
        opacity: 1;
        background-image: url("images/landing/site-5.jpg")
    }

    90% {
        transform: translateX(1em);
        opacity: 0;
        background-image: url("images/landing/site-5.jpg")
    }

    91% {
        transform: translateX(1em);
        opacity: 0;
        background-image: url("images/landing/site-3.jpg")
    }

    100% {
        transform: translateX(0);
        opacity: 1;
        background-image: url("images/landing/site-3.jpg")
    }
}

body#website.index .highlight.free .site {
    display: block;
    width: 45%;
    border-radius: 6px;
    position: relative;
    box-shadow: 0 .5em 1em 0 rgba(0, 0, 0, .1);
    background-size: cover
}

body#website.index .highlight.free .site:before {
    content: "";
    display: block;
    padding-top: 75%
}

body#website.index .highlight.free .site.n1 {
    margin-top: 6%;
    margin-left: 6%;
    background-image: url("images/landing/site-1.jpg")
}

body#website.index .highlight.free .site.n2 {
    margin-top: -19%;
    margin-left: 29%;
    background-image: url("images/landing/site-2.jpg")
}

body#website.index .highlight.free .site.n3 {
    margin-top: -19%;
    margin-left: 49%;
    background-image: url("images/landing/site-3.jpg")
}

body#website.index .highlight.free.active .site.n1 {
    animation: highlight-free-site-n1 6s ease .15s forwards
}

body#website.index .highlight.free.active .site.n2 {
    animation: highlight-free-site-n2 6s ease .075s forwards
}

body#website.index .highlight.free.active .site.n3 {
    animation: highlight-free-site-n3 6s ease 0s forwards
}

body#website.index.is-blurred:after {
    filter: blur(1em)
}

body#website.index.is-loading:after {
    opacity: 0
}

body#website.index.is-loading #intro {
    transform: translateY(0.5em);
    opacity: 0
}

body#website.index.is-loading #intro a[href="#about"] {
    transform: translateY(5em);
    opacity: 0
}

@media screen and (max-width: 480px) {
    body#website.index.is-loading>.inner>section {
        transform: translateY(0.5em);
        opacity: 0
    }
}

body#website.pro {
    text-align: center;
    cursor: default
}

body#website.pro>.inner {
    width: calc(100% - 8em);
    max-width: 64em;
    margin-left: auto;
    margin-right: auto;
    padding: 8em 0
}

body#website.pro>.inner>section {
    border-radius: 6px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 8em
}

body#website.pro>.inner>section>:last-child {
    margin-bottom: 0
}

body#website.pro>.inner>section>header {
    margin: 0 0 5em 0
}

body#website.pro>.inner>section>header>:last-child {
    margin-bottom: 0
}

body#website.pro>.inner>section h1 {
    font-size: 3.5em;
    margin-bottom: .25em;
    letter-spacing: -0.025em
}

body#website.pro>.inner>section h2 {
    font-size: 2.125em;
    line-height: 1.25;
    letter-spacing: -0.025em;
    margin: 0 0 .5em 0
}

body#website.pro>.inner>section h3 {
    font-size: 1.5em;
    letter-spacing: -0.025em;
    margin: 0 0 .5em 0
}

body#website.pro>.inner>section:last-child {
    margin-bottom: 0
}

body#website.pro>.inner>section.alt {
    max-width: 40em;
    border: solid 2px rgba(255, 255, 255, .075);
    border-radius: 6px;
    padding: 4em
}

body#website.pro>.inner>section.or:before {
    content: "OR";
    position: absolute;
    top: -4.5em;
    left: calc(50% - 1.5em);
    width: 3em;
    height: 1em;
    line-height: 1em;
    color: rgba(255, 255, 255, .25);
    text-transform: uppercase;
    background: #24252d;
    z-index: 1
}

body#website.pro>.inner>section.or:after {
    content: "";
    position: absolute;
    top: calc(-4em - 1px);
    left: calc(50% - 4em);
    width: 8em;
    height: 2px;
    background: rgba(255, 255, 255, .075)
}

@media screen and (max-width: 1680px) {
    body#website.pro>.inner {
        padding: 6em 0
    }

    body#website.pro>.inner>section {
        margin-bottom: 6em
    }

    body#website.pro>.inner>section>header {
        margin: 0 0 4em 0
    }

    body#website.pro>.inner>section.or:before {
        top: -3.5em
    }

    body#website.pro>.inner>section.or:after {
        top: calc(-3em - 1px)
    }
}

@media screen and (max-width: 980px) {
    body#website.pro>.inner>section>header {
        margin: 0 0 3em 0
    }

    body#website.pro>.inner>section>header br {
        display: none
    }

    body#website.pro>.inner>section h1 {
        font-size: 3.5em
    }

    body#website.pro>.inner>section h3 {
        font-size: 1.25em
    }

    body#website.pro>.inner>section.alt {
        max-width: 32em;
        padding: 4em 3em
    }
}

@media screen and (max-width: 736px) {
    body#website.pro>.inner {
        width: calc(100% - 4em);
        padding: 3em 0
    }

    body#website.pro>.inner>section {
        margin-bottom: 2.5em
    }

    body#website.pro>.inner>section>header {
        margin: 0 0 2em 0;
        padding: 0 2em
    }

    body#website.pro>.inner>section>header br {
        display: none
    }

    body#website.pro>.inner>section h1 {
        font-size: 2.125em;
        line-height: 1.25
    }

    body#website.pro>.inner>section h2 {
        font-size: 1.75em;
        line-height: 1.5
    }

    body#website.pro>.inner>section h3 {
        font-size: 1em
    }

    body#website.pro>.inner>section:after {
        bottom: -2.5em;
        height: 2.5em
    }

    body#website.pro>.inner>section.or {
        margin-top: 4em
    }

    body#website.pro>.inner>section.or:before {
        top: -2.5em
    }

    body#website.pro>.inner>section.or:after {
        top: calc(-2em - 1px)
    }
}

@media screen and (max-width: 480px) {
    body#website.pro>.inner {
        width: calc(100% - 1.5em)
    }

    body#website.pro>.inner>section.alt {
        padding: 2.5em 2em 2em 2em;
        max-width: 20.8em
    }
}

body#website.pro .features {
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row
}

body#website.pro .features>section {
    background: rgba(71, 73, 88, .475)
}

body#website.pro .features>section.minor {
    width: 50%;
    border-style: solid;
    border-color: rgba(255, 255, 255, .075);
    border-top-width: 1px;
    border-left-width: 1px;
    padding: 6em 5em 4em 5em
}

body#website.pro .features>section.minor h2 {
    font-size: 1.5em;
    line-height: 1.6;
    letter-spacing: -0.025em;
    margin: 0 0 .5em 0
}

body#website.pro .features>section.minor:nth-child(2n-1) {
    border-left-width: 0
}

body#website.pro .features>section.minor:nth-last-child(1) {
    border-bottom-right-radius: 6px
}

body#website.pro .features>section.minor:nth-last-child(2) {
    border-bottom-left-radius: 6px
}

body#website.pro .features>section.minor: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: 1.5em;
    box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .075);
    display: block;
    width: 3em;
    height: 3em;
    border-radius: 3em;
    content: "";
    margin: 0 auto 1.5em auto
}

body#website.pro .features>section.major {
    display: flex;
    width: 100%
}

body#website.pro .features>section.major>* {
    flex-shrink: 0;
    width: 50%
}

body#website.pro .features>section.major:first-child {
    border-radius: 6px 6px 0 0
}

body#website.pro .features>section.major:first-child>:first-child {
    border-radius: 6px 0 0 0
}

body#website.pro .features>section.major:first-child>:last-child {
    border-radius: 0 6px 0 0
}

body#website.pro .features>section.major:last-child {
    border-radius: 0 0 6px 6px
}

body#website.pro .features>section.major:last-child>:first-child {
    border-radius: 0 0 0 6px
}

body#website.pro .features>section.major:last-child>:last-child {
    border-radius: 0 0 6px 0
}

body#website.pro .features>section.major:nth-child(2n) {
    flex-direction: row-reverse
}

body#website.pro .features>section.major .pic {
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    position: relative;
    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
}

body#website.pro .features>section.major .pic img {
    display: block;
    width: 100%
}

body#website.pro .features>section.major .content {
    padding: 4em 4em 2em 4em;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

body#website.pro .features>section.major .content>* {
    width: 100%
}

body#website.pro .features>section.major .content: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: 1.5em;
    box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .075);
    display: block;
    width: 3em;
    height: 3em;
    border-radius: 3em;
    content: "";
    margin: 0 auto 1.5em auto
}

@media screen and (max-width: 1280px) {
    body#website.pro .features>section.minor {
        padding: 4em 4em 2em 4em
    }
}

@media screen and (max-width: 980px) {
    body#website.pro .features {
        max-width: 32em
    }

    body#website.pro .features>section.major {
        display: block;
        position: relative;
        margin-top: 2.5em;
        border-radius: 6px !important
    }

    body#website.pro .features>section.major>* {
        width: 100%
    }

    body#website.pro .features>section.major:first-child {
        margin-top: 0
    }

    body#website.pro .features>section.major:last-child:after {
        display: none
    }

    body#website.pro .features>section.major:after {
        content: "";
        display: block;
        position: absolute;
        bottom: -2.5em;
        left: calc(50% - 1px);
        width: 2px;
        height: 2.5em;
        background: rgba(255, 255, 255, .075)
    }

    body#website.pro .features>section.major .pic {
        border-radius: 6px 6px 0 0 !important
    }

    body#website.pro .features>section.major .content {
        border-radius: 0 0 6px 6px !important
    }

    body#website.pro .features>section.minor {
        display: block;
        position: relative;
        width: 100%;
        border-left: 0
    }

    body#website.pro .features>section.minor>* {
        width: 100%
    }

    body#website.pro .features>section.minor:nth-last-child(1) {
        border-radius: 0 0 6px 6px !important
    }

    body#website.pro .features>section.minor:nth-last-child(2) {
        border-radius: 0 !important
    }

    body#website.pro .features>section.major+.minor {
        margin-top: 2.5em;
        border-top: 0;
        border-radius: 6px 6px 0 0 !important
    }
}

@media screen and (max-width: 480px) {
    body#website.pro .features>section.minor {
        padding: 3em 2em 1em 2em
    }

    body#website.pro .features>section.major .content {
        padding: 3em 2em 1em 2em
    }
}