body.compensate -
for -scrollbar {
    overflow: hidden
}

.fancybox - active {
    height: auto
}

.fancybox - is - hidden {
    left: -9999 px;
    margin: 0;
    position: absolute !important;
    top: -9999 px;
    visibility: hidden
}

.fancybox - container {
    -webkit - backface - visibility: hidden;
    height: 100 %;
    left: 0;
    outline: none;
    position: fixed;
    - webkit - tap - highlight - color: transparent;
    top: 0;
    - ms - touch - action: manipulation;
    touch - action: manipulation;
    transform: translateZ(0);
    width: 100 %;
    z - index: 99992
}

    .fancybox - container * {
        box - sizing: border - box
    }

.fancybox - bg, .fancybox - inner, .fancybox - outer, .fancybox - stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.fancybox - outer {
    -webkit - overflow - scrolling: touch;
    overflow - y: auto
}

.fancybox - bg {
    background: #1e1e1e;
    opacity: 0;
    transition-duration: inherit;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.47,0,.74,.71)
}

.fancybox-is-open .fancybox-bg {
    opacity: .9;
    transition-timing-function: cubic-bezier(.22,.61,.36,1)
}

.fancybox-caption, .fancybox-infobar, .fancybox-navigation .fancybox-button, .fancybox-toolbar {
    direction: ltr;
    opacity: 0;
    position: absolute;
    transition: opacity .25s ease,visibility 0s ease .25s;
    visibility: hidden;
    z-index: 99997
}

.fancybox-show-caption .fancybox-caption, .fancybox-show-infobar .fancybox-infobar, .fancybox-show-nav .fancybox-navigation .fancybox-button, .fancybox-show-toolbar .fancybox-toolbar {
    opacity: 1;
    transition: opacity .25s ease 0s,visibility 0s ease 0s;
    visibility: visible
}

.fancybox-infobar {
    color: # ccc;
    font - size: 13 px;
    - webkit - font - smoothing: subpixel - antialiased;
    height: 44 px;
    left: 0;
    line - height: 44 px;
    min - width: 44 px;
    mix - blend - mode: difference;
    padding: 0 10 px;
    pointer - events: none;
    top: 0;
    - webkit - touch - callout: none;
    - webkit - user - select: none;
    - moz - user - select: none;
    - ms - user - select: none;
    user - select: none
}

.fancybox - toolbar {
    right: 0;
    top: 0
}

.fancybox - stage {
    direction: ltr;
    overflow: visible;
    transform: translateZ(0);
    z - index: 99994
}

.fancybox - is - open.fancybox - stage {
    overflow: hidden
}

.fancybox - slide {
    -webkit - backface - visibility: hidden;
    display: none;
    height: 100 %;
    left: 0;
    outline: none;
    overflow: auto;
    - webkit - overflow - scrolling: touch;
    padding: 44 px;
    position: absolute;
    text - align: center;
    top: 0;
    transition - property: transform, opacity;
    white - space: normal;
    width: 100 %;
    z - index: 99994
}

    .fancybox - slide: before {
        content: "";
        display: inline - block;
        font - size: 0;
        height: 100 %;
        vertical - align: middle;
        width: 0
    }

.fancybox - is - sliding.fancybox - slide, .fancybox - slide--current, .fancybox - slide--next, .fancybox - slide--previous {
    display: block
}

.fancybox - slide--image {
    overflow: hidden;
    padding: 44 px 0
}

    .fancybox - slide--image: before {
        display: none
    }

.fancybox - slide--html {
    padding: 6 px
}

.fancybox - content {
    background: #fff;
    display: inline - block;
    margin: 0;
    max - width: 100 %;
    overflow: auto;
    - webkit - overflow - scrolling: touch;
    padding: 44 px;
    position: relative;
    text - align: left;
    vertical - align: middle
}

.fancybox - slide--image.fancybox - content {
    animation - timing - function: cubic - bezier(.5, 0, .14, 1);
    - webkit - backface - visibility: hidden;
    background: transparent;
    background - repeat: no - repeat;
    background - size: 100 % 100 %;
    left: 0;
    max - width: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 0;
    transform - origin: top left;
    transition - property: transform, opacity;
    - webkit - user - select: none;
    - moz - user - select: none;
    - ms - user - select: none;
    user - select: none;
    z - index: 99995
}

.fancybox - can - zoomOut.fancybox - content {
    cursor: zoom - out
}

.fancybox - can - zoomIn.fancybox - content {
    cursor: zoom - in
}

.fancybox - can - pan.fancybox - content, .fancybox - can - swipe.fancybox - content {
    cursor: grab
}

