/*!
 * FilePond 4.30.3
 * Licensed under MIT, https://opensource.org/licenses/MIT/
 * Please visit https://pqina.nl/filepond/ for details.
 */
.filepond--assistant {
    clip: rect(1px, 1px, 1px, 1px);
    border: 0;
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

.filepond--browser.filepond--browser {
    font-size: 0;
    left: 1em;
    margin: 0;
    opacity: 0;
    padding: 0;
    position: absolute;
    top: 1.75em;
    width: calc(100% - 2em)
}

.filepond--data {
    border: none;
    contain: strict;
    height: 0;
    margin: 0;
    padding: 0;
    pointer-events: none;
    position: absolute;
    visibility: hidden;
    width: 0
}

.filepond--drip {
    background: rgba(0, 0, 0, .01);
    border-radius: .5em;
    bottom: 0;
    left: 0;
    opacity: .1;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0
}

.filepond--drip-blob {
    background: #292625;
    border-radius: 50%;
    height: 8em;
    margin-left: -4em;
    margin-top: -4em;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    width: 8em
}

.filepond--drip-blob, .filepond--drop-label {
    left: 0;
    position: absolute;
    top: 0;
    will-change: transform, opacity
}

.filepond--drop-label {
    align-items: center;
    color: #4f4f4f;
    display: flex;
    height: 0;
    justify-content: center;
    margin: 0;
    right: 0;
    background-color:#f2f7ff;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.filepond--drop-label.filepond--drop-label label {
    display: block;
    margin: 0;
    padding: .5em
}

.filepond--drop-label label {
    cursor: default;
    font-size: .875em;
    font-weight: 400;
    line-height: 1.5;
    text-align: center
}

.filepond--label-action {
    -webkit-text-decoration-skip: ink;
    cursor: pointer;
    text-decoration: underline;
    -webkit-text-decoration-color: #a7a4a4;
    text-decoration-color: #a7a4a4;
    text-decoration-skip-ink: auto
}

.filepond--root[data-disabled] .filepond--drop-label label {
    opacity: .5
}

.filepond--file-action-button.filepond--file-action-button {
    border: none;
    font-family: inherit;
    font-size: 1em;
    height: 1.625em;
    line-height: inherit;
    margin: 0;
    outline: none;
    padding: 0;
    width: 1.625em;
    will-change: transform, opacity
}

.filepond--file-action-button.filepond--file-action-button span {
    clip: rect(1px, 1px, 1px, 1px);
    border: 0;
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

.filepond--file-action-button.filepond--file-action-button svg {
    height: 100%;
    width: 100%
}

.filepond--file-action-button.filepond--file-action-button:after {
    bottom: -.75em;
    content: "";
    left: -.75em;
    position: absolute;
    right: -.75em;
    top: -.75em
}

.filepond--file-action-button {
    background-color: rgba(0, 0, 0, .5);
    background-image: none;
    border-radius: 50%;
    box-shadow: 0 0 0 0 hsla(0, 0%, 100%, 0);
    color: #fff;
    cursor: auto;
    transition: box-shadow .25s ease-in
}

.filepond--file-action-button:focus, .filepond--file-action-button:hover {
    box-shadow: 0 0 0 .125em hsla(0, 0%, 100%, .9)
}

.filepond--file-action-button[disabled] {
    background-color: rgba(0, 0, 0, .25);
    color: hsla(0, 0%, 100%, .5)
}

.filepond--file-action-button[hidden] {
    display: none
}

.filepond--action-edit-item.filepond--action-edit-item {
    height: 2em;
    padding: .1875em;
    width: 2em
}

.filepond--action-edit-item.filepond--action-edit-item[data-align*=center] {
    margin-left: -.1875em
}

.filepond--action-edit-item.filepond--action-edit-item[data-align*=bottom] {
    margin-bottom: -.1875em
}

.filepond--action-edit-item-alt {
    background: transparent;
    border: none;
    color: inherit;
    font-family: inherit;
    line-height: inherit;
    margin: 0 0 0 .25em;
    outline: none;
    padding: 0;
    pointer-events: all;
    position: absolute
}

.filepond--action-edit-item-alt svg {
    height: 1.3125em;
    width: 1.3125em
}

.filepond--action-edit-item-alt span {
    font-size: 0;
    opacity: 0
}

.filepond--file-info {
    align-items: flex-start;
    display: flex;
    flex: 1;
    flex-direction: column;
    margin: 0 .5em 0 0;
    min-width: 0;
    pointer-events: none;
    position: static;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    will-change: transform, opacity
}

.filepond--file-info * {
    margin: 0
}

.filepond--file-info .filepond--file-info-main {
    font-size: .75em;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.filepond--file-info .filepond--file-info-sub {
    font-size: .625em;
    opacity: .5;
    transition: opacity .25s ease-in-out;
    white-space: nowrap
}

.filepond--file-info .filepond--file-info-sub:empty {
    display: none
}

.filepond--file-status {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    flex-grow: 0;
    flex-shrink: 0;
    margin: 0;
    min-width: 2.25em;
    pointer-events: none;
    position: static;
    text-align: right;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    will-change: transform, opacity
}

.filepond--file-status * {
    margin: 0;
    white-space: nowrap
}

.filepond--file-status .filepond--file-status-main {
    font-size: .75em;
    line-height: 1.2
}

.filepond--file-status .filepond--file-status-sub {
    font-size: .625em;
    opacity: .5;
    transition: opacity .25s ease-in-out
}

.filepond--file-wrapper.filepond--file-wrapper {
    border: none;
    height: 100%;
    margin: 0;
    min-width: 0;
    padding: 0
}

.filepond--file-wrapper.filepond--file-wrapper>legend {
    clip: rect(1px, 1px, 1px, 1px);
    border: 0;
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

.filepond--file {
    align-items: flex-start;
    border-radius: .5em;
    color: #fff;
    display: flex;
    height: 100%;
    padding: .5625em;
    position: static
}

.filepond--file .filepond--file-status {
    margin-left: auto;
    margin-right: 2.25em
}

.filepond--file .filepond--processing-complete-indicator {
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 3
}

.filepond--file .filepond--file-action-button, .filepond--file .filepond--processing-complete-indicator, .filepond--file .filepond--progress-indicator {
    position: absolute
}

.filepond--file [data-align*=left] {
    left: .5625em
}

.filepond--file [data-align*=right] {
    right: .5625em
}

.filepond--file [data-align*=center] {
    left: calc(50% - .8125em)
}

.filepond--file [data-align*=bottom] {
    bottom: 1.125em
}

.filepond--file [data-align=center] {
    top: calc(50% - .8125em)
}

.filepond--file .filepond--progress-indicator {
    margin-top: .1875em
}

.filepond--file .filepond--progress-indicator[data-align*=right] {
    margin-right: .1875em
}

.filepond--file .filepond--progress-indicator[data-align*=left] {
    margin-left: .1875em
}

[data-filepond-item-state*=error] .filepond--file-info, [data-filepond-item-state*=invalid] .filepond--file-info, [data-filepond-item-state=cancelled] .filepond--file-info {
    margin-right: 2.25em
}

[data-filepond-item-state~=processing] .filepond--file-status-sub {
    opacity: 0
}

[data-filepond-item-state~=processing] .filepond--action-abort-item-processing~.filepond--file-status .filepond--file-status-sub {
    opacity: .5
}

[data-filepond-item-state=processing-error] .filepond--file-status-sub {
    opacity: 0
}

[data-filepond-item-state=processing-error] .filepond--action-retry-item-processing~.filepond--file-status .filepond--file-status-sub {
    opacity: .5
}

[data-filepond-item-state=processing-complete] .filepond--action-revert-item-processing svg {
    -webkit-animation: fall .5s linear .125s both;
    animation: fall .5s linear .125s both
}

[data-filepond-item-state=processing-complete] .filepond--file-status-sub {
    opacity: .5
}

[data-filepond-item-state=processing-complete] .filepond--file-info-sub, [data-filepond-item-state=processing-complete] .filepond--processing-complete-indicator:not([style*=hidden])~.filepond--file-status .filepond--file-status-sub {
    opacity: 0
}

[data-filepond-item-state=processing-complete] .filepond--action-revert-item-processing~.filepond--file-info .filepond--file-info-sub {
    opacity: .5
}

[data-filepond-item-state*=error] .filepond--file-wrapper, [data-filepond-item-state*=error] .filepond--panel, [data-filepond-item-state*=invalid] .filepond--file-wrapper, [data-filepond-item-state*=invalid] .filepond--panel {
    -webkit-animation: shake .65s linear both;
    animation: shake .65s linear both
}

[data-filepond-item-state*=busy] .filepond--progress-indicator svg {
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-webkit-keyframes shake {
    10%, 90% {
        -webkit-transform: translateX(-.0625em);
        transform: translateX(-.0625em)
    }

    20%, 80% {
        -webkit-transform: translateX(.125em);
        transform: translateX(.125em)
    }

    30%, 50%, 70% {
        -webkit-transform: translateX(-.25em);
        transform: translateX(-.25em)
    }

    40%, 60% {
        -webkit-transform: translateX(.25em);
        transform: translateX(.25em)
    }
}

@keyframes shake {
    10%, 90% {
        -webkit-transform: translateX(-.0625em);
        transform: translateX(-.0625em)
    }

    20%, 80% {
        -webkit-transform: translateX(.125em);
        transform: translateX(.125em)
    }

    30%, 50%, 70% {
        -webkit-transform: translateX(-.25em);
        transform: translateX(-.25em)
    }

    40%, 60% {
        -webkit-transform: translateX(.25em);
        transform: translateX(.25em)
    }
}

@-webkit-keyframes fall {
    0% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        opacity: 0;
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }

    70% {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    to {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes fall {
    0% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        opacity: 0;
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }

    70% {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    to {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.filepond--hopper[data-hopper-state=drag-over]>* {
    pointer-events: none
}

.filepond--hopper[data-hopper-state=drag-over]:after {
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 100
}

.filepond--progress-indicator {
    z-index: 103
}

.filepond--file-action-button {
    z-index: 102
}

.filepond--file-status {
    z-index: 101
}

.filepond--file-info {
    z-index: 100
}

.filepond--item {
    left: 0;
    margin: .25em;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    will-change: transform, opacity;
    z-index: 1
}

.filepond--item>.filepond--panel {
    z-index: -1
}

.filepond--item>.filepond--panel .filepond--panel-bottom {
    box-shadow: 0 .0625em .125em -.0625em rgba(0, 0, 0, .25)
}

.filepond--item>.filepond--file-wrapper, .filepond--item>.filepond--panel {
    transition: opacity .15s ease-out
}

.filepond--item[data-drag-state] {
    cursor: -webkit-grab;
    cursor: grab
}

.filepond--item[data-drag-state]>.filepond--panel {
    box-shadow: 0 0 0 transparent;
    transition: box-shadow .125s ease-in-out
}

.filepond--item[data-drag-state=drag] {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.filepond--item[data-drag-state=drag]>.filepond--panel {
    box-shadow: 0 .125em .3125em rgba(0, 0, 0, .325)
}

.filepond--item[data-drag-state]:not([data-drag-state=idle]) {
    z-index: 2
}

.filepond--item-panel {
    background-color: #64605e
}

[data-filepond-item-state=processing-complete] .filepond--item-panel {
    background-color: #369763
}

[data-filepond-item-state*=error] .filepond--item-panel, [data-filepond-item-state*=invalid] .filepond--item-panel {
    background-color: #c44e47
}

.filepond--item-panel {
    border-radius: .5em;
    transition: background-color .25s
}

.filepond--list-scroller {
    left: 0;
    margin: 0;
    position: absolute;
    right: 0;
    top: 0;
    will-change: transform
}

.filepond--list-scroller[data-state=overflow] .filepond--list {
    bottom: 0;
    right: 0
}

.filepond--list-scroller[data-state=overflow] {
    -webkit-overflow-scrolling: touch;
    -webkit-mask: linear-gradient(180deg, #000 calc(100% - .5em), transparent);
    mask: linear-gradient(180deg, #000 calc(100% - .5em), transparent);
    overflow-x: hidden;
    overflow-y: scroll
}

.filepond--list-scroller::-webkit-scrollbar {
    background: transparent
}

.filepond--list-scroller::-webkit-scrollbar:vertical {
    width: 1em
}

.filepond--list-scroller::-webkit-scrollbar:horizontal {
    height: 0
}

.filepond--list-scroller::-webkit-scrollbar-thumb {
    background-clip: content-box;
    background-color: rgba(0, 0, 0, .3);
    border: .3125em solid transparent;
    border-radius: 99999px
}

.filepond--list.filepond--list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    will-change: transform
}

.filepond--list {
    left: .75em;
    right: .75em
}

.filepond--root[data-style-panel-layout~=integrated] {
    height: 100%;
    margin: 0;
    max-width: none;
    width: 100%
}

.filepond--root[data-style-panel-layout~=circle] .filepond--panel-root, .filepond--root[data-style-panel-layout~=integrated] .filepond--panel-root {
    border-radius: 0
}

.filepond--root[data-style-panel-layout~=circle] .filepond--panel-root>*, .filepond--root[data-style-panel-layout~=integrated] .filepond--panel-root>* {
    display: none
}

.filepond--root[data-style-panel-layout~=circle] .filepond--drop-label, .filepond--root[data-style-panel-layout~=integrated] .filepond--drop-label {
    align-items: center;
    bottom: 0;
    display: flex;
    height: auto;
    justify-content: center;
    z-index: 7
}

.filepond--root[data-style-panel-layout~=circle] .filepond--item-panel, .filepond--root[data-style-panel-layout~=integrated] .filepond--item-panel {
    display: none
}

.filepond--root[data-style-panel-layout~=compact] .filepond--list-scroller, .filepond--root[data-style-panel-layout~=integrated] .filepond--list-scroller {
    height: 100%;
    margin-bottom: 0;
    margin-top: 0;
    overflow: hidden
}

.filepond--root[data-style-panel-layout~=compact] .filepond--list, .filepond--root[data-style-panel-layout~=integrated] .filepond--list {
    height: 100%;
    left: 0;
    right: 0
}

.filepond--root[data-style-panel-layout~=compact] .filepond--item, .filepond--root[data-style-panel-layout~=integrated] .filepond--item {
    margin: 0
}

.filepond--root[data-style-panel-layout~=compact] .filepond--file-wrapper, .filepond--root[data-style-panel-layout~=integrated] .filepond--file-wrapper {
    height: 100%
}

.filepond--root[data-style-panel-layout~=compact] .filepond--drop-label, .filepond--root[data-style-panel-layout~=integrated] .filepond--drop-label {
    z-index: 7
}

.filepond--root[data-style-panel-layout~=circle] {
    border-radius: 99999rem;
    overflow: hidden
}

.filepond--root[data-style-panel-layout~=circle]>.filepond--panel {
    border-radius: inherit
}

.filepond--root[data-style-panel-layout~=circle]>.filepond--panel>* {
    display: none
}

.filepond--root[data-style-panel-layout~=circle] .filepond--file-info, .filepond--root[data-style-panel-layout~=circle] .filepond--file-status {
    display: none
}

.filepond--root[data-style-panel-layout~=circle] .filepond--action-edit-item {
    opacity: 1 !important;
    visibility: visible !important
}

@media not all and (-webkit-min-device-pixel-ratio:0), not all and (min-resolution:0.001dpcm) {
    @supports (-webkit-appearance:none) and (stroke-color:transparent) {
        .filepond--root[data-style-panel-layout~=circle] {
            will-change: transform
        }
    }
}

.filepond--panel-root {
    background-color: #f1f0ef;
    border-radius: .5em
}

.filepond--panel {
    height: 100% !important;
    left: 0;
    margin: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0
}

.filepond-panel:not([data-scalable=false]) {
    height: auto !important
}

.filepond--panel[data-scalable=false]>div {
    display: none
}

.filepond--panel[data-scalable=true] {
    background-color: transparent !important;
    border: none !important;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.filepond--panel-bottom, .filepond--panel-center, .filepond--panel-top {
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0
}

.filepond--panel-bottom, .filepond--panel-top {
    height: .5em
}

.filepond--panel-top {
    border-bottom: none !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

.filepond--panel-top:after {
    background-color: inherit;
    bottom: -1px;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    right: 0
}

.filepond--panel-bottom, .filepond--panel-center {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0, .5em, 0);
    transform: translate3d(0, .5em, 0);
    -webkit-transform-origin: left top;
    transform-origin: left top;
    will-change: transform
}

.filepond--panel-bottom {
    border-top: none !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important
}

.filepond--panel-bottom:before {
    background-color: inherit;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: -1px
}

.filepond--panel-center {
    border-bottom: none !important;
    border-radius: 0 !important;
    border-top: none !important;
    height: 100px !important
}

.filepond--panel-center:not([style]) {
    visibility: hidden
}

.filepond--progress-indicator {
    color: #fff;
    height: 1.25em;
    margin: 0;
    pointer-events: none;
    position: static;
    width: 1.25em;
    will-change: transform, opacity
}

.filepond--progress-indicator svg {
    height: 100%;
    transform-box: fill-box;
    vertical-align: top;
    width: 100%
}

.filepond--progress-indicator path {
    fill: none;
    stroke: currentColor
}

.filepond--list-scroller {
    z-index: 6
}

.filepond--drop-label {
    z-index: 5
}

.filepond--drip {
    z-index: 3
}

.filepond--root>.filepond--panel {
    z-index: 2
}

.filepond--browser {
    z-index: 1
}

.filepond--root {
    text-rendering: optimizeLegibility;
    box-sizing: border-box;
    contain: layout style size;
    direction: ltr;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    font-size: 1rem;
    font-weight: 450;
    line-height: normal;
    margin-bottom: 1em;
    position: relative;
    text-align: left
}

.filepond--root * {
    box-sizing: inherit;
    line-height: inherit
}

.filepond--root :not(text) {
    font-size: inherit
}

.filepond--root[data-disabled] {
    pointer-events: none
}

.filepond--root[data-disabled] .filepond--list-scroller {
    pointer-events: all
}

.filepond--root[data-disabled] .filepond--list {
    pointer-events: none
}

.filepond--root .filepond--drop-label {
    min-height: 4.75em
}

.filepond--root .filepond--list-scroller {
    margin-bottom: 1em;
    margin-top: 1em
}

.filepond--root .filepond--credits {
    bottom: -14px;
    color: inherit;
    font-size: 11px;
    line-height: .85;
    opacity: .175;
    position: absolute;
    right: 0;
    text-decoration: none;
    z-index: 3
}

.filepond--root .filepond--credits[style] {
    bottom: auto;
    margin-top: 14px;
    top: 0
}

/*!
 * FilePondPluginImagePreview 4.6.11
 * Licensed under MIT, https://opensource.org/licenses/MIT/
 * Please visit https://pqina.nl/filepond/ for details.
 */
.filepond--image-preview-markup {
    left: 0;
    position: absolute;
    top: 0
}

.filepond--image-preview-wrapper {
    z-index: 2
}

.filepond--image-preview-overlay {
    display: block;
    left: 0;
    margin: 0;
    max-height: 7rem;
    min-height: 5rem;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
    z-index: 2
}

.filepond--image-preview-overlay svg {
    color: inherit;
    height: auto;
    max-height: inherit;
    width: 100%
}

.filepond--image-preview-overlay-idle {
    color: rgba(40, 40, 40, .85);
    mix-blend-mode: multiply
}

.filepond--image-preview-overlay-success {
    color: #369763;
    mix-blend-mode: normal
}

.filepond--image-preview-overlay-failure {
    color: #c44e47;
    mix-blend-mode: normal
}

@supports (-webkit-marquee-repetition:infinite) and ((-o-object-fit:fill) or (object-fit:fill)) {
    .filepond--image-preview-overlay-idle {
        mix-blend-mode: normal
    }
}

.filepond--image-preview-wrapper {
    background: rgba(0, 0, 0, .01);
    border-radius: .45em;
    height: 100%;
    left: 0;
    margin: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.filepond--image-preview {
    align-items: center;
    background: #222;
    display: flex;
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    will-change: transform, opacity;
    z-index: 1
}

.filepond--image-clip {
    margin: 0 auto;
    overflow: hidden;
    position: relative
}

.filepond--image-clip[data-transparency-indicator=grid] canvas, .filepond--image-clip[data-transparency-indicator=grid] img {
    background-color: #fff;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' fill='%23eee'%3E%3Cpath d='M0 0h50v50H0M50 50h50v50H50'/%3E%3C/svg%3E");
    background-size: 1.25em 1.25em
}

.filepond--image-bitmap, .filepond--image-vector {
    left: 0;
    position: absolute;
    top: 0;
    will-change: transform
}

.filepond--root[data-style-panel-layout~=integrated] .filepond--image-preview-wrapper {
    border-radius: 0
}

.filepond--root[data-style-panel-layout~=integrated] .filepond--image-preview {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center
}

.filepond--root[data-style-panel-layout~=circle] .filepond--image-preview-wrapper {
    border-radius: 99999rem
}

.filepond--root[data-style-panel-layout~=circle] .filepond--image-preview-overlay {
    bottom: 0;
    top: auto;
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1)
}

.filepond--root[data-style-panel-layout~=circle] .filepond--file .filepond--file-action-button[data-align*=bottom]:not([data-align*=center]) {
    margin-bottom: .325em
}

.filepond--root[data-style-panel-layout~=circle] .filepond--file [data-align*=left] {
    left: calc(50% - 3em)
}

.filepond--root[data-style-panel-layout~=circle] .filepond--file [data-align*=right] {
    right: calc(50% - 3em)
}

.filepond--root[data-style-panel-layout~=circle] .filepond--progress-indicator[data-align*=bottom][data-align*=left], .filepond--root[data-style-panel-layout~=circle] .filepond--progress-indicator[data-align*=bottom][data-align*=right] {
    margin-bottom: .5125em
}

.filepond--root[data-style-panel-layout~=circle] .filepond--progress-indicator[data-align*=bottom][data-align*=center] {
    margin-bottom: .1875em;
    margin-left: .1875em;
    margin-top: 0
}

/*!
 * Toastify js 1.11.2
 * https://github.com/apvarun/toastify-js
 * @license MIT licensed
 *
 * Copyright (C) 2018 Varun A P
 */
.toastify {
    background: linear-gradient(135deg, #73a5ff, #5477f5);
    border-radius: 2px;
    box-shadow: 0 3px 6px -1px rgba(0, 0, 0, .12), 0 10px 36px -4px rgba(77, 96, 232, .3);
    color: #fff;
    cursor: pointer;
    display: inline-block;
    max-width: calc(50% - 20px);
    opacity: 0;
    padding: 12px 20px;
    position: fixed;
    text-decoration: none;
    transition: all .4s cubic-bezier(.215, .61, .355, 1);
    z-index: 2147483647
}

.toastify.on {
    opacity: 1
}

.toast-close {
    opacity: .4;
    padding: 0 5px
}

.toastify-right {
    right: 15px
}

.toastify-left {
    left: 15px
}

.toastify-top {
    top: -150px
}

.toastify-bottom {
    bottom: -150px
}

.toastify-rounded {
    border-radius: 25px
}

.toastify-avatar {
    border-radius: 2px;
    height: 1.5em;
    margin: -7px 5px;
    width: 1.5em
}

.toastify-center {
    left: 0;
    margin-left: auto;
    margin-right: auto;
    max-width: -webkit-fit-content;
    max-width: fit-content;
    max-width: -moz-fit-content;
    right: 0
}

@media only screen and (max-width:360px) {
    .toastify-left, .toastify-right {
        left: 0;
        margin-left: auto;
        margin-right: auto;
        max-width: -webkit-fit-content;
        max-width: -moz-fit-content;
        max-width: fit-content;
        right: 0
    }
}