#atum_socializer {
    display: var(--display, block);
    position: fixed;
    z-index: var(--z_index, 1000);
    top: var(--top, auto);
    bottom: var(--bottom, auto);
    left: var(--left, auto);
    right: var(--right, auto);
    -webkit-transform: var(--transform, none);
    transform: var(--transform, none)
}

#atum_socializer.scroll {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.55s opacity, 0.55s visibility;
    -o-transition: 0.55s opacity, 0.55s visibility;
    transition: 0.55s opacity, 0.55s visibility
}

#atum_socializer:not(.scroll) {
    opacity: 1;
    visibility: visible;
    -webkit-transition: 0.55s opacity, 0.55s visibility;
    -o-transition: 0.55s opacity, 0.55s visibility;
    transition: 0.55s opacity, 0.55s visibility
}

#atum_socializer .atum_socializer-list {
    position: relative;
    z-index: 2
}

#atum_socializer .animation-waves::after, #atum_socializer .animation-waves::before, #atum_socializer .animation-pulse_waves::after, #atum_socializer .animation-pulse_waves::before {
    display: block;
    content: " ";
    position: absolute;
    left: -20px;
    opacity: 0;
    right: -20px;
    top: -20px;
    bottom: -20px;
    border: 2px solid var(--animation_color, transparent);
    border-radius: var(--animation_radius, 0);
    -webkit-animation: waves 2.5s linear infinite;
    animation: waves 2.5s linear infinite
}

#atum_socializer .animation-waves::after, #atum_socializer .animation-pulse_waves::after {
    -webkit-animation-delay: 1.25s;
    animation-delay: 1.25s
}

#atum_socializer .animation-pulse, #atum_socializer .animation-pulse_waves {
    -webkit-animation: pulse 2s infinite ease-out;
    animation: pulse 2s infinite ease-out
}

#atum_socializer .animation-pulse.show, #atum_socializer .animation-pulse_waves.show, #atum_socializer .animation-waves.show::after, #atum_socializer .animation-waves.show::before, #atum_socializer .animation-pulse_waves.show::after, #atum_socializer .animation-pulse_waves.show::before {
    -webkit-animation: none;
    animation: none
}

#atum_socializer .animation-hover-size {
    -webkit-transform: scale(1);
    transform: scale(1)
}

#atum_socializer .animation-hover-size:hover {
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
    -webkit-animation: none;
    animation: none
}

#atum_socializer[data-type="3"] .atum_socializer-list {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.55s opacity, 0.55s visibility;
    -o-transition: 0.55s opacity, 0.55s visibility;
    transition: 0.55s opacity, 0.55s visibility
}

#atum_socializer[data-type="3"] .atum_socializer-list.show {
    opacity: 1;
    visibility: visible;
    -webkit-transition: 0.55s opacity, 0.55s visibility;
    -o-transition: 0.55s opacity, 0.55s visibility;
    transition: 0.55s opacity, 0.55s visibility
}

#atum_socializer-arrow, #atum_socializer-arrow::before {
    position: absolute;
    width: 10px;
    height: 10px;
    background: inherit
}

#atum_socializer-arrow {
    visibility: hidden
}

#atum_socializer-arrow::before {
    visibility: visible;
    content: '';
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

#atum_socializer .atum_socializer-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--row_position, column);
    flex-direction: var(--row_position, column);
    margin-top: calc(-1 * var(--row_y));
    margin-right: calc(-.5 * var(--row_x));
    margin-left: calc(-.5 * var(--row_x))
}

#atum_socializer .atum_socializer-col {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
    padding-right: calc(var(--row_x) * .5);
    padding-left: calc(var(--row_x) * .5);
    margin-top: var(--row_y)
}

#atum_socializer .atum_socializer-link {
    --animation_color: var(--link_color, transparent);
    --animation_radius: var(--link_radius, 0);
    position: relative;
    display: block;
    cursor: pointer;
    background-color: var(--link_color, transparent);
    width: var(--link_width, 40px);
    height: var(--link_height, 40px);
    border-radius: var(--link_radius, 0);
    border-top: var(--link_border_top, none);
    border-right: var(--link_border_right, none);
    border-bottom: var(--link_border_bottom, none);
    border-left: var(--link_border_left, none);
    -webkit-box-shadow: var(--link_box-shadow, none);
    box-shadow: var(--link_box-shadow, none);
    -webkit-transition: 0.55s all;
    -o-transition: 0.55s all;
    transition: 0.55s all
}

#atum_socializer .atum_socializer-link:hover {
    background-color: var(--link_color_hover, transparent);
    -webkit-transition: 0.55s all;
    -o-transition: 0.55s all;
    transition: 0.55s all
}

#atum_socializer .atum_socializer-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: var(--size_icon, contain)
}