.fancybox - is - grabbing.fancybox - content {
    cursor: grabbing
}

.fancybox - container[data - selectable = true] {
    cursor: text
}

.fancybox - image, .fancybox - spaceball {
    background: transparent;
    border: 0;
    height: 100 %;
    left: 0;
    margin: 0;
    max - height: none;
    max - width: none;
    padding: 0;
    position: absolute;
    top: 0;
    - webkit - user - select: none;
    - moz - user - select: none;
    - ms - user - select: none;
    user - select: none;
    width: 100 %
}

.fancybox - spaceball {
    z - index: 1
}

.fancybox - slide--iframe.fancybox - content, .fancybox - slide--map.fancybox - content, .fancybox - slide--pdf.fancybox - content, .fancybox - slide--video.fancybox - content {
    height: 100 %;
    overflow: visible;
    padding: 0;
    width: 100 %
}

.fancybox - slide--video.fancybox - content {
    background: #000
}

.fancybox-slide--map .fancybox-content {
    background: # e5e3df
}

.fancybox - slide--iframe.fancybox - content {
    background: #fff
}

.fancybox - iframe, .fancybox - video {
    background: transparent;
    border: 0;
    display: block;
    height: 100 %;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100 %
}

.fancybox - iframe {
    left: 0;
    position: absolute;
    top: 0
}

.fancybox - error {
    background: #fff;
    cursor: default;
    max - width: 400 px;
    padding: 40 px;
    width: 100 %
}

    .fancybox - error p {
        color: #444;
        font-size: 16px;
        line-height: 20px;
        margin: 0;
        padding: 0
    }

.fancybox-button {
    background: rgba(30,30,30,.6);
    border: 0;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    padding: 10px;
    position: relative;
    transition: color .2s;
    vertical-align: top;
    visibility: inherit;
    width: 44px
}

    .fancybox-button, .fancybox-button:link, .fancybox-button:visited {
        color: # ccc
    }

.fancybox - button: hover {
    color: #fff
}

.fancybox - button: focus {
    outline: none
}

.fancybox - button.fancybox - focus {
    outline: 1 px dotted
}

.fancybox - button[disabled], .fancybox - button[disabled]: hover {
    color: #888;
    cursor: default;
    outline: none
}

.fancybox-button div {
    height: 100%
}

.fancybox-button svg {
    display: block;
    height: 100%;
    overflow: visible;
    position: relative;
    width: 100%
}

    .fancybox-button svg path {
        fill: currentColor;
        stroke-width: 0
    }

.fancybox-button--fsenter svg:nth-child(2), .fancybox-button--fsexit svg:first-child, .fancybox-button--pause svg:first-child, .fancybox-button--play svg:nth-child(2) {
    display: none
}

.fancybox-progress {
    background: # ff5268;
    height: 2 px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scaleX(0);
    transform - origin: 0;
    transition - property: transform;
    transition - timing - function: linear;
    z - index: 99998
}

.fancybox - close - small {
    background: transparent;
    border: 0;
    border - radius: 0;
    color: #ccc;
    cursor: pointer;
    opacity: .8;
    padding: 8 px;
    position: absolute;
    right: -12 px;
    top: -44 px;
    z - index: 401
}

    .fancybox - close - small: hover {
        color: #fff;
        opacity: 1
    }

.fancybox - slide--html.fancybox - close - small {
    color: currentColor;
    padding: 10 px;
    right: 0;
    top: 0
}

.fancybox - slide--image.fancybox - is - scaling.fancybox - content {
    overflow: hidden
}

.fancybox - is - scaling.fancybox - close - small, .fancybox - is - zoomable.fancybox - can - pan.fancybox - close - small {
    display: none
}

.fancybox - navigation.fancybox - button {
    background - clip: content - box;
    height: 100 px;
    opacity: 0;
    position: absolute;
    top: calc(50 % -50 px);
    width: 70 px
}

    .fancybox - navigation.fancybox - button div {
        padding: 7 px
    }

.fancybox - navigation.fancybox - button--arrow_left {
    left: 0;
    left: env(safe - area - inset - left);
    padding: 31 px 26 px 31 px 6 px
}

.fancybox - navigation.fancybox - button--arrow_right {
    padding: 31 px 6 px 31 px 26 px;
    right: 0;
    right: env(safe - area - inset - right)
}

