.rmalttext-wrapper {
    position: absolute;
    z-index: 99999;
    height: 32px;
    border-radius: 4px;
    background: hsla(0, 0%, 50.2%, .96);
    padding: 0 15px
}

.rmalttext-content {
    color: #fff;
    font-size: 12px;
    line-height: 34px;
    white-space: nowrap;
    font-family: -apple-system, system-ui, BlinkMacSystemFont, Segoe UI, Ubuntu, Fira Sans, Roboto, Avenir Next, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 500
}

.rmalttext-corner-wrapper {
    position: absolute;
    width: 10px;
    height: 10px
}

.rmalttext-wrapper.rmalttext-top .rmalttext-corner-wrapper {
    left: 50%;
    margin-left: -7px;
    bottom: -7px
}

.rmalttext-wrapper.rmalttext-bottom .rmalttext-corner-wrapper {
    left: 50%;
    margin-left: -2px;
    top: -7px;
    transform: rotate(180deg)
}

.rmalttext-wrapper.rmalttext-left .rmalttext-corner-wrapper {
    top: 50%;
    margin-top: -2px;
    right: -7px;
    transform: rotate(270deg)
}

.rmalttext-wrapper.rmalttext-right .rmalttext-corner-wrapper {
    top: 50%;
    margin-top: -7px;
    left: -7px;
    transform: rotate(90deg)
}