#atum_socializer .atum_socializer-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3Cpath fill='%23fff' d='M173 131.5C229.2 75.27 320.3 75.27 376.5 131.5C430 185 432.9 270.9 383 327.9L377.7 334C368.9 344 353.8 345 343.8 336.3C333.8 327.6 332.8 312.4 341.5 302.4L346.9 296.3C380.1 258.3 378.2 201.1 342.5 165.4C305.1 127.1 244.4 127.1 206.1 165.4L93.63 278.7C56.19 316.2 56.19 376.9 93.63 414.3C129.3 449.1 186.6 451.9 224.5 418.7L230.7 413.3C240.6 404.6 255.8 405.6 264.5 415.6C273.3 425.5 272.2 440.7 262.3 449.4L256.1 454.8C199.1 504.6 113.2 501.8 59.69 448.2C3.505 392.1 3.505 300.1 59.69 244.8L173 131.5zM467 380.5C410.8 436.7 319.7 436.7 263.5 380.5C209.1 326.1 207.1 241.1 256.9 184.1L261.6 178.7C270.3 168.7 285.5 167.7 295.5 176.4C305.5 185.1 306.5 200.3 297.8 210.3L293.1 215.7C259.8 253.7 261.8 310.9 297.4 346.6C334.9 384 395.6 384 433.1 346.6L546.4 233.3C583.8 195.8 583.8 135.1 546.4 97.7C510.7 62.02 453.4 60.11 415.5 93.35L409.3 98.7C399.4 107.4 384.2 106.4 375.5 96.44C366.7 86.47 367.8 71.3 377.7 62.58L383.9 57.22C440.9 7.348 526.8 10.21 580.3 63.76C636.5 119.9 636.5 211 580.3 267.2L467 380.5z'/%3E%3C/svg%3E")
}

#atum_socializer .atum_socializer-dropdown {
    position: relative;
    z-index: 1
}

#atum_socializer .atum_socializer-dropdown-button {
    --animation_color: var(--link_dropdown_color, transparent);
    --animation_radius: var(--dropdown_radius, 0);
    position: relative;
    display: var(--display, block);
    cursor: pointer;
    background-color: var(--link_dropdown_color, transparent);
    width: var(--dropdown_width, 40px);
    height: var(--dropdown_height, 40px);
    border-radius: var(--dropdown_radius, 0);
    border-top: var(--dropdown_border_top, none);
    border-right: var(--dropdown_border_right, none);
    border-bottom: var(--dropdown_border_bottom, none);
    border-left: var(--dropdown_border_left, none);
    -webkit-box-shadow: var(--dropdown_box-shadow, none);
    box-shadow: var(--dropdown_box-shadow, none);
    -webkit-transition: 0.55s all;
    -o-transition: 0.55s all;
    transition: 0.55s all
}

#atum_socializer .atum_socializer-dropdown-button:hover {
    background-color: var(--link_dropdown_color_hover, transparent);
    -webkit-transition: 0.55s all;
    -o-transition: 0.55s all;
    transition: 0.55s all
}

#atum_socializer .atum_socializer-dropdown-button.show {
    background-color: var(--link_dropdown_close_color, transparent)
}

#atum_socializer .atum_socializer-dropdown-button.show:hover {
    background-color: var(--link_dropdown_close_color_hover, transparent)
}

#atum_socializer .atum_socializer-dropdown-button .open {
    opacity: 1
}

#atum_socializer .atum_socializer-dropdown-button .close {
    opacity: 0
}

#atum_socializer .atum_socializer-dropdown-button.show .open {
    opacity: 0;
    -webkit-transition: 0.55s opacity;
    -o-transition: 0.55s opacity;
    transition: 0.55s opacity
}

#atum_socializer .atum_socializer-dropdown-button.show .close {
    opacity: 1;
    -webkit-transition: 0.55s opacity;
    -o-transition: 0.55s opacity;
    transition: 0.55s opacity
}

#atum_socializer .atum_socializer-dropdown-button-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: var(--dropdown_size_icon, contain)
}

#atum_socializer .atum_socializer-notify {
    --notify_row_x: 10px;
    --notify_row_y: 10px;
    --notify_indent: 10px;
    position: absolute;
    z-index: 2;
    display: var(--display, flex);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.55s opacity, 0.55s visibility;
    -o-transition: 0.55s opacity, 0.55s visibility;
    transition: 0.55s opacity, 0.55s visibility
}

#atum_socializer .atum_socializer-notify[data-popper-placement] {
    right: calc(100% + var(--notify_indent));
    bottom: 0
}

#atum_socializer .atum_socializer-notify.show {
    opacity: 1;
    visibility: visible;
    -webkit-transition: 0.55s opacity, 0.55s visibility;
    -o-transition: 0.55s opacity, 0.55s visibility;
    transition: 0.55s opacity, 0.55s visibility
}

#atum_socializer .atum_socializer-notify.right .atum_socializer-notify-img {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

#atum_socializer .atum_socializer-notify.right .atum_socializer-notify-title {
    text-align: right
}

#atum_socializer .atum_socializer-notify.right .atum_socializer-notify-text {
    text-align: right
}

#atum_socializer .atum_socializer-notify-content {
    position: relative;
    z-index: 1;
    width: var(--notify_width, 200px);
    min-height: var(--notify_height, 50px);
    border-radius: var(--notify_radius, 0);
    border-top: var(--notify_border_top, none);
    border-right: var(--notify_border_bottom, none);
    border-bottom: var(--notify_border_bottom, none);
    border-left: var(--notify_border_left, none);
    -webkit-box-shadow: var(--notify_box-shadow, none);
    box-shadow: var(--notify_box-shadow, none);
    background-color: var(--notify_color, transparent)
}

