: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;
}

p {
    z-index: 1;
}

.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 {
    to {
        transform: rotate(360deg);
    }
}

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

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

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

.f-throwOutUp {
    animation: var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutUp;
}

.f-throwOutDown {
    animation: var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutDown;
}

@keyframes f-throwOutUp {
    to {
        transform: translate3d(0, calc(var(--f-throw-out-distance, 150px) * -1), 0);
        opacity: 0;
    }
}

@keyframes f-throwOutDown {
    to {
        transform: translate3d(0, var(--f-throw-out-distance, 150px), 0);
        opacity: 0;
    }
}

.f-zoomInUp {
    animation: var(--f-transition-duration, 0.2s) ease 0.1s both f-zoomInUp;
}

.f-zoomOutDown {
    animation: var(--f-transition-duration, 0.2s) ease both f-zoomOutDown;
}

@keyframes f-zoomInUp {
    0% {
        transform: scale(0.975) translate3d(0, 16px, 0);
        opacity: 0;
    }

    to {
        transform: scale(1) translateZ(0);
        opacity: 1;
    }
}

@keyframes f-zoomOutDown {
    to {
        transform: scale(0.975) translate3d(0, 16px, 0);
        opacity: 0;
    }
}

.f-fadeIn {
    animation: var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeIn;
    z-index: 2;
}

.f-fadeOut {
    animation: var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeOut;
    z-index: 1;
}

