/* meetei-mayek */
@font-face {
  font-family: 'Noto Sans Meetei Mayek';
  font-style: normal;
  font-weight: 400;
  src: url(/assets/fonts//HTxAL3QyKieByqY9eZPFweO0be7M21uSphSdhqILnmrRfJ8t_1TJ_sSV7vkuFQ.woff2) format('woff2');
  unicode-range: U+200C-200D, U+25CC, U+AAE0-AAF6, U+ABC0-ABFF;
}
/* latin-ext */
@font-face {
  font-family: 'Noto Sans Meetei Mayek';
  font-style: normal;
  font-weight: 400;
  src: url(/assets/fonts//HTxAL3QyKieByqY9eZPFweO0be7M21uSphSdhqILnmrRfJ8t_1TJ_sTf7vkuFQ.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Noto Sans Meetei Mayek';
  font-style: normal;
  font-weight: 400;
  src: url(/assets/fonts/HTxAL3QyKieByqY9eZPFweO0be7M21uSphSdhqILnmrRfJ8t_1TJ_sTR7vk.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:lang(am):lang(am) {
    font-family: "Noto Sans Ethiopic",Arial,sans-serif
}

:lang(bn):lang(bn) {
    font-family: "Lohit Bengali",Arial,sans-serif
}

:lang(dv):lang(dv) {
    font-family: "Noto Sans Thaana",Arial,sans-serif
}

:lang(lo):lang(lo) {
    font-family: "Dhyana",Arial,sans-serif
}

:lang(km):lang(km) {
    font-family: "Nokora",Arial,sans-serif
}

:lang(ml):lang(ml) {
    font-family: "Noto Sans Malayalam",Arial,sans-serif
}

:lang(mni-Mtei):lang(mni-Mtei) {
    font-family: "Noto Sans Meetei Mayek",Arial,sans-serif;
}

:lang(my):lang(my) {
    font-family: "Noto Sans Myanmar",Arial,sans-serif
}

:lang(ps):lang(ps) {
    font-family: "Noto Naskh Arabic",Arial,sans-serif
}

:lang(sd):lang(sd) {
    font-family: "Noto Naskh Arabic",Arial,sans-serif
}

:lang(si):lang(si) {
    font-family: "Noto Sans Sinhala",Arial,sans-serif
}

:lang(ta):lang(ta) {
    font-family: "Lohit Tamil",Arial,sans-serif
}

blockquote,body,dd,dl,dt,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,html,iframe,legend,li,ol,p,pre,textarea,ul {
    margin: 0;
    padding: 0
}

h1,h2,h3,h4,h5,h6 {
    font-size: 100%;
    font-weight: 400
}

ul {
    list-style: none
}

button,input,select,textarea {
    margin: 0
}

html {
    box-sizing: border-box
}

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

audio,embed,img,object {
    height: auto;
    max-width: 100%
}

iframe {
    border: 0
}

.showinfo {
    border-radius: 80px;
    margin: 40px 20px 0;
    padding: 12px 16px;
    color: #005e19
}

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

.showshare {
    margin-top: 40px
}

td,th {
    padding: 0;
    text-align: left
}

body {
    font-family: Roboto,Helvetica,Arial,sans-serif;
    -webkit-font-smoothing: antialiased
}

.app__layout {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: black;
}

.app__header {
    width: 100%;
    height: 56px;
    color: #fff;
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10
}

.app__header,.app__header-icon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

.app__header-icon {
    width: 35px;
    height: 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    position: absolute;
    left: 20px;
    top: 20px
}

.app__header-icon:active {
    opacity: .8
}

.app__header-title {
    margin-left: 5px;
    font-size: 19px;
    user-select: none
}

.app__layout-content {
    height: inherit
}

.custom-menu-icon {
    font-size: 28px;
    line-height: 47px
}

.custom-menu-icon,.custom-title {
    color: #fff
}

.custom-btn {
    position: fixed;
    right: 26px;
    bottom: 26px;
    background: #448aff;
    border-radius: 50%;
    border: none;
    width: 56px;
    height: 56px;
    outline: none;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
    z-index: 9999
}

.custom-btn:active {
    box-shadow: none
}

.custom-msg {
    text-align: center;
    width: 90%;
    height: 50%;
    overflow: auto;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    font-size: 16px
}

.custom-fab-icon {
    color: #fff;
    font-size: 30px;
    margin-top: 2px;
    user-select: none
}

video {
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    position: absolute
}

#list li {
    list-style-type: none;
    text-decoration: underline;
    color: #00f
}

.custom-copy-btn {
    opacity: 0
}

.hide {
    display: none
}

@-webkit-keyframes scanner {
    0% {
        bottom: 100%
    }

    50% {
        bottom: 0
    }

    to {
        bottom: 100%
    }
}

@-moz-keyframes scanner {
    0% {
        bottom: 100%
    }

    50% {
        bottom: 0
    }

    to {
        bottom: 100%
    }
}

@-o-keyframes scanner {
    0% {
        bottom: 100%
    }

    50% {
        bottom: 0
    }

    to {
        bottom: 100%
    }
}

@keyframes scanner {
    0% {
        bottom: 100%
    }

    50% {
        bottom: 0
    }

    to {
        bottom: 100%
    }
}

.custom-scanner {
    width: 300px;
    height: 4px;
    background: #ffffff;
    position: absolute;
    border-radius: 20px;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    transition: all .2s linear;
    -webkit-animation: scanner 3s linear infinite;
    -moz-animation: scanner 3s infinite linear;
    -o-animation: scanner 3s infinite linear;
    animation: scanner 3s linear infinite;
    box-shadow: 0 1px 0 0 rgba(0,0,0,.4);
    display: none;
    box-shadow: 0 0 30px 5px #ffffff;
    margin-left: 10px
}

#camera {
    opacity: 0
}

.no-support {
    font-size: 20px;
    text-align: center
}

.app__snackbar {
    position: fixed;
    bottom: 15px;
    left: 20px;
    pointer-events: none;
    z-index: 9999
}

.app__snackbar-msg {
    width: 250px;
    min-height: 50px;
    background-color: #404040;
    color: #fff;
    border-radius: 3px;
    box-shadow: 0 0 2px rgba(0,0,0,.12),0 2px 4px rgba(0,0,0,.24);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 14px;
    font-weight: 500;
    padding-left: 15px;
    padding-right: 10px;
    word-break: break-all;
    -webkit-transition: opacity 3s cubic-bezier(0,0,.3,1) 0;
    transition: opacity .3s cubic-bezier(0,0,.3,1) 0;
    text-transform: none;
    margin-bottom: 10px;
    z-index: 9999
}

.app__snackbar--hide {
    opacity: 0
}

.app__dialog {
    z-index: 12;
    width: 460px;
    height: 260px;
    border-radius: 2px;
    display: flex;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 80px;
    margin: auto;
    box-shadow: 0 1px 30px rgba(0,0,0,.5);
    background-color: #161b22;
    background-clip: padding-box;
    border: 1px solid #30363d;
    border-radius: 6px
}

.modal-backdrop {
    display: block;
    line-height: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-color: rgba(104,104,104,.44);
    left: 0;
    top: 0;
    z-index: 0;
    text-align: center;
    justify-content: center;
    align-items: center;
    width: 100%;
    background-image: url(../img/opacity.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom center;
    height: 100vh;
    position: fixed
}

.in {
    opacity: 1
}

.app__dialog h5 {
    margin-top: 24px;
    margin-left: 58px;
    font-weight: 300;
    color: #c9c1cd
}

.app__dialog input {
    width: 420px;
    height: 34px;
    border: none;
    outline: none;
    font-size: 15px;
    margin: 25px 20px 4px;
    color: #fff;
    font-weight: 300;
    margin-top: 40px;
    display: table-cell;
    background-color: #161b22;
    border: 1px solid #30363d;
    border-radius: 4px;
    padding: 4px 8px
}

.app__dialog p {
    margin: 0 20px;
    color: #c9c1cd;
    font-size: 14px;
    font-weight: 300
}

.app__dialog-actions {
    display: block;
    position: absolute;
    bottom: 13px;
    right: 20px
}

.app__dialog .app__dialog-actions:nth-child(2) {
    left: 20px
}

h1 {
    position: fixed;
    color: #7f7f7f
}

h2 {
    position: fixed;
    color: #7f7f7f
}

.app__dialog .app__dialog-actions:nth-child(3) button:first-child {
    display: inline-block
}

.app__dialog-open {
    border: 0;
    width: auto;
    font-size: 14px;
    font-weight: 300;
    outline: none;
    cursor: pointer;
    color: #fff;
    border-radius: 3px;
    padding: 10px 12px;
    line-height: 20px;
    background-color: #21262d;
    border: 1px solid #30363d
}

.app__dialog-open:hover {
    box-shadow: 0 1px 8px rgba(0,0,0,.58);
    color: #fff;
    background-color: #21262d;
    border: 1px solid #4b5460
}

.app__dialog-open img {
    width: 20px;
    height: 20px;
    fill: currentColor;
    overflow: hidden;
    vertical-align: top
}

.app__dialog-open {
    display: none
}

.app__dialog-close:active,.app__dialog-open:active {
    opacity: .9
}

.app__dialog--hide {
    display: none
}

#app__open span,.app__dialog-open span {
    margin-left: 5px
}

.app__overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    transition: all .2s ease-in;
    width: 320px;
    height: 320px;
    margin: auto
}

.app_file {
    font-weight: 400;
    position: absolute;
    left: -14px;
    top: -10px;
    height: 20px;
    line-height: 8px;
    text-transform: uppercase;
    font-size: 12px;
    padding: 7px;
    border-radius: 15px;
    color: #fff;
    z-index: 1000;
    white-space: nowrap;
    font-style: normal;
    background-image: linear-gradient(135deg,rgb(251,93,95) 0%,rgb(244,2,6) 100%);
    box-shadow: 0 4px 5px 0 rgba(85,37,37,.41)
}

.app_online {
    font-weight: 400;
    position: absolute;
    left: 120px;
    top: 4px;
    height: 16px;
    line-height: 16px;
    text-transform: uppercase;
    font-size: 12px;
    padding: 1px 10px;
    border-radius: 15px;
    color: #fff;
    z-index: 1000;
    white-space: nowrap;
    font-style: normal;
    background-image: linear-gradient(135deg,rgb(251,93,95) 0%,rgb(244,2,6) 100%);
    box-shadow: 0 4px 5px 0 rgba(85,37,37,.41)
}

.app__overlay-left,.app__overlay-right {
    width: 52px;
    height: 340px;
    background: #7f7f7f
}

.app__overlay-left {
    margin-left: -57px;
    margin-top: -10px
}

.app__overlay-right {
    margin-right: -57px;
    margin-top: -340px;
    float: right
}

.app__overlay {
    border: 0
}

.app__help-text,.app__select-photos {
    color: #fff;
    position: absolute;
    bottom: -70px;
    font-size: 18px;
    right: 0;
    text-align: center;
    user-select: none
}

.app__help-text {
    display: none;
    left: 0
}

.app__dialog-overlay {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: rgba(0,0,0,.55);
    z-index: 11
}

.camera__icon,.focus__icon {
    position: relative;
    left: 10px;
    display: none
}

.app__qrcode_editor {
    width: 40px;
    height: 40px;
    cursor: pointer;
    position: fixed;
    bottom: 234px;
    right: 12px;
    border-radius: 50%;
    background-image: url(../img/qrcode.svg);
    background-repeat: no-repeat;
    background-size: 26px;
    background-position: 6px;
    z-index: 10000
}

.app__qrcode_share {
    width: 40px;
    height: 40px;
    cursor: pointer;
    position: fixed;
    bottom: 234px;
    left: 12px;
    z-index: 8888;
    background-color: #ff6550;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzJweCIgaGVpZ2h0PSIzMnB4IiB2aWV3Qm94PSIwIDAgMzIgMzIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48dGl0bGU+c2hhcmU8L3RpdGxlPjxnIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxnIGZpbGw9IiNGRkZGRkYiPjxwYXRoIGQ9Ik0yNiwxMy40Mjg1NzE0IEMyNiwxMy42MjIwMjQ4IDI1LjkyOTMxNjIsMTMuNzg5NDMzOCAyNS43ODc5NDY0LDEzLjkzMDgwMzYgTDIwLjA3MzY2MDcsMTkuNjQ1MDg5MyBDMTkuOTMyMjkxLDE5Ljc4NjQ1OSAxOS43NjQ4ODE5LDE5Ljg1NzE0MjkgMTkuNTcxNDI4NiwxOS44NTcxNDI5IEMxOS4zNzc5NzUyLDE5Ljg1NzE0MjkgMTkuMjEwNTY2MiwxOS43ODY0NTkgMTkuMDY5MTk2NCwxOS42NDUwODkzIEMxOC45Mjc4MjY3LDE5LjUwMzcxOTUgMTguODU3MTQyOSwxOS4zMzYzMTA1IDE4Ljg1NzE0MjksMTkuMTQyODU3MSBMMTguODU3MTQyOSwxNi4yODU3MTQzIEwxNi4zNTcxNDI5LDE2LjI4NTcxNDMgQzE1LjYyNzk3MjUsMTYuMjg1NzE0MyAxNC45NzUwNzczLDE2LjMwODAzNTUgMTQuMzk4NDM3NSwxNi4zNTI2Nzg2IEMxMy44MjE3OTc3LDE2LjM5NzMyMTcgMTMuMjQ4ODg2OCwxNi40NzczMDYgMTIuNjc5Njg3NSwxNi41OTI2MzM5IEMxMi4xMTA0ODgyLDE2LjcwNzk2MTkgMTEuNjE1NzAxNSwxNi44NjYwNzA0IDExLjE5NTMxMjUsMTcuMDY2OTY0MyBDMTAuNzc0OTIzNSwxNy4yNjc4NTgxIDEwLjM4MjQ0MjMsMTcuNTI2NDEyMSAxMC4wMTc4NTcxLDE3Ljg0MjYzMzkgQzkuNjUzMjcxOTksMTguMTU4ODU1NyA5LjM1NTY1NTkyLDE4LjUzNDU5NiA5LjEyNSwxOC45Njk4NjYxIEM4Ljg5NDM0NDA4LDE5LjQwNTEzNjEgOC43MTM5MTQzNCwxOS45MjAzODM5IDguNTgzNzA1MzYsMjAuNTE1NjI1IEM4LjQ1MzQ5NjM3LDIxLjExMDg2NjEgOC4zODgzOTI4NiwyMS43ODQyMjI0IDguMzg4MzkyODYsMjIuNTM1NzE0MyBDOC4zODgzOTI4NiwyMi45NDQ5NDI1IDguNDA2OTkzODYsMjMuNDAyNTI3MiA4LjQ0NDE5NjQzLDIzLjkwODQ4MjEgQzguNDQ0MTk2NDMsMjMuOTUzMTI1MiA4LjQ1MzQ5NjkzLDI0LjA0MDU0OTkgOC40NzIwOTgyMSwyNC4xNzA3NTg5IEM4LjQ5MDY5OTUsMjQuMzAwOTY3OSA4LjUsMjQuMzk5NTUzMiA4LjUsMjQuNDY2NTE3OSBDOC41LDI0LjU3ODEyNTYgOC40NjgzNzgyOSwyNC42NzExMzA2IDguNDA1MTMzOTMsMjQuNzQ1NTM1NyBDOC4zNDE4ODk1NiwyNC44MTk5NDA4IDguMjU0NDY0ODQsMjQuODU3MTQyOSA4LjE0Mjg1NzE0LDI0Ljg1NzE0MjkgQzguMDIzODA4OTMsMjQuODU3MTQyOSA3LjkxOTY0MzMsMjQuNzkzODk5NCA3LjgzMDM1NzE0LDI0LjY2NzQxMDcgQzcuNzc4MjczNTUsMjQuNjAwNDQ2MSA3LjcyOTkxMDk0LDI0LjUxODYwMTcgNy42ODUyNjc4NiwyNC40MjE4NzUgQzcuNjQwNjI0NzgsMjQuMzI1MTQ4MyA3LjU5MDQwMjA2LDI0LjIxMzU0MjMgNy41MzQ1OTgyMSwyNC4wODcwNTM2IEM3LjQ3ODc5NDM2LDIzLjk2MDU2NDggNy40Mzk3MzIyNSwyMy44NzEyOCA3LjQxNzQxMDcxLDIzLjgxOTE5NjQgQzYuNDcyNDY1NTEsMjEuNjk4NjUwMSA2LDIwLjAyMDgzOTUgNiwxOC43ODU3MTQzIEM2LDE3LjMwNTA1MjEgNi4xOTcxNzA2NSwxNi4wNjYyMjUyIDYuNTkxNTE3ODYsMTUuMDY5MTk2NCBDNy43OTY4ODEwMywxMi4wNzA2Njk1IDExLjA1MjA1NjgsMTAuNTcxNDI4NiAxNi4zNTcxNDI5LDEwLjU3MTQyODYgTDE4Ljg1NzE0MjksMTAuNTcxNDI4NiBMMTguODU3MTQyOSw3LjcxNDI4NTcxIEMxOC44NTcxNDI5LDcuNTIwODMyMzcgMTguOTI3ODI2Nyw3LjM1MzQyMzMzIDE5LjA2OTE5NjQsNy4yMTIwNTM1NyBDMTkuMjEwNTY2Miw3LjA3MDY4MzgyIDE5LjM3Nzk3NTIsNyAxOS41NzE0Mjg2LDcgQzE5Ljc2NDg4MTksNyAxOS45MzIyOTEsNy4wNzA2ODM4MiAyMC4wNzM2NjA3LDcuMjEyMDUzNTcgTDI1Ljc4Nzk0NjQsMTIuOTI2MzM5MyBDMjUuOTI5MzE2MiwxMy4wNjc3MDkgMjYsMTMuMjM1MTE4MSAyNiwxMy40Mjg1NzE0IEwyNiwxMy40Mjg1NzE0IFoiPjwvcGF0aD48L2c+PC9nPjwvc3ZnPg==);
    background-position: center center;
    background-repeat: no-repeat;
    transition: transform .4s ease;
    border-radius: 50%;
    display: block
}

.app__qrcode_share .add_file {
    font-size: 10px;
    color: #fff
}

.app__qrcode_share span {
    line-height: 16px!important
}

.app__qrcode_about {
    width: 40px;
    height: 40px;
    cursor: pointer;
    position: fixed;
    bottom: 46px;
    left: 14px;
    border-radius: 50%;
    background-image: url(../img/about.svg);
    background-repeat: no-repeat;
    background-size: 26px;
    background-position: 6px;
    z-index: 8888
}

.filehtml th {
    position: relative
}

.filehtml th::before {
    content: attr(data-hint);
    left: 8px;
    position: absolute;
    top: 15px;
    height: 23px;
    padding: 2px 4px;
    border-radius: 6px;
    min-width: 30px;
    text-align: right;
    color: rgba(0,0,0,.54)
}

.app__qrcode_light {
    width: 40px;
    height: 40px;
    cursor: pointer;
    position: fixed;
    bottom: 40px;
    left: calc(50% - 20px);
    border-radius: 10px;
    background-image: url(../img/scanner.svg);
    background-repeat: no-repeat;
    background-size: 34px;
    z-index: 10000;
    border: 1px solid rgba(255,255,255,.11);
    background-color: rgba(255,255,255,.11);
    box-shadow: 0 4px 5px 0 rgba(2,0,0,.11);
    background-position: 3px
}

.noshow {
    opacity: .3;
    cursor: default
}

.noshow .app_file {
    display: none
}

.app__qrcode_language {
    width: 40px;
    height: 40px;
    cursor: pointer;
    position: fixed;
    bottom: 144px;
    left: 14px;
    border-radius: 50%;
    background-image: url(../img/language.svg);
    background-repeat: no-repeat;
    background-size: 26px;
    background-position: 6px;
    z-index: 8888
}

.app__language .c-compare-table th:first-child {
    width: 50%
}

.app__file_converter {
    width: 40px;
    height: 40px;
    cursor: pointer;
    position: fixed;
    bottom: 144px;
    right: 12px;
    border-radius: 50%;
    background-image: url(../img/OnlineConverter.svg);
    background-repeat: no-repeat;
    background-size: 26px;
    background-position: 6px;
    z-index: 10000
}

.app__file_converter .app_online {
    display: inline-block;
    color: #fff;
    -webkit-transform: translateX(-50%) translateY(-26px);
    -ms-transform: translateX(-50%) translateY(-26px);
    transform: translateX(-50%) translateY(-26px);
    position: absolute;
    left: 50%;
    border-radius: 40px;
    padding: 2px 6px;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 80px;
    font-size: 11px;
    top: 15px;
    box-shadow: 0 4px 5px 0 rgba(2,0,0,.41);
    text-transform: uppercase
}

.app__select-photos .app_online {
    display: inline-block;
    color: #fff;
    -webkit-transform: translateX(-50%) translateY(-26px);
    -ms-transform: translateX(-50%) translateY(-26px);
    transform: translateX(-50%) translateY(-26px);
    position: absolute;
    left: 0;
    border-radius: 40px;
    padding: 3px 8px;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 80px;
    font-size: 12px;
    top: 22px;
    box-shadow: 0 4px 5px 0 rgba(2,0,0,.41);
    background-image: linear-gradient(135deg,rgb(0,162,69) 0%,rgb(3,130,62) 100%);
    text-transform: uppercase;
    height: auto
}

.app__select-photos {
    width: 58px;
    height: 58px;
    cursor: pointer;
    position: fixed;
    bottom: 30px;
    right: 10px;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0 4px 5px 0 rgba(2,0,0,.11);
    background-image: url(../img/photo-camera.svg);
    background-repeat: no-repeat;
    background-size: 36px;
    background-position: 11px 11px;
    z-index: 10000
}

.app__title {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    left: 60px;
    top: 23px;
    font-size: 18px;
    border-radius: 40px;
    text-shadow: 1px 1px 2px #060606;
    padding: 3px 12px
}

.app__title::before {
    background-image: url(../img/line.svg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    content: '';
    display: block;
    height: .3em;
    left: -.2em;
    position: absolute;
    top: calc(100% - .15em);
    width: calc(100% + .4em)
}

.app__select-photos:active {
    opacity: .8
}

input[type=file] {
    display: none
}

.app__select-photos span {
    display: inline-block;
    line-height: 20px;
    color: #fff;
    -webkit-transform: translateX(-50%) translateY(60px);
    -ms-transform: translateX(-50%) translateY(60px);
    transform: translateX(-50%) translateY(60px);
    position: absolute;
    left: 50%;
    border-radius: 40px;
    padding: 2px 6px;
    text-align: center;
    text-shadow: 1px 1px 2px #06060678;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 80px;
    font-size: 12px
}

.app__qrcode_share span,.app__qrcode_editor span,.app__qrcode_language span,.app__qrcode_about span,.app__qrcode_light span,.app__file_converter span {
    display: inline-block;
    line-height: 20px;
    color: #fff;
    -webkit-transform: translateX(-50%) translateY(40px);
    -ms-transform: translateX(-50%) translateY(40px);
    transform: translateX(-50%) translateY(40px);
    position: absolute;
    left: 50%;
    border-radius: 40px;
    padding: 2px 6px;
    text-align: center;
    text-shadow: 1px 1px 2px #06060678;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 80px;
    font-size: 12px
}

.app__dialog-content::before {
    /* background-image: url(../img/qrcode-scanner.svg); */
    background-repeat: no-repeat;
    background-size: contain;
    content: '';
    display: block;
    height: 32px;
    left: 13px;
    position: absolute;
    top: 13px;
    width: 72px
}

.app__dialog-content .app__dialog-close {
    width: 32px!important;
    height: 32px!important;
    fill: currentColor;
    overflow: hidden;
    position: absolute;
    right: 13px;
    border-radius: 50%;
    padding: 4px;
    top: 13px;
    cursor: pointer;
    z-index: 100000;
	border: 1px solid rgba(97,66,66,.42);
}

.app__dialog-content .app__dialog-close:hover {
    border: 1px solid rgba(97,66,66,.42);
    box-shadow: 0 1px 3px rgba(0,0,0,.18)
}

.app__about {
    width: 90%;
    height: calc(100% - 100px);
    bottom: 20px;
    max-width: 1300px;
    max-height: 600px
}

picture img {
    height: 28px;
    width: 28px;
    cursor: pointer;
    padding: 3px;
    border-radius: 3px
}

picture img:hover {
    background-color: #37a95642
}

.filehtml input {
    width: 90%;
    height: 30px;
    border: none;
    outline: none;
    font-size: 15px;
    margin: 3px;
    color: rgba(0,0,0,.54);
    font-weight: 500;
    background-color: transparent;
    margin-left: 24px
}

.app__about .app__dialog-content {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%
}

.app__history {
    width: 700px;
    height: calc(100% - 100px);
    bottom: 20px;
    max-width: 1300px;
    max-height: 600px
}

.app__history .app__dialog-content {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%
}

.app__qrcode_editor .cd-cart-trigger {
    bottom: 234px
}

.cd-cart-trigger {
    position: fixed;
    bottom: 80px;
    right: 20px;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s,-webkit-transform .2s;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    will-change: transform;
    backface-visibility: hidden
}

.cd-cart-trigger {
    z-index: 1111113;
    height: 38px;
    width: 38px;
    text-indent: 100%;
    color: transparent;
    white-space: nowrap;
    border-radius: 60px
}

.home-sponsors-heart-1 {
    animation: home-sponsors-heart-1 4s cubic-bezier(.535,.15,.425,1) infinite;
    position: absolute!important;
    bottom: 70%;
    left: 0
}

.home-sponsors-heart-2 {
    animation: home-sponsors-heart-2 5s cubic-bezier(.535,.15,.425,1) -1s infinite;
    position: absolute!important;
    bottom: 70%;
    left: 0
}

.home-sponsors-heart-3 {
    animation: home-sponsors-heart-3 6s cubic-bezier(.535,.15,.425,1) -2s infinite;
    position: absolute!important;
    bottom: 70%;
    left: 0
}

/*!CSS Used keyframes*/
@-webkit-keyframes scale-up-center {
    0% {
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes scale-up-center {
    0% {
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes home-sponsors-heart-1 {
    0% {
        opacity: 0;
        transform: scale3d(.7,.7,.7) translateZ(0) rotate(0)
    }

    50% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: scaleX(1) translate3d(-25%,-160%,0) rotate(-25deg)
    }
}

@keyframes home-sponsors-heart-2 {
    0% {
        opacity: 0;
        transform: scale3d(.5,.5,.5) translateZ(0) rotate(0)
    }

    50% {
        opacity: .75
    }

    to {
        opacity: 0;
        transform: scale3d(.75,.75,.75) translate3d(-125%,-100%,0) rotate(-35deg)
    }
}

@keyframes home-sponsors-heart-3 {
    0% {
        opacity: 0;
        transform: scale3d(.35,.35,.35) translateZ(0) rotate(0)
    }

    50% {
        opacity: .5
    }

    to {
        opacity: 0;
        transform: scale3d(.5,.5,.5) translate3d(150%,-120%,0) rotate(35deg)
    }
}

.at-expanding-share-button .at-expanding-share-button-toggle-bg>span {
    border: 0 solid rgba(255,255,255,.11);
    background-color: transparent;
    box-shadow: none
}

.at-expanding-share-button .at-expanding-share-button-toggle-bg {
    box-shadow: none!important
}

@media screen and (min-width: 1001px) {
    .app__qrcode_editor {
        left:auto;
        right: 20px;
        bottom: 224px
    }

    .app__qrcode_editor .cd-cart-trigger {
        bottom: 230px
    }

    .at-expanding-share-button .at-expanding-share-button-toggle-bg>span,.app__qrcode_language,.app__qrcode_editor,.app__qrcode_about,.app__file_converter {
        border: 1px solid rgba(255,255,255,.11);
        background-color: rgba(255,255,255,.11);
        box-shadow: 0 4px 5px 0 rgba(2,0,0,.11)
    }

    .cd-cart-trigger {
        left: auto;
        right: 20px
    }

    .app__file_converter {
        bottom: 130px;
        left: auto;
        right: 20px
    }

    .app__file_converter .app_online {
        -webkit-transform: translateX(-80%) translateY(-26px);
        -ms-transform: translateX(-80%) translateY(-26px);
        transform: translateX(-80%) translateY(-26px)
    }
}

.mzp-u-data-table {
    border-collapse: collapse;
    border-spacing: 0
}

.mzp-u-data-table caption {
    margin-bottom: .25em;
    width: 100%
}

.mzp-u-data-table caption {
    text-align: left
}

.mzp-u-data-table td,.mzp-u-data-table th {
    border-top: 1px solid rgba(0,0,0,.2);
    padding: .5em 10px;
    text-align: left
}

.mzp-u-data-table td,.mzp-u-data-table th {
    text-align: left
}

.mzp-u-data-table thead th {
    border-top: 0;
    padding-top: 0
}

h3 {
    font-family: Metropolis,Inter,X-LocaleSpecific,sans-serif;
    color: #20123a;
    font-weight: 700;
    margin: 0 0 .5em
}

h3 {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.166
}

@media(min-width: 768px) {
    h3 {
        font-size:32px;
        font-size: 2rem;
        line-height: 1.125
    }
}

.mzp-u-title-sm {
    font-size: 18px;
    line-height: 1.166;
    font-family: Metropolis,Inter,X-LocaleSpecific,sans-serif
}

@media(min-width: 768px) {
    .mzp-u-title-sm {
        font-size:32px;
        font-size: 2rem;
        line-height: 1.125
    }
}

main h3 {
    color: #fff;
    margin-bottom: 46px
}

.u-visually-hidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute!important;
    width: 1px
}

.c-block {
    margin: 60px auto;
    overflow-x: hidden;
    padding: 48px 0;
    position: relative
}

@media(min-width: 768px) {
    .c-block {
        padding:48px 0
    }
}

@media(min-width: 1024px) {
    .c-block {
        padding:0 0
    }
}

.c-block-container {
    zoom:1;-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 1344px;
    min-width: 304px;
    padding: 5px 12px
}

.c-block-container:after {
    clear: both;
    content: '';
    display: block;
    height: 0;
    visibility: hidden
}

@media(min-width: 768px) {
    .c-block-container {
        padding:0
    }
}

@media(min-width: 1024px) {
    .c-block-container {
        padding:0
    }
}

.c-block-media-img {
    display: block
}

.c-block-body {
    position: relative
}

.videobg {
    display: flex;
    height: 64px;
    width: 200px;
    background-image: url(../img/mybg.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top right;
    position: fixed;
    right: 0
}

@media all and (max-width: 767px) {
    .c-block-body:first-child {
        margin-bottom:8px;
        margin-top: 30px
    }

    .app__select-photos {
        right: 4px
    }

    .c-block-body p span {
        display: none
    }

    .app__overlay {
        width: 260px;
        height: 260px
    }

    .custom-scanner {
        width: 240px
    }

    .app__overlay::after {
        width: 254px;
        height: 254px
    }

    .videobg {
        width: 160px
    }
}

.c-block-media {
    position: relative
}

@media(min-width: 1024px) {
    .c-block-body {
        -webkit-box-sizing:border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 50%;
        padding: 40px
    }

    .c-block-body {
        float: left
    }

    .c-block-body>:first-child {
        margin-top: 0
    }

    .c-block-body>:last-child {
        margin-bottom: 0
    }

    .c-block-media {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 50%;
        padding: 0 40px
    }

    .c-block-media {
        float: right
    }
}

.c-block-container .c-block-media-img {
    margin: 0 auto
}

.app__language {
    width: 90%;
    height: calc(100% - 100px);
    bottom: 20px;
    max-width: 600px;
    max-height: 680px
}

.app__language h3 {
    text-align: center
}

.app__language .c-block-media {
    width: 100%
}

.app__language .c-block-container {
    min-width: 604px
}

@media(min-width: 768px) {
    .c-block-container .l-h-end {
        justify-self:end
    }
}

.t-highlights p {
    margin-bottom: 32px
}

.t-compare {
    padding-top: 0
}

.t-compare .c-block-media-img {
    background-image: url(../img/bgbg.svg);
    background-repeat: no-repeat;
    background-size: contain
}

.t-compare .c-block-media-img {
    background-position: top left
}

@media all and (min-width: 0) {
    .t-compare .c-block-media-img {
        padding:65px 0 0
    }
}

@media(min-width: 768px) {
    .t-compare .c-block-media-img {
        background-size:600px;
        padding: 65px 32px 30px;
        width: 100%
    }
}

@media(min-width: 1024px) {
    .t-compare .c-block-media-img {
        background-size:contain
    }
}

.c-chart {
    margin: 0
}

.c-compare-table {
    caption-side: bottom;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 8px 12px 1px rgba(29,17,51,.04),0 3px 16px 2px rgba(9,32,77,.12),0 5px 10px -3px rgba(29,17,51,.12);
    border-collapse: separate;
    border: 32px solid #fff;
    margin-left: auto;
    margin-right: auto;
    max-width: 928px;
    width: 100%;
    color: #000
}

.c-compare-table caption {
    display: table-caption
}

.c-compare-table thead th {
    font-family: Metropolis,Inter,X-LocaleSpecific,sans-serif;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.2;
    border-bottom: 3px solid #ededf0;
    font-weight: 700
}

@media(min-width: 768px) {
    .c-compare-table thead th {
        font-size:24px;
        font-size: 1.5rem;
        line-height: 1.166
    }
}

@media(min-width: 480px) {
    .c-compare-table thead th {
        position:static
    }
}

.c-compare-table thead th img {
    font-size: 12px;
    font-size: .75rem;
    line-height: 1.5;
    height: auto;
    max-height: 24px;
    max-width: 24px;
    min-width: 1rem;
    width: 100%
}

.c-compare-table td,.c-compare-table th {
    font-size: 14px;
    font-size: .875rem;
    line-height: 1.5;
    border-top: 1px solid #ededf0;
    font-weight: 400;
    padding: 4px
}

.c-compare-table td,.c-compare-table th {
    border-left: 1px solid #ededf0;
    text-align: center
}

.c-compare-table th:first-child {
    text-align: start
}

.c-compare-table th:first-child {
    border-left-width: 0
}

@media(min-width: 480px) {
    .c-compare-table td,.c-compare-table th {
        padding:8px
    }
}

.c-compare-table tbody td {
    width: 64px
}

.c-compare-table tbody tr:nth-child(2n-1) {
    background-color: #f9f9fa
}

.c-compare-table tr>:nth-child(1n+4) {
    display: none
}

.c-compare-buttons {
    margin-top: 32px;
    text-align: center
}

.mzp-u-title-sm::after {
    background-image: url(../img/about_line.svg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    content: '';
    display: block;
    height: .3em;
    left: -.2em;
    position: absolute;
    width: calc(100% + .4em);
    margin-top: 8px
}

.app__share {
    max-height: 260px
}

.c-block-body p {
    line-height: 28px;
    color: #ffffffbf
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
    background-color: #fff;
    border-radius: 4px;
    border: 2px solid #9595a2;
    line-height: 1.25;
    margin: 0 0 24px;
    padding: 8px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMjRweCcgaGVpZ2h0PScyNHB4JyB2aWV3Qm94PScwIDAgMjQgMjQnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PGcgc3Ryb2tlPSdub25lJyBzdHJva2Utd2lkdGg9JzEnIGZpbGw9J25vbmUnIGZpbGwtcnVsZT0nZXZlbm9kZCcgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJyBzdHJva2UtbGluZWpvaW49J3JvdW5kJz48cG9seWxpbmUgc3Ryb2tlPScjOTU5NWEzJyBzdHJva2Utd2lkdGg9JzInIHBvaW50cz0nNSA5IDEyIDE2IDE5IDknPjwvcG9seWxpbmU+PC9nPjwvc3ZnPg==),linear-gradient(to bottom,#fff 0,#fff 100%);
    background-repeat: no-repeat,repeat;
    background-size: 1.5em auto,100%;
    display: block;
    font-weight: 400;
    max-width: 100%;
    min-width: 256px;
    text-overflow: ellipsis
}

select {
    background-position: right 8px top 50%;
    padding: 8px calc(1.5em + 16px) 8px 8px;
    line-height: 1.5;
    margin: 0 auto 30px
}

select:hover {
    border: 2px solid #33a752;
    color: #005e19;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMjRweCcgaGVpZ2h0PScyNHB4JyB2aWV3Qm94PScwIDAgMjQgMjQnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PGcgc3Ryb2tlPSdub25lJyBzdHJva2Utd2lkdGg9JzEnIGZpbGw9J25vbmUnIGZpbGwtcnVsZT0nZXZlbm9kZCcgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJyBzdHJva2UtbGluZWpvaW49J3JvdW5kJz48cG9seWxpbmUgc3Ryb2tlPScjOTU5NWEzJyBzdHJva2Utd2lkdGg9JzInIHBvaW50cz0nNSA5IDEyIDE2IDE5IDknPjwvcG9seWxpbmU+PC9nPjwvc3ZnPg==),linear-gradient(to bottom,#fff 0,#fff 100%)
}

.shownone {
    border-radius: 3px;
    transition: all .2s,visibility 0s;
    border: 0 solid #4caf50!important;
    margin-top: 20px
}

.shownone a {
    color: #fff
}

.downloadbutton {
    display: inline-block;
    color: #fff;
    border-radius: 40px;
    padding: 12px 18px;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 220px;
    font-size: 14px;
    text-transform: uppercase;
    height: auto;
    border: none;
    min-width: 120px;
    margin-bottom: 30px;
    font-weight: 700;
    cursor: pointer;
    box-shadow: 0 1px 8px rgba(0,0,0,.58);
    color: #fff;
    background-color: #161b22;
    border: 1px solid #30363d;
    margin-right: 10px
}

.deletebutton {
    display: inline-block;
    color: #fff;
    border-radius: 40px;
    padding: 12px 18px;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 220px;
    font-size: 14px;
    text-transform: uppercase;
    height: auto;
    border: none;
    min-width: 120px;
    margin-bottom: 30px;
    font-weight: 700;
    cursor: pointer;
    box-shadow: 0 1px 8px rgba(0,0,0,.58);
    color: #fff;
    background-color: #161b22;
    border: 1px solid #30363d;
    margin-left: 10px
}

.downloadbutton:hover,.deletebutton:hover {
    border: 1px solid #5c6470;
    background-color: #21262d;
    border: 1px solid #4b5460
}

@media screen and (max-width: 1024px) {
    .shownone,.showno {
        display:none
    }

    .showinfo {
        color: #fff
    }

    select {
        border: 2px solid #fff;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMjRweCcgaGVpZ2h0PScyNHB4JyB2aWV3Qm94PScwIDAgMjQgMjQnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PGcgc3Ryb2tlPSdub25lJyBzdHJva2Utd2lkdGg9JzEnIGZpbGw9J25vbmUnIGZpbGwtcnVsZT0nZXZlbm9kZCcgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJyBzdHJva2UtbGluZWpvaW49J3JvdW5kJz48cG9seWxpbmUgc3Ryb2tlPScjOTU5NWEzJyBzdHJva2Utd2lkdGg9JzInIHBvaW50cz0nNSA5IDEyIDE2IDE5IDknPjwvcG9seWxpbmU+PC9nPjwvc3ZnPg==),linear-gradient(to bottom,transparent 0,transparent 100%);
        color: #fff;
        background-color: transparent
    }

    select:hover {
        border: 2px solid #fabb04;
        color: #fabb04;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMjRweCcgaGVpZ2h0PScyNHB4JyB2aWV3Qm94PScwIDAgMjQgMjQnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PGcgc3Ryb2tlPSdub25lJyBzdHJva2Utd2lkdGg9JzEnIGZpbGw9J25vbmUnIGZpbGwtcnVsZT0nZXZlbm9kZCcgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJyBzdHJva2UtbGluZWpvaW49J3JvdW5kJz48cG9seWxpbmUgc3Ryb2tlPScjOTU5NWEzJyBzdHJva2Utd2lkdGg9JzInIHBvaW50cz0nNSA5IDEyIDE2IDE5IDknPjwvcG9seWxpbmU+PC9nPjwvc3ZnPg==),linear-gradient(to bottom,transparent 0,transparent 100%);
        background-color: transparent
    }

    .app__dialog input {
        max-width: 280px;
        padding: 0 10px;
        border-radius: 3px
    }

    .app__qrcode {
        max-height: 280px
    }

    .app__language .c-block-container {
        min-width: 100%
    }

    .app__dialog {
        width: 92%;
        height: calc(100% - 100px);
        position: fixed;
        z-index: 11111111;
        background-color: #161b22f2;
        top: 80px;
        bottom: 20px
    }

    .app__dialog .app__dialog-content {
        width: 100%;
        margin: 20px auto;
        text-align: center
    }

    .app__dialog h5 {
        color: #fff;
        text-align: center;
        margin: 8px 0;
        font-weight: 500
    }

    .app__dialog-content .app__dialog-close:hover {
        border: 1px solid #fff
    }

    main h3 {
        color: #fff
    }

    .c-block {
        color: #fff
    }

    .app__about,.app__history {
        max-height: 800px
    }
}

.scan-region-highlight {
    position: fixed;
    width: 480px;
    height: 480px;
    top: calc((100% - 480px)/2);
    left: calc((100% - 480px)/2);
    margin: auto
}

.scan-region-highlight-svg {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    fill: none;
    stroke: #fff;
    stroke-width: 4;
    stroke-linecap: round;
    stroke-linejoin: round;
    box-shadow: 0 -1px 0 #ffffff21,0 0 6px #ffffff21,0 1px 1px #ffffff21;
    border-radius: 20px;
    padding: 2px;
    -webkit-animation: pulsate-bck .9s ease-in-out infinite both;
    animation: pulsate-bck .9s ease-in-out infinite both
}

@-webkit-keyframes pulsate-bck {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes pulsate-bck {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@media all and (max-width: 767px) {
    .scan-region-highlight {
        position:fixed;
        width: 300px;
        height: 300px;
        top: calc((100% - 300px)/2);
        left: calc((100% - 300px)/2);
        margin: auto
    }
}

.at-expanding-share-button[data-position=bottom-left] {
    bottom: 234px!important;
    left: 12px!important
}

.at-expanding-share-button.at-expanding-share-button-desktop .at-expanding-share-button-toggle-bg>span {
    height: 40px!important;
    width: 40px!important
}

.at-expanding-share-button.at-expanding-share-button-desktop .at-expanding-share-button-toggle-bg {
    height: 40px!important;
    line-height: 40px!important;
    width: 40px!important
}

.at-expanding-share-button.at-expanding-share-button-desktop .at-expanding-share-button-toggle {
    height: 40px!important
}

.at-expanding-share-button .at-expanding-share-button-services-list {
    margin: 0 0 6px!important
}

.at-expanding-share-button .at-expanding-share-button-services-list>li {
    margin: 4px 0!important
}