/* Minification failed. Returning unminified contents.
(2,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12,17): run-time error CSS1039: Token not allowed after unary operator: '-f-spinner-width'
(13,18): run-time error CSS1039: Token not allowed after unary operator: '-f-spinner-height'
(24,32): run-time error CSS1039: Token not allowed after unary operator: '-f-spinner-stroke'
(29,30): run-time error CSS1039: Token not allowed after unary operator: '-f-spinner-color-1'
(33,30): run-time error CSS1039: Token not allowed after unary operator: '-f-spinner-color-2'
(158,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(159,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(160,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(161,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(162,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(163,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(164,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(165,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(166,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(167,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(168,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(169,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(170,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(171,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(172,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(173,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(174,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(185,17): run-time error CSS1039: Token not allowed after unary operator: '-f-button-width'
(186,18): run-time error CSS1039: Token not allowed after unary operator: '-f-button-height'
(187,18): run-time error CSS1039: Token not allowed after unary operator: '-f-button-border'
(188,25): run-time error CSS1039: Token not allowed after unary operator: '-f-button-border-radius'
(189,17): run-time error CSS1039: Token not allowed after unary operator: '-f-button-color'
(190,22): run-time error CSS1039: Token not allowed after unary operator: '-f-button-bg'
(191,22): run-time error CSS1039: Token not allowed after unary operator: '-f-button-shadow'
(194,22): run-time error CSS1039: Token not allowed after unary operator: '-f-button-transition'
(199,21): run-time error CSS1039: Token not allowed after unary operator: '-f-button-hover-color'
(200,32): run-time error CSS1039: Token not allowed after unary operator: '-f-button-hover-bg'
(205,28): run-time error CSS1039: Token not allowed after unary operator: '-f-button-active-bg'
(214,34): run-time error CSS1039: Token not allowed after unary operator: '-f-button-outline'
(214,63): run-time error CSS1039: Token not allowed after unary operator: '-f-button-outline-color'
(214,93): run-time error CSS1039: Token not allowed after unary operator: '-f-button-color'
(218,17): run-time error CSS1039: Token not allowed after unary operator: '-f-button-svg-width'
(219,18): run-time error CSS1039: Token not allowed after unary operator: '-f-button-svg-height'
(220,16): run-time error CSS1039: Token not allowed after unary operator: '-f-button-svg-fill'
(222,24): run-time error CSS1039: Token not allowed after unary operator: '-f-button-svg-stroke-width'
(226,21): run-time error CSS1039: Token not allowed after unary operator: '-f-button-transform'
(227,18): run-time error CSS1039: Token not allowed after unary operator: '-f-button-svg-filter'
(236,23): run-time error CSS1039: Token not allowed after unary operator: '-f-button-svg-disabled-opacity'
 */
:root {
    --f-spinner-width: 36px;
    --f-spinner-height: 36px;
    --f-spinner-color-1: rgba(0, 0, 0, 0.1);
    --f-spinner-color-2: rgba(17, 24, 28, 0.8);
    --f-spinner-stroke: 2.75
}

.f-spinner {
    margin: auto;
    padding: 0;
    width: var(--f-spinner-width);
    height: var(--f-spinner-height)
}

    .f-spinner svg {
        width: 100%;
        height: 100%;
        vertical-align: top;
        animation: f-spinner-rotate 2s linear infinite
    }

        .f-spinner svg * {
            stroke-width: var(--f-spinner-stroke);
            fill: none
        }

            .f-spinner svg *:first-child {
                stroke: var(--f-spinner-color-1)
            }

            .f-spinner svg *:last-child {
                stroke: var(--f-spinner-color-2);
                animation: f-spinner-dash 2s ease-in-out infinite
            }

@keyframes f-spinner-rotate {
    100% {
        transform: rotate(360deg)
    }
}

@keyframes f-spinner-dash {
    0% {
        stroke-dasharray: 1,150;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 90,150;
        stroke-dashoffset: -35
    }

    100% {
        stroke-dasharray: 90,150;
        stroke-dashoffset: -124
    }
}