@keyframes f-fadeIn {
    0% {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes f-fadeOut {
    to {
        opacity: 0;
    }
}

.f-fadeFastIn {
    animation: var(--f-transition-duration, 0.2s) ease-out both f-fadeFastIn;
    z-index: 2;
}

.f-fadeFastOut {
    animation: var(--f-transition-duration, 0.1s) ease-out both f-fadeFastOut;
    z-index: 2;
}

@keyframes f-fadeFastIn {
    0% {
        opacity: 0.75;
    }

    to {
        opacity: 1;
    }
}

@keyframes f-fadeFastOut {
    to {
        opacity: 0;
    }
}

.f-fadeSlowIn {
    animation: var(--f-transition-duration, 0.5s) ease both f-fadeSlowIn;
    z-index: 2;
}

.f-fadeSlowOut {
    animation: var(--f-transition-duration, 0.5s) ease both f-fadeSlowOut;
    z-index: 1;
}

@keyframes f-fadeSlowIn {
    0% {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes f-fadeSlowOut {
    to {
        opacity: 0;
    }
}

.f-crossfadeIn {
    animation: var(--f-transition-duration, 0.2s) ease-out both f-crossfadeIn;
    z-index: 2;
}

.f-crossfadeOut {
    animation: calc(var(--f-transition-duration, 0.2s) * 0.5) linear 0.1s both f-crossfadeOut;
    z-index: 1;
}

@keyframes f-crossfadeIn {
    0% {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes f-crossfadeOut {
    to {
        opacity: 0;
    }
}

.f-slideIn.from-next {
    animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInNext;
}

.f-slideIn.from-prev {
    animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInPrev;
}

.f-slideOut.to-next {
    animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutNext;
}

.f-slideOut.to-prev {
    animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutPrev;
}

@keyframes f-slideInPrev {
    0% {
        transform: translate(100%);
    }

    to {
        transform: translateZ(0);
    }
}

@keyframes f-slideInNext {
    0% {
        transform: translate(-100%);
    }

    to {
        transform: translateZ(0);
    }
}

@keyframes f-slideOutNext {
    to {
        transform: translate(-100%);
    }
}

@keyframes f-slideOutPrev {
    to {
        transform: translate(100%);
    }
}

.f-classicIn.from-next {
    animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInNext;
    z-index: 2;
}

.f-classicIn.from-prev {
    animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInPrev;
    z-index: 2;
}

.f-classicOut.to-next {
    animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutNext;
    z-index: 1;
}

.f-classicOut.to-prev {
    animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutPrev;
    z-index: 1;
}

@keyframes f-classicInNext {
    0% {
        transform: translate(-75px);
        opacity: 0;
    }

    to {
        transform: translateZ(0);
        opacity: 1;
    }
}

@keyframes f-classicInPrev {
    0% {
        transform: translate(75px);
        opacity: 0;
    }

    to {
        transform: translateZ(0);
        opacity: 1;
    }
}

@keyframes f-classicOutNext {
    to {
        transform: translate(-75px);
        opacity: 0;
    }
}

@keyframes f-classicOutPrev {
    to {
        transform: translate(75px);
        opacity: 0;
    }
}

: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 0.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-carousel__nav .f-button.is-prev,
.f-carousel__nav .f-button.is-next,
.fancybox__nav .f-button.is-prev,
.fancybox__nav .f-button.is-next {
    position: absolute;
    z-index: 1;
}

.is-horizontal .f-carousel__nav .f-button.is-prev,
.is-horizontal .f-carousel__nav .f-button.is-next,
.is-horizontal .fancybox__nav .f-button.is-prev,
.is-horizontal .fancybox__nav .f-button.is-next {
    top: 50%;
    transform: translateY(-50%);
}

.is-horizontal .f-carousel__nav .f-button.is-prev,
.is-horizontal .fancybox__nav .f-button.is-prev {
    left: var(--f-button-prev-pos);
}

.is-horizontal .f-carousel__nav .f-button.is-next,
.is-horizontal .fancybox__nav .f-button.is-next {
    right: var(--f-button-next-pos);
}

.is-horizontal.is-rtl .f-carousel__nav .f-button.is-prev,
.is-horizontal.is-rtl .fancybox__nav .f-button.is-prev {
    left: auto;
    right: var(--f-button-next-pos);
}

.is-horizontal.is-rtl .f-carousel__nav .f-button.is-next,
.is-horizontal.is-rtl .fancybox__nav .f-button.is-next {
    right: auto;
    left: var(--f-button-prev-pos);
}

.is-vertical .f-carousel__nav .f-button.is-prev,
.is-vertical .f-carousel__nav .f-button.is-next,
.is-vertical .fancybox__nav .f-button.is-prev,
.is-vertical .fancybox__nav .f-button.is-next {
    top: auto;
    left: 50%;
    transform: translate(-50%);
}

.is-vertical .f-carousel__nav .f-button.is-prev,
.is-vertical .fancybox__nav .f-button.is-prev {
    top: var(--f-button-next-pos);
}

.is-vertical .f-carousel__nav .f-button.is-next,
.is-vertical .fancybox__nav .f-button.is-next {
    bottom: var(--f-button-next-pos);
}

.is-vertical .f-carousel__nav .f-button.is-prev svg,
.is-vertical .f-carousel__nav .f-button.is-next svg,
.is-vertical .fancybox__nav .f-button.is-prev svg,
.is-vertical .fancybox__nav .f-button.is-next svg {
    transform: rotate(90deg);
}

.f-carousel__nav .f-button:disabled,
.fancybox__nav .f-button:disabled {
    pointer-events: none;
}

html.with-fancybox {
    width: auto;
    overflow: visible;
    scroll-behavior: auto;
}

html.with-fancybox body {
    touch-action: none;
}

html.with-fancybox body.hide-scrollbar {
    width: auto;
    margin-right: calc(var(--fancybox-body-margin, 0px) + var(--fancybox-scrollbar-compensate, 0px));
    overflow: hidden !important;
    overscroll-behavior-y: none;
}

.fancybox__container {
    --fancybox-color: #dbdbdb;
    --fancybox-hover-color: #fff;
    --fancybox-bg: rgba(24, 24, 27, 0.98);
    --fancybox-slide-gap: 10px;
    --f-spinner-width: 50px;
    --f-spinner-height: 50px;
    --f-spinner-color-1: rgba(255, 255, 255, 0.1);
    --f-spinner-color-2: #bbb;
    --f-spinner-stroke: 3.65;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    direction: ltr;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #f8f8f8;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    overflow: visible;
    z-index: var(--fancybox-zIndex, 1050);
    outline: none;
    transform-origin: top left;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    overscroll-behavior-y: contain;
}

.fancybox__container *,
.fancybox__container *:before,
.fancybox__container *:after {
    box-sizing: inherit;
}

.fancybox__container::backdrop {
    background-color: #0000;
}

.fancybox__backdrop {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: -1;
    background: var(--fancybox-bg);
    opacity: var(--fancybox-opacity, 1);
    will-change: opacity;
}

.fancybox__carousel {
    position: relative;
    box-sizing: border-box;
    flex: 1;
    min-height: 0;
    z-index: 10;
    overflow-y: visible;
    overflow-x: clip;
}

.fancybox__viewport {
    width: 100%;
    height: 100%;
}

.fancybox__viewport.is-draggable {
    cursor: move;
    cursor: grab;
}

.fancybox__viewport.is-dragging {
    cursor: move;
    cursor: grabbing;
}

.fancybox__track {
    display: flex;
    margin: 0 auto;
    height: 100%;
}

.fancybox__slide {
    flex: 0 0 auto;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: 100%;
    margin: 0 var(--fancybox-slide-gap) 0 0;
    padding: 4px;
    overflow: auto;
    overscroll-behavior: contain;
    transform: translateZ(0);
    backface-visibility: hidden;
}

.fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn {
    padding-top: 40px;
}

.fancybox__slide.has-iframe,
.fancybox__slide.has-video,
.fancybox__slide.has-html5video,
.fancybox__slide.has-image {
    overflow: hidden;
}

.fancybox__slide.has-image.is-animating,
.fancybox__slide.has-image.is-selected {
    overflow: visible;
}

.fancybox__slide:before,
.fancybox__slide:after {
    content: "";
    flex: 0 0 0;
    margin: auto;
}

.fancybox__backdrop:empty,
.fancybox__viewport:empty,
.fancybox__track:empty,
.fancybox__slide:empty {
    display: block;
}

.fancybox__content {
    align-self: center;
    display: flex;
    flex-direction: column;
    position: relative;
    margin: 0;
    padding: 2rem;
    max-width: 100%;
    color: var(--fancybox-content-color, #374151);
    background: var(--fancybox-content-bg, #fff);
    cursor: default;
    border-radius: 0;
    z-index: 20;
}

.is-loading .fancybox__content {
    opacity: 0;
}

.is-draggable .fancybox__content {
    cursor: move;
    cursor: grab;
}

.can-zoom_in .fancybox__content {
    cursor: zoom-in;
}

.can-zoom_out .fancybox__content {
    cursor: zoom-out;
}

.is-dragging .fancybox__content {
    cursor: move;
    cursor: grabbing;
}

.fancybox__content [data-selectable],
.fancybox__content [contenteditable] {
    cursor: auto;
}

.fancybox__slide.has-image>.fancybox__content {
    padding: 0;
    background: #0000;
    min-height: 1px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    transition: none;
    transform: translateZ(0);
    backface-visibility: hidden;
}

.fancybox__slide.has-image>.fancybox__content>picture>img {
    width: 100%;
    height: auto;
    max-height: 100%;
}

.is-animating .fancybox__content,
.is-dragging .fancybox__content {
    will-change: transform, width, height;
}

.fancybox-image {
    margin: auto;
    display: block;
    width: 100%;
    height: 100%;
    min-height: 0;
    object-fit: contain;
    -webkit-user-select: none;
    user-select: none;
    filter: blur(0px);
}

.fancybox__caption {
    align-self: center;
    max-width: 100%;
    flex-shrink: 0;
    margin: 0;
    padding: 14px 0 4px;
    overflow-wrap: anywhere;
    line-height: 1.375;
    color: var(--fancybox-color, currentColor);
    opacity: var(--fancybox-opacity, 1);
    cursor: auto;
    visibility: visible;
}

.is-loading .fancybox__caption,
.is-closing .fancybox__caption {
    opacity: 0;
    visibility: hidden;
}

.is-compact .fancybox__caption {
    padding-bottom: 0;
}

.f-button.is-close-btn {
    --f-button-svg-stroke-width: 2;
    position: absolute;
    top: 0;
    right: 8px;
    z-index: 40;
}

.fancybox__content>.f-button.is-close-btn {
    --f-button-width: 34px;
    --f-button-height: 34px;
    --f-button-border-radius: 4px;
    --f-button-color: var(--fancybox-color, #fff);
    --f-button-hover-color: var(--fancybox-color, #fff);
    --f-button-bg: transparent;
    --f-button-hover-bg: transparent;
    --f-button-active-bg: transparent;
    --f-button-svg-width: 22px;
    --f-button-svg-height: 22px;
    position: absolute;
    top: -38px;
    right: 0;
    opacity: 0.75;
}

.is-loading .fancybox__content>.f-button.is-close-btn {
    visibility: hidden;
}

.is-zooming-out .fancybox__content>.f-button.is-close-btn {
    visibility: hidden;
}

.fancybox__content>.f-button.is-close-btn:hover {
    opacity: 1;
}

.fancybox__footer {
    padding: 0;
    margin: 0;
    position: relative;
}

.fancybox__footer .fancybox__caption {
    width: 100%;
    padding: 24px;
    opacity: var(--fancybox-opacity, 1);
    transition: all 0.25s ease;
}

.is-compact .fancybox__footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 20;
    background: #18181b80;
}

.is-compact .fancybox__footer .fancybox__caption {
    padding: 12px;
}

.is-compact .fancybox__content>.f-button.is-close-btn {
    --f-button-border-radius: 50%;
    --f-button-color: #fff;
    --f-button-hover-color: #fff;
    --f-button-outline-color: #000;
    --f-button-bg: rgba(0, 0, 0, 0.6);
    --f-button-active-bg: rgba(0, 0, 0, 0.6);
    --f-button-hover-bg: rgba(0, 0, 0, 0.6);
    --f-button-svg-width: 18px;
    --f-button-svg-height: 18px;
    --f-button-svg-filter: none;
    top: 5px;
    right: 5px;
}

.fancybox__nav {
    --f-button-width: 50px;
    --f-button-height: 50px;
    --f-button-border: 0;
    --f-button-border-radius: 50%;
    --f-button-color: var(--fancybox-color);
    --f-button-hover-color: var(--fancybox-hover-color);
    --f-button-bg: transparent;
    --f-button-hover-bg: rgba(24, 24, 27, 0.3);
    --f-button-active-bg: rgba(24, 24, 27, 0.5);
    --f-button-shadow: none;
    --f-button-transition: all 0.15s ease;
    --f-button-transform: none;
    --f-button-svg-width: 26px;
    --f-button-svg-height: 26px;
    --f-button-svg-stroke-width: 2.5;
    --f-button-svg-fill: none;
    --f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.5));
    --f-button-svg-disabled-opacity: 0.65;
    --f-button-next-pos: 1rem;
    --f-button-prev-pos: 1rem;
    opacity: var(--fancybox-opacity, 1);
}

.fancybox__nav .f-button:before {
    position: absolute;
    content: "";
    top: -30px;
    right: -20px;
    left: -20px;
    bottom: -30px;
    z-index: 1;
}

.is-idle .fancybox__nav {
    animation: 0.15s ease-out both f-fadeOut;
}

.is-idle.is-compact .fancybox__footer {
    pointer-events: none;
    animation: 0.15s ease-out both f-fadeOut;
}

.fancybox__slide>.f-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: var(--f-spinner-top, calc(var(--f-spinner-width) * -0.5)) 0 0 var(--f-spinner-left, calc(var(--f-spinner-height) * -0.5));
    z-index: 30;
    cursor: pointer;
}

.fancybox-protected {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 40;
    -webkit-user-select: none;
    user-select: none;
}

.fancybox-ghost {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-height: 0;
    object-fit: contain;
    z-index: 40;
    -webkit-user-select: none;
    user-select: none;
    pointer-events: none;
}

.fancybox-focus-guard {
    outline: none;
    opacity: 0;
    position: fixed;
    pointer-events: none;
}

.fancybox__container:not([aria-hidden]) {
    opacity: 0;
}

.fancybox__container.is-animated[aria-hidden="false"]>*:not(.fancybox__backdrop, .fancybox__carousel),
.fancybox__container.is-animated[aria-hidden="false"] .fancybox__carousel>*:not(.fancybox__viewport),
.fancybox__container.is-animated[aria-hidden="false"] .fancybox__slide>*:not(.fancybox__content) {
    animation: var(--f-interface-enter-duration, 0.25s) ease 0.1s backwards f-fadeIn;
}

.fancybox__container.is-animated[aria-hidden="false"] .fancybox__backdrop {
    animation: var(--f-backdrop-enter-duration, 0.35s) ease backwards f-fadeIn;
}

.fancybox__container.is-animated[aria-hidden="true"]>*:not(.fancybox__backdrop, .fancybox__carousel),
.fancybox__container.is-animated[aria-hidden="true"] .fancybox__carousel>*:not(.fancybox__viewport),
.fancybox__container.is-animated[aria-hidden="true"] .fancybox__slide>*:not(.fancybox__content) {
    animation: var(--f-interface-exit-duration, 0.15s) ease forwards f-fadeOut;
}

.fancybox__container.is-animated[aria-hidden="true"] .fancybox__backdrop {
    animation: var(--f-backdrop-exit-duration, 0.35s) ease forwards f-fadeOut;
}

.has-iframe .fancybox__content,
.has-map .fancybox__content,
.has-pdf .fancybox__content,
.has-youtube .fancybox__content,
.has-vimeo .fancybox__content,
.has-html5video .fancybox__content {
    max-width: 100%;
    flex-shrink: 1;
    min-height: 1px;
    overflow: visible;
}

.has-iframe .fancybox__content,
.has-map .fancybox__content,
.has-pdf .fancybox__content {
    width: calc(100% - 120px);
    height: 90%;
}

.fancybox__container.is-compact .has-iframe .fancybox__content,
.fancybox__container.is-compact .has-map .fancybox__content,
.fancybox__container.is-compact .has-pdf .fancybox__content {
    width: 100%;
    height: 100%;
}

.has-youtube .fancybox__content,
.has-vimeo .fancybox__content,
.has-html5video .fancybox__content {
    width: 960px;
    height: 540px;
    max-width: 100%;
    max-height: 100%;
}

.has-map .fancybox__content,
.has-pdf .fancybox__content,
.has-youtube .fancybox__content,
.has-vimeo .fancybox__content,
.has-html5video .fancybox__content {
    padding: 0;
    background: #18181be6;
    color: #fff;
}

.has-map .fancybox__content {
    background: #e5e3df;
}

.fancybox__html5video,
.fancybox__iframe {
    border: 0;
    display: block;
    height: 100%;
    width: 100%;
    background: #0000;
}

.fancybox-placeholder {
    border: 0 !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important;
}

.f-carousel__thumbs {
    --f-thumb-width: 96px;
    --f-thumb-height: 72px;
    --f-thumb-outline: 0;
    --f-thumb-outline-color: #5eb0ef;
    --f-thumb-opacity: 1;
    --f-thumb-hover-opacity: 1;
    --f-thumb-selected-opacity: 1;
    --f-thumb-border-radius: 2px;
    --f-thumb-offset: 0px;
    --f-button-next-pos: 0;
    --f-button-prev-pos: 0;
}

.f-carousel__thumbs.is-classic {
    --f-thumb-gap: 8px;
    --f-thumb-opacity: 0.5;
    --f-thumb-hover-opacity: 1;
    --f-thumb-selected-opacity: 1;
}

.f-carousel__thumbs.is-modern {
    --f-thumb-gap: 4px;
    --f-thumb-extra-gap: 16px;
    --f-thumb-clip-width: 46px;
}

.f-thumbs {
    position: relative;
    flex: 0 0 auto;
    margin: 0;
    overflow: hidden;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-select: none;
    user-select: none;
    perspective: 1000px;
    transform: translateZ(0);
}

.f-thumbs .f-spinner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 2px;
    background-image: linear-gradient(#ebeff2, #e2e8f0);
    z-index: -1;
}

.f-thumbs .f-spinner svg {
    display: none;
}

.f-thumbs.is-vertical {
    height: 100%;
}

.f-thumbs__viewport {
    width: 100%;
    height: auto;
    overflow: hidden;
    transform: translateZ(0);
}

.f-thumbs__track {
    display: flex;
}

.f-thumbs__slide {
    position: relative;
    flex: 0 0 auto;
    box-sizing: content-box;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: 0;
    width: var(--f-thumb-width);
    height: var(--f-thumb-height);
    overflow: visible;
    cursor: pointer;
}

.f-thumbs__slide.is-loading img {
    opacity: 0;
}

.is-classic .f-thumbs__viewport {
    height: 100%;
}

.is-modern .f-thumbs__track {
    width: max-content;
}

.is-modern .f-thumbs__track:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: calc((var(--f-thumb-clip-width, 0)) * -0.5);
    width: calc(var(--width, 0) * 1px + var(--f-thumb-clip-width, 0));
    cursor: pointer;
}

.is-modern .f-thumbs__slide {
    width: var(--f-thumb-clip-width);
    transform: translate3d(calc(var(--shift, 0) * -1px), 0, 0);
    transition: none;
    pointer-events: none;
}

.is-modern.is-resting .f-thumbs__slide {
    transition: transform 0.33s ease;
}

.is-modern.is-resting .f-thumbs__slide__button {
    transition: clip-path 0.33s ease;
}

.is-using-tab .is-modern .f-thumbs__slide:focus-within {
    filter: drop-shadow(-1px 0px 0px var(--f-thumb-outline-color)) drop-shadow(2px 0px 0px var(--f-thumb-outline-color)) drop-shadow(0px -1px 0px var(--f-thumb-outline-color)) drop-shadow(0px 2px 0px var(--f-thumb-outline-color));
}

.f-thumbs__slide__button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: var(--f-thumb-width);
    height: 100%;
    margin: 0 -100%;
    padding: 0;
    border: 0;
    position: relative;
    border-radius: var(--f-thumb-border-radius);
    overflow: hidden;
    background: #0000;
    outline: none;
    cursor: pointer;
    pointer-events: auto;
    touch-action: manipulation;
    opacity: var(--f-thumb-opacity);
    transition: opacity 0.2s ease;
}

.f-thumbs__slide__button:hover {
    opacity: var(--f-thumb-hover-opacity);
}

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

.f-thumbs__slide__button:focus-visible {
    outline: none;
    opacity: var(--f-thumb-selected-opacity);
}

.is-modern .f-thumbs__slide__button {
    --clip-path: inset(0 calc(((var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0))) * (1 - var(--progress, 0)) * 0.5) round var(--f-thumb-border-radius, 0));
    clip-path: var(--clip-path);
}

.is-classic .is-nav-selected .f-thumbs__slide__button {
    opacity: var(--f-thumb-selected-opacity);
}

.is-classic .is-nav-selected .f-thumbs__slide__button:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: auto;
    bottom: 0;
    border: var(--f-thumb-outline, 0) solid var(--f-thumb-outline-color, transparent);
    border-radius: var(--f-thumb-border-radius);
    animation: f-fadeIn 0.2s ease-out;
    z-index: 10;
}

.f-thumbs__slide__img {
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: var(--f-thumb-offset);
    box-sizing: border-box;
    pointer-events: none;
    object-fit: cover;
    border-radius: var(--f-thumb-border-radius);
}

.f-thumbs.is-horizontal .f-thumbs__track {
    padding: 8px 0 12px;
}

.f-thumbs.is-horizontal .f-thumbs__slide {
    margin: 0 var(--f-thumb-gap) 0 0;
}

.f-thumbs.is-vertical .f-thumbs__track {
    flex-wrap: wrap;
    padding: 0 8px;
}

.f-thumbs.is-vertical .f-thumbs__slide {
    margin: 0 0 var(--f-thumb-gap) 0;
}

.fancybox__thumbs {
    --f-thumb-width: 96px;
    --f-thumb-height: 72px;
    --f-thumb-border-radius: 2px;
    --f-thumb-outline: 2px;
    --f-thumb-outline-color: #ededed;
    position: relative;
    opacity: var(--fancybox-opacity, 1);
    transition: max-height 0.35s cubic-bezier(0.23, 1, 0.32, 1);
}

.fancybox__thumbs.is-classic {
    --f-thumb-gap: 8px;
    --f-thumb-opacity: 0.5;
    --f-thumb-hover-opacity: 1;
}

.fancybox__thumbs.is-classic .f-spinner {
    background-image: linear-gradient(#ffffff1a, #ffffff0d);
}

.fancybox__thumbs.is-modern {
    --f-thumb-gap: 4px;
    --f-thumb-extra-gap: 16px;
    --f-thumb-clip-width: 46px;
    --f-thumb-opacity: 1;
    --f-thumb-hover-opacity: 1;
}

.fancybox__thumbs.is-modern .f-spinner {
    background-image: linear-gradient(#ffffff1a, #ffffff0d);
}

.fancybox__thumbs.is-horizontal {
    padding: 0 var(--f-thumb-gap);
}

.fancybox__thumbs.is-vertical {
    padding: var(--f-thumb-gap) 0;
}

.is-compact .fancybox__thumbs {
    --f-thumb-width: 64px;
    --f-thumb-clip-width: 32px;
    --f-thumb-height: 48px;
    --f-thumb-extra-gap: 10px;
}

.fancybox__thumbs.is-masked {
    max-height: 0px !important;
}

.is-closing .fancybox__thumbs {
    transition: none !important;
}

.fancybox__toolbar {
    --f-progress-color: var(--fancybox-color, rgba(255, 255, 255, 0.94));
    --f-button-width: 46px;
    --f-button-height: 46px;
    --f-button-color: var(--fancybox-color);
    --f-button-hover-color: var(--fancybox-hover-color);
    --f-button-bg: rgba(24, 24, 27, 0.65);
    --f-button-hover-bg: rgba(70, 70, 73, 0.65);
    --f-button-active-bg: rgba(90, 90, 93, 0.65);
    --f-button-border-radius: 0;
    --f-button-svg-width: 24px;
    --f-button-svg-height: 24px;
    --f-button-svg-stroke-width: 1.5;
    --f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.15));
    --f-button-svg-fill: none;
    --f-button-svg-disabled-opacity: 0.65;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 0;
    padding: 0;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI Adjusted, Segoe UI, Liberation Sans, sans-serif;
    color: var(--fancybox-color, currentColor);
    opacity: var(--fancybox-opacity, 1);
    text-shadow: var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.5));
    pointer-events: none;
    z-index: 20;
}