#atum_socializer .atum_socializer-notify-close {
    cursor: pointer;
    position: absolute;
    z-index: 3;
    top: 10px;
    right: 10px;
    width: 10px;
    height: 10px;
    opacity: .5;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e")
}

#atum_socializer .atum_socializer-notify-close:hover {
    opacity: 1
}

#atum_socializer .atum_socializer-notify-body {
    position: relative;
    z-index: 2;
    padding: var(--notify_row_y) var(--notify_row_x);
    border-radius: var(--notify_radius, 0);
    background-color: var(--notify_color, transparent);
    width: auto;
    height: 100%
}

#atum_socializer .atum_socializer-notify-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: calc(-1 * var(--notify_row_y));
    margin-right: calc(-.5 * var(--notify_row_x));
    margin-left: calc(-.5 * var(--notify_row_x))
}

#atum_socializer .atum_socializer-notify-img, #atum_socializer .atum_socializer-notify-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: var(--notify_img_size, 50px);
    max-width: 100%;
    padding-right: calc(var(--notify_row_x) * .5);
    padding-left: calc(var(--notify_row_x) * .5);
    margin-top: var(--notify_row_y)
}

#atum_socializer .atum_socializer-notify-img img {
    width: 100%
}

#atum_socializer .atum_socializer-notify-img + .atum_socializer-notify-info {
    width: calc(100% - (var(--notify_img_size, 50px) + var(--notify_row_x) * 2))
}

#atum_socializer .atum_socializer-notify-info {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%
}

#atum_socializer .atum_socializer-notify-title {
    font-size: 12px;
    line-height: 1.2;
    font-weight: 600;
    color: var(--notify_color_title)
}

#atum_socializer .atum_socializer-notify-text {
    font-size: 10px;
    line-height: 1.2;
    font-weight: 500;
    color: var(--notify_color_text)
}

#atum_socializer-notify-arrow, #atum_socializer-notify-arrow::before {
    position: absolute;
    z-index: 1;
    width: calc(2 * var(--notify_indent));
    height: calc(2 * var(--notify_indent));
    background: inherit;
    background-color: var(--notify_color, transparent)
}

#atum_socializer-notify-arrow {
    visibility: hidden
}

#atum_socializer-notify-arrow::before {
    visibility: visible;
    content: '';
    border-top: var(--notify_border_top, none);
    border-right: var(--notify_border_bottom, none);
    border-bottom: var(--notify_border_bottom, none);
    border-left: var(--notify_border_left, none);
    -webkit-box-shadow: var(--notify_box-shadow, none);
    box-shadow: var(--notify_box-shadow, none);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

#atum_socializer .atum_socializer-notify {
    padding: calc(var(--notify_indent) * 2)
}

#atum_socializer .atum_socializer-notify[data-popper-placement^='top'] #atum_socializer-notify-arrow {
    bottom: calc(-1 * (var(--notify_indent) / 2))
}

#atum_socializer .atum_socializer-notify[data-popper-placement^='bottom'] #atum_socializer-notify-arrow {
    top: calc(-1 * (var(--notify_indent) / 2))
}

#atum_socializer .atum_socializer-notify[data-popper-placement^='left'] #atum_socializer-notify-arrow {
    right: calc(-1 * (var(--notify_indent) / 2))
}

#atum_socializer .atum_socializer-notify[data-popper-placement^='right'] #atum_socializer-notify-arrow {
    left: calc(-1 * (var(--notify_indent) / 2))
}

#atum_socializer-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: var(--z_index, 1000);
    width: 100vw;
    height: 100vh;
    opacity: 0;
    visibility: hidden;
    background-color: #000;
    -webkit-transition: 0.55s opacity, 0.55s visibility;
    -o-transition: 0.55s opacity, 0.55s visibility;
    transition: 0.55s opacity, 0.55s visibility
}

#atum_socializer-backdrop.show {
    opacity: .5;
    visibility: visible;
    -webkit-transition: 0.55s opacity, 0.55s visibility;
    -o-transition: 0.55s opacity, 0.55s visibility;
    transition: 0.55s opacity, 0.55s visibility
}

@-webkit-keyframes waves {
    0% {
        -webkit-transform: scale(.5);
        transform: scale(.5);
        opacity: 0
    }
    50% {
        opacity: 1
    }
    100% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        opacity: 0
    }
}

@keyframes waves {
    0% {
        -webkit-transform: scale(.5);
        transform: scale(.5);
        opacity: 0
    }
    50% {
        opacity: 1
    }
    100% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        opacity: 0
    }
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    50% {
        -webkit-transform: scale3d(1.4, 1.4, 1.4);
        transform: scale3d(1.4, 1.4, 1.4)
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    50% {
        -webkit-transform: scale3d(1.4, 1.4, 1.4);
        transform: scale3d(1.4, 1.4, 1.4)
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}