/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Apr 22 2026 | 03:10:20 */
@-webkit-keyframes marching-ants {
    0% {
        background-position: 0 0, 0 100%, 0 0, 100% 0
    }

    to {
        background-position: 20px 0, -20px 100%, 0 -20px, 100% 20px
    }
}

@keyframes marching-ants {
    0% {
        background-position: 0 0, 0 100%, 0 0, 100% 0
    }

    to {
        background-position: 20px 0, -20px 100%, 0 -20px, 100% 20px
    }
}

:root {
    --rc-drag-handle-size: 12px;
    --rc-drag-handle-mobile-size: 24px;
    --rc-drag-handle-bg-colour: rgba(0, 0, 0, .2);
    --rc-drag-bar-size: 6px;
    --rc-border-color: hsla(0, 0%, 100%, .7);
    --rc-focus-color: #08f
}

.ReactCrop {
    position: relative;
    display: inline-block;
    cursor: crosshair;
    max-width: 100%
}

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

.ReactCrop--disabled,
.ReactCrop--locked {
    cursor: inherit
}

.ReactCrop__child-wrapper {
    overflow: hidden;
    max-height: inherit
}

.ReactCrop__child-wrapper>img,
.ReactCrop__child-wrapper>video {
    display: block;
    max-width: 100%;
    max-height: inherit
}

.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>img,
.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>video,
.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__crop-selection {
    -ms-touch-action: none;
    touch-action: none
}

.ReactCrop__crop-mask {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    width: calc(100% + .5px);
    height: calc(100% + .5px)
}

.ReactCrop__crop-selection {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    cursor: move
}

.ReactCrop--disabled .ReactCrop__crop-selection {
    cursor: inherit
}

.ReactCrop--circular-crop .ReactCrop__crop-selection {
    border-radius: 50%
}

.ReactCrop--circular-crop .ReactCrop__crop-selection:after {
    pointer-events: none;
    content: "";
    position: absolute;
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px;
    border: 1px solid var(--rc-border-color);
    opacity: .3
}

.ReactCrop--no-animate .ReactCrop__crop-selection {
    outline: 1px dashed #fff
}

.ReactCrop__crop-selection:not(.ReactCrop--no-animate .ReactCrop__crop-selection) {
    -webkit-animation: marching-ants 1s;
    animation: marching-ants 1s;
    background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, #fff), color-stop(50%, #444)), -webkit-gradient(linear, left top, right top, color-stop(50%, #fff), color-stop(50%, #444)), -webkit-gradient(linear, left top, left bottom, color-stop(50%, #fff), color-stop(50%, #444)), -webkit-gradient(linear, left top, left bottom, color-stop(50%, #fff), color-stop(50%, #444));
    background-image: linear-gradient(90deg, #fff 50%, #444 0), linear-gradient(90deg, #fff 50%, #444 0), linear-gradient(180deg, #fff 50%, #444 0), linear-gradient(180deg, #fff 50%, #444 0);
    background-size: 10px 1px, 10px 1px, 1px 10px, 1px 10px;
    background-position: 0 0, 0 100%, 0 0, 100% 0;
    background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
    color: #fff;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.ReactCrop__crop-selection:focus {
    outline: 2px solid var(--rc-focus-color);
    outline-offset: -1px
}

.ReactCrop--invisible-crop .ReactCrop__crop-mask,
.ReactCrop--invisible-crop .ReactCrop__crop-selection {
    display: none
}

.ReactCrop__rule-of-thirds-hz:after,
.ReactCrop__rule-of-thirds-hz:before,
.ReactCrop__rule-of-thirds-vt:after,
.ReactCrop__rule-of-thirds-vt:before {
    content: "";
    display: block;
    position: absolute;
    background-color: #fff6
}

.ReactCrop__rule-of-thirds-vt:after,
.ReactCrop__rule-of-thirds-vt:before {
    width: 1px;
    height: 100%
}

.ReactCrop__rule-of-thirds-vt:before {
    left: 33.3333333333%
}

.ReactCrop__rule-of-thirds-vt:after {
    left: 66.6666666667%
}

.ReactCrop__rule-of-thirds-hz:after,
.ReactCrop__rule-of-thirds-hz:before {
    width: 100%;
    height: 1px
}

.ReactCrop__rule-of-thirds-hz:before {
    top: 33.3333333333%
}

.ReactCrop__rule-of-thirds-hz:after {
    top: 66.6666666667%
}

.ReactCrop__drag-handle {
    position: absolute;
    width: var(--rc-drag-handle-size);
    height: var(--rc-drag-handle-size);
    background-color: var(--rc-drag-handle-bg-colour);
    border: 1px solid var(--rc-border-color)
}

.ReactCrop__drag-handle:focus {
    background: var(--rc-focus-color)
}

.ReactCrop .ord-nw {
    left: 0;
    cursor: nw-resize
}

.ReactCrop .ord-n,
.ReactCrop .ord-nw {
    top: 0;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.ReactCrop .ord-n {
    left: 50%;
    cursor: n-resize
}

.ReactCrop .ord-ne {
    top: 0;
    cursor: ne-resize
}

.ReactCrop .ord-e,
.ReactCrop .ord-ne {
    right: 0;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%)
}

.ReactCrop .ord-e {
    top: 50%;
    cursor: e-resize
}

.ReactCrop .ord-se {
    bottom: 0;
    right: 0;
    -webkit-transform: translate(50%, 50%);
    transform: translate(50%, 50%);
    cursor: se-resize
}

.ReactCrop .ord-s {
    left: 50%;
    cursor: s-resize
}

.ReactCrop .ord-s,
.ReactCrop .ord-sw {
    bottom: 0;
    -webkit-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%)
}

.ReactCrop .ord-sw {
    left: 0;
    cursor: sw-resize
}

.ReactCrop .ord-w {
    top: 50%;
    left: 0;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    cursor: w-resize
}

.ReactCrop__disabled .ReactCrop__drag-handle {
    cursor: inherit
}

.ReactCrop__drag-bar {
    position: absolute
}

.ReactCrop__drag-bar.ord-n {
    top: 0;
    left: 0;
    width: 100%;
    height: var(--rc-drag-bar-size);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.ReactCrop__drag-bar.ord-e {
    right: 0;
    top: 0;
    width: var(--rc-drag-bar-size);
    height: 100%;
    -webkit-transform: translate(50%);
    transform: translate(50%)
}

.ReactCrop__drag-bar.ord-s {
    bottom: 0;
    left: 0;
    width: 100%;
    height: var(--rc-drag-bar-size);
    -webkit-transform: translateY(50%);
    transform: translateY(50%)
}

.ReactCrop__drag-bar.ord-w {
    top: 0;
    left: 0;
    width: var(--rc-drag-bar-size);
    height: 100%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%)
}

.ReactCrop--fixed-aspect .ReactCrop__drag-bar,
.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,
.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,
.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,
.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w,
.ReactCrop--new-crop .ReactCrop__drag-bar,
.ReactCrop--new-crop .ReactCrop__drag-handle {
    display: none
}

@media (pointer: coarse) {

    .ReactCrop .ord-e,
    .ReactCrop .ord-n,
    .ReactCrop .ord-s,
    .ReactCrop .ord-w {
        display: none
    }

    .ReactCrop__drag-handle {
        width: var(--rc-drag-handle-mobile-size);
        height: var(--rc-drag-handle-mobile-size)
    }
}