.fancybox__toolbar :focus-visible {
    z-index: 1;
}

.fancybox__toolbar.is-absolute,
.is-compact .fancybox__toolbar {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.is-idle .fancybox__toolbar {
    pointer-events: none;
    animation: 0.15s ease-out both f-fadeOut;
}

.fancybox__toolbar__column {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
}

.fancybox__toolbar__column.is-left,
.fancybox__toolbar__column.is-right {
    flex-grow: 1;
    flex-basis: 0;
}

.fancybox__toolbar__column.is-right {
    display: flex;
    justify-content: flex-end;
    flex-wrap: nowrap;
}

.fancybox__infobar {
    padding: 0 5px;
    line-height: var(--f-button-height);
    text-align: center;
    font-size: 17px;
    font-variant-numeric: tabular-nums;
    -webkit-font-smoothing: subpixel-antialiased;
    cursor: default;
    -webkit-user-select: none;
    user-select: none;
}

.fancybox__infobar span {
    padding: 0 5px;
}

.fancybox__infobar:not(:first-child):not(:last-child) {
    background: var(--f-button-bg);
}

[data-fancybox-toggle-slideshow] {
    position: relative;
}

[data-fancybox-toggle-slideshow] .f-progress {
    height: 100%;
    opacity: 0.3;
}

[data-fancybox-toggle-slideshow] svg g:first-child {
    display: flex;
}

[data-fancybox-toggle-slideshow] svg g:last-child {
    display: none;
}

.has-slideshow [data-fancybox-toggle-slideshow] svg g:first-child {
    display: none;
}

.has-slideshow [data-fancybox-toggle-slideshow] svg g:last-child {
    display: flex;
}

[data-fancybox-toggle-fullscreen] svg g:first-child {
    display: flex;
}

[data-fancybox-toggle-fullscreen] svg g:last-child {
    display: none;
}

:fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child {
    display: none;
}

:fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child {
    display: flex;
}

.f-progress {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    transform: scaleX(0);
    transform-origin: 0;
    transition-property: transform;
    transition-timing-function: linear;
    background: var(--f-progress-color, var(--f-carousel-theme-color, #0091ff));
    z-index: 30;
    -webkit-user-select: none;
    user-select: none;
    pointer-events: none;
}

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

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

*[hidden] {
    display: none;
}

body {
    line-height: 1;
}

menu,
ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

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

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

:root {
    --mobile: 3.125vw;
    --desktop: calc(10 / 14.4 * 1vw);
    font-size: var(--mobile);
}

@media (min-width: 1200px) {
    :root {
        font-size: var(--desktop);
    }
}

p {
    color: #545454;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}


* {
    box-sizing: border-box;
}

*:after,
*:before {
    box-sizing: border-box;
}

body {
    font-family: Nunito, sans-serif;
    -webkit-user-select: none;
    user-select: none;
    overflow-x: hidden;
    background-color: #fafafa;
}

body.no-scroll {
    overflow: hidden;
}

a {
    text-decoration: none;
}

.search-form {
    position: relative;
}

.search-form__input {
    border-radius: 3.2rem;
    border: 1px solid #dbdbdb;
    background: #fff;
    padding: 1rem 2rem;
    color: #6b6b6b;
    font-family: Nunito;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    transition: 0.4s ease;
}

.search-form__input:hover {
    border-color: #facbc1;
}

.search-form__input:focus {
    outline: none;
    border-color: #6b6b6b;
}

.search-form__input::placeholder {
    color: #dbdbdb;
}

.search-form__button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 1.6rem;
    border: none;
    cursor: pointer;
    background-color: transparent;
    padding: 0;
    width: 1.6rem;
    height: 1.6rem;
}

.search-form__button svg {
    width: 100%;
    height: auto;
}

.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    padding: 1.6rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #f3f4f5;
    background: #fff;
}

.header__logo {
    display: block;
    width: 10rem;
    margin-right: auto;
}

.header__logo img {
    width: 100%;
    height: auto;
}

.header__group {
    display: flex;
    align-items: center;
    gap: 1.2rem;
}

.header__search {
    position: relative;
}

.header__search-toggle-button {
    padding: 0;
    color: #000;
    border-radius: 50%;
    border: 1px solid #dbdbdb;
    background: #fff;
    width: 3.2rem;
    height: 3.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.header__search-toggle-button svg {
    width: 1.2952rem;
    height: 1.2952rem;
}

.header__search-form {
    display: none;
}

.header__notifications-button {
    border-radius: 50%;
    border: 1px solid #dbdbdb;
    background: #fff;
    width: 3.2rem;
    height: 3.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.header__notifications-button svg {
    width: 1.2952rem;
    height: 1.2952rem;
}

.header__user {
    width: 3.2rem;
    height: 3.2rem;
    border-radius: 50%;
    display: block;
    overflow: hidden;
}

.header__user img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.header__menu-button {
    padding: 0;
    width: 3.2rem;
    height: 3.2rem;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    background-color: transparent;
    cursor: pointer;
}

.header__menu-button svg {
    width: 2.4rem;
    height: auto;
}

@media (min-width: 1200px) {
    .header {
        padding: 2rem 2.4rem;
        height: 8rem;
        justify-content: flex-end;
        border-bottom: none;
        box-shadow: 0 -1px 2px #0000000d inset;
    }

    .header__logo {
        display: none;
    }

    .header__group {
        gap: 1rem;
    }

    .header__search-toggle-button {
        display: none;
    }

    .header__search-form {
        display: block;
    }

    .header__notifications-button {
        width: 4.2rem;
        height: 4.2rem;
    }

    .header__notifications-button svg {
        width: 1.7rem;
    }

    .header__user {
        width: 4.2rem;
        height: 4.2rem;
    }

    .header__menu-button {
        display: none;
    }
}

.menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0 0 2rem;
    background-color: #fff;
    z-index: 11;
    overflow-y: auto;
    transform: translateY(-100%);
    pointer-events: none;
    opacity: 0;
    transition: 0.4s ease;
}

.menu.active {
    opacity: 1;
    transform: translateY(0);
    pointer-events: all;
}

.menu__close-button {
    margin: 2rem 2rem 1.6rem auto;
    padding: 0;
    cursor: pointer;
    background-color: transparent;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

.menu__close-button svg {
    width: 100%;
    height: auto;
}

.nav a {
    padding: 1.2rem 2.4rem;
    display: flex;
    align-items: center;
    gap: 1.6rem;
    color: #2e2d2c;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    position: relative;
    transition: 0.4s ease;
}

.nav a:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    border-left: 0.4rem solid #ff4200;
    transition: 0.4s;
    height: 100%;
    opacity: 0;
}

.nav a svg {
    width: 2.4rem;
    height: auto;
    opacity: 0.9;
    color: #a1a1a1;
    transition: color 0.4s ease;
}

.nav a:hover {
    background-color: #fafafa;
}

.nav a:hover svg {
    color: #ff4200;
}

.nav a.active {
    background: #fafafa;
}

.nav a.active svg {
    color: #ff4200;
}

.nav a.active:after {
    opacity: 1;
}

.nav a.disabled {
    opacity: 0.5;
    pointer-events: none;
}

.nav a.disabled svg {
    color: #a1a1a1;
}

.calendar-widget {
    padding: 4rem;
    border-radius: 0.8rem;
    opacity: 0.5;
    background: var(--white, #fff);
    box-shadow: 0 -1px 2px #0000000d inset;
}

.calendar-widget img {
    width: 100%;
}

.top-widget {
    border-radius: 0.8rem;
    opacity: 0.5;
    background: #fff;
    padding: 4rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
}

.top-widget__icon {
    width: 5rem;
    height: auto;
}

.top-widget__title {
    color: #2e2d2c;
    text-align: center;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

h1 {
    font-size: 2rem;
    margin-bottom: 2rem;
}

.text-center {
    text-align: center;
}

.error {
    color: #ff4200;
}

@media (max-width: 1199px) {
    .main {
        padding: 8rem 1.6rem 1.6rem;
    }

    .main__body {
        padding-top: 8rem;
        border-radius: 0.8rem;
        background: #fff;
        padding: 1.6rem;
    }

    .main__sidebar-left,
    .main__sidebar-right {
        display: none;
    }
}

@media (min-width: 1200px) {
    .main {
        padding: 10.6rem 5.6rem 5.6rem 26.4rem;
        display: grid;
        grid-template-columns: 1fr 34.6rem;
        gap: 2.4rem;
        align-items: flex-start;
    }

    .main__logo {
        padding: 0 2.4rem;
        display: flex;
        align-items: center;
        height: 8rem;
    }

    .main__logo img {
        width: 15rem;
        height: auto;
    }

    .main__sidebar-left {
        position: fixed;
        top: 0;
        left: 0;
        width: 24rem;
        height: 100%;
        z-index: 11;
        background-color: #fff;
        box-shadow: -1px 0 2px #0000000d inset;
    }

    .main__sidebar-right {
        display: grid;
        gap: 1.6rem;
        position: sticky;
        top: 10rem;
    }

    .main__body {
        padding: 1.6rem 2rem;
        border-radius: 0.8rem;
        background: var(--white, #fff);
    }
}

.profile-template {
    background: #f3f4f5;
}

.profile__header {
    padding-bottom: 0.8rem;
    margin-bottom: 2rem;
    border-bottom: 0.1rem solid #dbdbdb;
}

.profile__title {
    color: var(--gray-2, #a1a1a1);
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.profile__avatar-wrap {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: center;
}

.profile__avatar {
    width: 12rem;
    height: 12rem;
    border-radius: 50%;
    margin: 0 auto;
    display: block;
    position: relative;
    overflow: hidden;
    background-color: #fafafa;
}

.profile__avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.profile__avatar-controls {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.4rem;
}

.profile__add-photo-button,
.profile__remove-photo-button {
    border-radius: 3.8095rem;
    border: 0.762px solid var(--gray, #dbdbdb);
    background: var(--white, #fff);
    width: 6.4rem;
    height: 6.4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 0;
}

.profile__add-photo-button svg,
.profile__remove-photo-button svg {
    width: 2.4rem;
    height: auto;
}

.profile__grid {
    display: grid;
    gap: 2rem;
}

.profile__list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.4rem;
    color: #2e2d2c;
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.profile__list-item {
    display: grid;
    gap: 0.8rem;
}

.profile__list-item:nth-child(n + 5) {
    grid-column: 1/-1;
}

.profile__list-item-label {
    color: #a1a1a1;
}

.profile__form-body {
    display: grid;
    gap: 1.4rem;
    margin-bottom: 1.6rem;
}

.profile__form-row {
    display: grid;
    gap: 1.4rem;
}

.profile__form-footer {
    display: grid;
}

.profile__settings {
    display: grid;
    gap: 2rem;
}

.profile__settings-row {
    display: grid;
    gap: 1.4rem;
}

.profile__settings-footer {
    display: block;
}

.profile .croppie-container {
    grid-area: 1/1/2/3;
}

.profile .croppie-container .cr-viewport {
    border: none;
    box-shadow: 0 0 2000px 2000px #ffffff80;
}

.profile .croppie-container .cr-slider-wrap {
    display: grid;
    grid-template-columns: 2.4rem 1fr 2.4rem;
    grid-gap: 2rem;
    align-items: center;
    width: 100%;
    margin: 2rem auto;
    text-align: center;
}

.profile .croppie-container .cr-slider-minus,
.profile .croppie-container .cr-slider-plus {
    position: relative;
    width: 100%;
    height: 100%;
    display: inline-block;
    vertical-align: baseline;
    cursor: pointer;
}

.profile .croppie-container .cr-slider-minus:before,
.profile .croppie-container .cr-slider-plus:before {
    content: " ";
    background-color: #ff4200;
    display: inline-block;
    width: 1.4rem;
    height: 0.2rem;
    border-radius: 1rem;
    position: absolute;
    left: calc(50% - 0.7rem);
    top: calc(50% - 0.1rem);
}

.profile .croppie-container .cr-slider-plus:after {
    content: " ";
    background-color: #ff4200;
    display: inline-block;
    height: 1.4rem;
    width: 0.2rem;
    border-radius: 1rem;
    position: absolute;
    left: calc(50% - 0.1rem);
    top: calc(50% - 0.7rem);
}

.profile .croppie-container input[type="range"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    cursor: pointer;
    width: 100%;
    height: 2.4rem;
}

.profile .croppie-container input[type="range"]:focus {
    outline: none;
}

.profile .croppie-container input[type="range"]::-webkit-slider-runnable-track {
    background-color: #dbdbdb;
    border-radius: 0.5rem;
    height: 0.2rem;
}

.profile .croppie-container input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    border: 0.2rem solid #dbdbdb;
    height: 1.1rem;
    width: 1.1rem;
}

.profile .croppie-container input[type="range"]::-moz-range-track {
    background-color: #dbdbdb;
    border-radius: 0.5rem;
    height: 0.2rem;
}

.profile .croppie-container input[type="range"]::-moz-range-thumb {
    border: none;
    border-radius: 0;
    border: 0.2rem solid #dbdbdb;
    background-color: #dbdbdb;
    height: 1.1rem;
    width: 1.1rem;
}

.select-photo,
.show-select-photo .profile {
    display: none;
}

.show-select-photo .profile.select-photo {
    display: block;
}

.profile__remove-photo-button {
    display: none;
}

@media (min-width: 1200px) {
    .page-template-page-profile .main__body {
        padding: 0;
        border-radius: 0;
        background: transparent;
    }

    .page-template-page-profile .profile__body {
        display: grid;
        grid-template-columns: 12rem 1fr;
        gap: 4.8rem;
        align-items: flex-start;
    }

    .profile-template .main {
        grid-template-columns: 1fr;
    }

    .profile {
        padding: 4rem;
        border-radius: 0.8rem;
        background: var(--white, #fff);
        box-shadow: 0 -1px 2px #0000000d inset;
    }

    .profile__header {
        padding-bottom: 1rem;
        margin-bottom: 3.2rem;
    }

    .profile__title {
        font-size: 2.2rem;
    }

    .profile__grid {
        grid-template-columns: 12rem 1fr;
        gap: 4.8rem;
        align-items: flex-start;
    }

    .profile__list {
        grid-template-columns: auto auto auto;
        justify-content: flex-start;
        gap: 2.4rem;
        font-size: 1.6rem;
        max-width: 60rem;
    }

    .profile__list-item:nth-child(2) {
        grid-column: span 2;
    }

    .profile__list-item:nth-child(n + 5) {
        grid-column: unset;
    }

    .profile__list-item:nth-child(6) {
        grid-column: span 3;
    }

    .profile__form-body {
        gap: 2.4rem;
        margin-bottom: 2.4rem;
    }

    .profile__form-row {
        grid-template-columns: repeat(2, 1fr);
    }

    .profile__form-footer {
        display: flex;
    }

    .profile__form-footer .button {
        width: 15rem;
    }

    .profile .field__textarea {
        height: 10rem;
    }

    .profile__settings {
        gap: 2.4rem;
    }

    .profile__settings-row {
        grid-template-columns: repeat(3, 1fr);
        gap: 2.4rem;
    }

    .profile__settings-footer {
        margin-top: 0.8rem;
        display: block;
    }

    .profile__settings-footer .button {
        width: 15rem;
    }

    .profile .croppie-container .cr-slider-wrap {
        width: 70%;
    }
}

.open-add-comment {
    font-size: 1.4rem;
    line-height: normal;
    margin-bottom: 1.4rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    cursor: pointer;
}

.open-add-comment svg {
    height: 1.4rem;
    width: 1.4rem;
    margin-left: 0.6rem;
}

.add-comment {
    padding: 1rem 1.6rem;
    border-radius: 0.8rem;
    background: var(--white, #fff);
    box-shadow: 0 -1px 2px #0000000d inset;
    gap: 1.6rem;
    margin-bottom: 1.4rem;
}

.add-comment__row {
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
}

.add-comment__group {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.add-comment__textarea {
    height: 4.5rem;
    color: #2e2d2c;
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    font-family: Nunito;
    resize: none;
    border: none;
    width: 100%;
}

.add-comment__textarea::placeholder {
    color: var(--gray-2, #a1a1a1);
}

.add-comment__textarea:focus {
    outline: none;
}

.add-comment__attach {
    width: 2.4rem;
    padding: 0;
    border: none;
    background-color: transparent;
    cursor: pointer;
    display: flex;
}

.add-comment__attach svg {
    width: 100%;
    height: auto;
}

.add-comment__button {
    border-radius: 0.8rem;
    border: 1px solid var(--red, #ff4200);
    width: 15rem;
    color: var(--red, #ff4200);
    text-align: center;
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.2rem 0;
    background-color: transparent;
    cursor: pointer;
}

@media (min-width: 1200px) {
    .open-add-comment {
        font-size: 1.6rem;
        margin-bottom: 2rem;
    }

    .open-add-comment svg {
        height: 1.6rem;
        width: 1.6rem;
    }

    .add-comment {
        gap: 2.4rem;
        margin-bottom: 2rem;
    }

    .add-comment__row {
        flex-direction: row;
        align-items: center;
        gap: 2.4rem;
    }

    .add-comment__group {
        gap: 1rem;
    }

    .add-comment__textarea {
        font-size: 1.6rem;
        height: auto;
        padding: 1.05rem 0;
    }
}

.comment {
    overflow: hidden;
    width: 100%;
}

.comment__header {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.2rem;
}

.comment__avatar {
    width: 4.2rem;
    height: 4.2rem;
    border-radius: 50%;
    overflow: hidden;
    flex-shrink: 0;
    position: relative;
    display: block;
}

.comment__avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.comment__info {
    display: flex;
    flex-wrap: wrap;
}

.comment__author {
    overflow: hidden;
    color: var(--black, #2e2d2c);
    text-overflow: ellipsis;
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    width: 100%;
    margin-bottom: 0.5rem;
}

.comment__date {
    color: var(--dark-gray, #6b6b6b);
    font-size: 1.2rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-right: 0.6rem;
}

.comment__text {
    position: relative;
    font-size: 1.4rem;
    margin-bottom: 1.2rem;
}

.comment__open_add {
    display: flex;
    font-size: 1.4rem;
    color: #6b6b6b;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 1.6rem;
    cursor: pointer;
}

.comment__open_add svg {
    width: 1.4rem;
    height: 1.4rem;
    margin-right: 0.6rem;
}

.comment__comments {
    margin-left: 1.4rem;
}

.comment__buttons {
    position: absolute;
    right: 0;
    top: 0;
}

.comment__buttons span {
    display: inline-block;
    margin-left: 1rem;
    vertical-align: middle;
    cursor: pointer;
}

.comment__buttons svg {
    width: 1.8rem;
    height: 1.8rem;
}

.comment__attachment {
    display: inline-block;
    margin-right: 1rem;
    margin-bottom: 1rem;
    margin-top: 1rem;
}

.comment__attachment .preview {
    width: 6rem;
    height: 6rem;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 0.8rem;
    display: inline-block;
}

.comment__attachment .delete {
    display: inline-block;
    position: relative;
    width: 2.4rem;
    height: 2.4rem;
    border: 0.05rem solid #dbdbdb;
    border-radius: 3rem;
    cursor: pointer;
    vertical-align: top;
    margin-left: 0.6rem;
    padding: 0.45rem;
}

@media (min-width: 1200px) {
    .comment__header {
        display: flex;
        align-items: center;
    }

    .comment__footer-group {
        margin-bottom: 0;
    }

    .comment__info {
        gap: 1rem;
    }

    .comment__author {
        width: auto;
    }

    .comment__date {
        font-size: 1.4rem;
    }

    .comment__text {
        font-size: 1.6rem;
    }

    .comment__comments {
        margin-left: 4rem;
    }

    .comment__attachment {
        display: inline-block;
        margin-right: 1rem;
        margin-bottom: 1rem;
        margin-top: 1rem;
    }

    .comment__attachment .preview {
        width: 10rem;
        height: 10rem;
    }
}

.news-list__item:not(:last-child) {
    padding-bottom: 1.6rem;
    margin-bottom: 1.6rem;
    border-bottom: 0.1rem solid #dbdbdb;
}

.post {
    display: flex;
    flex-direction: column;
    gap: 1.4rem;
}

.post__category {
    padding: 0.6rem 1rem;
    display: inline-flex;
    align-items: center;
    gap: 0.8rem;
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    border: 0.1rem solid transparent;
    border-radius: 0.8rem;
}

.post__category svg {
    width: 1.8rem;
    height: auto;
}

.post__category:before {
    content: "";
    width: 1.8rem;
    height: 1.8rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.post__category.category-events {
    border-color: #4069fc;
    color: #4069fc;
}

.post__category.category-events:before {
    background-image: url(https://connect.pharmberg.com.ua/wp-content/uploads/2024/08/fluent_news-16-regular.svg);
}

.post__category.category-den-narodzhennya {
    border-color: #f06aeb;
    color: #f06aeb;
}

.post__category.category-den-narodzhennya:before {
    background-image: url(https://connect.pharmberg.com.ua/wp-content/uploads/2024/08/ph_cake.svg);
}

.post__category.category-doslidzhennya-rynku {
    border-color: #f4a329;
    color: #f4a329;
}

.post__category.category-doslidzhennya-rynku:before {
    background-image: url(https://connect.pharmberg.com.ua/wp-content/uploads/2024/08/fluent_news-16-regular-1.svg);
}

.post__category.category-zbir-idej {
    border-color: #f4a329;
    color: #f4a329;
}

.post__category.category-zbir-idej:before {
    background-image: url(https://connect.pharmberg.com.ua/wp-content/uploads/2024/08/carbon_idea.svg);
}

.post__category.category-zvit-shhodo-provedenyh-zahodiv {
    border-color: #b540fc;
    color: #b540fc;
}

.post__category.category-zvit-shhodo-provedenyh-zahodiv:before {
    background-image: url(https://connect.pharmberg.com.ua/wp-content/uploads/2024/08/carbon_event.svg);
}

.post__category.category-konkurs {
    border-color: #eb2b93;
    color: #eb2b93;
}

.post__category.category-konkurs:before {
    background-image: url(https://connect.pharmberg.com.ua/wp-content/uploads/2024/08/bx_party.svg);
}

.post__category.category-navchalnyj-material {
    border-color: #15ac3f;
    color: #15ac3f;
}

.post__category.category-navchalnyj-material:before {
    background-image: url(https://connect.pharmberg.com.ua/wp-content/uploads/2024/08/bi_book.svg);
}

.post__category.category-nova-vakansiya {
    border-color: #ff4200;
    color: #ff4200;
}

.post__category.category-nova-vakansiya:before {
    background-image: url(https://connect.pharmberg.com.ua/wp-content/uploads/2024/08/hugeicons_job-search.svg);
}

.post__category.category-pidsumky-roboty {
    border-color: #61d15f;
    color: #61d15f;
}

.post__category.category-pidsumky-roboty:before {
    background-image: url(https://connect.pharmberg.com.ua/wp-content/uploads/2024/08/carbon_summary-kpicarbon_summary-kpi.svg);
}

.post__category.category-prezentacziya-novyh-produktiv {
    border-color: #15a3ac;
    color: #15a3ac;
}

.post__category.category-prezentacziya-novyh-produktiv:before {
    background-image: url(https://connect.pharmberg.com.ua/wp-content/uploads/2024/08/ph_pill.svg);
}

.post__category.category-prezentacziya-novyh-spivrobitnykiv {
    border-color: #15ac3f;
    color: #15ac3f;
}

.post__category.category-prezentacziya-novyh-spivrobitnykiv:before {
    background-image: url(https://connect.pharmberg.com.ua/wp-content/uploads/2024/08/octicon_person-add-24.svg);
}

.post__category.category-trendy {
    border-color: #ff4200;
    color: #ff4200;
}

.post__category.category-trendy:before {
    background-image: url(https://connect.pharmberg.com.ua/wp-content/uploads/2024/08/fluent_news-16-regular-2.svg);
}

.post__category.category-hobi-spivrobitnykiv {
    border-color: #6325b1;
    color: #6325b1;
}

.post__category.category-hobi-spivrobitnykiv:before {
    background-image: url(https://connect.pharmberg.com.ua/wp-content/uploads/2024/08/emojione-monotone_artist-palette.svg);
}

.post__text {
    display: grid;
    gap: 0.6rem;
}

.post__text-inner h2 {
    color: var(--black, #2e2d2c);
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.post__text-inner h2:not(:last-child) {
    margin-bottom: 1rem;
}

.post__text-inner p:not(:last-child) {
    margin-bottom: 1rem;
}

.post__text-inner.short {
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.post__text-inner.short.active {
    -webkit-line-clamp: unset;
}

.post__text-more {
    color: var(--black, #2e2d2c);
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding: 0;
    cursor: pointer;
    border: none;
    background-color: transparent;
    text-align: left;
    transition: 0.4s ease;
}

.post__text-more:hover {
    color: #ff4200;
}

.post__tiktok {
    position: relative;
    aspect-ratio: 325/644.88;
}

.post__tiktok iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.post__iframe {
    aspect-ratio: 16/9;
    position: relative;
}

.post__iframe iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.post__images {
    display: grid;
    gap: 0.4rem;
    margin: 0 -1.6rem;
    grid-template-columns: repeat(2, 1fr);
}

.post__images.one {
    grid-template-columns: 1fr;
}

.post__images.two,
.post__images.three {
    grid-template-columns: repeat(2, 1fr);
}

.post__images.three li:nth-child(1) {
    grid-column: span 2;
}

.post__images a {
    display: block;
    height: 100%;
}

.post__images a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.post__footer-group {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.2rem;
}

.post__avatar {
    width: 4.2rem;
    height: 4.2rem;
    border-radius: 50%;
    overflow: hidden;
    flex-shrink: 0;
    position: relative;
    display: block;
}

.post__avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.post__info {
    display: flex;
    flex-wrap: wrap;
}

.post__author {
    overflow: hidden;
    color: var(--black, #2e2d2c);
    text-overflow: ellipsis;
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    width: 100%;
    margin-bottom: 0.5rem;
}

.post__date {
    color: var(--dark-gray, #6b6b6b);
    font-size: 1.2rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-right: 0.6rem;
}

.post__link {
    display: block;
    width: 1.8rem;
}

.post__link svg {
    width: 100%;
    height: auto;
}

.post__controls {
    display: flex;
    align-items: center;
    gap: 1.4rem;
}

.post__control {
    border: none;
    background-color: transparent;
    padding: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 0.6rem;
    overflow: hidden;
    color: #6b6b6b;
    font-size: 1.3rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.post__control svg {
    width: 2.4rem;
    height: auto;
}

.post__control svg path {
    stroke-width: 1.5px;
    stroke: #6b6b6b;
    transition: 0.4s ease;
}

.post__control:hover svg path {
    stroke: #ff4200;
}

.post__control.active svg path {
    stroke: #ff4200;
    fill: #ff4200;
}

.load-more {
    cursor: pointer;
    margin-top: 2rem;
    margin-bottom: 2rem;
}

@media (min-width: 1200px) {
    .news-list__item:not(:last-child) {
        padding-bottom: 2.2rem;
        margin-bottom: 2.2rem;
    }

    .post {
        gap: 2rem;
    }

    .post__text {
        gap: 0.8rem;
    }

    .post__text-inner h2 {
        font-size: 2.2rem;
    }

    .post__text-inner.short {
        -webkit-line-clamp: 4;
    }

    .post__text-inner {
        font-size: 1.6rem;
    }

    .post__tiktok {
        width: 325px;
        height: 738.88px;
        aspect-ratio: none;
    }

    .post__images {
        margin: 0 -2rem;
        gap: 0.6rem;
    }

    .post__images.three {
        grid-template-columns: 2fr 1fr;
        grid-template-rows: repeat(2, 1fr);
    }

    .post__images.three li:nth-child(1) {
        height: calc(100% - 0.6rem);
        grid-row: span 3;
        grid-column: unset;
    }

    .post__images.three li:nth-child(2) {
        grid-column: 2;
        grid-row: 1/2;
    }

    .post__images.three li:nth-child(3) {
        grid-column: 2;
        grid-row: 2/3;
    }

    .post__images.three a {
        height: 100%;
    }

    .post__images.three a img {
        height: 100%;
        object-fit: cover;
    }

    .post__iframe {
        margin: 0 -2rem;
    }

    .post__footer {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .post__footer-group {
        margin-bottom: 0;
    }

    .post__info {
        gap: 1rem;
    }

    .post__author {
        width: auto;
    }

    .post__date {
        font-size: 1.4rem;
    }

    .post__link {
        width: 2.4rem;
    }

    .post__controls {
        gap: 1.6rem;
    }

    .post__control {
        font-size: 1.4rem;
    }
}

.field {
    position: relative;
}

.field--w-icon .field__input {
    padding: 1rem 1.6rem 1rem 4.2rem;
}

.field__label {
    color: var(--gray-2, #a1a1a1);
    font-size: 1.2rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: block;
    margin-bottom: 0.8rem;
}

.field__input {
    font-family: Nunito;
    color: #2e2d2c;
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border-radius: 0.8rem;
    border: 1px solid #dbdbdb;
    background: #fff;
    width: 100%;
    transition: 0.4s ease;
    padding: 1rem 1.6rem;
}

.field__input::placeholder {
    color: #a1a1a1;
}

.field__input:focus {
    outline: none;
}

.field__input[readonly] {
    border: 1px solid var(--gray, #dbdbdb);
    background: var(--light-gray-2, #fafafa);
    opacity: 0.7;
    pointer-events: none;
}

.field__textarea {
    padding: 1.6rem;
    width: 100%;
    height: 14rem;
    resize: none;
    border-radius: 0.8rem;
    border: 1px solid var(--gray, #dbdbdb);
    background: var(--white, #fff);
    color: var(--black, #2e2d2c);
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    transition: 0.4s ease;
}

.field__textarea::placeholder {
    color: var(--gray-2, #a1a1a1);
}

.field__textarea:focus {
    outline: none;
}

.field__inner {
    position: relative;
}

.field__icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 1.6rem;
    width: 1.8rem;
    height: auto;
    color: #a1a1a1;
    transition: color 0.4s ease;
}

.field.hover .field__input,
.field.hover .field__textarea {
    border-color: #facbc1;
}

.field.focus .field__icon {
    color: #6b6b6b;
}

.field.focus .field__input,
.field.focus .field__textarea {
    border-color: #6b6b6b;
}

.field.error .field__icon {
    color: #ff4200;
}

.field.error .field__input,
.field.error .field__textarea {
    border-color: #ff4200;
}

@media (min-width: 1200px) {
    .field--w-icon .field__input {
        padding-left: 4.8rem;
    }

    .field__label {
        font-size: 1.4rem;
    }

    .field__input {
        font-size: 1.6rem;
    }

    .field__icon {
        width: 2.4rem;
    }
}

.button {
    color: #ff4200;
    font-family: Nunito;
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 1.2rem 1rem;
    display: inline-block;
    align-items: center;
    justify-content: center;
    border-radius: 0.8rem;
    border-width: 0.1rem;
    border-style: solid;
    border-color: #ff4200;
    background: #fff;
    transition: 0.4s ease;
    cursor: pointer;
    min-width: 15rem;
    width: 100%;
    margin-right: 2rem;
    margin-bottom: 2rem;
}

.button:last-child {
    margin-right: 0;
}

.button:active,
.button:hover {
    background-color: #fff;
}

.button[type="submit"] {
    background: #ff4200;
    color: #fff;

}

.button[type="submit"]:active {
    background-color: #fc6340;
}

.button[type="submit"]:hover {
    background-color: #e34a27;
}

button:disabled {
    opacity: 0.5;
    pointer-events: none;
}

.link {
    color: #6b6b6b;
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    transition: 0.4s ease;
}

.link:hover {
    color: #2e2d2c;
}

@media (min-width: 1200px) {
    .button {
        font-size: 1.6rem;
        width: 15rem;
    }
}

.croppie-container {
    width: 100%;
    height: 100%;
}

.croppie-container .cr-image {
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    transform-origin: 0 0;
    max-height: none;
    max-width: none;
}

.croppie-container .cr-boundary {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    z-index: 1;
    width: 100% !important;
    max-width: 320px;
    height: 100%;
}

.croppie-container .cr-viewport,
.croppie-container .cr-resizer {
    position: absolute;
    border: 2px solid #fff;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    box-shadow: 0 0 2000px 2000px #00000080;
    z-index: 0;
}

.croppie-container .cr-resizer {
    z-index: 2;
    box-shadow: none;
    pointer-events: none;
}

.croppie-container .cr-resizer-vertical,
.croppie-container .cr-resizer-horisontal {
    position: absolute;
    pointer-events: all;
}

.croppie-container .cr-resizer-vertical:after,
.croppie-container .cr-resizer-horisontal:after {
    display: block;
    position: absolute;
    box-sizing: border-box;
    border: 1px solid black;
    background: #fff;
    width: 10px;
    height: 10px;
    content: "";
}

.croppie-container .cr-resizer-vertical {
    bottom: -5px;
    cursor: row-resize;
    width: 100%;
    height: 10px;
}

.croppie-container .cr-resizer-vertical:after {
    left: 50%;
    margin-left: -5px;
}

.croppie-container .cr-resizer-horisontal {
    right: -5px;
    cursor: col-resize;
    width: 10px;
    height: 100%;
}

.croppie-container .cr-resizer-horisontal:after {
    top: 50%;
    margin-top: -5px;
}

.croppie-container .cr-original-image {
    display: none;
}

.croppie-container .cr-vp-circle {
    border-radius: 50%;
}

.croppie-container .cr-overlay {
    z-index: 1;
    position: absolute;
    cursor: move;
    touch-action: none;
}

.croppie-container .cr-slider-wrap {
    width: 75%;
    margin: 15px auto;
    text-align: center;
}

.croppie-result {
    position: relative;
    overflow: hidden;
}

.croppie-result img {
    position: absolute;
}

.croppie-container .cr-image,
.croppie-container .cr-overlay,
.croppie-container .cr-viewport {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
}

.cr-slider {
    -webkit-appearance: none;
    width: 300px;
    max-width: 100%;
    padding-top: 8px;
    padding-bottom: 8px;
    background-color: transparent;
}

.cr-slider::-webkit-slider-runnable-track {
    width: 100%;
    height: 3px;
    background: #00000080;
    border: 0;
    border-radius: 3px;
}

.cr-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #ddd;
    margin-top: -6px;
}

.cr-slider:focus {
    outline: none;
}

.cr-slider::-moz-range-track {
    width: 100%;
    height: 3px;
    background: #00000080;
    border: 0;
    border-radius: 3px;
}

.cr-slider::-moz-range-thumb {
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #ddd;
    margin-top: -6px;
}

.cr-slider:-moz-focusring {
    outline: 1px solid white;
    outline-offset: -1px;
}

.cr-slider::-ms-track {
    width: 100%;
    height: 5px;
    background: transparent;
    border-color: transparent;
    border-width: 6px 0;
    color: transparent;
}

.cr-slider::-ms-fill-lower {
    background: #00000080;
    border-radius: 10px;
}

.cr-slider::-ms-fill-upper {
    background: #00000080;
    border-radius: 10px;
}

.cr-slider::-ms-thumb {
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #ddd;
    margin-top: 1px;
}

.cr-slider:focus::-ms-fill-lower {
    background: #00000080;
}

.cr-slider:focus::-ms-fill-upper {
    background: #00000080;
}

.cr-rotate-controls {
    position: absolute;
    bottom: 5px;
    left: 5px;
    z-index: 1;
}

.cr-rotate-controls button {
    border: 0;
    background: none;
}

.cr-rotate-controls i:before {
    display: inline-block;
    font-style: normal;
    font-weight: 900;
    font-size: 22px;
}

.cr-rotate-l i:before {
    content: "↺";
}

.cr-rotate-r i:before {
    content: "↻";
}

/* .post-title h2 {
    font-family: "Nunito", sans-serif;
    font-size: 2.2rem;
    margin-bottom: 1.2rem;
    font-style: normal;
    font-weight: normal;
    line-height: normal;
} */
.login-form__link {
    text-align: left !important;
}

@media (max-width: 1199px) {

    .single-post .main,
    .archive .main {
        padding-top: 12rem;
    }
    .profile__avatar {
        margin-bottom: 20px;
    }
    p {
        font-size: 1.4rem;
    }
}