.rmalttext-corner {
    position: absolute;
    background-image: url(https://d1id5eheivyv24.cloudfront.net/202e4dbf/dist/img/libs/rmalttext-tip.svg);
    background-repeat: no-repeat;
    width: 15px;
    height: 15px;
    left: 50%;
    margin-left: -5px;
    top: 50%;
    margin-top: -2px
}

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

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

body {
    line-height: 1
}

ol, ul {
    list-style: none
}

blockquote, q {
    quotes: none
}

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

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

:focus {
    outline: none
}

.no-isdesktop body {
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    text-size-adjust: none
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.clearfix {
    display: inline-block
}

html[xmlns] .clearfix {
    display: block
}

* html .clearfix {
    height: 1%
}

body, input {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility !important
}

input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {
    color: transparent !important
}

input:focus:-moz-placeholder, textarea:focus:-moz-placeholder {
    color: transparent !important
}

.nobel_light {
    font-weight: 200
}

.nobel_book, .nobel_light {
    font-family: Nobel-RM, sans-serif;
    font-style: normal
}

.nobel_book {
    font-weight: 300
}

.nobel_regular {
    font-family: Nobel-RM, sans-serif;
    font-weight: 400;
    font-style: normal
}

.main_font_regular {
    font-weight: 400
}

.main_font_medium, .main_font_regular {
    font-family: -apple-system, system-ui, BlinkMacSystemFont, Segoe UI, Ubuntu, Fira Sans, Roboto, Avenir Next, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-style: normal
}

.main_font_medium {
    font-weight: 500
}

.main_font_demi {
    font-family: -apple-system, system-ui, BlinkMacSystemFont, Segoe UI, Ubuntu, Fira Sans, Roboto, Avenir Next, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 600;
    font-style: normal
}

.no-transitions {
    -webkit-transition-duration: 0s !important;
    transition-duration: 0s !important
}

.border-box {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.stretched-block {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

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

.input-reset {
    padding: 0;
    margin: 0;
    overflow-y: hidden;
    overflow-x: hidden;
    outline: none;
    border: none;
    resize: none;
    background-color: transparent
}

.sticky-position {
    position: -webkit-sticky;
    position: sticky
}

.panel-style {
    box-shadow: 0 0 0 4px rgba(0, 0, 0, .04), 0 0 0 3px hsla(0, 0%, 100%, .28);
    background: hsla(0, 0%, 95.3%, .98)
}

.nowrap {
    white-space: nowrap
}

.rotate_cycle {
    -webkit-animation: spin .8s linear infinite;
    animation: spin 1s linear infinite
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn)
    }
}

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

.animation-shake {
    -webkit-animation: shake .5s linear;
    animation: shake .5s linear
}

.cursor-grab {
    cursor: -moz-grab;
    cursor: -webkit-grab;
    cursor: grab
}

.cursor-grabbing {
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.fade-enter, .fade-leave-to {
    opacity: 0 !important;
    visibility: hidden
}

.fade-enter-active {
    -webkit-transition: opacity .1s ease-out, visibility 0s;
    transition: opacity .1s ease-out, visibility 0s
}

.fade-leave-active {
    -webkit-transition: opacity .1s ease-out, visibility 0s ease-out .1s;
    transition: opacity .1s ease-out, visibility 0s ease-out .1s
}

.fix-radius-clip {
    -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC)
}

.separator-filled {
    width: 100%;
    height: 2px;
    background-color: hsla(0, 0%, 72.2%, .24)
}

.separator-dotted {
    width: 100%;
    height: 2px;
    background: 50% url(https://d1id5eheivyv24.cloudfront.net/202e4dbf/dist/img/constructor/controls/dots_divider.svg) repeat-x;
    box-sizing: border-box
}

.rmpreloader {
    position: relative;
    width: 44px;
    height: 44px
}

.rmpreloader .arc {
    position: absolute;
    left: 3px;
    top: 2px;
    width: 38px;
    height: 38px;
    background-image: url(https://d1id5eheivyv24.cloudfront.net/202e4dbf/dist/img/constructor/preloader/arc.png);
    background-repeat: no-repeat;
    background-size: 38px 38px;
    -webkit-animation: preloader_rotation 1.3s linear 0s infinite normal;
    animation: preloader_rotation 1.3s linear 0s infinite normal
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
    .rmpreloader .arc {
        background-image: url(https://d1id5eheivyv24.cloudfront.net/202e4dbf/dist/img/constructor/preloader/arc@2x.png)
    }
}

.rmpreloader .shadow {
    position: absolute;
    left: 0;
    top: 0;
    width: 44px;
    height: 44px;
    background: url(https://d1id5eheivyv24.cloudfront.net/202e4dbf/dist/img/constructor/preloader/shadow.png) no-repeat 0 0;
    -webkit-animation: preloader_rotation 1.3s linear 0s infinite normal;
    animation: preloader_rotation 1.3s linear 0s infinite normal
}

@-webkit-keyframes preloader_rotation {
    0% {
        -webkit-transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn)
    }
}

@keyframes preloader_rotation {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

@-webkit-keyframes soundcite-spin {
    0% {
        -webkit-transform: rotate(0deg)
    }
    50% {
        -webkit-transform: rotate(180deg)
    }
    to {
        -webkit-transform: rotate(1turn)
    }
}

@-moz-keyframes soundcite-spin {
    0% {
        -moz-transform: rotate(0deg)
    }
    50% {
        -moz-transform: rotate(180deg)
    }
    to {
        -moz-transform: rotate(1turn)
    }
}

@-ms-keyframes soundcite-spin {
    0% {
        -ms-transform: rotate(0deg)
    }
    50% {
        -ms-transform: rotate(180deg)
    }
    to {
        -ms-transform: rotate(1turn)
    }
}

@-o-keyframes soundcite-spin {
    0% {
        -o-transform: rotate(0deg)
    }
    50% {
        -o-transform: rotate(180deg)
    }
    to {
        -o-transform: rotate(1turn)
    }
}

@keyframes soundcite-spin {
    0% {
        transform: rotate(0deg)
    }
    50% {
        transform: rotate(180deg)
    }
    to {
        transform: rotate(1turn)
    }
}

#constructor span.soundcite, .screenshot-mode span.soundcite, .soundcite-initializing, .soundcite-loaded {
    position: relative;
    padding: 0 .2em 0 1.3em;
    display: inline;
    cursor: pointer;
    line-height: 120% !important
}

.soundcite-force-bg-color:after {
    opacity: 0
}

.soundcite-initializing:before, .soundcite-loading:before {
    content: "";
    position: absolute;
    top: .24em;
    left: .2em;
    height: .5em;
    width: .5em;
    border-style: solid;
    border-right: solid transparent;
    border-width: .1em;
    border-radius: 50%;
    -webkit-animation: soundcite-spin 1s linear infinite;
    -moz-animation: soundcite-spin 1s linear infinite;
    -ms-animation: soundcite-spin 1s linear infinite;
    -o-animation: soundcite-spin 1s linear infinite;
    animation: soundcite-spin 1s linear infinite
}

#constructor span.soundcite:before, .screenshot-mode span.soundcite:before, .soundcite-play:before {
    content: "";
    position: absolute;
    top: .21em;
    left: .3em;
    border-left-style: solid;
    border-right: .4em solid transparent;
    border-bottom: .4em solid transparent;
    border-top: .4em solid transparent;
    border-left-width: .6em
}

.soundcite-pause:before {
    content: "";
    position: absolute;
    top: .24em;
    left: .3em;
    height: .7em;
    border-left-width: .5em;
    border-left-style: double
}

.alert-popup {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: rgba(29, 26, 27, .6);
    -webkit-transition: opacity .35s ease-in-out;
    transition: opacity .35s ease-in-out;
    opacity: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: auto
}

.alert-popup.show {
    opacity: 1
}

.alert-popup.show .panel-wrapper .panel {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.alert-popup.hide {
    opacity: 0
}

.alert-popup.hide .panel-wrapper .panel {
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9)
}

.alert-popup.category-upgrade .panel-wrapper .panel .icon {
    height: 160px;
    background-image: none;
    margin-top: 10px;
    margin-bottom: 60px
}

.alert-popup.category-upgrade .panel-wrapper .panel .icon .icon-inner {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 388px;
    height: 145px;
    background-image: url(https://d1id5eheivyv24.cloudfront.net/202e4dbf/dist/img/common/alert/pic-upgrade.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 388px 145px
}

.alert-popup.category-browsers .panel-wrapper .panel {
    padding-bottom: 40px
}

.alert-popup.category-browsers .panel-wrapper .panel .icon {
    width: 56px;
    height: 56px;
    background-image: url(https://d1id5eheivyv24.cloudfront.net/202e4dbf/dist/img/common/alert/ie.png)
}

.alert-popup.category-browsers .panel-wrapper .panel .icon.additional {
    width: 199px;
    height: 56px;
    background-image: url(https://d1id5eheivyv24.cloudfront.net/202e4dbf/dist/img/common/alert/browsers.png)
}

.alert-popup.category-mobile .panel-wrapper .panel {
    padding: 37px 20px
}

.alert-popup.category-mobile .panel-wrapper .panel .header {
    display: none
}

.alert-popup.category-mobile .panel-wrapper .panel .icon {
    width: 144px;
    height: 80px;
    margin-top: 23px;
    margin-bottom: 26px;
    background-image: url(https://d1id5eheivyv24.cloudfront.net/202e4dbf/dist/img/common/alert/pic-desktop.png)
}

.alert-popup.category-mobile .panel-wrapper .panel .text {
    font-size: 19px;
    line-height: 24px;
    color: #242424
}

.alert-popup.category-mobile .panel-wrapper .panel .buttons .main {
    margin-top: 58px
}

.alert-popup.category-shared-failed .panel-wrapper .panel {
    background: #fae264;
    padding: 0;
    text-align: center;
    height: 496px
}

.isphone .alert-popup.category-shared-failed .panel-wrapper .panel {
    width: 272px
}

.alert-popup.category-shared-failed .panel-wrapper .panel .header {
    position: absolute;
    width: 100%;
    top: 187px;
    color: #363234;
    font-size: 24px;
    line-height: 30px
}

.alert-popup.category-shared-failed .panel-wrapper .panel .icon {
    position: absolute;
    left: 50%;
    margin: 0 0 0 -24px;
    top: 122px;
    width: 48px;
    height: 48px;
    background-image: url(https://d1id5eheivyv24.cloudfront.net/202e4dbf/dist/img/common/alert/logo.png)
}

.alert-popup.category-shared-failed .panel-wrapper .panel .text {
    position: absolute;
    bottom: 66px;
    color: #363234;
    font-size: 19px;
    line-height: 24px;
    width: 100%;
    padding: 0 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.alert-popup.category-shared-failed .panel-wrapper .panel .text a {
    color: #363234;
    display: inline-block;
    vertical-align: middele;
    text-decoration: none;
    border-bottom: 1px solid #363234;
    line-height: 17px
}

.isdesktop .alert-popup.category-shared-failed .panel-wrapper .panel .text a:hover {
    border-color: transparent
}

.alert-popup.category-shared-failed .panel-wrapper .panel .button.close {
    position: absolute;
    bottom: 28px;
    border-bottom: 1px solid #363234;
    line-height: 14px;
    font-size: 14px;
    height: 14px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    cursor: pointer
}

.isdesktop .alert-popup.category-shared-failed .panel-wrapper .panel .button.close:hover {
    border-color: transparent
}

.alert-popup.category-shared-unlock-page .panel-wrapper .panel {
    background: #000;
    width: 240px;
    padding: 36px 0 38px;
    text-align: center
}

.alert-popup.category-shared-unlock-page .panel-wrapper .panel .icon {
    left: 50%;
    margin: 0 0 0 -50px;
    width: 100px;
    height: 100px;
    border-radius: 100%
}

.alert-popup.category-shared-unlock-page .panel-wrapper .panel .text {
    color: #fff;
    font-size: 19px;
    line-height: 24px;
    width: 100%;
    padding: 15px 22px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word
}

.alert-popup.category-shared-unlock-page .panel-wrapper .panel .button.ok {
    margin: 21px auto 0;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    user-select: none;
    height: 42px;
    text-align: center;
    width: 96px;
    cursor: pointer;
    color: #000;
    background-color: #fae264;
    font-size: 19px;
    font-family: -apple-system, system-ui, BlinkMacSystemFont, Segoe UI, Ubuntu, Fira Sans, Roboto, Avenir Next, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-style: normal;
    line-height: 42px;
    border-radius: 4px
}

.isdesktop .alert-popup.category-shared-unlock-page .panel-wrapper .panel .button.ok:hover {
    background-color: #fff
}

.alert-popup.category-confirm-email .panel-wrapper .panel .icon {
    width: 136px;
    height: 136px;
    background-image: url(https://d1id5eheivyv24.cloudfront.net/202e4dbf/dist/img/common/alert/confirm.png);
    margin-bottom: 50px
}

.alert-popup .panel-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 568px;
    min-width: 990px
}

.isphone .alert-popup .panel-wrapper {
    min-height: 0;
    min-width: 0
}

.alert-popup .panel-wrapper .center-table {
    display: table;
    width: 100%;
    height: 100%;
    position: relative
}

.alert-popup .panel-wrapper .center-table .center-cell {
    display: table-cell;
    width: 110%;
    vertical-align: middle;
    text-align: center
}

.alert-popup .panel-wrapper .panel {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: -webkit-transform .35s ease-in-out;
    transition: transform .35s ease-in-out;
    position: relative;
    width: 336px;
    margin: auto;
    border-radius: 8px;
    background: #fff;
    padding: 46px 42px 26px;
    font-family: -apple-system, system-ui, BlinkMacSystemFont, Segoe UI, Ubuntu, Fira Sans, Roboto, Avenir Next, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-style: normal;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.isphone .alert-popup .panel-wrapper .panel {
    width: 272px
}

.alert-popup .panel-wrapper .panel .header {
    text-align: center;
    color: #1d1a1b;
    font-family: -apple-system, system-ui, BlinkMacSystemFont, Segoe UI, Ubuntu, Fira Sans, Roboto, Avenir Next, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 22px
}

.alert-popup .panel-wrapper .panel .icon {
    position: relative;
    margin: 40px auto 32px;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.alert-popup .panel-wrapper .panel .text {
    text-align: center;
    color: #8c8a8b;
    font-size: 16px;
    line-height: 22px
}

.alert-popup .panel-wrapper .panel .text a {
    color: #0080ff;
    text-decoration: underline
}

.isdesktop .alert-popup .panel-wrapper .panel .text a:hover {
    text-decoration: none
}

.alert-popup .panel-wrapper .panel .button {
    display: block;
    position: relative;
    text-decoration: none
}

.alert-popup .panel-wrapper .panel .button.main {
    margin: 28px auto 0;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    user-select: none;
    height: 48px;
    text-align: center;
    width: 160px;
    cursor: pointer;
    color: #fff;
    background-color: #0080ff;
    font-size: 20px;
    font-family: -apple-system, system-ui, BlinkMacSystemFont, Segoe UI, Ubuntu, Fira Sans, Roboto, Avenir Next, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-style: normal;
    line-height: 48px;
    border-radius: 4px
}

.isdesktop .alert-popup .panel-wrapper .panel .button.main:hover {
    background-color: #2e9ffd
}

.alert-popup .panel-wrapper .panel .button.cancel {
    display: inline-block;
    border-bottom: 1px solid #e3e3e3;
    line-height: 12px;
    cursor: pointer
}

.isdesktop .alert-popup .panel-wrapper .panel .button.cancel:hover {
    border-color: transparent
}

.alert-popup .panel-wrapper .panel .contact-link {
    display: block;
    color: #0080ff;
    margin-top: 29px
}

.alert-popup .panel-wrapper .panel .contact-link:hover {
    text-decoration: none
}

.alert-popup .panel-wrapper .panel .cancel-wrapper {
    font-size: 12px;
    line-height: 18px;
    color: #8c8a8b;
    margin-top: 12px
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
    .alert-popup.category-browsers .panel-wrapper .panel .icon {
        background-image: url(https://d1id5eheivyv24.cloudfront.net/202e4dbf/dist/img/common/alert/ie@2x.png)
    }

    .alert-popup.category-browsers .panel-wrapper .panel .icon.additional {
        background-image: url(https://d1id5eheivyv24.cloudfront.net/202e4dbf/dist/img/common/alert/browsers@2x.png)
    }

    .alert-popup.category-mobile .panel-wrapper .panel .icon {
        background-image: url(https://d1id5eheivyv24.cloudfront.net/202e4dbf/dist/img/common/alert/pic-desktop@2x.png)
    }

    .alert-popup.category-shared-failed .panel-wrapper .panel .icon {
        background-image: url(https://d1id5eheivyv24.cloudfront.net/202e4dbf/dist/img/common/alert/logo@2x.png)
    }

    .alert-popup.category-confirm-email .panel-wrapper .panel .icon {
        background-image: url(https://d1id5eheivyv24.cloudfront.net/202e4dbf/dist/img/common/alert/confirm@2x.png)
    }
}

.settings-is-shown .constructor-navigation-arrows.is-vertical, .settings-is-shown .navigation-arrow.right {
    transition: transform .3s ease;
    -webkit-transform: translateX(-240px);
    -ms-transform: translateX(-240px);
    transform: translateX(-240px)
}

.settings-is-shown.page-settings-is-opened .constructor-navigation-arrows.is-vertical, .settings-is-shown.page-settings-is-opened .navigation-arrow.right, .settings-is-shown.private-pages-is-opened .constructor-navigation-arrows.is-vertical, .settings-is-shown.private-pages-is-opened .navigation-arrow.right, .settings-is-shown.trash-is-opened .constructor-navigation-arrows.is-vertical, .settings-is-shown.trash-is-opened .navigation-arrow.right {
    transition: transform .3s ease;
    -webkit-transform: translateX(-480px);
    -ms-transform: translateX(-480px);
    transform: translateX(-480px)
}

.settings-is-shown .constructor-navigation-arrows.is-vertical .navigation-arrow.right, .settings-is-shown.page-settings-is-opened .constructor-navigation-arrows.is-vertical .navigation-arrow.right, .settings-is-shown.private-pages-is-opened .constructor-navigation-arrows.is-vertical .navigation-arrow.right, .settings-is-shown.trash-is-opened .constructor-navigation-arrows.is-vertical .navigation-arrow.right {
    transform: none
}

.minimal-constructor-ui #constructor .navigation-arrow {
    opacity: 0;
    pointer-events: none
}

.minimal-constructor-ui-no-transition #constructor .navigation-arrow {
    -webkit-transition-duration: 0s;
    transition-duration: 0s
}

.navigation-arrow .sprite {
    background-repeat: no-repeat;
    background-size: 169px 64px
}

.isdesktop .navigation-arrow:not(.disabled):hover .arrow-color-selector {
    visibility: inherit;
    opacity: 1
}

.navigation-arrow.bottom, .navigation-arrow.left, .navigation-arrow.right {
    -webkit-tap-highlight-color: transparent;
    position: absolute;
    cursor: pointer;
    z-index: 100;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    user-select: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.viewer-type-vertical-sticky .navigation-arrow.bottom, .viewer-type-vertical-sticky .navigation-arrow.left, .viewer-type-vertical-sticky .navigation-arrow.right {
    position: fixed
}

.navigation-arrow.bottom .icon, .navigation-arrow.left .icon, .navigation-arrow.right .icon {
    background-position: 99px 99px
}

.navigation-arrow.bottom.hidden, .navigation-arrow.left.hidden, .navigation-arrow.right.hidden {
    display: none !important
}

.no-isphone .navigation-white-arrows .navigation-arrow.bottom .icon {
    background-position: 0 0
}

.no-isphone .navigation-white-arrows .navigation-arrow.left .icon {
    background-position: -39px 0
}

.no-isphone .navigation-white-arrows .navigation-arrow.right .icon {
    background-position: -62px 0
}

.no-isphone .navigation-black-arrows .navigation-arrow.bottom .icon {
    background-position: -85px 0
}

.no-isphone .navigation-black-arrows .navigation-arrow.left .icon {
    background-position: -124px 0
}

.no-isphone .navigation-black-arrows .navigation-arrow.right .icon {
    background-position: -147px 0
}

.isphone .navigation-white-arrows .navigation-arrow.bottom .icon {
    background-position: 0 -39px
}

.isphone .navigation-white-arrows .navigation-arrow.left .icon {
    background-position: -26px -39px
}

.isphone .navigation-white-arrows .navigation-arrow.right .icon {
    background-position: -42px -39px
}

.isphone .navigation-black-arrows .navigation-arrow.bottom .icon {
    background-position: -58px -39px
}

.isphone .navigation-black-arrows .navigation-arrow.left .icon {
    background-position: -84px -39px
}

.isphone .navigation-black-arrows .navigation-arrow.right .icon {
    background-position: -100px -39px
}

.no-isphone .viewer-type-horizontal.viewer-mag-menu-shown .navigation-arrow.bottom:not(.offscreen):not(.scaled-offscreen) {
    -webkit-transform: translateY(-184px);
    -ms-transform: translateY(-184px);
    transform: translateY(-184px)
}

.no-isphone .navigation-arrow.left {
    left: 16px;
    top: 50%;
    width: 36px;
    height: 72px;
    margin-top: -36px;
    -webkit-transition: -webkit-transform .6s ease;
    transition: transform .6s ease
}

.no-isphone .navigation-arrow.left .icon {
    position: absolute;
    left: 7px;
    top: 17px;
    width: 22px;
    height: 38px
}

.no-isphone .navigation-arrow.left.offscreen {
    -webkit-transform: translateX(-52px);
    -ms-transform: translateX(-52px);
    transform: translateX(-52px);
    visibility: hidden
}

.no-isphone .navigation-arrow.left.scaled-offscreen {
    -webkit-transform: translateX(-52px);
    -ms-transform: translateX(-52px);
    transform: translateX(-52px);
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.no-isphone .navigation-arrow.right {
    right: 16px;
    top: 50%;
    width: 36px;
    height: 72px;
    margin-top: -36px;
    -webkit-transition: -webkit-transform .6s ease;
    transition: transform .6s ease
}

.no-isphone .navigation-arrow.right .icon {
    position: absolute;
    right: 7px;
    top: 17px;
    width: 22px;
    height: 38px
}

.no-isphone .navigation-arrow.right.offscreen {
    -webkit-transform: translateX(52px);
    -ms-transform: translateX(52px);
    transform: translateX(52px);
    visibility: hidden
}

.no-isphone .navigation-arrow.right.scaled-offscreen {
    -webkit-transform: translateX(52px);
    -ms-transform: translateX(52px);
    transform: translateX(52px);
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.no-isphone .navigation-arrow.bottom {
    left: 50%;
    margin-left: -36px;
    bottom: 14px;
    width: 72px;
    height: 36px;
    -webkit-transition: visibility .4s ease-out, -webkit-transform .3s ease;
    transition: visibility .4s ease-out, transform .3s ease
}

.no-isphone .navigation-arrow.bottom .icon {
    position: absolute;
    left: 17px;
    top: 7px;
    width: 38px;
    height: 22px;
    -webkit-animation: move 1.2s .4s infinite alternate;
    animation: move 1.2s .4s infinite alternate
}

.no-isphone .navigation-arrow.bottom.offscreen, .no-isphone .navigation-arrow.bottom.scaled-offscreen {
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px);
    visibility: hidden
}

.no-isphone .navigation-arrow.bottom.offscreen .icon, .no-isphone .navigation-arrow.bottom.scaled-offscreen .icon {
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.isphone .viewer-type-horizontal.viewer-mag-menu-shown .navigation-arrow.bottom:not(.offscreen):not(.scaled-offscreen) {
    -webkit-transform: translateY(-184px);
    -ms-transform: translateY(-184px);
    transform: translateY(-184px)
}

.isphone .viewer-type-horizontal.viewer-mag-menu-shown.viewer-mag-menu-no-project-info .navigation-arrow.bottom:not(.offscreen):not(.scaled-offscreen) {
    -webkit-transform: translateY(-92px);
    -ms-transform: translateY(-92px);
    transform: translateY(-92px)
}

.isphone.mobile-screenshots .viewer-type-horizontal.viewer-mag-menu-shown.viewer-mag-menu-no-project-info .navigation-arrow.bottom:not(.offscreen):not(.scaled-offscreen) {
    -webkit-transform: translateY(-213px);
    -ms-transform: translateY(-213px);
    transform: translateY(-213px)
}

.isphone .navigation-arrow.left {
    left: 0;
    top: 50%;
    width: 32px;
    height: 44px;
    margin-top: -22px;
    -webkit-transition: -webkit-transform .6s ease;
    transition: transform .6s ease
}

.isphone .navigation-arrow.left .icon {
    position: absolute;
    left: 7px;
    top: 10px;
    width: 15px;
    height: 25px
}

.isphone .navigation-arrow.left.offscreen {
    visibility: hidden
}

.isphone .navigation-arrow.left.offscreen, .isphone .navigation-arrow.left.scaled-offscreen {
    -webkit-transform: translateX(-32px);
    -ms-transform: translateX(-32px);
    transform: translateX(-32px)
}

.isphone .navigation-arrow.left.scaled-offscreen {
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.isphone .navigation-arrow.right {
    right: 0;
    top: 50%;
    width: 32px;
    height: 44px;
    margin-top: -22px;
    -webkit-transition: -webkit-transform .6s ease;
    transition: transform .6s ease
}

.isphone .navigation-arrow.right .icon {
    position: absolute;
    right: 7px;
    top: 10px;
    width: 15px;
    height: 25px
}

.isphone .navigation-arrow.right.offscreen {
    -webkit-transform: translateX(32px);
    -ms-transform: translateX(32px);
    transform: translateX(32px);
    visibility: hidden
}

.isphone .navigation-arrow.right.scaled-offscreen {
    -webkit-transform: translateX(32px);
    -ms-transform: translateX(32px);
    transform: translateX(32px);
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.isphone .navigation-arrow.bottom {
    left: 50%;
    margin-left: -24px;
    bottom: 8px;
    width: 44px;
    height: 32px;
    -webkit-transition: visibility .4s ease-out, -webkit-transform .3s ease;
    transition: visibility .4s ease-out, transform .3s ease
}

.isphone .navigation-arrow.bottom .icon {
    position: absolute;
    left: 10px;
    bottom: 7px;
    width: 25px;
    height: 15px;
    -webkit-animation: move 1.2s .4s infinite alternate;
    animation: move 1.2s .4s infinite alternate
}

.isphone .navigation-arrow.bottom.offscreen, .isphone .navigation-arrow.bottom.scaled-offscreen {
    -webkit-transform: translateY(40px);
    -ms-transform: translateY(40px);
    transform: translateY(40px);
    visibility: hidden
}

.isphone .navigation-arrow.bottom.offscreen .icon, .isphone .navigation-arrow.bottom.scaled-offscreen .icon {
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

@-webkit-keyframes move {
    0% {
        -webkit-transform: translateY(0);
        -webkit-animation-timing-function: ease-in
    }
    to {
        -webkit-transform: translateY(7px);
        -webkit-animation-timing-function: ease-out
    }
}

@keyframes move {
    0% {
        transform: translateY(0);
        animation-timing-function: ease-in
    }
    to {
        transform: translateY(7px);
        animation-timing-function: ease-out
    }
}

.arrow-color-selector {
    position: absolute;
    width: 36px;
    height: 24px;
    left: 50%;
    margin-left: -18px;
    top: -8px;
    visibility: hidden;
    opacity: 0;
    cursor: default;
    -webkit-transition: visibility .2s linear, opacity .2s linear;
    transition: visibility .2s linear, opacity .2s linear
}

.arrow-color-selector.black .color-clip-wrapper:hover .color-wrapper {
    left: -12px
}

.arrow-color-selector.white .color-clip-wrapper:hover .color-wrapper {
    left: 0
}

.arrow-color-selector .color-clip-wrapper {
    position: absolute;
    width: 12px;
    height: 12px;
    left: 50%;
    margin-left: -6px;
    top: 0;
    border: 3px solid #868686;
    overflow: hidden;
    border-radius: 50%;
    cursor: pointer
}

.arrow-color-selector .color-clip-wrapper .color-wrapper {
    position: absolute;
    width: 24px;
    height: 100%;
    top: 0;
    left: -6px;
    -webkit-transition: left .1s ease-out;
    transition: left .1s ease-out
}

.arrow-color-selector .color-clip-wrapper .color-wrapper .color {
    position: absolute;
    width: 12px;
    height: 100%;
    top: 0
}

.arrow-color-selector .color-clip-wrapper .color-wrapper .color.white {
    left: 0;
    background-color: #fff
}

.arrow-color-selector .color-clip-wrapper .color-wrapper .color.black {
    left: 12px;
    background-color: #000
}

.constructor-navigation-arrows.is-vertical {
    position: absolute;
    margin-top: -43px;
    width: 72px;
    height: 86px;
    right: 9px;
    top: 50%;
    z-index: 100
}

.constructor-navigation-arrows.is-vertical .navigation-arrow {
    transform: none;
    left: 0;
    margin: 0;
    width: 72px;
    height: 36px
}

.constructor-navigation-arrows.is-vertical .navigation-arrow.left {
    top: 0;
    bottom: auto
}

.constructor-navigation-arrows.is-vertical .navigation-arrow.left .arrow-color-selector {
    top: 31px;
    bottom: auto
}

.constructor-navigation-arrows.is-vertical .navigation-arrow.right {
    bottom: 0;
    top: auto
}

.constructor-navigation-arrows.is-vertical .navigation-arrow.right .arrow-color-selector {
    top: auto;
    bottom: 31px
}

.constructor-navigation-arrows.is-vertical .navigation-arrow .icon {
    transform: rotate(90deg);
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto
}

.constructor-navigation-arrows.is-vertical .arrow-color-selector {
    left: 0;
    right: 0;
    margin: auto
}

.constructor-navigation-arrows.is-vertical .color-clip-wrapper {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 100;
    margin: auto;
    transform: rotate(90deg)
}

.toolbar {
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    user-select: none;
    position: absolute;
    font-size: 0;
    text-align: right;
    height: 0;
    white-space: nowrap;
    -webkit-transition: -webkit-transform .3s ease;
    transition: transform .3s ease
}

.minimal-constructor-ui .toolbar.for-constructor {
    opacity: 0;
    pointer-events: none
}

.minimal-constructor-ui-no-transition .toolbar.for-constructor {
    -webkit-transition-duration: 0s;
    transition-duration: 0s
}

.istablet .viewer-type-horizontal.viewer-mag-menu-shown .toolbar.for-viewer {
    -webkit-transform: translateY(-184px);
    -ms-transform: translateY(-184px);
    transform: translateY(-184px)
}

.istablet.mobile-screenshots .viewer-type-horizontal.viewer-mag-menu-shown .toolbar.for-viewer {
    -webkit-transform: translateX(-120px);
    -ms-transform: translateX(-120px);
    transform: translateX(-120px)
}

.no-isphone .viewer-type-vertical.viewer-mag-menu-shown .toolbar.for-viewer {
    -webkit-transform: translateX(-280px);
    -ms-transform: translateX(-280px);
    transform: translateX(-280px)
}

.no-isphone.new-settings .viewer-type-vertical.viewer-mag-menu-shown .toolbar.for-viewer {
    -webkit-transform: translateX(-240px);
    -ms-transform: translateX(-240px);
    transform: translateX(-240px)
}

.no-isphone.new-settings.mobile-screenshots .viewer-type-vertical.viewer-mag-menu-shown .toolbar.for-viewer.phone_portrait, .no-isphone.new-settings.mobile-screenshots .viewer-type-vertical.viewer-mag-menu-shown .toolbar.for-viewer.tablet_portrait {
    -webkit-transform: translateX(-120px);
    -ms-transform: translateX(-120px);
    transform: translateX(-120px)
}

.no-isphone.new-settings .viewer-type-horizontal.viewer-mag-menu-shown .toolbar.for-viewer {
    -webkit-transform: translateY(-184px);
    -ms-transform: translateY(-184px);
    transform: translateY(-184px)
}

.no-isphone.new-settings.controls-on-top .viewer-type-horizontal.viewer-mag-menu-shown .toolbar.for-viewer {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.isphone .viewer-type-horizontal.viewer-mag-menu-shown .toolbar.for-viewer {
    -webkit-transform: translateY(-184px);
    -ms-transform: translateY(-184px);
    transform: translateY(-184px)
}

.isphone.mobile-screenshots .viewer-type-horizontal.viewer-mag-menu-shown .toolbar.for-viewer {
    -webkit-transform: translateY(-305px);
    -ms-transform: translateY(-305px);
    transform: translateY(-305px)
}

.isphone .viewer-type-horizontal.viewer-mag-menu-shown.viewer-mag-menu-no-project-info .toolbar.for-viewer {
    -webkit-transform: translateY(-92px);
    -ms-transform: translateY(-92px);
    transform: translateY(-92px)
}

.isphone.mobile-screenshots .viewer-type-horizontal.viewer-mag-menu-shown.viewer-mag-menu-no-project-info .toolbar.for-viewer {
    -webkit-transform: translateY(-213px);
    -ms-transform: translateY(-213px);
    transform: translateY(-213px)
}

.isphone .viewer-type-vertical.viewer-mag-menu-shown .toolbar.for-viewer {
    -webkit-transform: translateX(-240px);
    -ms-transform: translateX(-240px);
    transform: translateX(-240px)
}

.isphone.mobile-screenshots .viewer-type-vertical.viewer-mag-menu-shown .toolbar.for-viewer {
    -webkit-transform: translateX(-120px);
    -ms-transform: translateX(-120px);
    transform: translateX(-120px)
}

.isdesktop .shift-toolbar-on-viewer-menu-open .toolbar.for-constructor {
    -webkit-transform: translateX(-280px);
    -ms-transform: translateX(-280px);
    transform: translateX(-280px)
}

.isdesktop.new-settings .shift-toolbar-on-viewer-menu-open .toolbar.for-constructor {
    -webkit-transform: translateX(-240px);
    -ms-transform: translateX(-240px);
    transform: translateX(-240px)
}

.isdesktop .toolbar {
    top: 23px;
    right: 23px;
    left: 23px
}

.isdesktop.new-settings .toolbar {
    position: fixed;
    top: auto;
    bottom: 72px;
    right: 16px
}

.isdesktop.new-settings.controls-on-top .toolbar {
    top: 16px;
    bottom: auto
}

.no-isdesktop .toolbar {
    bottom: 58px;
    right: 8px;
    left: 8px
}

.new-settings.no-isdesktop .toolbar {
    bottom: 64px
}

.viewer-type-vertical-sticky .toolbar {
    position: fixed;
    bottom: 66px
}

.new-settings .viewer-type-vertical-sticky .toolbar {
    bottom: 64px
}

.isdesktop.new-settings .viewer-type-vertical-sticky .toolbar {
    bottom: 72px
}

.toolbar .sprite {
    background-repeat: no-repeat;
    background-size: 50px 250px
}

.toolbar.for-constructor .alert, .toolbar.for-constructor .locked-button, .toolbar.for-constructor .preview-button, .toolbar.for-constructor .publish-button {
    z-index: 4500
}

.toolbar.for-constructor .menu-button {
    z-index: 7152
}

.toolbar.for-constructor .menu-button.active {
    background-color: transparent !important
}

.toolbar.for-viewer {
    z-index: 120
}

.viewer-mag-menu-shown .toolbar.for-viewer .menu-button .line-1, .viewer-mag-menu-shown .toolbar.for-viewer .menu-button .line-2, .viewer-mag-menu-shown .toolbar.for-viewer .menu-button .line-3 {
    -webkit-transition: opacity .2s ease, background .2s ease, top .2s ease, -webkit-transform .2s ease .2s;
    transition: opacity .2s ease, background .2s ease, top .2s ease, transform .2s ease .2s
}

.viewer-mag-menu-shown .toolbar.for-viewer .menu-button .line-1 {
    top: 24px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.viewer-mag-menu-shown .toolbar.for-viewer .menu-button .line-2 {
    background: hsla(0, 0%, 100%, 0) !important
}

.viewer-mag-menu-shown .toolbar.for-viewer .menu-button .line-3 {
    top: 24px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.preview-mode .toolbar.for-constructor {
    z-index: 9999;
    position: fixed
}

.preview-mode .toolbar.for-constructor .preview-button {
    background-position: 0 -150px
}

.preview-mode .toolbar.for-constructor .menu-button {
    visibility: hidden;
    opacity: 0
}

html.preview-mode .toolbar.for-constructor .locked-button, html.preview-mode .toolbar.for-constructor .publish-button.invisible-button, html:not(.preview-mode) .toolbar.for-constructor .locked-button.invisible-button, html:not(.preview-mode) .toolbar.for-constructor .publish-button {
    display: none
}

.isphone .mag:not(.viewer-mag-menu-shown) .toolbar.for-viewer .share-button:not(.without-menu-button) {
    opacity: 0;
    visibility: hidden;
    width: 0;
    margin-left: 0;
    -webkit-transition: -webkit-transform .45s cubic-bezier(.56, .86, .59, 1), background-color .2s ease-in-out, opacity .2s ease-in-out, visibility .2s ease-in-out, width 0s ease .2s, margin-left 0s ease .2s;
    transition: transform .45s cubic-bezier(.56, .86, .59, 1), background-color .2s ease-in-out, opacity .2s ease-in-out, visibility .2s ease-in-out, width 0s ease .2s, margin-left 0s ease .2s
}

.isphone .viewer-type-vertical .toolbar.for-viewer .share-button:not(.without-menu-button) {
    margin-top: -56px;
    margin-right: -56px
}

.new-settings.isphone .viewer-type-vertical .toolbar.for-viewer .share-button:not(.without-menu-button) {
    margin-top: -64px;
    margin-right: -64px
}

.isdesktop .toolbar .offscreen-initially {
    -webkit-transform: translateY(-73px);
    -ms-transform: translateY(-73px);
    transform: translateY(-73px)
}

.no-isdesktop .toolbar .offscreen-initially {
    -webkit-transform: translateY(66px);
    -ms-transform: translateY(66px);
    transform: translateY(66px)
}

.toolbar .alert, .toolbar .edit-button, .toolbar .embed-close-button, .toolbar .locked-button, .toolbar .menu-button, .toolbar .page-counter-wrapper, .toolbar .preview-button, .toolbar .publish-button, .toolbar .share-button {
    vertical-align: top;
    position: relative;
    display: inline-block;
    height: 50px;
    border-radius: 25px;
    margin-left: 6px;
    background-color: hsla(0, 0%, 50.2%, .96);
    text-decoration: none;
    transition: transform .45s cubic-bezier(.56, .86, .59, 1), background-color .2s ease-in-out, background-position .25s ease-in-out, z-index .5s ease-in-out, opacity .5s ease-in-out, visibility .5s ease-in-out
}

.toolbar .alert.hidden, .toolbar .edit-button.hidden, .toolbar .embed-close-button.hidden, .toolbar .locked-button.hidden, .toolbar .menu-button.hidden, .toolbar .page-counter-wrapper.hidden, .toolbar .preview-button.hidden, .toolbar .publish-button.hidden, .toolbar .share-button.hidden {
    display: none
}

.new-settings .toolbar .alert, .new-settings .toolbar .edit-button, .new-settings .toolbar .embed-close-button, .new-settings .toolbar .locked-button, .new-settings .toolbar .menu-button, .new-settings .toolbar .page-counter-wrapper, .new-settings .toolbar .preview-button, .new-settings .toolbar .publish-button, .new-settings .toolbar .share-button {
    border: 3px solid transparent;
    border-radius: 28px;
    transform: none;
    margin-left: 8px
}

.new-settings .toolbar .menu-button {
    margin-left: 8px
}

.new-settings .toolbar .menu-button:hover {
    background: #282828
}

.new-settings .toolbar .menu-button .cross-icon, .new-settings .toolbar .menu-button .menu-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    margin: auto;
    color: #fff
}

.new-settings .toolbar .menu-button .cross-icon, .new-settings .viewer-mag-menu-shown .toolbar .menu-button .menu-icon {
    display: none
}

.new-settings .viewer-mag-menu-shown .toolbar .menu-button .cross-icon {
    display: block
}

.new-settings.no-isdesktop .viewer-mag-menu-shown .toolbar.show-page-counter .menu-button .cross-icon {
    left: 68px
}

.toolbar .edit-button, .toolbar .embed-close-button, .toolbar .menu-button, .toolbar .preview-button, .toolbar .publish-button, .toolbar .share-button {
    cursor: pointer
}

.isdesktop .toolbar .edit-button:not(.no-hover):hover, .isdesktop .toolbar .embed-close-button:not(.no-hover):hover, .isdesktop .toolbar .menu-button:not(.no-hover):hover, .isdesktop .toolbar .preview-button:not(.no-hover):hover, .isdesktop .toolbar .publish-button:not(.no-hover):hover, .isdesktop .toolbar .share-button:not(.no-hover):hover, .no-isdesktop .toolbar .edit-button:not(.no-hover):active, .no-isdesktop .toolbar .embed-close-button:not(.no-hover):active, .no-isdesktop .toolbar .menu-button:not(.no-hover):active, .no-isdesktop .toolbar .preview-button:not(.no-hover):active, .no-isdesktop .toolbar .publish-button:not(.no-hover):active, .no-isdesktop .toolbar .share-button:not(.no-hover):active {
    background-color: #313131
}

.toolbar .alert, .toolbar .edit-button, .toolbar .menu-button, .toolbar .preview-button, .toolbar .share-button {
    width: 50px
}

.toolbar .alert {
    background-color: #f54432;
    background-position: 0 0;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.toolbar .alert.collapsed {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0)
}

.toolbar .alert.save-progress {
    background-color: #14b666
}

.toolbar .alert.for-connection .popup .message.for-connection {
    display: inline
}

.toolbar .alert.for-socket {
    z-index: 9999
}

.toolbar .alert.for-socket:not(.duplicate-error) .popup .message.for-socket {
    display: inline
}

.toolbar .alert.for-socket:not(.duplicate-error) .popup .reload {
    display: block
}

.toolbar .alert.for-socket.duplicate-error .popup {
    padding: 15px
}

.toolbar .alert.for-socket.duplicate-error .popup .message.for-duplicate {
    display: inline
}

.toolbar .alert .popup {
    position: absolute;
    width: 240px;
    background-color: #fff;
    top: 68px;
    left: 50%;
    margin-left: -120px;
    padding: 15px 15px 18px;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    color: rgba(0, 0, 0, .88);
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .08);
    font-family: -apple-system, system-ui, BlinkMacSystemFont, Segoe UI, Ubuntu, Fira Sans, Roboto, Avenir Next, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-style: normal;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: opacity .2s ease-in-out, visibility .2s ease-in-out, top .2s ease-in-out;
    transition: opacity .2s ease-in-out, visibility .2s ease-in-out, top .2s ease-in-out;
    white-space: normal
}

.toolbar .alert .popup.rolled-out {
    opacity: 0;
    visibility: hidden;
    top: 60px
}

.toolbar .alert .popup .message {
    display: none
}

.toolbar .alert .popup .reload {
    display: none;
    position: relative;
    width: 88px;
    height: 38px;
    border-radius: 4px;
    background-color: #f54432;
    margin: 12px auto 0;
    font-family: -apple-system, system-ui, BlinkMacSystemFont, Segoe UI, Ubuntu, Fira Sans, Roboto, Avenir Next, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-style: normal;
    color: #fff;
    text-align: center;
    line-height: 38px;
    cursor: pointer;
    -webkit-transition: all .1s ease-out;
    transition: all .1s ease-out
}

.toolbar .alert .popup .reload:hover {
    background: #000
}

.toolbar .alert .popup .corner-wrapper {
    position: absolute;
    left: 120px;
    width: 24px;
    height: 12px;
    top: -12px;
    margin-left: -12px;
    clip: rect(0, 123px, 12px, -99px)
}

.toolbar .alert .popup .corner-wrapper .corner {
    position: absolute;
    width: 17px;
    height: 17px;
    left: 4px;
    top: 4px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    box-shadow: 0 0 0 4px rgba(0, 0, 0, .04), 0 0 0 3px hsla(0, 0%, 100%, .28);
    background: hsla(0, 0%, 95.3%, .98);
    background-color: #fff;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .08);
    margin-left: 0
}

.toolbar .embed-close-button, .toolbar .publish-button {
    opacity: 1;
    visibility: inherit;
    width: 120px;
    margin-left: 6px;
    -webkit-transition: background-color .2s ease-in-out, background-position .25s ease-in-out, z-index .5s ease-in-out, opacity .5s ease-in-out, visibility .5s ease-in-out, width 0s ease, margin-left 0s ease;
    transition: background-color .2s ease-in-out, background-position .25s ease-in-out, z-index .5s ease-in-out, opacity .5s ease-in-out, visibility .5s ease-in-out, width 0s ease, margin-left 0s ease;
    color: #fff;
    font-family: -apple-system, system-ui, BlinkMacSystemFont, Segoe UI, Ubuntu, Fira Sans, Roboto, Avenir Next, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    text-align: center;
    line-height: 50px
}

.toolbar .locked-button {
    text-align: left;
    overflow: hidden
}

.toolbar .locked-button .locked-userpic {
    position: absolute;
    left: 1px;
    top: 1px;
    width: 48px;
    height: 48px;
    border-radius: 100%;
    background-size: 48px 48px
}

.toolbar .locked-button .locked-username {
    padding: 10px 30px 0 62px;
    color: #fff;
    font-weight: 500;
    max-width: 256px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.toolbar .locked-button .locked-message, .toolbar .locked-button .locked-username {
    position: relative;
    font-size: 14px;
    font-family: -apple-system, system-ui, BlinkMacSystemFont, Segoe UI, Ubuntu, Fira Sans, Roboto, Avenir Next, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-style: normal
}

.toolbar .locked-button .locked-message {
    padding: 2px 30px 0 62px;
    color: hsla(0, 0%, 100%, .5);
    font-weight: 400
}

@keyframes dot-anim {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0
    }
}

@-webkit-keyframes dot-anim {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0
    }
}

.toolbar .locked-button .locked-message .dot-1 {
    animation: dot-anim 2.4s steps(1) infinite;
    -webkit-animation: dot-anim 2.4s steps(1) infinite
}

.toolbar .locked-button .locked-message .dot-2 {
    animation: dot-anim 2.4s steps(1) .4s infinite;
    -webkit-animation: dot-anim 2.4s steps(1) .4s infinite
}

.toolbar .locked-button .locked-message .dot-3 {
    animation: dot-anim 2.4s steps(1) .8s infinite;
    -webkit-animation: dot-anim 2.4s steps(1) .8s infinite
}

.toolbar .locked-button.isowner:hover {
    cursor: pointer
}

.toolbar .locked-button.isowner:after {
    content: "Take Over";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    font-size: 14px;
    color: #fff;
    font-family: -apple-system, system-ui, BlinkMacSystemFont, Segoe UI, Ubuntu, Fira Sans, Roboto, Avenir Next, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    line-height: 50px;
    background-color: #262626;
    -webkit-transition: all .1s ease-out;
    transition: all .1s ease-out;
    opacity: 0
}

.toolbar .locked-button:hover:after {
    opacity: 1
}

.toolbar .embed-close-button {
    width: 96px
}

.isphone .toolbar .embed-close-button {
    position: absolute;
    left: 0;
    top: 0;
    margin: 0
}

.toolbar .toolbar-branding {
    display: inline-block
}

.toolbar .toolbar-branding:empty {
    margin: 0
}

.new-settings .toolbar .toolbar-branding {
    height: 56px;
    margin-left: 8px
}

.toolbar .preview-button {
    background-position: 0 -100px
}

.toolbar .alert, .toolbar .preview-button {
    background-image: url(https://d1id5eheivyv24.cloudfront.net/202e4dbf/dist/img/common/toolbar/sprite@2x.png)
}

.mag .toolbar.show-page-counter .page-counter-wrapper {
    opacity: 1;
    visibility: inherit;
    margin-left: 6px;
    -webkit-transition: -webkit-transform .45s cubic-bezier(.56, .86, .59, 1), opacity .4s ease-in-out, width 0s, margin-left 0s;
    transition: -webkit-transform .45s cubic-bezier(.56, .86, .59, 1), opacity .4s ease-in-out, width 0s, margin-left 0s
}

.toolbar .page-counter-wrapper {
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    width: 0;
    margin-left: 0;
    -webkit-transition: -webkit-transform .45s cubic-bezier(.56, .86, .59, 1), opacity .4s ease-in-out, visibility .4s ease-in-out, width 0s ease-in-out .4s, margin-left 0s .4s;
    transition: -webkit-transform .45s cubic-bezier(.56, .86, .59, 1), opacity .4s ease-in-out, visibility .4s ease-in-out, width 0s ease-in-out .4s, margin-left 0s .4s
}

.toolbar .page-counter-wrapper .page-counter {
    position: absolute;
    color: #fff;
    font-size: 16px;
    text-align: right;
    line-height: 50px;
    height: 100%;
    padding: 0 27px;
    white-space: nowrap;
    font-family: Charter, Times New Roman;
    font-style: italic
}

.toolbar .page-counter-wrapper .page-counter .cur, .toolbar .page-counter-wrapper .page-counter .total {
    font-family: -apple-system, system-ui, BlinkMacSystemFont, Segoe UI, Ubuntu, Fira Sans, Roboto, Avenir Next, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-style: normal
}

.toolbar .page-counter-wrapper .page-counter .total {
    padding-left: 2px
}

.toolbar .edit-button {
    background-position: 0 -150px
}

.toolbar .share-button {
    background-position: 0 -50px;
    opacity: 1;
    visibility: inherit;
    -webkit-transition: -webkit-transform .45s cubic-bezier(.56, .86, .59, 1), background-color .2s ease-in-out, opacity .2s ease-in-out, visibility .2s ease-in-out, width 0s ease, margin-left 0s ease;
    transition: transform .45s cubic-bezier(.56, .86, .59, 1), background-color .2s ease-in-out, opacity .2s ease-in-out, visibility .2s ease-in-out, width 0s ease, margin-left 0s ease
}

.mag .toolbar.show-page-counter .menu-button .page-counter {
    opacity: 1
}

.new-settings .mag:not(.viewer-mag-menu-shown) .toolbar.show-page-counter .menu-button .menu-icon {
    left: auto;
    right: 9px
}

.toolbar .menu-button {
    overflow: hidden
}

.toolbar .menu-button .page-counter {
    position: absolute;
    color: #fff;
    font-size: 16px;
    text-align: right;
    line-height: 50px;
    height: 100%;
    right: 0;
    top: 0;
    padding-right: 53px;
    padding-left: 22px;
    white-space: nowrap;
    font-family: Charter, Times New Roman;
    font-style: italic;
    opacity: 0
}

.toolbar .menu-button .page-counter .cur, .toolbar .menu-button .page-counter .total {
    font-family: -apple-system, system-ui, BlinkMacSystemFont, Segoe UI, Ubuntu, Fira Sans, Roboto, Avenir Next, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-style: normal
}

.toolbar .menu-button .page-counter .total {
    padding-left: 2px
}

.toolbar .menu-button .line-1, .toolbar .menu-button .line-2, .toolbar .menu-button .line-3 {
    position: absolute;
    right: 15px;
    width: 20px;
    height: 2px;
    border-radius: 1px;
    background: #fff;
    -webkit-transition: opacity .2s ease, background .2s ease, top .2s ease .2s, -webkit-transform .2s ease;
    transition: opacity .2s ease, background .2s ease, top .2s ease .2s, transform .2s ease
}

.toolbar .menu-button .line-1 {
    top: 18px
}

.toolbar .menu-button .line-2 {
    top: 24px
}

.toolbar .menu-button .line-3 {
    top: 30px
}

.toolbar .menu-button .page-preloader {
    display: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    height: 50px;
    background-position: 0 -200px;
    -webkit-animation: preloading_rotation 1.3s linear 0s infinite normal;
    animation: preloading_rotation 1.3s linear 0s infinite normal
}

.isdesktop .toolbar .menu-button .page-preloader {
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

@-webkit-keyframes preloading_rotation {
    0% {
        -webkit-transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn)
    }
}

@keyframes preloading_rotation {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

.toolbar .menu-button.preloading .line-1, .toolbar .menu-button.preloading .line-2, .toolbar .menu-button.preloading .line-3, .toolbar .menu-button.waiting-video-bg-start .line-1, .toolbar .menu-button.waiting-video-bg-start .line-2, .toolbar .menu-button.waiting-video-bg-start .line-3 {
    opacity: 0
}

.new-settings .toolbar .menu-button.preloading .page-preloader, .new-settings .toolbar .menu-button.waiting-video-bg-start .page-preloader {
    display: none
}

.toolbar .menu-button.preloading .page-preloader, .toolbar .menu-button.waiting-video-bg-start .page-preloader {
    display: block
}

.isdesktop .toolbar .menu-button:hover .line-1, .isdesktop .toolbar .menu-button:hover .line-2, .isdesktop .toolbar .menu-button:hover .line-3, .no-isdesktop .toolbar .menu-button:active .line-1, .no-isdesktop .toolbar .menu-button:active .line-2, .no-isdesktop .toolbar .menu-button:active .line-3 {
    opacity: 1;
    background: #fff
}

.isdesktop .toolbar .menu-button:hover .page-preloader, .no-isdesktop .toolbar .menu-button:active .page-preloader {
    opacity: 0
}

.isdesktop .toolbar.show {
    opacity: 1;
    transition: transform .3s ease, opacity .4s ease-in
}

.isdesktop .toolbar.hide {
    opacity: 0;
    visibility: hidden
}

.isdesktop .viewer-mag-menu-shown .toolbar {
    opacity: 1;
    visibility: visible
}

.isdesktop .cart-sidebar-shown .toolbar {
    -webkit-transform: translateX(-280px);
    -ms-transform: translateX(-280px);
    transform: translateX(-280px)
}

.isdesktop .cart-sidebar-shown .toolbar > .menu-button, .isdesktop .cart-sidebar-shown .toolbar > .share-button.without-menu-button {
    visibility: hidden;
    transition: visibility 0s
}

.isphone .cart-sidebar-shown .toolbar {
    -webkit-transform: translateX(-240px);
    -ms-transform: translateX(-240px);
    transform: translateX(-240px)
}

.isphone .cart-sidebar-shown .toolbar > .menu-button, .isphone .cart-sidebar-shown .toolbar > .share-button.without-menu-button {
    visibility: hidden;
    transition: visibility 0s
}

.settings-is-shown .toolbar {
    -webkit-transform: translateX(-240px);
    -ms-transform: translateX(-240px);
    transform: translateX(-240px)
}

.settings-is-shown.page-settings-is-opened .toolbar, .settings-is-shown.private-pages-is-opened .toolbar, .settings-is-shown.trash-is-opened .toolbar {
    -webkit-transform: translateX(-480px);
    -ms-transform: translateX(-480px);
    transform: translateX(-480px)
}

.new-settings .toolbar-menu-tooltip {
    padding: 0 12px
}

.toolbar-menu-tooltip, .toolbar-share-tooltip {
    background: rgba(40, 40, 40, .88)
}

.toolbar-menu-tooltip .rmalttext-corner, .toolbar-share-tooltip .rmalttext-corner {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 4v-.001h.001l-.006-.205A4.004 4.004 0 00.402.02L.2.005 0 0h16l-.2.005a4.004 4.004 0 00-3.795 3.789L12 4a4 4 0 11-8 0z' fill='%23282828' fill-rule='evenodd' opacity='.88'/%3E%3C/svg%3E")
}

.share-popup-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #000;
    opacity: 0;
    z-index: 9999;
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.viewer-type-vertical-sticky .share-popup-overlay {
    position: fixed
}

.share-popup-overlay.hidden {
    display: none
}

.share-popup-overlay.show-popup {
    opacity: .5
}

.share-popup {
    position: absolute;
    z-index: 9999;
    cursor: default;
    background: #fff;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    font-family: -apple-system, system-ui, BlinkMacSystemFont, Segoe UI, Ubuntu, Fira Sans, Roboto, Avenir Next, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-style: normal;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.no-isdesktop .viewer-type-vertical-sticky .share-popup {
    position: fixed
}

.share-popup.hidden {
    display: none
}

.isdesktop .without-menu-button .share-popup, .istablet .without-menu-button .share-popup {
    margin-left: -135px
}

.isdesktop .without-menu-button .share-popup .corner-wrapper, .istablet .without-menu-button .share-popup .corner-wrapper {
    left: 135px
}

.isdesktop .share-popup {
    top: 64px;
    left: 50%;
    margin-left: -80px;
    width: 160px;
    height: 344px;
    opacity: 0;
    border-radius: 5px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .09), 0 1px 2px rgba(0, 0, 0, .24);
    -webkit-transform: translateY(-8px);
    -ms-transform: translateY(-8px);
    transform: translateY(-8px)
}

.isdesktop .share-popup .corner-wrapper {
    position: absolute;
    left: 80px;
    width: 20px;
    height: 10px;
    top: -10px;
    margin-left: -10px;
    clip: rect(0, 119px, 10px, -99px)
}

.isdesktop .share-popup .corner-wrapper .corner {
    position: absolute;
    width: 14px;
    height: 14px;
    left: 3px;
    top: 3px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    box-shadow: 0 0 0 4px rgba(0, 0, 0, .04), 0 0 0 3px hsla(0, 0%, 100%, .28);
    background: hsla(0, 0%, 95.3%, .98);
    background: #fff;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .09)
}

.isdesktop.new-settings .share-popup {
    height: 294px
}

.istablet .share-popup {
    bottom: 64px;
    left: 50%;
    margin-left: -80px;
    width: 160px;
    height: 344px;
    opacity: 0;
    border-radius: 5px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .48);
    -webkit-transform: translateY(8px);
    -ms-transform: translateY(8px);
    transform: translateY(8px)
}

.istablet .share-popup .corner-wrapper {
    position: absolute;
    left: 80px;
    width: 20px;
    height: 10px;
    bottom: -10px;
    margin-left: -10px;
    clip: rect(0, 119px, 109px, -99px)
}

.istablet .share-popup .corner-wrapper .corner {
    position: absolute;
    width: 14px;
    height: 14px;
    left: 3px;
    top: -7px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    box-shadow: 0 0 0 4px rgba(0, 0, 0, .04), 0 0 0 3px hsla(0, 0%, 100%, .28);
    background: hsla(0, 0%, 95.3%, .98);
    background: #fff;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, .48)
}

.istablet.new-settings .share-popup {
    height: 294px
}

.isphone .share-popup {
    left: 0;
    margin-left: 0;
    bottom: 0;
    width: 100%;
    height: 280px;
    -webkit-transform: translateY(280px);
    -ms-transform: translateY(280px);
    transform: translateY(280px)
}

.isphone .share-popup .corner-wrapper {
    display: none
}

.isphone.new-settings .share-popup {
    height: 224px;
    -webkit-transform: translateY(224px);
    -ms-transform: translateY(224px);
    transform: translateY(224px)
}

.isphone.new-settings .share-popup.show-popup, .share-popup.show-popup {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.share-popup.show-popup {
    opacity: 1
}

.share-popup .sprite {
    background-repeat: no-repeat;
    background-size: 219px 24px
}

.share-popup.show-embed .content-wrapper .share-wrapper {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%)
}

.share-popup.show-embed .content-wrapper .embed-wrapper {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.share-popup .content-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.share-popup .content-wrapper .caption {
    position: relative;
    padding-top: 16px;
    font-size: 20px;
    color: #242424;
    text-align: center
}

.isphone .share-popup .content-wrapper .caption {
    font-size: 28px;
    padding-top: 21px
}

.share-popup .content-wrapper .share-wrapper {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.no-isphone .share-popup .content-wrapper .share-wrapper .type-selector {
    position: relative;
    width: 112px;
    height: 24px;
    margin: 4px auto 0;
    border-radius: 12px;
    box-shadow: inset 0 0 0 1px rgba(36, 36, 36, .1);
    cursor: pointer;
    text-align: center;
    overflow: hidden
}

.isdesktop.no-isphone .share-popup .content-wrapper .share-wrapper .type-selector:hover .type-full, .isdesktop.no-isphone .share-popup .content-wrapper .share-wrapper .type-selector:hover .type-page, .no-isdesktop.no-isphone .share-popup .content-wrapper .share-wrapper .type-selector:active .type-full, .no-isdesktop.no-isphone .share-popup .content-wrapper .share-wrapper .type-selector:active .type-page {
    color: #242424
}

.isdesktop.no-isphone .share-popup .content-wrapper .share-wrapper .type-selector:hover .arrow, .no-isdesktop.no-isphone .share-popup .content-wrapper .share-wrapper .type-selector:active .arrow {
    opacity: 1
}

.no-isphone .share-popup .content-wrapper .share-wrapper .type-selector .type-full, .no-isphone .share-popup .content-wrapper .share-wrapper .type-selector .type-page {
    position: relative;
    width: 100%;
    height: 100%;
    line-height: 25px;
    font-size: 12px;
    color: rgba(36, 36, 36, .5);
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.no-isphone .share-popup .content-wrapper .share-wrapper .type-selector[data-tp=page] .type-full {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    opacity: 0
}

.no-isphone .share-popup .content-wrapper .share-wrapper .type-selector[data-tp=page] .type-page {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%)
}

.no-isphone .share-popup .content-wrapper .share-wrapper .type-selector[data-tp=full] .type-page {
    opacity: 0
}

.no-isphone .share-popup .content-wrapper .share-wrapper .type-selector .arrow {
    position: absolute;
    top: 11px;
    right: 8px;
    width: 5px;
    height: 4px;
    background-position: -214px 0;
    opacity: .4;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.isphone .share-popup .content-wrapper .share-wrapper .type-selector {
    position: relative;
    width: 196px;
    height: 24px;
    margin: 11px auto 0
}

.isphone .share-popup .content-wrapper .share-wrapper .type-selector .type-full, .isphone .share-popup .content-wrapper .share-wrapper .type-selector .type-page {
    position: absolute;
    width: 96px;
    height: 100%;
    line-height: 25px;
    text-align: center;
    font-size: 12px;
    color: rgba(36, 36, 36, .5);
    border-radius: 12px;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1)
}

.isphone .share-popup .content-wrapper .share-wrapper .type-selector .type-full {
    left: 0
}

.isphone .share-popup .content-wrapper .share-wrapper .type-selector .type-page {
    right: 0
}

.isphone .share-popup .content-wrapper .share-wrapper .type-selector[data-tp=full] .type-full, .isphone .share-popup .content-wrapper .share-wrapper .type-selector[data-tp=page] .type-page {
    color: #fff;
    background: #0078ff;
    box-shadow: none
}

.isphone .share-popup .content-wrapper .share-wrapper .type-selector .arrow {
    display: none
}

.share-popup .content-wrapper .share-wrapper .buttons-wrapper {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    margin-top: 16px;
    width: 100%;
    height: 168px;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    user-select: none
}

.isdesktop.new-settings .share-popup .content-wrapper .share-wrapper .buttons-wrapper {
    height: 112px
}

.isphone .share-popup .content-wrapper .share-wrapper .buttons-wrapper {
    margin-top: 28px;
    height: 112px
}

.isphone.new-settings .share-popup .content-wrapper .share-wrapper .buttons-wrapper {
    height: 56px
}

.share-popup .content-wrapper .share-wrapper .buttons-wrapper .button {
    position: relative;
    flex: 50%;
    height: 56px;
    cursor: pointer;
    color: transparent;
    font-size: 14px;
    line-height: 56px;
    text-align: center
}

.isphone .share-popup .content-wrapper .share-wrapper .buttons-wrapper .button {
    flex: 33.33%
}

.isphone.new-settings .share-popup .content-wrapper .share-wrapper .buttons-wrapper .button {
    flex: 25%
}

.share-popup .content-wrapper .share-wrapper .buttons-wrapper .button .icon {
    position: absolute;
    left: 50%;
    top: 50%
}

.isdesktop .share-popup .content-wrapper .share-wrapper .buttons-wrapper .button:hover, .no-isdesktop .share-popup .content-wrapper .share-wrapper .buttons-wrapper .button:active {
    color: #fff
}

.isdesktop .share-popup .content-wrapper .share-wrapper .buttons-wrapper .button:hover .icon, .no-isdesktop .share-popup .content-wrapper .share-wrapper .buttons-wrapper .button:active .icon {
    opacity: 0
}

.share-popup .content-wrapper .share-wrapper .buttons-wrapper .share-facebook {
    background-color: #026ee8
}

.share-popup .content-wrapper .share-wrapper .buttons-wrapper .share-facebook .icon {
    background-position: 0 0;
    width: 10px;
    height: 22px;
    margin-left: -5px;
    margin-top: -11px
}

.share-popup .content-wrapper .share-wrapper .buttons-wrapper .share-twitter {
    background-color: #00baff
}

.share-popup .content-wrapper .share-wrapper .buttons-wrapper .share-twitter .icon {
    background-position: -11px 0;
    width: 27px;
    height: 22px;
    margin-left: -14px;
    margin-top: -11px
}

.share-popup .content-wrapper .share-wrapper .buttons-wrapper .share-gplus {
    background-color: #f66b05
}

.share-popup .content-wrapper .share-wrapper .buttons-wrapper .share-gplus .icon {
    background-position: -39px 0;
    width: 24px;
    height: 22px;
    margin-left: -10px;
    margin-top: -11px
}

.share-popup .content-wrapper .share-wrapper .buttons-wrapper .share-pinterest {
    background-color: #db1611
}

.share-popup .content-wrapper .share-wrapper .buttons-wrapper .share-pinterest .icon {
    background-position: -64px 0;
    width: 18px;
    height: 24px;
    margin-left: -9px;
    margin-top: -12px
}

.share-popup .content-wrapper .share-wrapper .buttons-wrapper .share-linkedin {
    background-color: #107eb8
}

.share-popup .content-wrapper .share-wrapper .buttons-wrapper .share-linkedin .icon {
    background-position: -83px 0;
    width: 23px;
    height: 23px;
    margin-left: -11px;
    margin-top: -14px
}

.share-popup .content-wrapper .share-wrapper .buttons-wrapper .share-mail {
    background-color: #20a229
}

.share-popup .content-wrapper .share-wrapper .buttons-wrapper .share-mail .icon {
    background-position: -107px 0;
    width: 28px;
    height: 22px;
    margin-left: -14px;
    margin-top: -11px
}

.share-popup .content-wrapper .share-wrapper .open-embed, .share-popup .content-wrapper .share-wrapper .send-report {
    position: relative;
    width: 144px;
    margin: 0 auto;
    height: 48px;
    color: #242424;
    font-size: 14px;
    line-height: 48px;
    cursor: pointer;
    text-align: center
}

.isdesktop .share-popup .content-wrapper .share-wrapper .open-embed:hover .icon, .isdesktop .share-popup .content-wrapper .share-wrapper .send-report:hover .icon, .no-isdesktop .share-popup .content-wrapper .share-wrapper .open-embed:active .icon, .no-isdesktop .share-popup .content-wrapper .share-wrapper .send-report:active .icon {
    opacity: 1
}

.isphone .share-popup .content-wrapper .share-wrapper .open-embed, .isphone .share-popup .content-wrapper .share-wrapper .send-report {
    position: absolute;
    bottom: 0;
    width: 33%;
    margin: 0;
    height: 56px;
    font-size: 12px;
    line-height: 56px;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.share-popup .content-wrapper .share-wrapper .open-embed .icon, .share-popup .content-wrapper .share-wrapper .send-report .icon {
    position: absolute;
    opacity: .24
}

.isphone .share-popup .content-wrapper .share-wrapper .open-embed .icon, .isphone .share-popup .content-wrapper .share-wrapper .send-report .icon {
    opacity: 1
}

.isdesktop .share-popup .content-wrapper .share-wrapper .open-embed .icon, .isdesktop .share-popup .content-wrapper .share-wrapper .send-report .icon {
    -webkit-transition: all .15s ease-out;
    transition: all .15s ease-out
}

.share-popup .content-wrapper .share-wrapper .open-embed {
    line-height: 52px
}

.isphone .share-popup .content-wrapper .share-wrapper .open-embed {
    left: 0;
    text-align: left;
    padding-left: 46px;
    line-height: 60px
}

.share-popup .content-wrapper .share-wrapper .open-embed .icon {
    background-position: -136px 0;
    left: 5px;
    top: 17px;
    width: 22px;
    height: 16px
}

.isphone .share-popup .content-wrapper .share-wrapper .open-embed .icon {
    left: 17px;
    top: 21px
}

.share-popup .content-wrapper .share-wrapper .close {
    display: none
}

.isphone .share-popup .content-wrapper .share-wrapper .close {
    display: block;
    position: absolute;
    bottom: 0;
    left: 33%;
    width: 34%;
    height: 56px;
    color: rgba(36, 36, 36, .5);
    font-size: 12px;
    line-height: 60px;
    text-align: center;
    cursor: pointer
}

.isphone .share-popup .content-wrapper .share-wrapper .close:active {
    color: #242424
}

.share-popup .content-wrapper .share-wrapper .send-report {
    box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, .1)
}

.isphone .share-popup .content-wrapper .share-wrapper .send-report {
    right: 0;
    text-align: right;
    padding-right: 45px;
    box-shadow: none;
    line-height: 60px
}

.share-popup .content-wrapper .share-wrapper .send-report .icon {
    background-position: -182px 0;
    left: 8px;
    top: 16px;
    width: 15px;
    height: 16px
}

.isphone .share-popup .content-wrapper .share-wrapper .send-report .icon {
    left: auto;
    right: 21px;
    top: 22px
}

.share-popup .content-wrapper .embed-wrapper {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.share-popup .content-wrapper .embed-wrapper .size-selector {
    position: relative;
    width: 100px;
    height: 24px;
    margin: 4px auto 0;
    border-radius: 12px;
    box-shadow: inset 0 0 0 1px rgba(36, 36, 36, .1);
    cursor: pointer;
    text-align: center;
    overflow: hidden
}

.share-popup .content-wrapper .embed-wrapper .size-selector .size {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    line-height: 25px;
    font-size: 12px;
    color: rgba(36, 36, 36, .5);
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
    opacity: 0
}

.share-popup .content-wrapper .embed-wrapper .size-selector[data-selected=responsive] .size.responsive {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1
}

.share-popup .content-wrapper .embed-wrapper .size-selector[data-selected=responsive] .size.big {
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%)
}

.share-popup .content-wrapper .embed-wrapper .size-selector[data-selected=big] .size.responsive, .share-popup .content-wrapper .embed-wrapper .size-selector[data-selected=responsive] .size.small {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%)
}

.share-popup .content-wrapper .embed-wrapper .size-selector[data-selected=big] .size.big {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1
}

.share-popup .content-wrapper .embed-wrapper .size-selector[data-selected=big] .size.small, .share-popup .content-wrapper .embed-wrapper .size-selector[data-selected=small] .size.responsive {
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%)
}

.share-popup .content-wrapper .embed-wrapper .size-selector[data-selected=small] .size.big {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%)
}

.share-popup .content-wrapper .embed-wrapper .size-selector[data-selected=small] .size.small {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1
}

.share-popup .content-wrapper .embed-wrapper .size-selector .arrow {
    position: absolute;
    top: 11px;
    right: 8px;
    width: 5px;
    height: 4px;
    background-position: -214px 0;
    opacity: .4;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.isdesktop .share-popup .content-wrapper .embed-wrapper .size-selector:hover .size-value, .no-isdesktop .share-popup .content-wrapper .embed-wrapper .size-selector:active .size-value {
    color: #242424
}

.isdesktop .share-popup .content-wrapper .embed-wrapper .size-selector:hover .arrow, .no-isdesktop .share-popup .content-wrapper .embed-wrapper .size-selector:active .arrow {
    opacity: 1
}

.share-popup .content-wrapper .embed-wrapper .code-block {
    border-radius: 6px;
    border: 1px solid #e5e5e5;
    padding-bottom: 9px;
    margin: 15px auto 0;
    width: 128px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.share-popup .content-wrapper .embed-wrapper .code-block .thumb .thumb-pic {
    width: 100%;
    height: 84px;
    border-radius: 6px 6px 0 0;
    display: block
}

.share-popup .content-wrapper .embed-wrapper .code-block .thumb .thumb-toolbar {
    position: relative;
    height: 19px;
    box-shadow: 0 0 0 1px #e5e5e5;
    border-radius: 0 0 6px 6px
}

.share-popup .content-wrapper .embed-wrapper .code-block .thumb .thumb-toolbar .icon {
    position: absolute;
    top: 4px;
    background-size: 100% 100%;
    background-repeat: no-repeat
}

.share-popup .content-wrapper .embed-wrapper .code-block .thumb .thumb-toolbar .arrows {
    right: 47px;
    width: 32px;
    height: 11px
}

.share-popup .content-wrapper .embed-wrapper .code-block .thumb .thumb-toolbar .open {
    right: 4px;
    width: 28px;
    height: 11px
}

.share-popup .content-wrapper .embed-wrapper .code-block .embed-code {
    width: 112px;
    height: 94px;
    margin: 10px auto 0;
    overflow-y: hidden;
    overflow-x: hidden;
    outline: none;
    border: none;
    resize: none;
    background-color: transparent;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    font-family: -apple-system, system-ui, BlinkMacSystemFont, Segoe UI, Ubuntu, Fira Sans, Roboto, Avenir Next, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 12px;
    line-height: 16px;
    color: #242424;
    white-space: pre;
    word-wrap: break-word
}

.isphone .share-popup .content-wrapper .embed-wrapper .size-selector {
    margin: 11px auto 0
}

.isphone .share-popup .content-wrapper .embed-wrapper .code-block {
    width: 80%;
    margin-top: 27px
}

.isphone .share-popup .content-wrapper .embed-wrapper .code-block .thumb {
    display: none
}

.isphone .share-popup .content-wrapper .embed-wrapper .code-block .embed-code {
    width: 90%;
    height: 92px;
    font-size: 16px;
    line-height: 20px
}

.share-popup .content-wrapper .embed-wrapper .back {
    position: absolute;
    bottom: 17px;
    width: 34px;
    left: 50%;
    margin-left: -17px;
    color: #242424;
    cursor: pointer;
    text-align: center;
    font-size: 14px
}

.isdesktop .share-popup .content-wrapper .embed-wrapper .back {
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.isdesktop .share-popup .content-wrapper .embed-wrapper .back:hover, .no-isdesktop .share-popup .content-wrapper .embed-wrapper .back:active {
    color: #0078ff
}

.new-settings.isdesktop .share-popup {
    top: auto;
    bottom: 64px
}

.new-settings.isdesktop .share-popup .corner-wrapper {
    display: none
}

.new-settings.isdesktop.controls-on-top .share-popup {
    top: 64px;
    bottom: auto
}

.new-settings.isdesktop.controls-on-top .share-popup .corner-wrapper {
    display: block
}

.mag-menu {
    position: absolute;
    overflow: hidden;
    z-index: 110;
    background: #2f2f2f;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    user-select: none;
    font-family: -apple-system, system-ui, BlinkMacSystemFont, Segoe UI, Ubuntu, Fira Sans, Roboto, Avenir Next, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-style: normal;
    visibility: hidden;
    -webkit-transition: -webkit-transform .3s ease, visibility .3s ease;
    transition: transform .3s ease, visibility .3s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.viewer-type-vertical-sticky .mag-menu {
    position: fixed
}

.no-isphone .viewer-type-horizontal .mag-menu {
    left: 0;
    bottom: 0;
    width: 100%;
    height: 184px
}

.no-isphone .viewer-type-horizontal:not(.viewer-mag-menu-shown) .mag-menu {
    -webkit-transform: translateY(184px);
    -ms-transform: translateY(184px);
    transform: translateY(184px)
}

.no-isphone .viewer-type-vertical .mag-menu {
    right: 0;
    top: 0;
    width: 280px;
    height: 100%
}

.no-isphone.new-settings .viewer-type-vertical .mag-menu {
    width: 240px
}

.no-isphone.new-settings.mobile-screenshots .viewer-type-vertical .mag-menu.phone_portrait, .no-isphone.new-settings.mobile-screenshots .viewer-type-vertical .mag-menu.tablet_portrait {
    width: 120px
}

.no-isphone .viewer-type-vertical:not(.viewer-mag-menu-shown) .mag-menu {
    -webkit-transform: translateX(280px);
    -ms-transform: translateX(280px);
    transform: translateX(280px)
}

.no-isphone.new-settings .viewer-type-vertical:not(.viewer-mag-menu-shown) .mag-menu {
    -webkit-transform: translateX(240px);
    -ms-transform: translateX(240px);
    transform: translateX(240px)
}

.no-isphone.new-settings.mobile-screenshots .viewer-type-vertical:not(.viewer-mag-menu-shown) .mag-menu.phone_portrait, .no-isphone.new-settings.mobile-screenshots .viewer-type-vertical:not(.viewer-mag-menu-shown) .mag-menu.tablet_portrait {
    -webkit-transform: translateX(120px);
    -ms-transform: translateX(120px);
    transform: translateX(120px)
}

.isphone .viewer-type-horizontal .mag-menu {
    left: 0;
    bottom: 0;
    width: 100%;
    height: 184px
}

.isphone .viewer-type-horizontal .mag-menu.no-project-info {
    height: 92px
}

.isphone.mobile-screenshots .viewer-type-horizontal .mag-menu {
    height: 305px
}

.isphone.mobile-screenshots .viewer-type-horizontal .mag-menu.no-project-info {
    height: 213px
}

.isphone .viewer-type-horizontal:not(.viewer-mag-menu-shown) .mag-menu {
    -webkit-transform: translateY(184px);
    -ms-transform: translateY(184px);
    transform: translateY(184px)
}

.isphone .viewer-type-horizontal:not(.viewer-mag-menu-shown) .mag-menu.no-project-info {
    -webkit-transform: translateY(92px);
    -ms-transform: translateY(92px);
    transform: translateY(92px)
}

.isphone.mobile-screenshots .viewer-type-horizontal:not(.viewer-mag-menu-shown) .mag-menu {
    -webkit-transform: translateY(305px);
    -ms-transform: translateY(305px);
    transform: translateY(305px)
}

.isphone.mobile-screenshots .viewer-type-horizontal:not(.viewer-mag-menu-shown) .mag-menu.no-project-info {
    -webkit-transform: translateY(213px);
    -ms-transform: translateY(213px);
    transform: translateY(213px)
}

.isphone .viewer-type-vertical .mag-menu {
    right: 0;
    top: 0;
    width: 240px;
    height: 100%
}

.isphone .viewer-type-vertical:not(.viewer-mag-menu-shown) .mag-menu {
    -webkit-transform: translateX(240px);
    -ms-transform: translateX(240px);
    transform: translateX(240px)
}

.isphone.mobile-screenshots .viewer-type-vertical .mag-menu {
    width: 120px
}

.isphone.mobile-screenshots .viewer-type-vertical:not(.viewer-mag-menu-shown) .mag-menu {
    -webkit-transform: translateX(120px);
    -ms-transform: translateX(120px);
    transform: translateX(120px)
}

.viewer-type-horizontal .mag-menu.swiping, .viewer-type-horizontal.viewer-mag-menu-shown .mag-menu {
    box-shadow: 0 -1px 2px rgba(0, 0, 0, .24)
}

.viewer-type-vertical .mag-menu.swiping, .viewer-type-vertical.viewer-mag-menu-shown .mag-menu {
    box-shadow: -1px 0 2px rgba(0, 0, 0, .24)
}

.mag-menu.swiping, .viewer-mag-menu-shown .mag-menu {
    visibility: visible;
    -webkit-transition: -webkit-transform .3s ease, visibility 0s;
    transition: transform .3s ease, visibility 0s
}

.mag-menu .sprite {
    background-repeat: no-repeat;
    background-size: 114px 92px;
    background-image: url(https://d1id5eheivyv24.cloudfront.net/202e4dbf/dist/img/viewer/mag-menu/sprite.png)
}

.mag-menu .menu-info {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 60
}

.mag-menu .menu-info.hidden {
    display: none
}

.viewer-type-horizontal .mag-menu .menu-info {
    box-shadow: 1px 0 0 0 rgba(0, 0, 0, .1)
}

.viewer-type-vertical .mag-menu .menu-info {
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, .1)
}

.no-isphone .mag-menu .menu-info {
    width: 280px;
    height: 184px
}

.no-isphone.new-settings .mag-menu .menu-info {
    width: 100%
}

.no-isphone.new-settings .viewer-type-horizontal .mag-menu .menu-info {
    width: 280px
}

.isphone .viewer-type-horizontal .mag-menu .menu-info {
    width: 100%;
    height: 92px;
    top: auto;
    bottom: 0
}

.isphone .viewer-type-vertical .mag-menu .menu-info {
    width: 100%;
    height: 160px
}

.isphone .viewer-type-vertical .mag-menu .menu-info:after {
    content: "";
    position: absolute;
    top: 80px;
    width: 100%;
    height: 1px;
    background: rgba(0, 0, 0, .1)
}

.isdesktop .mag-menu .menu-info a:hover .username, .no-isdesktop .mag-menu .menu-info a:active .username {
    color: #fff
}

.mag-menu .menu-info a .userpic {
    position: absolute;
    left: 31px;
    top: 23px;
    width: 56px;
    height: 56px;
    border-radius: 28px;
    background-size: 100% 100%
}

.isdesktop .viewer-type-vertical .mag-menu .menu-info a .userpic {
    top: 16px;
    left: 24px
}

.isdesktop .viewer-type-horizontal .mag-menu .menu-info a .userpic {
    left: 24px
}

.mag-menu .menu-info a .userpic:after {
    content: "";
    position: absolute;
    left: 40px;
    top: 9px;
    width: 21px;
    height: 34px
}

.isphone .mag-menu .menu-info a .userpic {
    left: 16px;
    top: 16px;
    width: 48px;
    height: 48px;
    border-radius: 24px;
    background-size: 48px 48px
}

.isphone .mag-menu .menu-info a .userpic:after {
    content: "";
    position: absolute;
    left: 35px;
    top: 6px;
    width: 26px;
    height: 36px
}

.isphone .viewer-type-horizontal .mag-menu .menu-info a .userpic {
    top: 22px
}

.mag-menu .menu-info a .username {
    position: absolute;
    left: 92px;
    right: 24px;
    top: 50px;
    font-size: 14px;
    color: hsla(0, 0%, 100%, .24);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}

.isdesktop .mag-menu .menu-info a .username {
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.isdesktop .viewer-type-vertical .mag-menu .menu-info a .username {
    top: 43px
}

.isphone .viewer-type-horizontal .mag-menu .menu-info a .username {
    left: 76px;
    right: 24px;
    top: 51px
}

.isphone .viewer-type-horizontal .mag-menu .menu-info a .username:before {
    content: "by ";
    color: hsla(0, 0%, 100%, .24)
}

.isphone .viewer-type-vertical .mag-menu .menu-info a .username {
    left: 76px;
    right: 24px;
    top: 42px
}

.isdesktop .mag-menu .menu-info a:hover ~ .published-by:after, .no-isdesktop .mag-menu .menu-info a:active ~ .published-by:after {
    content: attr(data_date)
}

.mag-menu .menu-info .published-by {
    position: absolute;
    left: 92px;
    top: 36px;
    width: 80px;
    white-space: nowrap;
    font-size: 8px;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    color: hsla(0, 0%, 100%, .24);
    padding-bottom: 6px
}

.mag-menu .menu-info .published-by:after {
    content: attr(data_caption)
}

.isdesktop .mag-menu .menu-info .published-by:hover:after, .no-isdesktop .mag-menu .menu-info .published-by:active:after {
    content: attr(data_date)
}

.isdesktop .viewer-type-vertical .mag-menu .menu-info .published-by {
    top: 29px
}

.isphone .viewer-type-horizontal .mag-menu .menu-info .published-by {
    display: none
}

.isphone .viewer-type-vertical .mag-menu .menu-info .published-by {
    left: 76px;
    top: 25px
}

.mag-menu .menu-info .mag-title {
    position: absolute;
    left: 32px;
    right: 32px;
    bottom: 25px;
    max-height: 68px;
    font-size: 28px;
    line-height: 34px;
    color: #fff;
    overflow: hidden;
    word-wrap: break-word;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}

.isdesktop .mag-menu .menu-info .mag-title {
    left: 24px;
    right: 24px
}

.isphone .viewer-type-horizontal .mag-menu .menu-info .mag-title {
    left: 76px;
    right: 24px;
    top: 24px;
    bottom: auto;
    font-size: 20px;
    line-height: 24px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.isphone .viewer-type-vertical .mag-menu .menu-info .mag-title {
    left: 16px;
    right: 16px;
    bottom: 16px;
    font-size: 20px;
    line-height: 24px
}

.no-isphone .viewer-type-horizontal .mag-menu .scroll-wrapper {
    left: 280px
}

.no-isphone .viewer-type-horizontal .mag-menu.no-project-info .scroll-wrapper {
    left: 0
}

.no-isphone .viewer-type-vertical .mag-menu .scroll-wrapper {
    top: 184px
}

.no-isphone .viewer-type-vertical .mag-menu.no-project-info .scroll-wrapper {
    top: 0
}

.isphone .viewer-type-horizontal .mag-menu .scroll-wrapper {
    bottom: 92px
}

.isphone .viewer-type-horizontal .mag-menu.no-project-info .scroll-wrapper {
    bottom: 0
}

.isphone .viewer-type-vertical .mag-menu .scroll-wrapper {
    top: 160px
}

.isphone .viewer-type-vertical .mag-menu.no-project-info .scroll-wrapper {
    top: 0
}

.mag-menu .scroll-wrapper {
    position: absolute;
    overflow: hidden;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.isphone .viewer-type-horizontal .mag-menu .scroll-wrapper {
    box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, .1)
}

.mag-menu .scroll-wrapper .scroll {
    display: none;
    position: absolute;
    border-radius: 4px;
    background: rgba(66, 66, 66, .42);
    -webkit-transition: all .1s ease-out;
    transition: all .1s ease-out;
    cursor: -webkit-grab;
    cursor: -moz-grab;
    z-index: 40
}

.no-isdesktop .mag-menu .scroll-wrapper .scroll {
    display: none !important
}

.viewer-type-horizontal .mag-menu .scroll-wrapper .scroll {
    height: 4px;
    bottom: 8px
}

.viewer-type-horizontal .mag-menu .scroll-wrapper .scroll.dragging, .viewer-type-horizontal .mag-menu .scroll-wrapper .scroll:hover {
    height: 8px
}

.viewer-type-horizontal .mag-menu .scroll-wrapper .scroll:after {
    content: "";
    position: absolute;
    bottom: -4px;
    left: 0;
    right: 0;
    height: 16px
}

.viewer-type-vertical .mag-menu .scroll-wrapper .scroll {
    width: 4px;
    right: 8px
}

.viewer-type-vertical .mag-menu .scroll-wrapper .scroll.dragging, .viewer-type-vertical .mag-menu .scroll-wrapper .scroll:hover {
    width: 8px
}

.viewer-type-vertical .mag-menu .scroll-wrapper .scroll:after {
    content: "";
    position: absolute;
    right: -4px;
    top: 0;
    bottom: 0;
    width: 16px
}

.mag-menu .scroll-wrapper .pages-wrapper {
    position: absolute;
    width: 100%;
    height: 100%
}

.isdesktop .viewer-mag-menu-shown .mag-menu .scroll-wrapper .pages-wrapper {
    will-change: scroll-position
}

.viewer-type-horizontal .mag-menu .scroll-wrapper .pages-wrapper {
    overflow-x: scroll;
    overflow-y: hidden
}

.viewer-type-vertical .mag-menu .scroll-wrapper .pages-wrapper {
    overflow-x: hidden;
    overflow-y: scroll
}

.viewer-type-horizontal .mag-menu .scroll-wrapper .pages-wrapper {
    padding-bottom: 30px
}

.viewer-type-vertical .mag-menu .scroll-wrapper .pages-wrapper {
    padding-right: 30px
}

.no-isdesktop .mag-menu .scroll-wrapper .pages-wrapper {
    -webkit-overflow-scrolling: touch
}

.mag-menu .scroll-wrapper .pages-wrapper .pages {
    min-width: 100%;
    position: relative
}

.viewer-type-horizontal .mag-menu .scroll-wrapper .pages-wrapper .pages {
    height: 100%
}

.viewer-type-vertical .mag-menu .scroll-wrapper .pages-wrapper .pages {
    width: 100%
}

.mag-menu .scroll-wrapper .pages-wrapper .pages .page {
    position: absolute;
    pointer-events: all;
    cursor: pointer
}

.viewer-type-horizontal .mag-menu .scroll-wrapper .pages-wrapper .pages .page {
    top: 0
}

.viewer-type-horizontal .mag-menu .scroll-wrapper .pages-wrapper .pages .page:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background: rgba(0, 0, 0, .05);
    z-index: 35
}

.viewer-type-vertical .mag-menu .scroll-wrapper .pages-wrapper .pages .page {
    left: 0
}

.viewer-type-vertical .mag-menu .scroll-wrapper .pages-wrapper .pages .page:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
    background: rgba(0, 0, 0, .05);
    z-index: 35
}

.mag-menu .scroll-wrapper .pages-wrapper .pages .page:not(.active):before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    z-index: 30
}

.mobile-screenshots.isphone .viewer-type-vertical .mag-menu .scroll-wrapper .pages-wrapper .pages .page:not(.active):before {
    background: rgba(0, 0, 0, .6)
}

.mag-menu .scroll-wrapper .pages-wrapper .pages .page:not(.active) .num:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 12px;
    background: rgba(0, 0, 0, .4);
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.isdesktop .mag-menu .scroll-wrapper .pages-wrapper .pages .page:hover .num:not(.active):before {
    content: "";
    background: transparent
}

.mag-menu .scroll-wrapper .pages-wrapper .pages .page.active {
    cursor: default
}

.mag-menu .scroll-wrapper .pages-wrapper .pages .page.active .num {
    background: #0078ff;
    color: hsla(0, 0%, 100%, .8)
}

.mag-menu .scroll-wrapper .pages-wrapper .pages .page .screenshot {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 20;
    background: #2f2f2f
}

.mag-menu .scroll-wrapper .pages-wrapper .pages .page .private-page {
    background-image: url(https://d1id5eheivyv24.cloudfront.net/202e4dbf/dist/img/viewer/mag-menu/lock-icon.svg);
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    z-index: 50;
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: .8
}

.mag-menu .scroll-wrapper .pages-wrapper .pages .page .num {
    position: absolute;
    right: 8px;
    bottom: 8px;
    width: 24px;
    height: 24px;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 0 2px rgba(0, 0, 0, .42);
    font-size: 12px;
    line-height: 25px;
    text-align: center;
    color: rgba(0, 0, 0, .8);
    z-index: 50
}

.isphone .viewer-type-horizontal .mag-menu .scroll-wrapper .pages-wrapper .pages .page .num {
    right: 4px;
    bottom: 4px
}

.mag-menu .scroll-wrapper .pages-wrapper .pages .page .num.over99 {
    width: 32px
}

.mag-menu .scroll-wrapper .pages-wrapper .pages .page .num.nested-over-3 {
    width: 34px
}

.mag-menu .scroll-wrapper .pages-wrapper .pages .page .num.nested-over-4 {
    width: 44px
}

.mag-menu.no-project-info .menu-info {
    display: none
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
    .mag-menu .sprite {
        background-image: url(https://d1id5eheivyv24.cloudfront.net/202e4dbf/dist/img/viewer/mag-menu/sprite@2x.png)
    }
}

.magpassword-container {
    position: absolute;
    min-width: 550px;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
    background-color: #000;
    color: #fff;
    z-index: 400;
    font-family: -apple-system, system-ui, BlinkMacSystemFont, Segoe UI, Ubuntu, Fira Sans, Roboto, Avenir Next, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-style: normal
}

.isphone .magpassword-container {
    min-width: 0
}

.magpassword-container .invisible {
    opacity: 0
}

.magpassword-container .img-preloader {
    width: 0;
    height: 0;
    visibility: hidden;
    background-image: url(https://d1id5eheivyv24.cloudfront.net/202e4dbf/dist/img/viewer/mag-password/powered-logo-hover.png), url(https://d1id5eheivyv24.cloudfront.net/202e4dbf/dist/img/viewer/mag-password/powered-logo-hover@2x.png)
}

.magpassword-container .back {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-image: url(https://d1id5eheivyv24.cloudfront.net/202e4dbf/dist/img/viewer/mag-password/bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    -webkit-transition: opacity .5s ease-out;
    transition: opacity .5s ease-out
}

.isphone .magpassword-container .back {
    background-image: url(https://d1id5eheivyv24.cloudfront.net/202e4dbf/dist/img/viewer/mag-password/bg-phone.jpg)
}

.magpassword-container a {
    color: #fff;
    text-decoration: none
}

.magpassword-container .center-table {
    display: table;
    width: 100%;
    height: 100%;
    position: relative
}

.magpassword-container .center-table .center-cell {
    display: table-cell;
    width: 110%;
    vertical-align: middle;
    text-align: center
}

.isphone .magpassword-container .center-table .center-cell {
    width: 100%
}

.magpassword-container .center-table .center-cell .center-content {
    display: inline-block;
    width: 418px;
    max-width: 418px;
    text-align: left;
    font-size: 28px;
    line-height: 32px;
    -webkit-transition: opacity .5s ease-out;
    transition: opacity .5s ease-out
}

.isphone .magpassword-container .center-table .center-cell .center-content {
    width: 90%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 0 32px;
    text-align: center
}

.isphone .magpassword-container .center-table .center-cell .center-content .password-wrapper .input-wrapper {
    padding-right: 90px
}

.isphone .magpassword-container .center-table .center-cell .center-content .password-wrapper .input-wrapper .password-input {
    font-size: 16px;
    line-height: 32px
}

.isphone .magpassword-container .center-table .center-cell .center-content .password-wrapper .input-wrapper .access {
    font-size: 16px;
    width: 90px
}

.isphone.safari .magpassword-container .center-table .center-cell .center-content .password-wrapper .input-wrapper .password-input.active {
    padding-bottom: 9px;
    padding-left: 0
}

.magpassword-container .center-table .center-cell .center-content .password-wrapper {
    margin: 24px auto 0;
    height: 50px;
    width: 100%;
    white-space: nowrap;
    font-size: 0
}

.magpassword-container .center-table .center-cell .center-content .password-wrapper.shake {
    -webkit-animation: shake .5s linear;
    animation: shake .5s linear
}

@-webkit-keyframes shake {
    8%, 41% {
        -webkit-transform: translateX(-10px)
    }
    25%, 58% {
        -webkit-transform: translateX(10px)
    }
    75% {
        -webkit-transform: translateX(-5px)
    }
    92% {
        -webkit-transform: translateX(5px)
    }
    0%, to {
        -webkit-transform: translateX(0)
    }
}

@keyframes shake {
    8%, 41% {
        transform: translateX(-10px)
    }
    25%, 58% {
        transform: translateX(10px)
    }
    75% {
        transform: translateX(-5px)
    }
    92% {
        transform: translateX(5px)
    }
    0%, to {
        transform: translateX(0)
    }
}

.magpassword-container .center-table .center-cell .center-content .password-wrapper .input-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    background: #fff;
    border-radius: 25px;
    display: inline-block;
    vertical-align: bottom;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 25px;
    padding-right: 111px
}

.magpassword-container .center-table .center-cell .center-content .password-wrapper .input-wrapper .password-input {
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 20px;
    line-height: normal;
    border: none;
    padding-bottom: 2px;
    padding-right: 6px
}

.magpassword-container .center-table .center-cell .center-content .password-wrapper .input-wrapper .password-input.active {
    font-size: 31px;
    padding-top: 5px
}

.magpassword-container .center-table .center-cell .center-content .password-wrapper .input-wrapper .password-input::placeholder {
    line-height: inherit;
    color: #999;
    font-size: inherit
}

.magpassword-container .center-table .center-cell .center-content .password-wrapper .input-wrapper .password-input::-webkit-input-placeholder {
    line-height: inherit;
    color: #999;
    font-size: inherit
}

.magpassword-container .center-table .center-cell .center-content .password-wrapper .input-wrapper .password-input::-moz-placeholder {
    line-height: 48px;
    padding-bottom: 0;
    color: #999;
    font-size: inherit
}

.magpassword-container .center-table .center-cell .center-content .password-wrapper .input-wrapper .access {
    position: absolute;
    right: -1px;
    width: 111px;
    height: 100%;
    border-radius: 0 25px 25px 0;
    background-color: #0078ff;
    color: #fff;
    font-size: 20px;
    text-align: center;
    line-height: 50px;
    cursor: pointer;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    display: inline-block;
    text-indent: -2px;
    -webkit-transition: background-color .2s ease-out;
    transition: background-color .2s ease-out
}

.magpassword-container .center-table .center-cell .center-content .password-wrapper .input-wrapper .access.disabled {
    background-color: #999;
    cursor: default
}

.isdesktop .magpassword-container .center-table .center-cell .center-content .password-wrapper .input-wrapper .access:not(.disabled):hover {
    background-color: #1482ff
}

.isdesktop.firefox .magpassword-container .center-table .center-cell .center-content .password-wrapper .input-wrapper .password-input.active, .isdesktop.safari .magpassword-container .center-table .center-cell .center-content .password-wrapper .input-wrapper .password-input.active {
    padding-bottom: 9px
}

.isdesktop.firefox .magpassword-container .center-table .center-cell .center-content .password-wrapper .input-wrapper .password-input:invalid, .isdesktop.safari .magpassword-container .center-table .center-cell .center-content .password-wrapper .input-wrapper .password-input:invalid {
    box-shadow: none
}

.magpassword-container .author {
    position: absolute;
    left: 31px;
    top: 30px;
    width: 80%;
    -webkit-transition: all .5s ease-out;
    transition: all .5s ease-out
}

.isphone .magpassword-container .author {
    display: none
}

.magpassword-container .author.invisible {
    -webkit-transform: translateY(-8px);
    -ms-transform: translateY(-8px);
    transform: translateY(-8px)
}

.magpassword-container .author .userpic {
    width: 50px;
    height: 50px;
    border-radius: 50%
}

.magpassword-container .author .userpic img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -webkit-transform: translateZ(0)
}

.isdesktop .magpassword-container .author .userpic:hover .username {
    border-color: hsla(0, 0%, 100%, .12)
}

.magpassword-container .author .userpic .username {
    position: absolute;
    left: 61px;
    top: 23px;
    font-size: 20px;
    line-height: 24px;
    border-bottom: 1px solid transparent;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    white-space: nowrap
}

.magpassword-container .author .caption {
    position: absolute;
    left: 61px;
    top: 0;
    font-size: 14px;
    line-height: 18px;
    opacity: .5;
    margin-top: 3px
}

.magpassword-container .powered {
    position: absolute;
    left: 33px;
    bottom: 28px;
    -webkit-transition: all .5s ease-out;
    transition: all .5s ease-out
}

.isphone .magpassword-container .powered {
    left: 50%;
    margin-left: -38px;
    bottom: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 76px;
    height: 35px;
    text-align: center;
    text-decoration: none
}

.magpassword-container .powered .caption-powered {
    opacity: .3;
    font-size: 11px;
    line-height: 14px
}

.magpassword-container .powered .logo-powered {
    width: 76px;
    height: 18px;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    background-image: url(https://d1id5eheivyv24.cloudfront.net/202e4dbf/dist/img/viewer/mag-password/powered-logo.png);
    background-size: 100% 100%
}

.isphone .magpassword-container .powered .logo-powered {
    top: 0;
    left: 0
}

.isdesktop .magpassword-container .powered .logo-powered:hover, .isphone .magpassword-container .powered .logo-powered {
    background-image: url(https://d1id5eheivyv24.cloudfront.net/202e4dbf/dist/img/viewer/mag-password/powered-logo-hover.png)
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
    .magpassword-container .powered .logo-powered {
        background-image: url(https://d1id5eheivyv24.cloudfront.net/202e4dbf/dist/img/viewer/mag-password/powered-logo@2x.png)
    }

    .isdesktop .magpassword-container .powered .logo-powered:hover, .isphone .magpassword-container .powered .logo-powered {
        background-image: url(https://d1id5eheivyv24.cloudfront.net/202e4dbf/dist/img/viewer/mag-password/powered-logo-hover@2x.png)
    }
}

#page404 {
    min-height: 500px;
    color: #000;
    background-color: #fafafa;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.isphone #page404 {
    min-height: 0;
    background-color: #fff
}

#page404 table {
    height: 100%;
    width: 100%;
    font-family: -apple-system, system-ui, BlinkMacSystemFont, Segoe UI, Ubuntu, Fira Sans, Roboto, Avenir Next, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-style: normal
}

#page404 table tr {
    width: 100%
}

#page404 table tr td {
    height: 100%;
    width: 100%;
    vertical-align: middle;
    text-align: center
}

#page404 table tr td .caption {
    font-size: 28px;
    line-height: 32px
}

#page404 table tr td .message {
    margin-top: 10px;
    font-size: 19px;
    line-height: 24px;
    color: #9f9f9f
}

.isphone #page404 table tr td .message {
    font-size: 18px;
    line-height: 24px
}

.isphone #page404 table tr td .message .front-page-link {
    line-height: 20px
}

#page404 table tr td .message .front-page-link {
    color: #000;
    text-decoration: none;
    display: inline-block;
    border-bottom: 1px solid rgba(0, 0, 0, .12);
    line-height: 22px
}

.isdesktop #page404 table tr td .message .front-page-link:hover {
    border-color: transparent;
    color: #ff4828
}

.magsuspended-container, .usersuspended-container {
    position: absolute;
    min-width: 500px;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
    background-color: #fafafa;
    background-image: url(https://d1id5eheivyv24.cloudfront.net/202e4dbf/dist/img/common/service-pages/mag-suspended/lines.svg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    color: #000;
    z-index: 400;
    font-family: -apple-system, system-ui, BlinkMacSystemFont, Segoe UI, Ubuntu, Fira Sans, Roboto, Avenir Next, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-style: normal
}

.isphone .magsuspended-container, .isphone .usersuspended-container {
    min-width: 0;
    -webkit-text-size-adjust: none
}

.magsuspended-container .img-preloader, .usersuspended-container .img-preloader {
    width: 0;
    height: 0;
    visibility: hidden;
    background-image: url(https://d1id5eheivyv24.cloudfront.net/202e4dbf/dist/img/common/service-pages/mag-suspended/logo-hover.png)
}

.magsuspended-container .link, .usersuspended-container .link {
    color: #000;
    text-decoration: none;
    display: inline-block;
    border-bottom: 1px solid rgba(0, 0, 0, .12);
    line-height: 20px
}

.isphone .magsuspended-container .link, .isphone .usersuspended-container .link {
    line-height: 18px
}

.isdesktop .magsuspended-container .link:hover, .isdesktop .usersuspended-container .link:hover {
    border-color: transparent;
    color: #ff4828
}

.magsuspended-container .center-table, .usersuspended-container .center-table {
    display: table;
    width: 100%;
    height: 100%;
    position: relative
}

.magsuspended-container .center-table .center-cell, .usersuspended-container .center-table .center-cell {
    display: table-cell;
    width: 110%;
    vertical-align: middle;
    text-align: center
}

.isphone .magsuspended-container .center-table .center-cell, .isphone .usersuspended-container .center-table .center-cell {
    width: 100%
}

.magsuspended-container .center-table .center-cell .center-content, .usersuspended-container .center-table .center-cell .center-content {
    display: inline-block;
    width: 460px;
    font-size: 24px;
    line-height: 28px;
    text-align: center;
    background-color: #fafafa;
    padding: 23px 0;
    -webkit-transition: opacity .5s ease-out;
    transition: opacity .5s ease-out
}

.isphone .magsuspended-container .center-table .center-cell .center-content, .isphone .usersuspended-container .center-table .center-cell .center-content {
    max-width: 240px;
    padding: 41px 0
}

.magsuspended-container .center-table .center-cell .center-content .caption, .usersuspended-container .center-table .center-cell .center-content .caption {
    font-size: 28px;
    line-height: 32px;
    margin-bottom: 16px
}

.isphone .magsuspended-container .center-table .center-cell .center-content .caption, .isphone .usersuspended-container .center-table .center-cell .center-content .caption {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 10px
}

.magsuspended-container .center-table .center-cell .center-content .text, .usersuspended-container .center-table .center-cell .center-content .text {
    font-size: 18px;
    line-height: 24px;
    font-family: -apple-system, system-ui, BlinkMacSystemFont, Segoe UI, Ubuntu, Fira Sans, Roboto, Avenir Next, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-style: normal;
    color: #9f9f9f
}

.isphone .magsuspended-container .center-table .center-cell .center-content .text, .isphone .usersuspended-container .center-table .center-cell .center-content .text {
    font-family: -apple-system, system-ui, BlinkMacSystemFont, Segoe UI, Ubuntu, Fira Sans, Roboto, Avenir Next, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-style: normal
}

.magsuspended-container .powered, .usersuspended-container .powered {
    position: absolute;
    left: 33px;
    bottom: 28px;
    -webkit-transition: all .5s ease-out;
    transition: all .5s ease-out
}

.isphone .magsuspended-container .powered, .isphone .usersuspended-container .powered {
    left: 50%;
    margin-left: -38px;
    bottom: 34px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 76px;
    height: 35px;
    text-align: center;
    text-decoration: none
}

.magsuspended-container .powered .caption-powered, .usersuspended-container .powered .caption-powered {
    color: #9f9f9f;
    font-size: 11px;
    line-height: 14px;
    margin-left: -2px
}

.magsuspended-container .powered .logo-powered, .usersuspended-container .powered .logo-powered {
    width: 76px;
    height: 18px;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    background-image: url(https://d1id5eheivyv24.cloudfront.net/202e4dbf/dist/img/common/service-pages/mag-suspended/logo.png);
    background-size: 100% 100%
}

.isphone .magsuspended-container .powered .logo-powered, .isphone .usersuspended-container .powered .logo-powered {
    top: 0;
    left: 0;
    background-image: url(https://d1id5eheivyv24.cloudfront.net/202e4dbf/dist/img/common/service-pages/mag-suspended/logo-phone.png)
}

.isdesktop .magsuspended-container .powered .logo-powered:hover, .isdesktop .usersuspended-container .powered .logo-powered:hover {
    background-image: url(https://d1id5eheivyv24.cloudfront.net/202e4dbf/dist/img/common/service-pages/mag-suspended/logo-hover.png)
}

.magsuspended-container .contact, .usersuspended-container .contact {
    display: block;
    position: absolute;
    bottom: 27px;
    right: 33px;
    font-size: 14px;
    line-height: 18px;
    font-family: -apple-system, system-ui, BlinkMacSystemFont, Segoe UI, Ubuntu, Fira Sans, Roboto, Avenir Next, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-style: normal
}

.isphone .magsuspended-container .contact, .isphone .usersuspended-container .contact {
    display: none
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
    .magsuspended-container .powered .logo-powered, .usersuspended-container .powered .logo-powered {
        background-image: url(https://d1id5eheivyv24.cloudfront.net/202e4dbf/dist/img/common/service-pages/mag-suspended/logo@2x.png)
    }

    .isphone .magsuspended-container .powered .logo-powered, .isphone .usersuspended-container .powered .logo-powered {
        background-image: url(https://d1id5eheivyv24.cloudfront.net/202e4dbf/dist/img/common/service-pages/mag-suspended/logo-phone@2x.png)
    }

    .isdesktop .magsuspended-container .powered .logo-powered:hover, .isdesktop .usersuspended-container .powered .logo-powered:hover {
        background-image: url(https://d1id5eheivyv24.cloudfront.net/202e4dbf/dist/img/common/service-pages/mag-suspended/logo-hover@2x.png)
    }
}

.domain-errors {
    min-height: 300px;
    min-width: 500px;
    background-color: #000;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    font-family: -apple-system, system-ui, BlinkMacSystemFont, Segoe UI, Ubuntu, Fira Sans, Roboto, Avenir Next, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-style: normal
}

.isphone .domain-errors {
    min-height: 0;
    min-width: 0
}

.domain-errors.show-elements .message {
    opacity: 1
}

.domain-errors.show-elements .logo {
    opacity: .5;
    bottom: 35px
}

.isphone .domain-errors.show-elements .logo {
    bottom: 20px
}

.domain-errors.show-elements .help {
    opacity: 1;
    bottom: 38px
}

.isphone .domain-errors.show-elements .help {
    bottom: 20px
}

.domain-errors .message {
    position: absolute;
    width: 100%;
    left: 0;
    top: 50%;
    margin-top: -44px;
    opacity: 0;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.isphone .domain-errors .message {
    margin-top: -50px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 8px 8px;
    text-align: center
}

.domain-errors .message .message-caption {
    text-align: center;
    font-size: 24px;
    color: #fff
}

.domain-errors .message .message-text {
    text-align: center;
    margin-top: 10px;
    font-size: 19px;
    line-height: 24px;
    color: hsla(0, 0%, 100%, .5)
}

.isphone .domain-errors .message .message-text {
    margin-top: 13px;
    font-size: 16px;
    line-height: 20px
}

.isphone .domain-errors .message .message-text .br-desktop {
    display: none
}

.domain-errors .message .message-text a {
    text-decoration: underline;
    color: hsla(0, 0%, 100%, .5);
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.isdesktop .domain-errors .message .message-text a:hover, .no-isdesktop .domain-errors .message .message-text a:active {
    color: #fff
}

.domain-errors .message .help-phone, .no-isphone .domain-errors .message .message-text .br-phone {
    display: none
}

.isphone .domain-errors .message .help-phone {
    display: inline;
    text-align: center;
    font-size: 16px;
    line-height: 20px;
    text-decoration: underline;
    color: hsla(0, 0%, 100%, .5);
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.isphone .domain-errors .message .help-phone:active {
    color: #fff
}

.domain-errors .logo {
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
    opacity: 0;
    display: block;
    width: 87px;
    height: 21px;
    position: absolute;
    left: 50%;
    bottom: 27px;
    margin-left: -44px;
    background-image: url(https://d1id5eheivyv24.cloudfront.net/202e4dbf/dist/img/common/service-pages/domain-errors/logo.png);
    background-size: 87px 21px;
    background-repeat: no-repeat
}

.isphone .domain-errors .logo {
    bottom: 20px
}

.isdesktop .domain-errors .logo:hover, .no-isdesktop .domain-errors .logo:active {
    opacity: 1
}

.domain-errors .help {
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
    opacity: 0;
    position: absolute;
    right: 65px;
    bottom: 30px;
    text-decoration: underline;
    color: hsla(0, 0%, 100%, .5);
    font-size: 12px
}

.isphone .domain-errors .help {
    display: none
}

.isdesktop .domain-errors .help:hover, .no-isdesktop .domain-errors .help:active {
    color: #fff
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
    .domain-errors .logo {
        background-image: url(https://d1id5eheivyv24.cloudfront.net/202e4dbf/dist/img/common/service-pages/domain-errors/logo@2x.png)
    }
}

a.anchor-link, a.external-link, a.goback-link, a.maglink {
    cursor: pointer
}

.animation-container {
    position: absolute;
    pointer-events: none !important
}

.animation-container.force3d {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.animation-container .rmwidget {
    pointer-events: all
}

.animation-container.invisible .rmwidget, .rmwidget.text.fonts-pending div, .rmwidget.widget-text-v3.fonts-pending div {
    visibility: hidden
}

.rmwidget.text.use-free-position, .rmwidget.widget-text-v3.use-free-position {
    position: static;
    width: 100%;
    height: 100%
}

.rmwidget.text.use-free-position.invisible, .rmwidget.widget-text-v3.use-free-position.invisible {
    display: none
}

.hotspot-fullscreen-wrapper .rmwidget.text.inside-hotspot, .hotspot-fullscreen-wrapper .rmwidget.widget-text-v3.inside-hotspot, .ismobile .rmwidget.text.inside-hotspot, .ismobile .rmwidget.widget-text-v3.inside-hotspot {
    position: relative;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: auto !important
}

.rmwidget.text div, .used-fonts-test {
    width: 100%;
    height: 100%;
    word-wrap: break-word;
    margin: 0;
    padding: 0;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    -webkit-column-fill: auto;
    -moz-column-fill: auto;
    column-fill: auto
}

.rmwidget.text div.v1, .used-fonts-test.v1 {
    font-family: Source Sans Pro;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    line-height: 20px
}

.rmwidget.text div.v2, .used-fonts-test.v2 {
    font-family: Roboto;
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    line-height: 26px
}

.rmwidget.text div p, .used-fonts-test p {
    color: #000;
    margin: 0;
    padding: 0;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0
}

.rmwidget.text div a, .used-fonts-test a {
    color: inherit;
    text-decoration: underline
}

.rmwidget.text div a.hovered, .rmwidget.text div a.hovered *, .used-fonts-test a.hovered, .used-fonts-test a.hovered * {
    text-decoration: none !important
}

.rmwidget.text div a *, .used-fonts-test a * {
    text-decoration: underline
}

.rmwidget.text div a, .rmwidget.text div span, .used-fonts-test a, .used-fonts-test span {
    line-height: 1px
}

.rmwidget {
    position: absolute
}

.rmwidget.interactive {
    cursor: pointer
}

.rmwidget.draggable {
    cursor: grab
}

.rmwidget.draggable.dragging {
    cursor: grabbing
}

.rmwidget.above-all-fade {
    transition: opacity .2s ease-in, visibility 0s ease-in .2s;
    opacity: 0
}

.rmwidget.above-all-fade.fade-in {
    opacity: 1;
    transition: opacity .2s ease-in, visibility 0s
}

.rmwidget.above-all-fade.no-transition {
    transition: none !important
}

.rmwidget.widget-background {
    width: 100%;
    height: 100%
}

.rmwidget.widget-background.low-quality {
    -webkit-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out
}

.rmwidget.widget-background.lqip {
    filter: blur(15px);
    -moz-filter: blur(15px);
    -webkit-filter: blur(15px);
    transform: scale(1.1)
}

.rmwidget.widget-background .picture-background {
    background-repeat: no-repeat;
    position: absolute;
    background-size: cover;
    background-position: 50% 50%;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px
}

.rmwidget.widget-background .slideshow-background {
    position: absolute;
    left: -2px;
    top: -2px;
    right: -2px;
    bottom: -2px;
    z-index: 0
}

.rmwidget.widget-background .slideshow-background .slideshow-container {
    display: block;
    position: absolute;
    left: -2px;
    top: -2px;
    right: -2px;
    bottom: -2px;
    overflow: hidden
}

.rmwidget.widget-background .slideshow-background .slideshow-container .slideshow-image {
    display: block;
    position: absolute;
    left: -2px;
    top: -2px;
    right: -2px;
    bottom: -2px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%
}

.rmwidget.widget-background .slideshow-background .slideshow-container .slideshow-image.lqip {
    filter: blur(15px);
    -moz-filter: blur(15px);
    -webkit-filter: blur(15px);
    transform: scale(1.1)
}

.rmwidget.widget-background .slideshow-background .slideshow-container .fade-in {
    opacity: 1
}

.rmwidget.widget-background .slideshow-background .slideshow-container .fade-out {
    opacity: 0
}

.rmwidget.widget-background .slideshow-background .preload-slideshow-image {
    display: none;
    position: absolute;
    top: -9999px;
    left: -9999px
}

.rmwidget.widget-background .video-background {
    width: 100%;
    height: 100%
}

.rmwidget.widget-background .video-background .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.msie11 .rmwidget.widget-background .video-background .overlay, .msie .rmwidget.widget-background .video-background .overlay {
    background: red;
    opacity: 0
}

.rmwidget.widget-background .video-background .video-container {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.msie11 .rmwidget.widget-background .video-background .video-container, .msie .rmwidget.widget-background .video-background .video-container {
    opacity: inherit
}

.rmwidget.widget-background .video-background .video-container .poster {
    position: absolute
}

.rmwidget.widget-background .video-background .video-container iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: opacity .5s ease-in-out 1s;
    transition: opacity .5s ease-in-out 1s
}

.rmwidget.widget-background .video-background .video-container iframe.fade-out {
    opacity: 1
}

.rmwidget.text {
    overflow: hidden
}

.isdesktop.safari .rmwidget.widget-slideshow, .rmwidget.video {
    transform: translateZ(0)
}

.rmwidget.video {
    overflow: hidden
}

.rmwidget.video .poster {
    position: absolute;
    z-index: 1;
    transition: opacity .2s ease-out
}

.rmwidget.video .poster-custom {
    position: absolute;
    background-repeat: no-repeat, no-repeat;
    background-position: 50%, 50%;
    background-size: auto, cover
}

.rmwidget.video .lqip {
    filter: blur(20px);
    -moz-filter: blur(20px);
    -webkit-filter: blur(20px);
    transform: scale(1.05);
    transition: opacity .2s;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 2;
    position: absolute
}

.rmwidget.video iframe {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0
}

.rmwidget.video iframe.fade-out {
    opacity: 1
}

.rmwidget.video.full-width iframe {
    width: 100%
}

.rmwidget.video.full-height iframe {
    height: 100%
}

.rmwidget.widget-picture.preview-enabled {
    cursor: zoom-in
}

.rmwidget.widget-picture.inside-hotspot {
    overflow: hidden
}

.rmwidget.widget-picture.inside-hotspot.use-free-position {
    position: static;
    width: 100%;
    height: 100%
}

.rmwidget.widget-picture.inside-hotspot.use-free-position img {
    position: static
}

.rmwidget.widget-picture.inside-hotspot.use-free-position.invisible {
    display: none
}

.rmwidget.widget-picture.svg {
    pointer-events: none
}

.rmwidget.widget-picture.svg svg circle, .rmwidget.widget-picture.svg svg ellipse, .rmwidget.widget-picture.svg svg line, .rmwidget.widget-picture.svg svg path, .rmwidget.widget-picture.svg svg polygon, .rmwidget.widget-picture.svg svg polyline, .rmwidget.widget-picture.svg svg rect {
    pointer-events: visiblePainted
}

.rmwidget.widget-picture div, .rmwidget.widget-picture img, .rmwidget.widget-picture svg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute
}

.rmwidget.widget-picture .svg-scale-wrapper {
    width: 100%;
    height: 100%
}

.isdesktop.safari a .rmwidget.widget-picture .svg-scale-wrapper {
    will-change: opacity
}

.rmwidget.widget-picture div {
    background-size: 100% 100%;
    background-repeat: no-repeat
}

.rmwidget.widget-picture .saveable {
    opacity: 0 !important
}

.isdesktop .rmwidget.widget-picture {
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease
}

.isdesktop a:hover .rmwidget.widget-picture:not(.has-onhover-animation), .no-isdesktop a:active .rmwidget.widget-picture {
    opacity: .8
}

.isdesktop.safari .rmwidget.widget-picture.fix-safari-gif {
    font-size: 1px
}

.rmwidget.widget-picture.full-width {
    overflow: hidden
}

.rmwidget.widget-picture.full-width img {
    width: 100%;
    height: auto
}

.rmwidget.widget-picture.full-width div {
    background-size: cover
}

.rmwidget.widget-picture.full-width svg {
    position: relative
}

.rmwidget.widget-picture.full-width .svg-scale-wrapper {
    height: auto
}

.rmwidget.widget-picture.full-height {
    overflow: hidden
}

.rmwidget.widget-picture.full-height img {
    width: auto;
    height: 100%
}

.rmwidget.widget-picture.full-height div {
    background-size: cover
}

.rmwidget.widget-picture.full-height svg {
    position: relative
}

.rmwidget.widget-picture.full-height .svg-scale-wrapper {
    width: auto
}

.rmwidget.widget-picture .lqip {
    filter: blur(20px);
    -moz-filter: blur(20px);
    -webkit-filter: blur(20px);
    transform: scale(1.05);
    transition: opacity .2s
}

.rmwidget.widget-twitter > a, .rmwidget.widget-twitter > blockquote {
    display: none
}

.rmwidget.widget-twitter iframe.twitter-tweet {
    margin: 0 !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.rmwidget.widget-facebook .fb-comments {
    min-height: 100%
}

.rmwidget.widget-facebook.type_comments .fb {
    width: 100%
}

.rmwidget.widget-facebook.type_comments .fb > span, .rmwidget.widget-facebook.type_comments .fb iframe {
    width: 100% !important
}

.rmwidget.widget-facebook.type_comments .fb[data-colorscheme=light], .rmwidget.widget-facebook.type_like_box .fb[data-colorscheme=light] {
    background-color: #fff
}

.rmwidget.widget-facebook.type_comments .fb[data-colorscheme=dark], .rmwidget.widget-facebook.type_like_box .fb[data-colorscheme=dark] {
    background-color: #333
}

.rmwidget.widget-facebook.animate {
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out
}

.rmwidget.widget-shape {
    pointer-events: none;
    font-size: 0;
    line-height: 0
}

.rmwidget.widget-shape svg {
    overflow: visible
}

.rmwidget.widget-shape.div-instead-of-svg, .rmwidget.widget-shape.icon {
    pointer-events: all
}

.rmwidget.widget-shape .wrapper {
    margin: auto
}

.rmwidget.widget-shape img {
    display: block;
    width: 100%
}

.rmwidget.widget-shape ellipse, .rmwidget.widget-shape path {
    pointer-events: visiblePainted
}

.isdesktop .rmwidget.widget-shape {
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease
}

.isdesktop.safari .rmwidget.widget-shape {
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0)
}

.isdesktop.msie11 .rmwidget.widget-shape, .isdesktop.msie .rmwidget.widget-shape {
    -webkit-transition-duration: 0s !important;
    transition-duration: 0s !important
}

.isdesktop a:hover .rmwidget.widget-shape:not(.has-onhover-animation), .no-isdesktop a:active .rmwidget.widget-shape {
    opacity: .8
}

.rmwidget.widget-iframe:not(.code-injection):not(.ecommerce) iframe {
    width: 100% !important;
    height: 100% !important
}

.rmwidget.widget-gmaps .map-container {
    width: 100%;
    height: 100%
}

.rmwidget.widget-button.fonts-pending .text {
    visibility: hidden
}

.rmwidget.widget-button .common-button.transition {
    -webkit-transition: background-color .3s ease, border-color .3s ease, border-width .3s ease;
    transition: background-color .3s ease, border-color .3s ease, border-width .3s ease
}

.rmwidget.widget-button .common-button .text {
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none
}

.rmwidget.widget-button .common-button .icon {
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat
}

.rmwidget .add-to-cart-button.viewer-button, .rmwidget.e-com-cart-button {
    cursor: pointer
}

.rmwidget .add-to-cart-mixin .add-to-cart-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-content: space-between
}

.rmwidget .add-to-cart-mixin .add-to-cart-wrap.horizontal-layout {
    flex-direction: row
}

.rmwidget .add-to-cart-mixin .add-to-cart-wrap.horizontal-layout .add-to-cart-button {
    width: auto;
    height: 100%
}

.rmwidget .add-to-cart-mixin .add-to-cart-wrap.horizontal-layout .add-to-cart-attributes {
    display: flex;
    flex-direction: row
}

.rmwidget .add-to-cart-mixin .add-to-cart-wrap.horizontal-layout .add-to-cart-attributes .select-container {
    width: auto;
    height: 100%
}

.rmwidget .add-to-cart-mixin .add-to-cart-wrap .add-to-cart-error .add-to-cart-error-block {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    border: 2px solid;
    border-color: inherit;
    border-radius: inherit;
    padding: 2px;
    top: -4px;
    left: -4px;
    cursor: default
}

.rmwidget .add-to-cart-mixin .add-to-cart-wrap .button-wrap {
    box-sizing: border-box;
    position: relative;
    border-style: none;
    pointer-events: none
}

.rmwidget .add-to-cart-mixin .add-to-cart-wrap .add-to-cart-button {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    position: relative;
    vertical-align: middle;
    border-style: none;
    pointer-events: auto;
    user-select: none
}

.rmwidget .add-to-cart-mixin .add-to-cart-wrap .add-to-cart-button.viewer-button .button-text {
    pointer-events: none
}

.rmwidget .add-to-cart-mixin .add-to-cart-wrap .add-to-cart-button .button-text {
    padding: 0;
    box-sizing: border-box;
    display: inline-block;
    overflow: hidden;
    outline: none;
    border-style: none;
    resize: none;
    background-color: transparent;
    text-align: center;
    text-align-last: center;
    vertical-align: middle;
    text-indent: 0;
    text-transform: inherit;
    font-weight: inherit;
    font-style: inherit;
    text-decoration: inherit;
    color: inherit;
    font-size: inherit;
    letter-spacing: inherit
}

.rmwidget .add-to-cart-mixin .add-to-cart-wrap .add-to-cart-button .button-text:hover {
    padding: 0
}

.rmwidget .add-to-cart-mixin .add-to-cart-wrap .add-to-cart-button .button-text:disabled {
    opacity: inherit
}

.rmwidget .add-to-cart-mixin .add-to-cart-wrap .add-to-cart-button .button-text:not(.editing) {
    cursor: default;
    user-select: none
}

.rmwidget .add-to-cart-mixin .add-to-cart-wrap .add-to-cart-button .button-icon {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain
}

.rmwidget .add-to-cart-mixin .add-to-cart-wrap .add-to-cart-attributes .select-container {
    width: 100%;
    display: flex;
    box-sizing: border-box;
    position: relative;
    border-style: none
}

.rmwidget .add-to-cart-mixin .add-to-cart-wrap .add-to-cart-attributes .select-container .attributes-input {
    position: absolute;
    left: 0;
    right: 0;
    opacity: 0
}

.rmwidget .add-to-cart-mixin .add-to-cart-wrap .add-to-cart-attributes .select-container .attributes-input, .rmwidget .add-to-cart-mixin .add-to-cart-wrap .add-to-cart-attributes .select-container .fake-select {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 0 30px;
    display: inline-block;
    overflow: hidden;
    outline: none;
    border-style: none;
    resize: none;
    background-color: transparent;
    cursor: default;
    user-select: none;
    text-align: center;
    text-indent: 0;
    text-transform: inherit;
    font-weight: inherit;
    font-style: inherit;
    text-decoration: inherit;
    color: inherit;
    font-size: inherit;
    letter-spacing: inherit;
    vertical-align: middle;
    text-overflow: ellipsis
}

.rmwidget .add-to-cart-mixin .add-to-cart-wrap .add-to-cart-attributes .select-container .select-dropdown-triangle {
    position: absolute;
    right: 18px;
    top: 0;
    bottom: 0;
    margin: auto
}

.rmwidget .add-to-cart-mixin .add-to-cart-wrap .add-to-cart-attributes .select-container .select-overlay {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    padding: 0;
    opacity: 0;
    z-index: 1
}

.rmwidget .add-to-cart-mixin .add-to-cart-wrap .sizes-calculating-block {
    width: auto;
    height: auto;
    position: absolute;
    left: -9999px;
    top: -9999px;
    white-space: pre
}

.rmwidget.widget-add-to-cart .add-to-cart-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-content: space-between
}

.rmwidget.widget-add-to-cart .add-to-cart-wrap.horizontal-layout {
    flex-direction: row
}

.rmwidget.widget-add-to-cart .add-to-cart-wrap.horizontal-layout .add-to-cart-button {
    width: auto;
    height: 100%
}

.rmwidget.widget-add-to-cart .add-to-cart-wrap.horizontal-layout .add-to-cart-attributes {
    display: flex;
    flex-direction: row
}

.rmwidget.widget-add-to-cart .add-to-cart-wrap.horizontal-layout .add-to-cart-attributes .select-container {
    width: auto;
    height: 100%
}

.rmwidget.widget-add-to-cart .add-to-cart-wrap .add-to-cart-error .add-to-cart-error-block {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    border: 2px solid;
    border-color: inherit;
    border-radius: inherit;
    padding: 2px;
    top: -4px;
    left: -4px;
    cursor: default
}

.rmwidget.widget-add-to-cart .add-to-cart-wrap .button-wrap {
    box-sizing: border-box;
    position: relative;
    border-style: none;
    pointer-events: none
}

.rmwidget.widget-add-to-cart .add-to-cart-wrap .add-to-cart-button {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    position: relative;
    vertical-align: middle;
    border-style: none;
    pointer-events: auto;
    user-select: none
}

.rmwidget.widget-add-to-cart .add-to-cart-wrap .add-to-cart-button.viewer-button .button-text {
    pointer-events: none
}

.rmwidget.widget-add-to-cart .add-to-cart-wrap .add-to-cart-button .button-text {
    padding: 0;
    box-sizing: border-box;
    display: inline-block;
    overflow: hidden;
    outline: none;
    border-style: none;
    resize: none;
    background-color: transparent;
    text-align: center;
    text-align-last: center;
    vertical-align: middle;
    text-indent: 0;
    text-transform: inherit;
    font-weight: inherit;
    font-style: inherit;
    text-decoration: inherit;
    color: inherit;
    font-size: inherit;
    letter-spacing: inherit
}

.rmwidget.widget-add-to-cart .add-to-cart-wrap .add-to-cart-button .button-text:hover {
    padding: 0
}

.rmwidget.widget-add-to-cart .add-to-cart-wrap .add-to-cart-button .button-text:disabled {
    opacity: inherit
}

.rmwidget.widget-add-to-cart .add-to-cart-wrap .add-to-cart-button .button-text:not(.editing) {
    cursor: default;
    user-select: none
}

.rmwidget.widget-add-to-cart .add-to-cart-wrap .add-to-cart-button .button-icon {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain
}

.rmwidget.widget-add-to-cart .add-to-cart-wrap .add-to-cart-attributes .select-container {
    width: 100%;
    display: flex;
    box-sizing: border-box;
    position: relative;
    border-style: none
}

.rmwidget.widget-add-to-cart .add-to-cart-wrap .add-to-cart-attributes .select-container .attributes-input {
    position: absolute;
    left: 0;
    right: 0;
    opacity: 0
}

.rmwidget.widget-add-to-cart .add-to-cart-wrap .add-to-cart-attributes .select-container .attributes-input, .rmwidget.widget-add-to-cart .add-to-cart-wrap .add-to-cart-attributes .select-container .fake-select {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 0 30px;
    display: inline-block;
    overflow: hidden;
    outline: none;
    border-style: none;
    resize: none;
    background-color: transparent;
    cursor: default;
    user-select: none;
    text-align: center;
    text-indent: 0;
    text-transform: inherit;
    font-weight: inherit;
    font-style: inherit;
    text-decoration: inherit;
    color: inherit;
    font-size: inherit;
    letter-spacing: inherit;
    vertical-align: middle;
    text-overflow: ellipsis
}

.rmwidget.widget-add-to-cart .add-to-cart-wrap .add-to-cart-attributes .select-container .select-dropdown-triangle {
    position: absolute;
    right: 18px;
    top: 0;
    bottom: 0;
    margin: auto
}

.rmwidget.widget-add-to-cart .add-to-cart-wrap .add-to-cart-attributes .select-container .select-overlay {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    padding: 0;
    opacity: 0;
    z-index: 1
}

.rmwidget.widget-add-to-cart .add-to-cart-wrap .sizes-calculating-block {
    width: auto;
    height: auto;
    position: absolute;
    left: -9999px;
    top: -9999px;
    white-space: pre
}

.force-repaint-content {
    will-change: contents
}

@media screen and (max-width: 768px) {
    header.menu {
        height: 60px !important
    }

    .login-popup {
        top: 0 !important
    }
}

:root {
    --min-desktop-width: 1024px
}

body, html {
    height: 100%;
    min-width: var(--min-desktop-width, 1024px);
    overflow: hidden;
    -webkit-tap-highlight-color: transparent
}

.no-isdesktop body, .no-isdesktop html {
    min-width: 0
}

body.snapshot, body.snapshot body, html.snapshot, html.snapshot body {
    overflow: auto
}

body.snapshot .content-bounds, body.snapshot .page, html.snapshot .content-bounds, html.snapshot .page {
    width: 100% !important
}

body.snapshot .content-scroll-wrapper, html.snapshot .content-scroll-wrapper {
    position: absolute;
    top: 0;
    left: 0
}

body.snapshot .page-content-container, html.snapshot .page-content-container {
    margin: 0 auto;
    position: relative;
    width: 1024px;
    left: auto;
    top: auto
}

body a.inactive-link, html a.inactive-link {
    pointer-events: none;
    cursor: default
}

body.overflow-on-vertical-view {
    overflow: visible
}

html.overflow-on-vertical-view {
    overflow: auto;
    overflow-x: hidden
}

@page {
    size: 1024px 672px;
    margin: 0
}

@media print {
    .screenshot-mode body {
        -webkit-print-color-adjust: exact
    }

    .screenshot-mode body, .screenshot-mode html {
        height: auto;
        overflow-y: auto
    }
}

.screenshot-mode .page * {
    pointer-events: none !important
}

.screenshot-mode .content-scroll-wrapper {
    position: absolute;
    top: 0;
    left: 0
}

.screenshot-mode .page-fixed-bg-container {
    position: relative;
    height: 100%
}

.screenshot-mode .page-fixed-bg-container .widget-background > div {
    height: 672px
}

.screenshot-mode .page-fixed-bg-container .widget-background .picture-background {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.screenshot-mode .page-content-container {
    position: relative
}

.screenshot-mode .fixed-position-container, .screenshot-mode .fixed-position-container-top {
    height: 672px;
    position: absolute;
    width: 100%;
    top: 0
}

.screenshot-pdf-mode .page-fixed-bg-container .widget-background > div {
    height: auto
}

html.no-isdesktop {
    min-width: 0
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
    .mag .mag-pages-viewport-device[data-viewport=tablet_portrait]:after {
        content: "";
        background-image: url(https://d1id5eheivyv24.cloudfront.net/202e4dbf/dist/img/viewer/viewports-preview/ipad@2x.png)
    }

    .enhanced-mobile-frame .mag .mag-pages-viewport-device[data-viewport=tablet_portrait]:after {
        background-image: none
    }
}

.mag {
    position: absolute;
    min-width: var(--min-desktop-width, 1024px);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #fff
}

.mag.viewer-type-vertical {
    position: fixed
}

.mag.viewer-type-vertical-sticky {
    position: absolute;
    overflow: visible
}

.no-isdesktop .mag {
    min-width: 0
}

.mag .mag-pages-viewport-device {
    position: absolute;
    pointer-events: none;
    z-index: 1
}

.mag .mag-pages-viewport-device[data-viewport=phone_portrait]:after {
    content: "";
    position: absolute;
    left: -1px;
    top: -1px;
    width: 100%;
    height: 100%;
    border: 1px solid #e0e0e0;
    border-radius: 4px
}

.mag .mag-pages-viewport-device[data-viewport=tablet_portrait]:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -432px;
    margin-top: -589px;
    width: 861px;
    height: 1178px;
    background-image: url(https://d1id5eheivyv24.cloudfront.net/202e4dbf/dist/img/viewer/viewports-preview/ipad.png);
    background-size: 861px 1178px
}

.enhanced-mobile-frame .mag .mag-pages-viewport-device[data-viewport=tablet_portrait]:after {
    content: "";
    position: absolute;
    left: -1px;
    top: -1px;
    margin-left: 0;
    margin-top: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    background-image: none;
    background-size: auto
}

.mag .mag-pages-container {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
    background: #000;
    z-index: 1
}

.viewer-type-vertical-sticky.mag .mag-pages-container {
    overflow: visible
}

.mag .mag-pages-container .container {
    position: absolute;
    top: 0;
    height: 100%
}

.chrome .viewer-type-horizontal.mag .mag-pages-container .container {
    -webkit-perspective: 9999px;
    perspective: 9999px
}

.mag .mag-pages-container .container.disable-transitions-on-resize article.page, .mag .mag-pages-container .container.disable-transitions article.page {
    -webkit-transition: -webkit-transform 0s ease, opacity 0s ease;
    transition: transform 0s ease, opacity 0s ease
}

.viewer-type-horizontal.pages-pos-overlap.mag .mag-pages-container .container .page:after {
    content: "";
    background: #000;
    pointer-events: none;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    -webkit-transition: all .5s ease-out;
    transition: all .5s ease-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    visibility: hidden
}

.viewer-type-horizontal.pages-pos-overlap.mag .mag-pages-container .container .page.prev-page:after {
    content: "";
    opacity: 1;
    -webkit-transition: all .5s ease-in;
    transition: all .5s ease-in;
    visibility: visible
}

.viewer-type-horizontal.pages-pos-overlap.mag .mag-pages-container .container.disable-transitions .page:after {
    -webkit-transition: all 0s ease;
    transition: all 0s ease
}

.viewer-type-vertical.pages-pos-overlap.mag .mag-pages-container .container .blackout {
    background: #000;
    pointer-events: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: none
}

.msie .viewer-type-vertical.pages-pos-overlap.mag .mag-pages-container .container .blackout {
    display: none !important
}

.mag .mag-pages-container .container .page {
    z-index: 1;
    position: absolute;
    top: 0;
    height: 100%;
    background-color: #fff;
    overflow: hidden
}

.viewer-type-vertical-sticky.mag .mag-pages-container .container .page {
    position: absolute;
    overflow: visible
}

.viewer-type-horizontal.mag .mag-pages-container .container .page {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.viewer-type-vertical:not(.viewer-type-vertical-sticky).mag .mag-pages-container .container .page.center-page {
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.viewer-type-horizontal.mag .mag-pages-container .container .page, .viewer-type-vertical-sticky.mag .mag-pages-container .container .page {
    visibility: hidden
}

.viewer-type-horizontal.mag .mag-pages-container .container .page.hidden, .viewer-type-vertical-sticky.mag .mag-pages-container .container .page.hidden {
    display: none
}

.viewer-type-horizontal.mag .mag-pages-container .container .page.neighbour, .viewer-type-vertical-sticky.mag .mag-pages-container .container .page.neighbour {
    visibility: visible
}

.viewer-type-vertical.pages-pos-overlap.mag .mag-pages-container .container .page:not(.prev-page) {
    box-shadow: 0 1px 2px rgba(0, 0, 0, .24)
}

.viewer-type-vertical-sticky.mag .mag-pages-container .container .page .fixed-position-container, .viewer-type-vertical-sticky.mag .mag-pages-container .container .page .fixed-position-container-top, .viewer-type-vertical-sticky.mag .mag-pages-container .container .page .page-fixed-bg-container {
    position: -webkit-sticky;
    position: sticky;
    top: 0
}

.mag .mag-pages-container .container .page .page-fixed-bg-container {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.mag .mag-pages-container .container .page.page-with-fixeds-desktop .fixed-position-container {
    display: block
}

.viewer-type-horizontal.mag .mag-pages-container .container .page.page-with-fixeds-desktop .content-scroll-wrapper {
    -webkit-overflow-scrolling: auto !important
}

.mag .mag-pages-container .container .page.page-with-fixeds-sticky-or-mobile .fixed-position-container {
    display: block;
    pointer-events: none;
    z-index: 1
}

.mag .mag-pages-container .container .page.page-with-fixeds-sticky-or-mobile .fixed-position-container-top {
    display: block;
    pointer-events: none;
    z-index: 3
}

.mag .mag-pages-container .container .page.page-with-fixeds-sticky-or-mobile .content-scroll-wrapper {
    z-index: 2
}

.mag .mag-pages-container .container .page.page-with-fixeds-sticky-or-mobile .rmwidget {
    pointer-events: all
}

.mag .mag-pages-container .container .page .fixed-position-container, .mag .mag-pages-container .container .page .fixed-position-container-top {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    overflow: hidden
}

.mag .mag-pages-container .container .page .content-scroll-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto
}

.viewer-type-vertical.mag .mag-pages-container .container .page .content-scroll-wrapper {
    overflow: hidden
}

.viewer-type-vertical-sticky.mag .mag-pages-container .container .page .content-scroll-wrapper {
    overflow: hidden;
    position: relative
}

.no-isdesktop .viewer-type-horizontal.mag .mag-pages-container .container .page .content-scroll-wrapper {
    -webkit-overflow-scrolling: auto
}

.no-isdesktop .viewer-type-horizontal.mag .mag-pages-container .container .page .content-scroll-wrapper.accelerated-scroll {
    -webkit-overflow-scrolling: touch
}

.mag .mag-pages-container .container .page .content-scroll-wrapper .content-bounds {
    position: absolute;
    overflow: hidden
}

.mag .mag-pages-container .container .page .content-scroll-wrapper .content-bounds .page-content-container {
    position: relative;
    overflow: visible;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    outline: 0
}

.android .mag .mag-pages-container .container .page .content-scroll-wrapper .content-bounds .page-content-container:after {
    content: "";
    position: relative
}

.mag .mag-pages-container .above-pages-container {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
    pointer-events: none
}

.mag .mag-pages-container .above-pages-container * {
    pointer-events: all
}

.mag.viewer-type-vertical-sticky .mag-pages-container .above-pages-container {
    position: fixed;
    z-index: 999
}

.rm-branding {
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    user-select: none;
    height: 0;
    position: fixed;
    font-size: 0;
    z-index: 120;
    -webkit-transition: -webkit-transform .3s ease;
    transition: transform .3s ease
}

.isphone .viewer-type-horizontal.viewer-mag-menu-shown .rm-branding, .istablet .viewer-type-horizontal.viewer-mag-menu-shown .rm-branding, .no-isphone .viewer-type-horizontal.viewer-mag-menu-shown .rm-branding {
    -webkit-transform: translateY(-184px);
    -ms-transform: translateY(-184px);
    transform: translateY(-184px)
}

.isphone.mobile-screenshots .viewer-type-horizontal.viewer-mag-menu-shown .rm-branding {
    -webkit-transform: translateY(-305px);
    -ms-transform: translateY(-305px);
    transform: translateY(-305px)
}

.isphone .viewer-type-horizontal.viewer-mag-menu-shown.viewer-mag-menu-no-project-info .rm-branding {
    -webkit-transform: translateY(-92px);
    -ms-transform: translateY(-92px);
    transform: translateY(-92px)
}

.isphone.mobile-screenshots .viewer-type-horizontal.viewer-mag-menu-shown.viewer-mag-menu-no-project-info .rm-branding {
    -webkit-transform: translateY(-213px);
    -ms-transform: translateY(-213px);
    transform: translateY(-213px)
}

.isphone .viewer-type-vertical.viewer-mag-menu-shown .rm-branding {
    -webkit-transform: translateX(-240px);
    -ms-transform: translateX(-240px);
    transform: translateX(-240px)
}

.istablet .viewer-type-vertical.viewer-mag-menu-shown .rm-branding {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.isdesktop .rm-branding {
    bottom: 23px;
    right: 23px
}

.new-settings.isdesktop .rm-branding {
    bottom: 16px;
    right: 16px
}

.no-isdesktop .rm-branding {
    bottom: 8px;
    left: 8px
}

.isdesktop .rm-branding.offscreen-initially {
    -webkit-transform: translateY(73px);
    -ms-transform: translateY(73px);
    transform: translateY(73px)
}

.no-isdesktop .rm-branding.offscreen-initially {
    -webkit-transform: translateY(58px);
    -ms-transform: translateY(58px);
    transform: translateY(58px)
}

.toolbar-branding .rm-branding {
    position: static;
    transform: none
}

.no-isphone.new-settings .viewer-type-horizontal.viewer-mag-menu-shown .toolbar-branding .rm-branding, .toolbar-branding .rm-branding.offscreen-initially {
    transform: none
}

.rm-branding .rm-branding-button, .rm-branding .start-with-template {
    position: relative;
    display: block;
    width: 106px;
    height: 50px;
    border-radius: 25px;
    bottom: 50px;
    background-color: rgba(38, 38, 38, .8);
    background-image: url(https://d1id5eheivyv24.cloudfront.net/202e4dbf/dist/img/viewer/branding/made-with.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    -webkit-transition: background-color .2s ease-out;
    transition: background-color .2s ease-out
}

.isdesktop .rm-branding .rm-branding-button:hover, .isdesktop .rm-branding .start-with-template:hover {
    background-color: #262626
}

.new-settings .rm-branding .rm-branding-button, .new-settings .rm-branding .start-with-template {
    bottom: 56px;
    border: 3px solid transparent;
    border-radius: 28px
}

.toolbar-branding .rm-branding .rm-branding-button, .toolbar-branding .rm-branding .start-with-template {
    bottom: 0
}

.rm-branding .start-with-template {
    background-image: url(https://d1id5eheivyv24.cloudfront.net/202e4dbf/dist/img/viewer/branding/start-with-template.svg);
    background-color: hsla(0, 0%, 50.2%, .8);
    width: 134px
}

.isdesktop .rm-branding .start-with-template:hover {
    background-color: grey
}

html.isphone.cart-disable-scroll {
    overflow: hidden !important
}

.cart-sidebar {
    width: 280px;
    height: 100%;
    font-size: 16px;
    position: fixed;
    top: 0;
    right: -285px;
    background-color: #1a1a1a;
    color: #fff;
    z-index: 110;
    font-family: -apple-system, system-ui, BlinkMacSystemFont, Segoe UI, Ubuntu, Fira Sans, Roboto, Avenir Next, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-style: normal;
    transition: right .3s ease
}

.new-settings .cart-sidebar {
    z-index: 4002
}

.cart-sidebar .cart-sidebar-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto
}

.cart-sidebar .preloader {
    width: 50px;
    height: 50px;
    box-sizing: border-box;
    position: relative;
    display: none
}

.cart-sidebar .preloader.show {
    display: block
}

.cart-sidebar .preloader .svg-wrap {
    width: 26px;
    height: 26px;
    position: absolute;
    top: 12px;
    left: 12px;
    animation: loader 1.5s linear infinite
}

.cart-sidebar .preloader .svg-wrap svg {
    position: absolute;
    top: 0;
    left: 12px
}

@keyframes loader {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

.cart-sidebar .close-button {
    position: absolute;
    display: none;
    height: 50px;
    width: 50px;
    border: 3px solid transparent;
    border-radius: 50%;
    margin-left: 0;
    background-color: hsla(0, 0%, 50.2%, .96);
    text-decoration: none;
    overflow: hidden;
    z-index: 130;
    cursor: pointer;
    transition: transform .45s cubic-bezier(.56, .86, .59, 1), background-color .2s ease-in-out, background-position .25s ease-in-out, z-index .5s ease-in-out, opacity .5s ease-in-out, visibility .5s ease-in-out
}

.cart-sidebar .close-button .line-1, .cart-sidebar .close-button .line-3 {
    position: absolute;
    right: 15px;
    width: 20px;
    height: 2px;
    border-radius: 1px;
    background: #fff;
    transition: opacity .2s ease, background .2s ease, top .2s ease .2s, transform .2s ease
}

.cart-sidebar .close-button .line-1 {
    top: 24px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.cart-sidebar .close-button .line-3 {
    top: 24px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.cart-sidebar.show {
    right: 0
}

.cart-sidebar.show .close-button {
    display: block;
    top: 16px;
    bottom: auto;
    left: -74px
}

.cart-sidebar .sidebar-btn {
    height: 50px;
    line-height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    vertical-align: center;
    box-sizing: border-box;
    position: relative;
    border: 2px solid #4a4a4a;
    border-radius: 25px;
    font-size: .75em;
    text-align: center;
    white-space: nowrap;
    user-select: none;
    cursor: pointer;
    letter-spacing: -.08px;
    font-weight: 600;
    overflow: hidden
}

.cart-sidebar .sidebar-btn:hover {
    cursor: pointer
}

.cart-sidebar .sidebar-btn.сheck-out-btn {
    width: 100%;
    margin-top: 20px;
    display: flex;
    justify-content: center;
    align-items: center
}

.cart-sidebar .sidebar-btn .hidden {
    display: none
}

.cart-sidebar .sidebar-btn .btn-icon-right {
    position: absolute;
    top: 14px;
    right: 16px
}

.cart-sidebar .sidebar-btn .btn-icon-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-5px, -9px)
}

.cart-sidebar .sidebar-btn input, .cart-sidebar .sidebar-btn span {
    position: relative
}

.cart-sidebar .cart-pay-btn.hidden {
    display: none
}

.cart-sidebar .cart-cancel-btn {
    font-size: 1em;
    cursor: pointer;
    color: #b8b8b8;
    margin: 25px auto;
    text-align: center
}

.cart-sidebar .text-size-calc-container {
    width: auto;
    margin: 0;
    padding: 0;
    position: absolute;
    top: -9999px;
    left: -9999px;
    visibility: hidden;
    white-space: nowrap
}

.cart-sidebar .cart-text-input {
    min-width: 8px;
    padding-left: 0;
    padding-right: 0;
    background-color: transparent;
    vertical-align: middle;
    outline: none;
    resize: none;
    border: 1px solid transparent;
    border-radius: 2px
}

.cart-sidebar.cart-in-viewer .cart-text-input {
    pointer-events: none
}

.cart-sidebar .cart-title-input {
    width: 100%;
    font-size: 1.5em;
    letter-spacing: -.16px;
    border-radius: 3px
}

.cart-sidebar .cart-checkout-input {
    max-width: 168px;
    font-size: 1.5em;
    font-weight: bolder;
    letter-spacing: -.08px;
    text-align: center
}

.cart-sidebar .cart-price-input, .cart-sidebar .cart-quantity-input {
    max-width: 120px;
    font-size: .75em;
    letter-spacing: -.08px
}

.cart-sidebar .cart-sidebar-tabs {
    width: 100%;
    box-sizing: border-box
}

.cart-sidebar .cart-sidebar-tabs .cart-sidebar-tab {
    height: 100%;
    width: 100%;
    display: none;
    box-sizing: border-box
}

.cart-sidebar .cart-sidebar-tabs .cart-sidebar-tab.active {
    display: block
}

.cart-sidebar.cart-in-viewer .sidebar-header .sidebar-title {
    width: 100%
}

.cart-sidebar .sidebar-header {
    position: relative;
    display: flex;
    padding: 33px 16px 0 31px;
    justify-content: space-between;
    align-items: center;
    z-index: 1
}

.cart-sidebar .sidebar-header .sidebar-title {
    width: 186px;
    position: relative;
    bottom: 3px;
    user-select: none
}

.cart-sidebar .sidebar-header .go-forward {
    width: 160px
}

.cart-sidebar .sidebar-header .go-back {
    width: 50px
}

.cart-sidebar .sidebar-settings-container {
    width: 31px;
    height: 31px;
    position: relative
}

.cart-sidebar .sidebar-settings-container .settings-button {
    cursor: pointer
}

.cart-sidebar .sidebar-settings-container .settings-button path {
    stroke: #fff;
    transition: stroke .2s linear
}

.cart-sidebar .sidebar-settings-container .settings-button:hover path {
    stroke: hsla(0, 0%, 100%, .4)
}

.cart-sidebar .sidebar-settings-container .settings-toggle {
    transition: color .2s linear
}

.cart-sidebar .tab-items .sidebar-body {
    padding: 17px 16px
}

.cart-sidebar .tab-items .empty-cart, .cart-sidebar .tab-items .payment-success-main-tab {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0 16px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    vertical-align: center
}

.cart-sidebar .tab-items .empty-cart.hidden, .cart-sidebar .tab-items .payment-success-main-tab.hidden {
    display: none
}

.cart-sidebar .tab-items .empty-cart .empty-cart-title input {
    width: 100%;
    font-size: 1.5em;
    text-align: center
}

.cart-sidebar .tab-items .payment-success-main-tab .title {
    font-size: 1.5em;
    margin-bottom: 10px
}

.cart-sidebar .tab-items .payment-success-main-tab .description {
    font-size: .75em
}

.cart-sidebar .tab-items .payment-success-main-tab .billing-portal-url > a {
    display: inline-block;
    margin-top: 10px;
    font-size: .75em
}

.cart-sidebar .sidebar-body {
    padding: 17px 32px
}

.cart-sidebar .sidebar-body .cart-item-block {
    padding: 16px;
    position: relative;
    box-sizing: border-box;
    border-radius: 8px;
    transition: background-color .1s linear
}

.cart-sidebar .sidebar-body .cart-item-block.hover {
    background-color: grey
}

.cart-sidebar .sidebar-body .cart-item-block.hover .cart-item-edit-group, .cart-sidebar .sidebar-body .cart-item-block.hover .cart-item-remove-btn {
    visibility: visible
}

.cart-sidebar .sidebar-body .cart-item-block .cart-item-image {
    width: 48px;
    height: 48px
}

.cart-sidebar .sidebar-body .cart-item-block .cart-item-title {
    font-size: 1em;
    margin: 11px 0
}

.cart-sidebar .sidebar-body .cart-item-block .cart-item-title.without-image {
    margin: 0 0 11px
}

.cart-sidebar .sidebar-body .cart-item-block .cart-item-attributes {
    font-size: .75em;
    color: #b8b8b8
}

.cart-sidebar .sidebar-body .cart-item-block .cart-item-attributes .cart-item-attribute {
    margin-bottom: 4px
}

.cart-sidebar .sidebar-body .cart-item-block .cart-item-price {
    line-height: .5em;
    padding-top: .2em
}

.cart-sidebar .sidebar-body .cart-item-block .cart-items-quantity {
    padding-top: .15em
}

.cart-sidebar .sidebar-body .cart-item-block .cart-item-price, .cart-sidebar .sidebar-body .cart-item-block .cart-items-quantity {
    color: #b8b8b8
}

.cart-sidebar .sidebar-body .cart-item-block .cart-item-price-value, .cart-sidebar .sidebar-body .cart-item-block .cart-item-quantity-value {
    font-size: .75em
}

.cart-sidebar .sidebar-body .cart-item-block .cart-item-remove-btn {
    width: 12px;
    height: 12px;
    position: absolute;
    top: 16px;
    right: 16px;
    cursor: pointer;
    visibility: hidden
}

.cart-sidebar .sidebar-body .cart-item-block .cart-item-remove-btn > .cart-item-remove-btn-icon {
    display: block
}

.cart-sidebar .sidebar-body .cart-item-block .cart-item-edit-group {
    width: 34px;
    height: 10px;
    position: absolute;
    bottom: 20px;
    right: 17px;
    visibility: hidden;
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse
}

.cart-sidebar .sidebar-body .cart-item-block .cart-item-edit-group .cart-item-decrease-btn {
    cursor: pointer
}

.cart-sidebar .sidebar-body .cart-item-block .cart-item-edit-group .cart-item-decrease-btn .cart-item-decrease-btn-icon {
    position: relative;
    top: 4px
}

.cart-sidebar .sidebar-body .cart-item-block .cart-item-edit-group .cart-item-increase-btn {
    opacity: .4
}

.cart-sidebar .sidebar-body .cart-item-block .cart-item-edit-group .cart-item-increase-btn.active {
    opacity: 1;
    cursor: pointer
}

.cart-sidebar .sidebar-body .cart-item-block .cart-item-edit-group svg {
    display: block
}

.cart-sidebar .sidebar-body .form-row {
    width: 100%;
    min-height: 24px;
    position: relative;
    font-size: 1em;
    display: flex;
    align-items: center
}

.cart-sidebar .sidebar-body .form-row .form-error {
    width: 4px;
    height: 4px;
    position: absolute;
    left: -14px;
    top: 10px;
    border-radius: 100%
}

.cart-sidebar .sidebar-body .form-row .form-error.hidden {
    display: none
}

.cart-sidebar .sidebar-body .order-details-form {
    width: 100%;
    box-sizing: border-box;
    margin: 24px 0 0;
    color: #fff
}

.cart-sidebar .sidebar-body .order-details-form.shipping-form {
    margin: 14px 0 0
}

.cart-sidebar .sidebar-body .order-details-form.shipping-form .form-title {
    margin-bottom: 12px
}

.cart-sidebar .sidebar-body .order-details-form input {
    color: #fff
}

.cart-sidebar .sidebar-body .order-details-form .form-title {
    font-size: .75em;
    color: #b8b8b8;
    margin-bottom: 4px
}

.cart-sidebar .sidebar-body .order-details-form .form-row {
    width: 100%;
    min-height: 24px;
    position: relative;
    display: flex;
    align-items: center
}

.cart-sidebar .sidebar-body .order-details-form .form-row .form-error {
    width: 4px;
    height: 4px;
    font-size: 1em;
    position: absolute;
    left: -14px;
    border-radius: 100%
}

.cart-sidebar .sidebar-body .order-details-form .form-row .form-error.hidden {
    display: none
}

.cart-sidebar .sidebar-body .order-details-form .form-input {
    width: 100%;
    font-size: 1em;
    background-color: transparent;
    box-sizing: border-box;
    vertical-align: middle;
    text-overflow: ellipsis;
    outline: none;
    border-style: none;
    resize: none
}

.cart-sidebar .sidebar-body .shipping-form.hidden {
    display: none
}

.cart-sidebar .sidebar-body .shipping-errors {
    padding: 14px 0 0
}

.cart-sidebar .sidebar-body .shipping-errors .error-item {
    font-size: 1em;
    min-height: 20px
}

.cart-sidebar .sidebar-body .cart-payment-label {
    min-height: 24px;
    font-size: 1em;
    margin-bottom: 5px
}

.cart-sidebar .tab-order .order-details {
    padding-top: 9px
}

.cart-sidebar .tab-order .order-details.hidden, .cart-sidebar .tab-order .order-details .shipping-details.hidden {
    display: none
}

.cart-sidebar .tab-order .order-details .order-items-block.order-row {
    margin-bottom: 12px
}

.cart-sidebar .tab-order .order-details .order-row {
    margin-bottom: 27px
}

.cart-sidebar .tab-order .order-details .order-row.hidden {
    display: none
}

.cart-sidebar .tab-order .order-details .order-title-row {
    margin-bottom: 9px;
    font-size: .75em;
    color: grey
}

.cart-sidebar .tab-order .order-details .order-title-row.summary-title {
    margin-top: 5px;
    margin-bottom: 17px
}

.cart-sidebar .tab-order .order-details .order-info-block {
    font-size: 1em
}

.cart-sidebar .tab-order .order-details .order-shipping-address {
    line-height: 18px
}

.cart-sidebar .tab-order .order-details .order-item {
    margin-bottom: 16px
}

.cart-sidebar .tab-order .order-details .order-item .order-item-price {
    margin-top: 8px
}

.cart-sidebar .tab-order .order-error {
    box-sizing: border-box;
    position: absolute;
    padding: 0 16px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    vertical-align: center
}

.cart-sidebar .tab-order .order-error .order-error-container {
    text-align: center
}

.cart-sidebar .tab-order .order-error .order-error-title {
    margin-bottom: 10px
}

.cart-sidebar .tab-order .order-error.hidden {
    display: none
}

.cart-sidebar .tab-checkout .payment-title {
    margin: 14px 0 12px;
    font-size: .75em;
    letter-spacing: .4px
}

.cart-sidebar .tab-checkout .cart-payment-btn {
    width: 100%;
    margin-top: 26px;
    font-size: 1em;
    background: transparent;
    font-weight: 400;
    line-height: normal
}

.cart-sidebar .tab-checkout .form-row .form-error {
    top: 12px
}

.cart-sidebar .tab-checkout .payment-input {
    padding: 0;
    width: 100%;
    font-size: 1em;
    position: relative;
    background-color: transparent;
    box-sizing: border-box;
    vertical-align: middle;
    text-overflow: ellipsis;
    outline: none;
    border-style: none;
    resize: none
}

.cart-sidebar .tab-checkout .payment-input.card-name-input {
    height: 1.2em
}

.cart-sidebar .tab-checkout .payment-input.hidden {
    display: none
}

.cart-sidebar .tab-checkout #payment-request-button {
    margin: 14px 0
}

.cart-sidebar .tab-checkout #payment-failed-msg {
    width: 100%;
    margin-top: 24px;
    font-size: 1em;
    text-align: center;
    align-items: center;
    justify-content: center;
    vertical-align: center;
    display: none
}

.cart-sidebar .tab-checkout #payment-failed-msg.show {
    display: flex
}

.cart-sidebar .tab-checkout #payment-failed-msg .error-icon {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    position: relative;
    border: 2px solid #4a4a4a;
    display: flex;
    align-items: center;
    justify-content: center
}

.cart-sidebar .tab-checkout #payment-success-msg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    align-items: center;
    justify-content: center;
    vertical-align: center;
    display: none
}

.cart-sidebar .tab-checkout #payment-success-msg.show {
    display: flex
}

.cart-sidebar .tab-checkout #payment-success-msg .title {
    font-size: 1.5em;
    margin-bottom: 10px
}

.cart-sidebar .tab-checkout #payment-success-msg .description {
    font-size: .75em
}

.cart-sidebar.cart-is-mobile .sidebar-body .cart-item-block {
    margin-bottom: 4px
}

.cart-sidebar.cart-is-mobile .sidebar-body .cart-item-block .cart-item-edit-group, .cart-sidebar.cart-is-mobile .sidebar-body .cart-item-block .cart-item-remove-btn {
    visibility: visible
}

.cart-sidebar.cart-is-mobile .sidebar-body .cart-item-block:last-of-type {
    margin-bottom: 0
}

.isphone .cart-sidebar {
    width: 240px;
    right: -245px
}

.isphone .cart-sidebar.show {
    right: 0
}

.isphone .cart-sidebar .sidebar-header .go-forward {
    width: 136px
}

.isphone .cart-sidebar .cart-sidebar-tabs {
    height: 100%
}

.isphone .cart-sidebar .cart-sidebar-tabs .cart-sidebar-tab {
    min-height: 100%;
    height: auto;
    padding-bottom: 50px
}

.isphone .cart-sidebar .sidebar-header {
    padding: 22px 16px 0 32px
}

.isphone .cart-sidebar .tab-items .sidebar-body {
    padding: 17px 16px 0
}

.isphone .cart-sidebar .sidebar-body {
    padding: 17px 16px 0 32px
}

.isphone .cart-sidebar .sidebar-body .shipping-form {
    padding: 14px 0 0
}

.isphone .cart-sidebar .sidebar-body .form-row .form-error {
    left: -16px
}

.isphone .cart-sidebar .sidebar-body .cart-payment-btn {
    width: calc(100% - 16px)
}

.isphone .cart-sidebar .sidebar-body .cart-cancel-btn {
    padding-right: 16px
}

.isdesktop .cart-sidebar .close-button:hover, .no-isdesktop .cart-sidebar .close-button:hover {
    background-color: #313131
}

.isdesktop .cart-sidebar .close-button:hover .line-1, .isdesktop .cart-sidebar .close-button:hover .line-3, .no-isdesktop .cart-sidebar .close-button:hover .line-1, .no-isdesktop .cart-sidebar .close-button:hover .line-3 {
    opacity: 1;
    background: #fff
}

.common-audio-player.standard {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0
}

.common-audio-player-engine {
    visibility: hidden
}

.common-audio-player.minimal {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .12);
    border-radius: 3px
}

.common-audio-player.minimal.no-artwork {
    top: auto;
    bottom: 0;
    height: 26px
}

.common-audio-player.minimal.no-artwork .sc-artwork-list {
    display: none
}

.common-audio-player.minimal.no-artwork .sc-scrubber {
    border-radius: 2px
}

.common-audio-player.minimal.no-info .sc-artwork-list .sc-artworks-overlay, .common-audio-player.minimal.no-info .sc-info {
    display: none
}

.common-audio-player.minimal.no-transitions .sc-button, .common-audio-player.minimal.no-transitions .sc-hover-indicator {
    -webkit-transition: none !important;
    transition: none !important
}

.common-audio-player.minimal .sc-artwork-list {
    position: absolute;
    left: 1px;
    top: 1px;
    bottom: 25px;
    right: 1px
}

.common-audio-player.minimal .sc-artwork-list .sc-loaded-artwork {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
    background-position: 0 0;
    border-radius: 2px 2px 0 0;
    background-repeat: no-repeat;
    overflow: hidden;
    background-color: #fff
}

.msie .common-audio-player.minimal .sc-artwork-list .sc-loaded-artwork {
    background-size: cover
}

.common-audio-player.minimal .sc-artwork-list .sc-artworks-overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 2px 2px 0 0;
    overflow: hidden;
    z-index: 1;
    background: -webkit-linear-gradient(top, transparent, transparent 31%, rgba(0, 0, 0, .8));
    background: linear-gradient(180deg, transparent 0, transparent 31%, rgba(0, 0, 0, .8))
}

.common-audio-player.minimal .sc-info {
    z-index: 2;
    position: absolute;
    left: 0;
    bottom: 25px;
    right: 0;
    height: 47px;
    color: #fff
}

.common-audio-player.minimal .sc-info h3 {
    display: block;
    position: absolute;
    top: 0;
    left: 34px;
    right: 34px;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    height: 22px;
    font-family: Arial;
    color: inherit !important;
    font-size: 18px;
    font-weight: 700
}

.common-audio-player.minimal .sc-info h3 a {
    font-family: Arial;
    color: inherit !important;
    font-size: 18px;
    font-weight: 700;
    text-decoration: none
}

.common-audio-player.minimal .sc-info h4 {
    display: block;
    position: absolute;
    top: 24px;
    left: 34px;
    right: 34px;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    height: 25px
}

.common-audio-player.minimal .sc-info h4, .common-audio-player.minimal .sc-info h4 a {
    text-transform: uppercase;
    font-family: Arial;
    color: inherit !important;
    font-size: 8px;
    letter-spacing: 1px
}

.common-audio-player.minimal .sc-info h4 a {
    text-decoration: underline
}

.common-audio-player.minimal .sc-info h4 a:hover {
    text-decoration: none
}

.common-audio-player.minimal.dragging .sc-scrubber .sc-time-span .sc-button-wrapper .sc-button svg, .common-audio-player.minimal.playing .sc-scrubber .sc-time-span .sc-button-wrapper .sc-button svg {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.common-audio-player.minimal .sc-scrubber {
    position: absolute;
    left: 1px;
    bottom: 1px;
    right: 1px;
    height: 24px;
    background: #fff;
    border-radius: 0 0 2px 2px;
    overflow: hidden
}

.common-audio-player.minimal .sc-scrubber:hover .sc-hover-indicator {
    opacity: 1
}

.common-audio-player.minimal .sc-scrubber .sc-hover-indicator {
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background: rgba(0, 0, 0, .12);
    opacity: 0;
    -webkit-transition: opacity .4s ease-in-out;
    transition: opacity .4s ease-in-out
}

.common-audio-player.minimal .sc-scrubber .sc-time-indicators {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    line-height: 23px;
    text-align: right
}

.common-audio-player.minimal .sc-scrubber .sc-time-indicators .sc-left {
    padding-right: 8px;
    color: rgba(0, 0, 0, .5);
    font-family: Arial;
    font-size: 11px;
    opacity: .5
}

.common-audio-player.minimal .sc-scrubber .sc-time-span {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1
}

.common-audio-player.minimal .sc-scrubber .sc-time-span .sc-buffer, .common-audio-player.minimal .sc-scrubber .sc-time-span .sc-played {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%
}

.common-audio-player.minimal .sc-scrubber .sc-time-span .sc-button-wrapper {
    position: absolute;
    top: 0;
    left: 6px;
    right: 24px;
    height: 100%
}

.common-audio-player.minimal .sc-scrubber .sc-time-span .sc-button-wrapper .sc-button {
    position: absolute;
    width: 18px;
    height: 18px;
    left: 0;
    top: 3px;
    -webkit-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
    opacity: .8;
    cursor: pointer
}

.common-audio-player.minimal .sc-scrubber .sc-time-span .sc-button-wrapper .sc-button svg {
    position: absolute;
    left: 3px;
    top: 3px;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.common-audio-player.minimal .sc-scrubber .sc-time-span .sc-button-wrapper .sc-button:hover {
    opacity: 1
}

.common-slideshow {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: translateZ(0)
}

.common-slideshow:not(.common-slideshow-v2) * {
    font-family: -apple-system, system-ui, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Arial, sans-serif
}

.common-slideshow.fullscreen-mode {
    position: fixed;
    min-width: 1024px
}

.no-isdesktop .common-slideshow.fullscreen-mode {
    min-width: 0
}

.common-slideshow.fullscreen-mode .images .fullscreen svg.fullscreen-off {
    visibility: hidden
}

.common-slideshow.fullscreen-mode .images .fullscreen svg.fullscreen-on {
    visibility: inherit
}

.common-slideshow.no-images .images {
    background: url(https://d1id5eheivyv24.cloudfront.net/202e4dbf/dist/img/common/slideshow-player/stub.svg) no-repeat 50% 50% !important;
    background-color: #f4f4f4 !important
}

.common-slideshow.no-images .captions, .common-slideshow.no-images .counters-dots, .common-slideshow.no-images .images .arrow-middle, .common-slideshow.no-images .images .bottom-arrows, .common-slideshow.no-images .images .fullscreen, .common-slideshow.no-images .thumbnails {
    display: none !important
}

.common-slideshow.fullscreen-mode .captions, .common-slideshow.fullscreen-mode .counters-dots.down-position, .common-slideshow.fullscreen-mode .images, .common-slideshow.fullscreen-mode .thumbnails {
    background-color: #000 !important
}

.common-slideshow.fullscreen-mode .captions .caption {
    color: #fff !important;
    opacity: 1 !important
}

.common-slideshow .counters-dots {
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
    position: relative
}

.common-slideshow .counters-dots.down-position .scroll-wrapper {
    min-width: auto
}

.common-slideshow .counters-dots.down-position .scroll-wrapper .items-wrapper .items {
    top: 14px
}

.common-slideshow .counters-dots.down-position .scroll-wrapper .items-wrapper .items .counter {
    width: 8px;
    height: 8px;
    box-shadow: 0 0 0 1px #000;
    border: none
}

.isdesktop .common-slideshow .counters-dots.down-position .scroll-wrapper .items-wrapper .items .counter:after {
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #fff;
    content: ""
}

.common-slideshow .counters-dots.down-position .scroll-wrapper .items-wrapper .items .counter.active {
    box-shadow: 0 0 0 1px #fff
}

.common-slideshow .counters-dots.down-position .scroll-wrapper .items-wrapper .items .counter.active:after {
    background: #000
}

.common-slideshow .counters-dots .scroll-wrapper {
    position: relative;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    min-width: 40px;
    overflow: hidden
}

.common-slideshow .counters-dots .scroll-wrapper .scroll {
    display: none
}

.common-slideshow .counters-dots .scroll-wrapper .items-wrapper {
    position: relative;
    height: 100px;
    width: 100%;
    overflow-x: scroll
}

.common-slideshow .counters-dots .scroll-wrapper .items-wrapper .items {
    position: relative;
    top: 15px;
    height: 10px;
    left: 50%;
    transform: translateX(-50%)
}

.common-slideshow .counters-dots .scroll-wrapper .items-wrapper .items .counter {
    position: absolute;
    width: 6px;
    height: 6px;
    margin: 0 3px;
    border-radius: 50%;
    cursor: pointer;
    top: 1px;
    background: #fff;
    border: 1px solid #fff
}

.common-slideshow .counters-dots .scroll-wrapper .items-wrapper .items .counter.active {
    cursor: default
}

.ismobile .common-slideshow .counters-dots .scroll-wrapper .items-wrapper .items .counter.active {
    background: #000
}

.common-slideshow .counters-dots .scroll-wrapper .items-wrapper .items .counter:hover:not(.active), .common-slideshow .counters-dots .scroll-wrapper .items-wrapper .items .counter:not(.active) {
    background: transparent !important
}

.common-slideshow .images {
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    width: 100%;
    overflow: hidden
}

.common-slideshow .images .lqip-wrapper {
    overflow: hidden
}

.common-slideshow .images .lqip-wrapper .lqip {
    filter: blur(20px);
    -moz-filter: blur(20px);
    -webkit-filter: blur(20px);
    transition: opacity .2s;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    height: 100%
}

.common-slideshow .images .images-wrapper {
    position: relative;
    height: 100%;
    overflow: hidden
}

.common-slideshow .images .images-wrapper.animating .image {
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0)
}

.common-slideshow .images .images-wrapper .image {
    position: absolute;
    top: 0;
    height: 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.no-safari .common-slideshow .images .images-wrapper .image {
    image-rendering: -webkit-optimize-contrast
}

.common-slideshow .images .images-wrapper .image.hidden {
    display: none
}

.common-slideshow .images .images-wrapper .image.neighbour {
    visibility: inherit
}

.common-slideshow .images .images-wrapper .image.error {
    background-color: #000 !important;
    background-size: 75px 54px !important
}

.common-slideshow .images .fullscreen {
    cursor: pointer;
    position: absolute;
    top: 8px;
    right: 8px;
    width: 40px;
    height: 40px;
    -webkit-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out
}

.common-slideshow .images .fullscreen:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    background: rgba(40, 40, 40, .4);
    z-index: 0
}

.common-slideshow .images .fullscreen svg.fullscreen-off {
    visibility: inherit
}

.common-slideshow .images .fullscreen svg.fullscreen-on {
    visibility: hidden;
    top: 11px;
    left: 11px
}

.common-slideshow .images .fullscreen svg {
    position: absolute;
    top: 12px;
    left: 12px
}

.isdesktop .common-slideshow .images .fullscreen svg {
    opacity: 1
}

.isdesktop .common-slideshow .images .fullscreen:hover svg {
    opacity: .8
}

.common-slideshow .images .bottom-arrows {
    position: relative;
    display: flex;
    width: fit-content;
    width: -moz-max-content;
    align-items: center;
    justify-content: center;
    min-width: 104px;
    margin: -50px auto;
    border-radius: 20px;
    background: rgba(40, 40, 40, .4)
}

.common-slideshow .images .bottom-arrows.hidden, .common-slideshow .images .bottom-arrows.no-images {
    display: none
}

.common-slideshow .images .bottom-arrows.only-counters {
    background: none;
    height: 40px
}

.common-slideshow .images .bottom-arrows.only-counters .counters-dots, .common-slideshow .images .bottom-arrows.only-counters .counters-numbers {
    min-width: 40px;
    border-radius: 20px;
    background: rgba(40, 40, 40, .4)
}

.common-slideshow .images .bottom-arrows .next-picture-arrow-bottom, .common-slideshow .images .bottom-arrows .prev-picture-arrow-bottom {
    position: relative;
    display: inline-block;
    cursor: pointer;
    width: 40px;
    height: 40px
}

.isdesktop .common-slideshow .images .bottom-arrows .next-picture-arrow-bottom img, .isdesktop .common-slideshow .images .bottom-arrows .next-picture-arrow-bottom svg, .isdesktop .common-slideshow .images .bottom-arrows .prev-picture-arrow-bottom img, .isdesktop .common-slideshow .images .bottom-arrows .prev-picture-arrow-bottom svg {
    opacity: 1
}

.isdesktop .common-slideshow .images .bottom-arrows .next-picture-arrow-bottom:hover img, .isdesktop .common-slideshow .images .bottom-arrows .next-picture-arrow-bottom:hover svg, .isdesktop .common-slideshow .images .bottom-arrows .prev-picture-arrow-bottom:hover img, .isdesktop .common-slideshow .images .bottom-arrows .prev-picture-arrow-bottom:hover svg {
    opacity: .8
}

.common-slideshow .images .bottom-arrows .next-picture-arrow-bottom img, .common-slideshow .images .bottom-arrows .prev-picture-arrow-bottom img {
    width: 18px;
    height: 18px;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.common-slideshow .images .bottom-arrows .counters-container {
    min-width: 20px;
    cursor: default
}

.common-slideshow .images .bottom-arrows .counters-container .counters-numbers {
    line-height: 40px;
    color: #f2f2f2;
    font-size: 12px;
    text-align: center;
    font-family: -apple-system, system-ui, BlinkMacSystemFont, Segoe UI, Ubuntu, Fira Sans, Roboto, Avenir Next, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 500
}

.common-slideshow .images .next-picture-arrow-middle, .common-slideshow .images .prev-picture-arrow-middle {
    cursor: pointer;
    position: absolute;
    top: 50%;
    margin-top: -20px;
    left: 8px;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    background: rgba(40, 40, 40, .4)
}

.common-slideshow .images .next-picture-arrow-middle.no-images, .common-slideshow .images .prev-picture-arrow-middle.no-images {
    display: none !important
}

.common-slideshow .images .next-picture-arrow-middle.hidden, .common-slideshow .images .prev-picture-arrow-middle.hidden {
    display: none
}

.common-slideshow .images .next-picture-arrow-middle img, .common-slideshow .images .prev-picture-arrow-middle img {
    width: 18px;
    height: 18px;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.common-slideshow .images .next-picture-arrow-middle[data-id=rm_left_22] img, .common-slideshow .images .next-picture-arrow-middle[data-id=rm_right_22] img, .common-slideshow .images .prev-picture-arrow-middle[data-id=rm_left_22] img, .common-slideshow .images .prev-picture-arrow-middle[data-id=rm_right_22] img {
    width: 24px;
    height: 24px
}

.isdesktop .common-slideshow .images .next-picture-arrow-middle img, .isdesktop .common-slideshow .images .next-picture-arrow-middle svg, .isdesktop .common-slideshow .images .prev-picture-arrow-middle img, .isdesktop .common-slideshow .images .prev-picture-arrow-middle svg {
    opacity: 1
}

.isdesktop .common-slideshow .images .next-picture-arrow-middle:hover img, .isdesktop .common-slideshow .images .next-picture-arrow-middle:hover svg, .isdesktop .common-slideshow .images .prev-picture-arrow-middle:hover img, .isdesktop .common-slideshow .images .prev-picture-arrow-middle:hover svg {
    opacity: .8
}

.common-slideshow .images .next-picture-arrow-middle {
    left: auto;
    right: 8px
}

.common-slideshow .images .prev-picture-arrow-middle.first-pack img {
    left: 48%
}

.common-slideshow .images .prev-picture-arrow-middle.second-pack img {
    left: 46%
}

.common-slideshow .images .next-picture-arrow-middle.first-pack img {
    left: 54%
}

.common-slideshow .images .next-picture-arrow-middle.second-pack img {
    left: 56%
}

.common-slideshow .images.lqip .next-picture-arrow-bottom, .common-slideshow .images.lqip .next-picture-arrow-middle, .common-slideshow .images.lqip .prev-picture-arrow-bottom, .common-slideshow .images.lqip .prev-picture-arrow-middle {
    opacity: 0
}

.isdesktop .common-slideshow.environment-constructor .images .fullscreen {
    cursor: default
}

.isdesktop .common-slideshow.environment-constructor .images .fullscreen svg {
    cursor: default;
    opacity: 1
}

.isdesktop .common-slideshow.environment-viewer:not(.fullscreen-mode) .images .fullscreen {
    opacity: 0
}

.isdesktop .common-slideshow.environment-viewer:not(.fullscreen-mode):hover .images .fullscreen {
    opacity: 1
}

.isdesktop .common-slideshow.environment-viewer .images.show-on-hover .bottom-arrows, .isdesktop .common-slideshow.environment-viewer .images.show-on-hover .next-picture-arrow-middle, .isdesktop .common-slideshow.environment-viewer .images.show-on-hover .prev-picture-arrow-middle, .isdesktop .common-slideshow.environment-viewer .show-on-hover.down-position {
    -webkit-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
    opacity: 0
}

.isdesktop .common-slideshow.environment-viewer:hover .images.show-on-hover .bottom-arrows, .isdesktop .common-slideshow.environment-viewer:hover .images.show-on-hover .next-picture-arrow-middle, .isdesktop .common-slideshow.environment-viewer:hover .images.show-on-hover .prev-picture-arrow-middle, .isdesktop .common-slideshow.environment-viewer:hover .show-on-hover.down-position {
    opacity: 1
}

.isdesktop .common-slideshow.environment-viewer .images .cursor {
    height: 40px;
    width: 40px;
    position: absolute;
    pointer-events: none;
    background-size: 40px 40px
}

.isdesktop .common-slideshow.environment-viewer .images.noun .cursor {
    height: 36px;
    width: 36px;
    background-size: 36px 36px
}

.isdesktop .common-slideshow.environment-constructor .images .next-picture-arrow-bottom.noun svg, .isdesktop .common-slideshow.environment-constructor .images .next-picture-arrow-middle.noun svg, .isdesktop .common-slideshow.environment-constructor .images .prev-picture-arrow-bottom.noun svg, .isdesktop .common-slideshow.environment-constructor .images .prev-picture-arrow-middle.noun svg {
    position: absolute;
    width: 18px !important;
    height: 18px !important;
    overflow: visible;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.isdesktop .common-slideshow.environment-constructor .images .next-picture-arrow-bottom[data-id=rm_left_22] svg, .isdesktop .common-slideshow.environment-constructor .images .next-picture-arrow-bottom[data-id=rm_right_22] svg, .isdesktop .common-slideshow.environment-constructor .images .next-picture-arrow-middle[data-id=rm_left_22] svg, .isdesktop .common-slideshow.environment-constructor .images .next-picture-arrow-middle[data-id=rm_right_22] svg, .isdesktop .common-slideshow.environment-constructor .images .prev-picture-arrow-bottom[data-id=rm_left_22] svg, .isdesktop .common-slideshow.environment-constructor .images .prev-picture-arrow-bottom[data-id=rm_right_22] svg, .isdesktop .common-slideshow.environment-constructor .images .prev-picture-arrow-middle[data-id=rm_left_22] svg, .isdesktop .common-slideshow.environment-constructor .images .prev-picture-arrow-middle[data-id=rm_right_22] svg {
    width: 24px !important;
    height: 24px !important
}

.isdesktop .common-slideshow.environment-constructor .images .prev-picture-arrow-middle.first-pack svg {
    left: 48%
}

.isdesktop .common-slideshow.environment-constructor .images .prev-picture-arrow-middle.second-pack svg {
    left: 46%
}

.isdesktop .common-slideshow.environment-constructor .images .next-picture-arrow-middle.first-pack svg {
    left: 52%
}

.isdesktop .common-slideshow.environment-constructor .images .next-picture-arrow-middle.second-pack svg {
    left: 54%
}

.isdesktop .common-slideshow.environment-constructor .images.controls-without-bg .bottom-arrows, .isdesktop .common-slideshow.environment-constructor .images.controls-without-bg .bottom-arrows.only-counters *, .isdesktop .common-slideshow.environment-constructor .images.controls-without-bg .fullscreen:before, .isdesktop .common-slideshow.environment-constructor .images.controls-without-bg .next-picture-arrow-bottom, .isdesktop .common-slideshow.environment-constructor .images.controls-without-bg .next-picture-arrow-middle, .isdesktop .common-slideshow.environment-constructor .images.controls-without-bg .prev-picture-arrow-bottom, .isdesktop .common-slideshow.environment-constructor .images.controls-without-bg .prev-picture-arrow-middle, .isdesktop .common-slideshow.environment-viewer .images.controls-without-bg .bottom-arrows, .isdesktop .common-slideshow.environment-viewer .images.controls-without-bg .bottom-arrows.only-counters *, .isdesktop .common-slideshow.environment-viewer .images.controls-without-bg .fullscreen:before, .isdesktop .common-slideshow.environment-viewer .images.controls-without-bg .next-picture-arrow-bottom, .isdesktop .common-slideshow.environment-viewer .images.controls-without-bg .next-picture-arrow-middle, .isdesktop .common-slideshow.environment-viewer .images.controls-without-bg .prev-picture-arrow-bottom, .isdesktop .common-slideshow.environment-viewer .images.controls-without-bg .prev-picture-arrow-middle, .isphone .common-slideshow.environment-viewer .images.controls-without-bg .bottom-arrows, .isphone .common-slideshow.environment-viewer .images.controls-without-bg .bottom-arrows.only-counters *, .isphone .common-slideshow.environment-viewer .images.controls-without-bg .fullscreen:before, .isphone .common-slideshow.environment-viewer .images.controls-without-bg .next-picture-arrow-bottom, .isphone .common-slideshow.environment-viewer .images.controls-without-bg .next-picture-arrow-middle, .isphone .common-slideshow.environment-viewer .images.controls-without-bg .prev-picture-arrow-bottom, .isphone .common-slideshow.environment-viewer .images.controls-without-bg .prev-picture-arrow-middle, .istablet .common-slideshow.environment-viewer .images.controls-without-bg .bottom-arrows, .istablet .common-slideshow.environment-viewer .images.controls-without-bg .bottom-arrows.only-counters *, .istablet .common-slideshow.environment-viewer .images.controls-without-bg .fullscreen:before, .istablet .common-slideshow.environment-viewer .images.controls-without-bg .next-picture-arrow-bottom, .istablet .common-slideshow.environment-viewer .images.controls-without-bg .next-picture-arrow-middle, .istablet .common-slideshow.environment-viewer .images.controls-without-bg .prev-picture-arrow-bottom, .istablet .common-slideshow.environment-viewer .images.controls-without-bg .prev-picture-arrow-middle {
    background: transparent
}

.common-slideshow .thumbnails {
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    width: 100%
}

.common-slideshow .thumbnails .scroll-wrapper {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    overflow: hidden
}

.common-slideshow .thumbnails .scroll-wrapper .scroll {
    display: none
}

.common-slideshow .thumbnails .scroll-wrapper .items-wrapper {
    position: absolute;
    height: 100px;
    width: 100%;
    overflow-x: scroll
}

.common-slideshow .thumbnails .scroll-wrapper .items-wrapper .items {
    position: relative;
    top: 8px;
    height: 56px
}

.common-slideshow .thumbnails .scroll-wrapper .items-wrapper .items .thumb:first {
    margin: 0 4px 0 0
}

.common-slideshow .thumbnails .scroll-wrapper .items-wrapper .items .thumb:last {
    margin: 0 0 0 4px
}

.common-slideshow .thumbnails .scroll-wrapper .items-wrapper .items .thumb {
    position: absolute;
    cursor: pointer;
    width: 56px;
    height: 56px;
    margin: 0 4px;
    top: 0;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 56px 56px;
    opacity: .5
}

.common-slideshow .thumbnails .scroll-wrapper .items-wrapper .items .thumb.error {
    background-image: url(https://d1id5eheivyv24.cloudfront.net/202e4dbf/dist/img/common/slideshow-player/error-image.png) !important
}

.common-slideshow .thumbnails .scroll-wrapper .items-wrapper .items .thumb.active {
    cursor: default;
    opacity: 1
}

.isdesktop .common-slideshow .thumbnails .scroll-wrapper .items-wrapper .items .thumb:hover {
    opacity: 1
}

.common-slideshow .captions {
    position: relative;
    width: 100%
}

.common-slideshow .captions .caption-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.common-slideshow .captions .caption:not(.caption-text-w) {
    position: relative;
    margin: 0;
    outline: none;
    border: none;
    resize: none;
    background-color: transparent;
    height: 100%;
    width: 100%;
    padding: 10px 37px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
    overflow: hidden;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility !important
}

.common-slideshow .captions .caption:not(.caption-text-w)::-webkit-input-placeholder {
    color: rgba(151, 158, 168, .5) !important
}

.common-slideshow .captions .caption:not(.caption-text-w):-moz-placeholder {
    color: rgba(151, 158, 168, .5) !important
}

.common-slideshow .captions .caption:not(.caption-text-w):focus::-webkit-input-placeholder {
    color: transparent !important
}

.common-slideshow .captions .caption:not(.caption-text-w):focus:-moz-placeholder {
    color: transparent !important
}

.common-slideshow .captions .caption:not(.caption-text-w) a {
    color: inherit
}

.isdesktop .common-slideshow .captions .caption:not(.caption-text-w) a:hover {
    color: inherit;
    text-decoration: none
}

.common-slideshow .captions .caption.caption-text-w {
    position: relative;
    margin: 0;
    background-color: transparent;
    height: 100%;
    width: 100%;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
    overflow: hidden;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility !important
}

@media (max-width: 1024px) {
    .common-slideshow .images .bottom-arrows, .common-slideshow .images .fullscreen, .common-slideshow .images .next-picture-arrow-middle, .common-slideshow .images .prev-picture-arrow-middle {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        transform: translateZ(0)
    }
}

.common-button {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: -ms-flexbox;
    -ms-flex-flow: row nowrap;
    display: -webkit-flex;
    -webkit-align-items: center;
    -webkit-align-content: center;
    -webkit-justify-content: center;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-writing-mode: lr-tb;
    -webkit-writing-mode: horizontal-tb;
    writing-mode: horizontal-tb;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-style: solid;
    overflow: hidden
}

.common-button.is-contrast-selection .text::selection {
    background: rgba(160, 206, 255, .5)
}

.common-button.is-contrast-selection .text::-moz-selection {
    background: rgba(160, 206, 255, .5)
}

.common-button .icon, .common-button .text {
    display: none;
    vertical-align: middle
}

.common-button .icon.hidden, .common-button .text.hidden {
    display: none
}

.common-button .icon, .common-button .text {
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto
}

.common-button .text {
    padding: 0;
    margin: 0;
    overflow-y: hidden;
    overflow-x: hidden;
    outline: none;
    border: none;
    resize: none;
    background-color: transparent;
    -moz-appearance: none;
    -webkit-appearance: none;
    line-height: 1.4;
    text-align: center;
    white-space: nowrap;
    font-family: inherit;
    text-transform: inherit;
    font-weight: inherit;
    font-style: inherit;
    text-decoration: inherit;
    color: inherit;
    font-size: inherit;
    letter-spacing: inherit
}

.common-button .text::selection {
    background: rgba(73, 162, 255, .5)
}

.common-button .text::-moz-selection {
    background: rgba(73, 162, 255, .5)
}

.alt-key-pressed .block.button .content .common-button input.text[readonly]:hover {
    cursor: copy
}

.widget-form.fonts-pending .caption {
    visibility: hidden
}

.grecaptcha-badge {
    display: none
}

.common-form {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    font-size: 0;
    line-height: 0
}

.selected-form .common-form .constructor-notify {
    font-size: 12px;
    line-height: 1;
    left: 5px;
    right: 5px;
    top: 5px;
    position: absolute;
    z-index: 1;
    display: flex;
    align-items: center;
    text-align: center;
    opacity: .7;
    padding: 5px;
    justify-content: center;
    bottom: 5px
}

.selected-form .common-form .button.caption-upgrade .caption {
    visibility: hidden !important
}

.common-form:hover .input-line-control {
    opacity: .6
}

.common-form[data-style=underlined] .input-line-control {
    right: 2px
}

.common-form .input-wrapper {
    position: relative;
    display: inline-block
}

.common-form .input-wrapper.is-multiline .input-line-control-remove {
    display: block
}

.common-form .input-wrapper.captcha-invisible {
    height: 0 !important;
    margin-bottom: 0 !important;
    width: 0 !important;
    margin-left: 0 !important
}

.common-form .input-wrapper .captcha-holder {
    margin: 0 auto;
    height: 78px;
    width: 304px;
    overflow: hidden
}

.common-form .input-wrapper .input-checkbox-wrapper, .common-form .input-wrapper input, .common-form .input-wrapper textarea {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 1.2;
    background: transparent;
    border-radius: 0;
    border: 0;
    box-shadow: none;
    margin: 0;
    outline: 0;
    padding: 0 20px;
    text-align: left;
    resize: none
}

.common-form .input-wrapper textarea {
    height: auto;
    overflow: auto
}

.isdesktop .common-form .input-wrapper textarea {
    overflow: hidden
}

.common-form .input-wrapper input::-ms-clear, .common-form .input-wrapper textarea::-ms-clear {
    display: none
}

.common-form .input-wrapper input::-webkit-input-placeholder, .common-form .input-wrapper textarea::-webkit-input-placeholder {
    color: inherit !important;
    opacity: .5 !important
}

.common-form .input-wrapper input:-ms-input-placeholder, .common-form .input-wrapper textarea:-ms-input-placeholder {
    color: inherit !important;
    opacity: .5 !important
}

.common-form .input-wrapper input:-moz-placeholder, .common-form .input-wrapper input::-moz-placeholder, .common-form .input-wrapper textarea:-moz-placeholder, .common-form .input-wrapper textarea::-moz-placeholder {
    color: inherit !important;
    opacity: .5 !important
}

.common-form .input-wrapper input.fake-dropdown {
    text-overflow: ellipsis;
    padding-right: 36px
}

.common-form .input-wrapper select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: inline-block;
    text-align: center;
    opacity: 0;
    cursor: pointer;
    border: none
}

.common-form .input-wrapper option {
    color: #000
}

.common-form .input-wrapper .form-dropdown-triangle {
    right: 18px;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 9px;
    height: 6px;
    margin: auto
}

.common-form .input-wrapper .input-checkbox-wrapper {
    display: block;
    height: 100%;
    cursor: pointer;
    padding-right: 12px
}

.common-form .input-wrapper .input-checkbox-wrapper-mobile > * {
    pointer-events: none
}

.common-form .input-wrapper .input-checkbox-wrapper input {
    opacity: 0;
    position: absolute;
    left: -99999px
}

.common-form .input-wrapper .input-checkbox-wrapper input:checked + div .label, .common-form .input-wrapper .input-checkbox-wrapper input:checked + div .tick {
    opacity: 1 !important
}

.common-form .input-wrapper .input-checkbox-inner {
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.common-form .input-wrapper .input-checkbox-inner:hover .tick {
    opacity: .6
}

.common-form .input-wrapper .input-checkbox-inner .tick {
    opacity: .2;
    text-align: right;
    -webkit-transition: opacity .1s ease-out;
    transition: opacity .1s ease-out
}

.common-form .input-wrapper .input-checkbox-inner .label {
    width: 80%;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.2;
    opacity: .5;
    user-select: none;
    -webkit-transition: opacity .1s ease-out;
    transition: opacity .1s ease-out;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block
}

.common-form .input-wrapper .input-checkbox-preview {
    opacity: 1 !important;
    transition: none !important
}

.common-form .input-wrapper .input-file {
    width: .1px;
    height: .1px;
    position: absolute;
    left: -9999px
}

.common-form .input-wrapper .input-file-label {
    display: flex;
    align-items: center;
    cursor: pointer;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.2;
    opacity: .5;
    user-select: none;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    padding: 0 0 0 20px;
    width: calc(100% - 20px);
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    z-index: 2
}

[data-style=underlined].common-form .input-wrapper .input-file-label {
    height: auto;
    top: auto;
    bottom: 2px;
    padding-left: 0
}

.common-form .input-wrapper .input-file-label:hover {
    color: #0078ff;
    opacity: 1
}

.common-form .input-wrapper .input-file-label:hover + .input-file-control:after {
    background-color: #0078ff
}

.common-form .input-wrapper .input-file-label.no-hover:hover {
    color: initial;
    opacity: .5
}

.common-form .input-wrapper .input-file-label.has-files {
    width: calc(100% - 55px);
    opacity: 1
}

.common-form .input-wrapper .input-file-label.has-files:hover {
    opacity: .5
}

.common-form .input-wrapper .input-file-label > .files-name {
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    flex: 0 1 auto;
    padding-right: 5px
}

.common-form .input-wrapper .input-file-label > .files-count {
    display: inline-block;
    flex: 0 0 auto
}

.common-form .input-wrapper .input-file-control {
    position: absolute;
    right: 15px;
    z-index: 1;
    width: 17px;
    height: 18px;
    line-height: 1.2;
    text-align: center;
    cursor: pointer;
    -webkit-transition: opacity .1s ease-out;
    transition: opacity .1s ease-out;
    top: 50%;
    transform: translateY(-50%)
}

[data-style=underlined].common-form .input-wrapper .input-file-control {
    height: auto;
    top: auto;
    transform: none;
    bottom: 2px
}

.common-form .input-wrapper .input-file-control:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 2px;
    margin: auto 0;
    width: 13px;
    height: 13px;
    border-radius: 7px;
    background: #818181 no-repeat 50%;
    background-size: 7px 7px;
    color: #fff
}

[data-style=underlined].common-form .input-wrapper .input-file-control:after {
    top: 50%;
    transform: translateY(-50%);
    bottom: auto;
    display: inline-block
}

.common-form .input-wrapper .input-file-control:hover:after {
    background-color: #0078ff;
    opacity: 1
}

.common-form .input-wrapper .input-file-control-add:after {
    vertical-align: middle;
    background-image: url(https://d1id5eheivyv24.cloudfront.net/202e4dbf/dist/img/constructor/blocks/form/plus@2x.png)
}

.common-form .input-wrapper .input-file-control-remove {
    display: none;
    z-index: 3
}

.common-form .input-wrapper .input-file-control-remove:after {
    transform: rotate(45deg);
    background-image: url(https://d1id5eheivyv24.cloudfront.net/202e4dbf/dist/img/constructor/blocks/form/plus@2x.png)
}

.common-form[data-layout=horizontal] {
    display: flex
}

.common-form[data-layout=horizontal] .input-wrapper .captcha-holder {
    top: 50%;
    position: relative;
    transform: translateY(-50%)
}

.common-form .button {
    position: relative;
    display: inline-block;
    -webkit-tap-highlight-color: transparent;
    overflow: hidden;
    cursor: pointer;
    vertical-align: top
}

.common-form .button.submitted {
    cursor: default
}

.common-form .button .caption {
    display: inline-block;
    -webkit-transition: opacity .1s ease-out;
    transition: opacity .1s ease-out;
    padding: 0 20px;
    letter-spacing: inherit
}

.common-form .button .pending {
    visibility: hidden;
    border-radius: 50%;
    border-color: #fff #fff transparent transparent;
    border-style: solid;
    border-width: 2px;
    animation: formsloadingindicatoranimation 2s linear infinite;
    height: 25px;
    width: 25px
}

.common-form .button .pending, .common-form .button svg {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    opacity: 0
}

.common-form .button svg {
    display: block;
    -webkit-transition: opacity visibility .1s ease-out;
    transition: opacity visibility .1s ease-out
}

.common-form .button svg.error {
    height: 25px;
    max-height: 80%
}

.common-form .button svg.show-if-empty-submitted-text {
    height: 23px;
    max-height: 70%
}

.common-form .button.with-transition {
    -webkit-transition: all .15s linear;
    transition: all .15s linear
}

.common-form .button.error {
    background-color: #ff4828 !important
}

.common-form .button.error .caption, .common-form .button.error .pending {
    opacity: 0
}

.common-form .button.error .pending {
    visibility: hidden
}

.common-form .button.error svg.error {
    opacity: 1;
    fill: #fff !important
}

.common-form .button.submitted.empty-submitted-text {
    cursor: default
}

.common-form .button.submitted.empty-submitted-text .caption, .common-form .button.submitted.empty-submitted-text .pending {
    opacity: 0
}

.common-form .button.submitted.empty-submitted-text .pending {
    visibility: hidden
}

.common-form .button.submitted.empty-submitted-text svg.show-if-empty-submitted-text {
    opacity: 1
}

.common-form .button.pending .caption, .common-form .button.pending svg {
    opacity: 0
}

.common-form .button.pending .pending {
    opacity: 1;
    visibility: visible
}

.common-form .input-line-control {
    position: absolute;
    right: 17px;
    z-index: 2;
    width: 13px;
    height: 1.2em;
    line-height: 1.2;
    text-align: center;
    cursor: pointer;
    opacity: 0;
    -webkit-transition: opacity .1s ease-out;
    transition: opacity .1s ease-out
}

.common-form .input-line-control:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto 0;
    width: 13px;
    height: 13px;
    border-radius: 7px;
    background: #0078ff no-repeat 50%;
    background-size: 7px 7px;
    color: #fff
}

.common-form .input-line-control:hover {
    opacity: 1
}

.common-form .input-line-control-add {
    top: 0
}

.common-form .input-line-control-add:after {
    vertical-align: middle;
    background-image: url(https://d1id5eheivyv24.cloudfront.net/202e4dbf/dist/img/constructor/blocks/form/plus.png)
}

.common-form .input-line-control-remove {
    bottom: 0;
    display: none
}

.common-form .input-line-control-remove:after {
    top: 2px;
    background-image: url(https://d1id5eheivyv24.cloudfront.net/202e4dbf/dist/img/constructor/blocks/form/minus.png)
}

.common-form[data-style=underlined] .button .caption {
    padding: 0
}

.common-form[data-style=underlined] .input-wrapper input, .common-form[data-style=underlined] .input-wrapper textarea {
    top: auto;
    bottom: 0;
    height: auto;
    padding: 0 0 2px
}

.common-form[data-style=underlined] .input-wrapper .input-checkbox-wrapper {
    padding: 0 0 2px
}

.common-form[data-style=underlined] .input-wrapper .input-checkbox-inner {
    align-items: flex-end
}

.common-form[data-style=underlined] .input-wrapper .input-checkbox-inner .label, .common-form[data-style=underlined] .input-wrapper .input-checkbox-inner .tick {
    top: auto;
    transform: none;
    padding-bottom: 1px
}

.common-form[data-style=underlined] .input-wrapper .input-checkbox-inner .tick {
    right: 0
}

.common-form[data-style=underlined] .input-wrapper .input-checkbox-inner .tick svg {
    padding-bottom: 2px
}

.common-form[data-style=underlined] .input-wrapper .form-dropdown-triangle {
    right: 0
}

.constructor.preview .common-form .button:not(.submitted) {
    cursor: pointer
}

.constructor .common-form .button {
    cursor: auto
}

@keyframes formsloadingindicatoranimation {
    0% {
        transform: translateX(-50%) translateY(-50%) rotate(0deg)
    }
    to {
        transform: translateX(-50%) translateY(-50%) rotate(1turn)
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
    .common-form .input-line-control-add:after {
        background-image: url(https://d1id5eheivyv24.cloudfront.net/202e4dbf/dist/img/constructor/blocks/form/plus@2x.png)
    }

    .common-form .input-line-control-remove:after {
        background-image: url(https://d1id5eheivyv24.cloudfront.net/202e4dbf/dist/img/constructor/blocks/form/minus@2x.png)
    }
}

.common-hotspot, .common-hotspot .pin {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.common-hotspot .pin {
    cursor: pointer;
    z-index: 1
}

.common-hotspot .pin svg {
    width: 100%;
    height: 100%
}

.common-hotspot .pin.viewer {
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    user-select: none
}

.common-hotspot .pin.viewer img {
    width: 100%
}

.common-hotspot .tip {
    visibility: hidden;
    position: absolute;
    z-index: 0
}

.common-hotspot .tip.text-edit-mode {
    border-radius: 0 !important
}

.common-hotspot .tip.text-edit-mode .blocks-wrapper {
    border-radius: 0 !important;
    overflow: visible !important;
    -webkit-mask-image: none
}

.common-hotspot .tip.no-widgets {
    box-shadow: none !important;
    background-color: transparent !important
}

.common-hotspot .tip.no-widgets .blocks-wrapper {
    visibility: hidden
}

.common-hotspot .tip.box-shadow {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .18), 0 -1px 0 0 rgba(0, 0, 0, .03);
    background-color: rgba(0, 0, 0, .18)
}

.common-hotspot .tip .blocks-wrapper {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC)
}

.common-hotspot .tip.viewer {
    display: block;
    visibility: inherit;
    z-index: auto;
    -webkit-transition: opacity .1s linear;
    transition: opacity .1s linear
}

.common-hotspot .tip.viewer.invisible {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility .1s linear, opacity .1s linear;
    transition: visibility .1s linear, opacity .1s linear
}

.common-hotspot .tip.viewer .hotspot-phone-close {
    display: none
}

.alt-key-pressed .common-hotspot .pin {
    cursor: copy
}

.hotspot-fullscreen-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(23, 23, 26, .9);
    z-index: 9999;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    -webkit-transition: opacity .1s linear;
    transition: opacity .1s linear
}

.hotspot-fullscreen-wrapper.preview {
    position: absolute
}

.hotspot-fullscreen-wrapper.invisible {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility .1s linear, opacity .1s linear;
    transition: visibility .1s linear, opacity .1s linear
}

.hotspot-fullscreen-wrapper .center-table {
    display: table;
    width: 100%;
    min-height: 100%;
    position: relative
}

.hotspot-fullscreen-wrapper .center-table .center-cell {
    display: table-cell;
    width: 100%;
    vertical-align: middle;
    text-align: center;
    padding: 24px 0
}

.hotspot-fullscreen-wrapper .center-table .center-cell .tip {
    position: relative;
    width: 280px !important;
    height: auto !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    visibility: inherit !important;
    opacity: 1 !important;
    border-radius: 8px !important;
    display: inline-block;
    -webkit-transition-duration: 0s !important;
    transition-duration: 0s !important
}

.hotspot-fullscreen-wrapper .center-table .center-cell .tip .blocks-wrapper {
    border-radius: 8px !important;
    width: 100%;
    height: auto;
    overflow: hidden;
    -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC)
}

.hotspot-fullscreen-wrapper .center-table .center-cell .tip .rmwidget.widget-picture {
    position: relative;
    top: 0 !important;
    left: 0 !important
}

.hotspot-fullscreen-wrapper .center-table .center-cell .tip .rmwidget.text {
    position: relative;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: auto !important
}

.hotspot-phone-close {
    display: block;
    z-index: 100;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-image: url(https://d1id5eheivyv24.cloudfront.net/202e4dbf/dist/img/constructor/blocks/hotspot/phone-close.png);
    position: absolute;
    width: 30px;
    height: 30px;
    right: -15px;
    top: -15px
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
    .hotspot-phone-close {
        background-image: url(https://d1id5eheivyv24.cloudfront.net/202e4dbf/dist/img/constructor/blocks/hotspot/phone-close@2x.png)
    }
}