.fancybox - caption {
    background: linear - gradient(0 deg, rgba(0, 0, 0, .85) 0, rgba(0, 0, 0, .3) 50 %, rgba(0, 0, 0, .15) 65 %, rgba(0, 0, 0, .075) 75.5 %, rgba(0, 0, 0, .037) 82.85 %, rgba(0, 0, 0, .019) 88 %, transparent);
    bottom: 0;
    color: #eee;
    font - size: 14 px;
    font - weight: 400;
    left: 0;
    line - height: 1.5;
    padding: 75 px 44 px 25 px;
    pointer - events: none;
    right: 0;
    text - align: center;
    z - index: 99996
}

@supports(padding: max(0 px)) {
    .fancybox - caption {
        padding: 75 px max(44 px, env(safe - area - inset - right)) max(25 px, env(safe - area - inset - bottom)) max(44 px, env(safe - area - inset - left))
    }
}

.fancybox - caption--separate {
    margin - top: -50 px
}

.fancybox - caption__body {
    max - height: 50 vh;
    overflow: auto;
    pointer - events: all
}

.fancybox - caption a, .fancybox - caption a: link, .fancybox - caption a: visited {
    color: #ccc;
    text - decoration: none
}

    .fancybox - caption a: hover {
        color: #fff;
        text - decoration: underline
    }

.fancybox - loading {
    animation: a 1 s linear infinite;
    background: transparent;
    border: 4 px solid #888;
    border-bottom-color: # fff;
    border - radius: 50 %;
    height: 50 px;
    left: 50 %;
    margin: -25 px 0 0 - 25 px;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50 %;
    width: 50 px;
    z - index: 99999
}

@keyframes a {
    to {
        transform: rotate(1 turn)
    }
}

.fancybox - animated {
    transition - timing - function: cubic - bezier(0, 0, .25, 1)
}

.fancybox - fx - slide.fancybox - slide--previous {
    opacity: 0;
    transform: translate3d(-100 %, 0, 0)
}

.fancybox - fx - slide.fancybox - slide--next {
    opacity: 0;
    transform: translate3d(100 %, 0, 0)
}

.fancybox - fx - slide.fancybox - slide--current {
    opacity: 1;
    transform: translateZ(0)
}

.fancybox - fx - fade.fancybox - slide--next, .fancybox - fx - fade.fancybox - slide--previous {
    opacity: 0;
    transition - timing - function: cubic - bezier(.19, 1, .22, 1)
}

.fancybox - fx - fade.fancybox - slide--current {
    opacity: 1
}

.fancybox - fx - zoom - in - out.fancybox - slide--previous {
    opacity: 0;
    transform: scale3d(1.5, 1.5, 1.5)
}

.fancybox - fx - zoom - in - out.fancybox - slide--next {
    opacity: 0;
    transform: scale3d(.5, .5, .5)
}

.fancybox - fx - zoom - in - out.fancybox - slide--current {
    opacity: 1;
    transform: scaleX(1)
}

.fancybox - fx - rotate.fancybox - slide--previous {
    opacity: 0;
    transform: rotate(-1 turn)
}

.fancybox - fx - rotate.fancybox - slide--next {
    opacity: 0;
    transform: rotate(1 turn)
}

.fancybox - fx - rotate.fancybox - slide--current {
    opacity: 1;
    transform: rotate(0 deg)
}

.fancybox - fx - circular.fancybox - slide--previous {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(-100 %, 0, 0)
}

.fancybox - fx - circular.fancybox - slide--next {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(100 %, 0, 0)
}

.fancybox - fx - circular.fancybox - slide--current {
    opacity: 1;
    transform: scaleX(1) translateZ(0)
}

.fancybox - fx - tube.fancybox - slide--previous {
    transform: translate3d(-100 %, 0, 0) scale(.1) skew(-10 deg)
}

.fancybox - fx - tube.fancybox - slide--next {
    transform: translate3d(100 %, 0, 0) scale(.1) skew(10 deg)
}

.fancybox - fx - tube.fancybox - slide--current {
    transform: translateZ(0) scale(1)
}

@media(max - height: 576 px) {
    .fancybox - slide {
        padding - left: 6 px;
        padding - right: 6 px
    }

    .fancybox - slide--image {
        padding: 6 px 0
    }

    .fancybox - close - small {
        right: -6 px
    }

    .fancybox - slide--image.fancybox - close - small {
        background: #4e4e4e;
        color: # f2f4f6;
        height: 36 px;
        opacity: 1;
        padding: 6 px;
        right: 0;
        top: 0;
        width: 36 px
    }

    .fancybox - caption {
        padding - left: 12 px;
        padding - right: 12 px
    }

    @supports(padding: max(0 px)) {
        .fancybox - caption {
            padding - left: max(12 px, env(safe - area - inset - left));
            padding - right: max(12 px, env(safe - area - inset - right))
        }
    }
}