.f-panzoom {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transform: translate3d(0, 0, 0);
    background: #fff
}

    .f-panzoom.is-draggable {
        cursor: move;
        cursor: grab
    }

    .f-panzoom.can-zoom_in {
        cursor: zoom-in
    }

    .f-panzoom.can-zoom_out {
        cursor: zoom-out
    }

    .f-panzoom.is-dragging {
        cursor: move;
        cursor: grabbing
    }

    .f-panzoom.in-fullscreen {
        position: fixed;
        top: 0;
        left: 0;
        margin: 0 !important;
        width: 100% !important;
        height: 100% !important;
        max-width: none !important;
        max-height: none !important;
        aspect-ratio: unset !important;
        z-index: 9999
    }

.f-panzoom__content {
    display: block;
    margin: auto;
    position: relative;
    max-width: 100%;
    max-height: 100%;
    min-height: 0;
    object-fit: contain;
    transform: translate3d(0, 0, 0) scale(1) rotate(0) skew(0);
    transform-origin: center center;
    transition: none;
    -webkit-user-select: none;
    user-select: none
}

.is-loading .f-panzoom__content {
    display: none
}

.is-scaling .f-panzoom__content {
    filter: blur(0px);
    will-change: transform,width,height;
    backface-visibility: hidden
}

picture.f-panzoom__content > img {
    width: 100%;
    height: auto;
    max-height: 100%
}

.f-panzoom__content:not(:last-child) {
    margin-bottom: 0
}

.f-panzoom__viewport {
    margin: auto;
    position: relative;
    width: fit-content;
    height: fit-content;
    min-height: 1px
}

    .f-panzoom__viewport:not(:last-child) {
        margin-bottom: 0
    }

.f-panzoom__caption:not(:first-child) {
    margin-bottom: auto
}

html.with-panzoom-in-fullscreen {
    overflow: hidden
}

:root {
    --f-button-width: 40px;
    --f-button-height: 40px;
    --f-button-border: 0;
    --f-button-border-radius: 0;
    --f-button-color: #374151;
    --f-button-bg: #f8f8f8;
    --f-button-hover-bg: #e0e0e0;
    --f-button-active-bg: #d0d0d0;
    --f-button-shadow: none;
    --f-button-transition: all 0.15s ease;
    --f-button-transform: none;
    --f-button-svg-width: 20px;
    --f-button-svg-height: 20px;
    --f-button-svg-stroke-width: 1.5;
    --f-button-svg-fill: none;
    --f-button-svg-filter: none;
    --f-button-svg-disabled-opacity: 0.65
}

.f-button {
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: content-box;
    position: relative;
    margin: 0;
    padding: 0;
    width: var(--f-button-width);
    height: var(--f-button-height);
    border: var(--f-button-border);
    border-radius: var(--f-button-border-radius);
    color: var(--f-button-color);
    background: var(--f-button-bg);
    box-shadow: var(--f-button-shadow);
    pointer-events: all;
    cursor: pointer;
    transition: var(--f-button-transition)
}

@media(hover: hover) {
    .f-button:hover:not([disabled]) {
        color: var(--f-button-hover-color);
        background-color: var(--f-button-hover-bg)
    }
}

.f-button:active:not([disabled]) {
    background-color: var(--f-button-active-bg)
}

.f-button:focus:not(:focus-visible) {
    outline: none
}

.f-button:focus-visible {
    outline: none;
    box-shadow: inset 0 0 0 var(--f-button-outline, 2px) var(--f-button-outline-color, var(--f-button-color))
}

.f-button svg {
    width: var(--f-button-svg-width);
    height: var(--f-button-svg-height);
    fill: var(--f-button-svg-fill);
    stroke: currentColor;
    stroke-width: var(--f-button-svg-stroke-width);
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: opacity .15s ease;
    transform: var(--f-button-transform);
    filter: var(--f-button-svg-filter);
    pointer-events: none
}

.f-button[disabled] {
    cursor: default
}

    .f-button[disabled] svg {
        opacity: var(--f-button-svg-disabled-opacity)
    }

.f-panzoom__toolbar {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: 4px;
    padding: 0;
    opacity: 1;
    transition: opacity .15s ease;
    z-index: 1
}

.is-idle .panzoom__toolbar {
    opacity: 0
}

[data-panzoom-action=toggleFS] g:first-child {
    display: flex
}

[data-panzoom-action=toggleFS] g:last-child {
    display: none
}

.in-fullscreen [data-panzoom-action=toggleFS] g:first-child {
    display: none
}

.in-fullscreen [data-panzoom-action=toggleFS] g:last-child {
    display: flex
}