.fancybox - share {
    background: #f4f4f4;
    border - radius: 3 px;
    max - width: 90 %;
    padding: 30 px;
    text - align: center
}

    .fancybox - share h1 {
        color: #222;
        font-size: 35px;
        font-weight: 700;
        margin: 0 0 20px
    }

.fancybox-share p {
    margin: 0;
    padding: 0
}

.fancybox-share__button {
    border: 0;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    margin: 0 5px 10px;
    min-width: 130px;
    padding: 0 15px;
    text-decoration: none;
    transition: all .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap
}

    .fancybox-share__button:link, .fancybox-share__button:visited {
        color: # fff
    }

.fancybox - share__button: hover {
    text - decoration: none
}

.fancybox - share__button--fb {
    background: #3b5998
}

.fancybox-share__button--fb:hover {
    background: # 344e86
}

.fancybox - share__button--pt {
    background: #bd081d
}

    .fancybox - share__button--pt: hover {
        background: #aa0719
    }

.fancybox - share__button--tw {
    background: #1da1f2
}

.fancybox-share__button--tw:hover {
    background: # 0 d95e8
}

.fancybox - share__button svg {
    height: 25 px;
    margin - right: 7 px;
    position: relative;
    top: -1 px;
    vertical - align: middle;
    width: 25 px
}

    .fancybox - share__button svg path {
        fill: #fff
    }

.fancybox - share__input {
    background: transparent;
    border: 0;
    border - bottom: 1 px solid #d7d7d7;
    border - radius: 0;
    color: #5d5b5b;
    font-size: 14px;
    margin: 10px 0 0;
    outline: none;
    padding: 10px 15px;
    width: 100%
}

.fancybox-thumbs {
    background: # ddd;
    bottom: 0;
    display: none;
    margin: 0;
    - webkit - overflow - scrolling: touch;
    - ms - overflow - style: -ms - autohiding - scrollbar;
    padding: 2 px 2 px 4 px;
    position: absolute;
    right: 0;
    - webkit - tap - highlight - color: rgba(0, 0, 0, 0);
    top: 0;
    width: 212 px;
    z - index: 99995
}

.fancybox - thumbs - x {
    overflow - x: auto;
    overflow - y: hidden
}

.fancybox - show - thumbs.fancybox - thumbs {
    display: block
}

.fancybox - show - thumbs.fancybox - inner {
    right: 212 px
}

.fancybox - thumbs__list {
    font - size: 0;
    height: 100 %;
    list - style: none;
    margin: 0;
    overflow - x: hidden;
    overflow - y: auto;
    padding: 0;
    position: absolute;
    position: relative;
    white - space: nowrap;
    width: 100 %
}

.fancybox - thumbs - x.fancybox - thumbs__list {
    overflow: hidden
}

.fancybox - thumbs - y.fancybox - thumbs__list::-webkit - scrollbar {
    width: 7 px
}

    .fancybox - thumbs - y.fancybox - thumbs__list::-webkit - scrollbar - track {
        background: #fff;
        border - radius: 10 px;
        box - shadow: inset 0 0 6 px rgba(0, 0, 0, .3)
    }

    .fancybox - thumbs - y.fancybox - thumbs__list::-webkit - scrollbar - thumb {
        background: #2a2a2a;
        border-radius: 10px
    }

.fancybox-thumbs__list a {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: rgba(0,0,0,.1);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    float: left;
    height: 75px;
    margin: 2px;
    max-height: calc(100% - 8px);
    max-width: calc(50% - 4px);
    outline: none;
    overflow: hidden;
    padding: 0;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    width: 100px
}

    .fancybox-thumbs__list a:before {
        border: 6px solid # ff5268;
        bottom: 0;
        content: "";
        left: 0;
        opacity: 0;
        position: absolute;
        right: 0;
        top: 0;
        transition: all .2 s cubic - bezier(.25, .46, .45, .94);
        z - index: 99991
    }

.fancybox - thumbs__list a: focus: before {
    opacity: .5
}

.fancybox - thumbs__list a.fancybox - thumbs - active: before {
    opacity: 1
}

@media(max - width: 576 px) {
    .fancybox - thumbs {
        width: 110 px
    }

    .fancybox - show - thumbs.fancybox - inner {
        right: 110 px
    }

    .fancybox - thumbs__list a {
        max - width: calc(100 % -10 px)
    }
}

// This is just a sample script. Paste your real code (javascript or HTML) here.

if ('this_is' == /an_example/) {
    of_beautifier();
}

else {
    var a = b ? (c % d) : e[f];
}