/**
 * Copyright (c) 2024 Ethoca
 * All Rights Reserved.
 * No part of this software may be reproduced, stored, used, modified or transmitted in any form or in any means
 * (including without limitation, electronic, mechanical, photocopying, recording or otherwise) without the prior
 * express written consent of Ethoca which may be withheld in Ethoca's sole and absolute discretion.
 */
@keyframes animate-pop {
    0% {
        transform: scale(1)
    }

    30% {
        transform: scale(1.3)
    }

    80% {
        transform: scale(.8)
    }

    to {
        transform: scale(1)
    }
}

@keyframes animate-moveup {
    0% {
        top: 2.5rem;
        opacity: 0
    }

    to {
        top: 0;
        opacity: 1
    }
}

@keyframes animate-moveup-3d {
    0% {
        top: 5rem;
        opacity: 0;
        transform: perspective(600px) rotateX(-40deg) rotateY(0deg) rotate(0deg)
    }

    to {
        top: 0;
        opacity: 1;
        transform: perspective(600px) rotateX(0deg) rotateY(0deg) rotate(0deg)
    }
}

@keyframes animate-moveleft-3d {
    0% {
        left: -5rem;
        opacity: 0;
        transform: perspective(600px) rotateX(0deg) rotateY(-40deg) rotate(0deg)
    }

    to {
        left: 0;
        opacity: 1;
        transform: perspective(600px) rotateX(0deg) rotateY(0deg) rotate(0deg)
    }
}

@keyframes animate-moveright-3d {
    0% {
        right: -5rem;
        opacity: 0;
        transform: perspective(600px) rotateX(0deg) rotateY(40deg) rotate(0deg)
    }

    to {
        right: 0;
        opacity: 1;
        transform: perspective(600px) rotateX(0deg) rotateY(0deg) rotate(0deg)
    }
}

@keyframes animate-movedown-3d {
    0% {
        top: -5rem;
        opacity: 0;
        transform: perspective(600px) rotateX(40deg) rotateY(0deg) rotate(0deg)
    }

    to {
        top: 0;
        opacity: 1;
        transform: perspective(600px) rotateX(0deg) rotateY(0deg) rotate(0deg)
    }
}

@keyframes animate-clip-circle {
    0% {
        clip-path: circle(20% at 50% 50%)
    }

    to {
        clip-path: circle(100% at 50% 50%)
    }
}

@keyframes animate-fade-out {
    0% {
        opacity: 1
    }

    70% {
        opacity: 0;
        transform: scale(2)
    }

    75% {
        opacity: 0;
        transform: scale(.5)
    }

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

@keyframes animate-fade-in-zoom {
    0% {
        opacity: 0;
        transform: scale(2)
    }

    75% {
        opacity: 1;
        transform: scale(.5)
    }

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

@keyframes animate-forwardmore {
    to {
        transform: translateX(2.75rem)
    }
}

@keyframes animate-forwardmedium {
    to {
        transform: translateX(1.5rem)
    }
}

@keyframes animate-forwardless {
    to {
        transform: translateX(.5rem)
    }
}

@keyframes animate-backwardmore {
    to {
        transform: translateX(-2.75rem)
    }
}

@keyframes animate-backwardmedium {
    to {
        transform: translateX(-1.5rem)
    }
}

@keyframes animate-backwardless {
    to {
        transform: translateX(-.5rem)
    }
}

@keyframes animate-rotate_45 {
    to {
        transform: rotate(45deg)
    }
}

@keyframes animate-rotate_90 {
    to {
        transform: rotate(90deg)
    }
}

@keyframes animate-rotate_135 {
    to {
        transform: rotate(135deg)
    }
}

@keyframes animate-rotate_180 {
    to {
        transform: rotate(180deg)
    }
}

@keyframes animate-rotate_225 {
    to {
        transform: rotate(225deg)
    }
}

@keyframes animate-rotate_270 {
    to {
        transform: rotate(270deg)
    }
}

@keyframes animate-rotate_315 {
    to {
        transform: rotate(315deg)
    }
}

@keyframes animate-rotate_360 {
    to {
        transform: rotate(1turn)
    }
}

@keyframes animate-grow {
    to {
        transform: scale(1.05)
    }
}

@keyframes animate-shrink {
    to {
        transform: scale(.8)
    }
}

@keyframes animate-flash {
    0%,to {
        opacity: 1
    }

    50% {
        opacity: .3
    }
}

@keyframes animate-pulse {
    25% {
        transform: scale(1.05)
    }

    75% {
        transform: scale(.8)
    }
}

@keyframes animate-pulsegrow {
    25% {
        transform: scale(1.05)
    }

    75% {
        transform: scale(1)
    }
}

@keyframes animate-pulseshrink {
    25% {
        transform: scale(.8)
    }

    75% {
        transform: scale(1)
    }
}

@keyframes animate-push {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(.8)
    }

    to {
        transform: scale(1)
    }
}

@keyframes animate-wobblehorizontal {
    0% {
        transform: translateX(.5rem)
    }

    25% {
        transform: translateX(-6px)
    }

    50% {
        transform: translateX(.25rem)
    }

    75% {
        transform: translateX(-2px)
    }

    to {
        transform: translateX(0)
    }
}

@keyframes animate-wobblevertical {
    0% {
        transform: translateY(.5rem)
    }

    25% {
        transform: translateY(-6px)
    }

    50% {
        transform: translateY(.25rem)
    }

    75% {
        transform: translateY(-2px)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes animate-wobblebottomright {
    0% {
        transform: translate(.5rem,.5rem)
    }

    25% {
        transform: translate(-6px,-6px)
    }

    50% {
        transform: translate(.25rem,.25rem)
    }

    75% {
        transform: translate(-2px,-2px)
    }

    to {
        transform: translate(0)
    }
}

@keyframes animate-wobbletopright {
    0% {
        transform: translate(.5rem,-.5rem)
    }

    25% {
        transform: translate(-6px,6px)
    }

    50% {
        transform: translate(.25rem,-.25rem)
    }

    75% {
        transform: translate(-2px,2px)
    }

    to {
        transform: translate(0)
    }
}

@keyframes animate-wobbletop {
    0% {
        transform: skew(16deg)
    }

    25% {
        transform: skew(-12deg)
    }

    50% {
        transform: skew(8deg)
    }

    75% {
        transform: skew(-.25rem)
    }

    to {
        transform: skew(0)
    }
}

@keyframes animate-buzz {
    25% {
        transform: skew(5deg) translateX(5px)
    }

    75% {
        transform: skew(-5deg) translateX(-5px)
    }
}

@keyframes animate-hang {
    0% {
        transform: translateY(.75rem)
    }

    50% {
        transform: translateY(.625rem)
    }

    to {
        transform: translateY(.75rem)
    }
}

@keyframes animate-bob {
    0% {
        transform: translateY(-.75rem)
    }

    50% {
        transform: translateY(-.5rem)
    }

    to {
        transform: translateY(-.75rem)
    }
}

@keyframes animate-slideoutdown {
    to {
        transform: translateY(100px);
        opacity: 0
    }
}

@keyframes animate-slideoutleft {
    to {
        transform: translateX(-200px);
        opacity: 0
    }
}

@keyframes animate-slideoutright {
    to {
        transform: translateX(200px);
        opacity: 0
    }
}

@keyframes animate-slideouttop {
    to {
        transform: translateY(-100px);
        opacity: 0
    }
}

@keyframes animate-slideindown {
    0% {
        transform: translateY(-100px);
        opacity: 0
    }
}

@keyframes animate-slideinleft {
    0% {
        transform: translateX(-100px);
        opacity: 0
    }
}

@keyframes animate-slideinright {
    0% {
        transform: translateX(100px);
        opacity: 0
    }
}

@keyframes animate-slideintop {
    0% {
        transform: translateY(100px);
        opacity: 0
    }
}

@keyframes animate-zoomin {
    0%,25% {
        opacity: 0
    }

    50% {
        transform: scale(.3)
    }

    to {
        transform: scale(1)
    }
}

@keyframes animate-zoomindown {
    0%,25% {
        opacity: 0
    }

    50% {
        transform: scale(.3) translateY(-400px)
    }

    to {
        transform: scale(1)
    }
}

@keyframes animate-zoominleft {
    0%,25% {
        opacity: 0
    }

    50% {
        transform: scale(.3) translateX(-400px)
    }

    to {
        transform: scale(1)
    }
}

@keyframes animate-zoominright {
    0%,25% {
        opacity: 0
    }

    50% {
        transform: scale(.3) translateX(400px)
    }

    to {
        transform: scale(1)
    }
}

@keyframes animate-zoomintop {
    0%,25% {
        opacity: 0
    }

    50% {
        transform: scale(.3) translateY(400px)
    }

    to {
        transform: scale(1)
    }
}

@keyframes animate-zoomout {
    to {
        transform: scale(.3)
    }
}

@keyframes animate-zoomoutdown {
    50% {
        transform: scale(.5)
    }

    to {
        transform: scale(.1) translateY(500px);
        opacity: 0
    }
}

@keyframes animate-zoomoutleft {
    50% {
        transform: scale(.5)
    }

    to {
        transform: scale(.1) translateX(-700px);
        opacity: 0
    }
}

@keyframes animate-zoomoutright {
    50% {
        transform: scale(.5)
    }

    to {
        transform: scale(.1) translateX(700px);
        opacity: 0
    }
}

@keyframes animate-zoomouttop {
    50% {
        transform: scale(.5)
    }

    to {
        transform: scale(.1) translateY(-700px);
        opacity: 0
    }
}

@keyframes animate-rotateout {
    to {
        transform: rotate(270deg);
        opacity: 0
    }
}

@keyframes animate-rotatein {
    0% {
        transform: rotate(270deg);
        opacity: 0
    }
}

@keyframes animate-fadein {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes animate-fadeout {
    to {
        opacity: 0
    }
}

@keyframes animate-fadeoutdown {
    to {
        transform: translateY(200px);
        opacity: 0
    }
}

@keyframes animate-fadeoutleft {
    to {
        transform: translateX(-200px);
        opacity: 0
    }
}

@keyframes animate-fadeoutright {
    to {
        transform: translateX(200px);
        opacity: 0
    }
}

@keyframes animate-fadeouttop {
    to {
        transform: translateY(-200px);
        opacity: 0
    }
}

@keyframes animate-fadeouttopleft {
    to {
        transform: translateY(-200px) translateX(-200px);
        opacity: 0
    }
}

@keyframes animate-fadeouttopright {
    to {
        transform: translateY(-200px) translateX(200px);
        opacity: 0
    }
}

@keyframes animate-fadeoutbottomleft {
    to {
        transform: translateY(200px) translateX(-200px);
        opacity: 0
    }
}

@keyframes animate-fadeoutbottomright {
    to {
        transform: translateY(200px) translateX(200px);
        opacity: 0
    }
}

@keyframes animate-bounceinleft {
    0% {
        opacity: 0;
        transform: translateX(-400px)
    }

    40% {
        opacity: 1;
        transform: translateX(50px)
    }

    60% {
        transform: translate(-50px)
    }

    to {
        transform: translate(0)
    }
}

@keyframes animate-bounceinright {
    0% {
        opacity: 0;
        transform: translateX(400px)
    }

    60% {
        opacity: 1;
        transform: translateX(-50px)
    }

    80% {
        transform: translateX(50px)
    }

    to {
        transform: translate(0)
    }
}

@keyframes animate-bounceintop {
    0% {
        opacity: 0;
        transform: translateY(200px)
    }

    60% {
        opacity: 1;
        transform: translateY(-50px)
    }

    80% {
        transform: translateY(50px)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes animate-bounceinbottom {
    0% {
        opacity: 0;
        transform: translateY(-200px)
    }

    60% {
        opacity: 1;
        transform: translateY(50px)
    }

    80% {
        transform: translateY(-50px)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes animate-journal {
    0% {
        transform: scale(.1) rotate(180deg)
    }

    to {
        transform: scale(1)
    }
}

.dxp .dxp-theme-white .column-item-link,.dxp .dxp-theme-white .visit-link {
    display: inline-block;
    text-decoration: none;
    height: 30px;
    width: auto;
    position: relative;
    line-height: 1.875rem;
    font-size: 1rem;
    font-weight: 500;
    margin-top: 16px;
    cursor: pointer
}

.dxp .dxp-theme-white .column-item-link:after,.dxp .dxp-theme-white .visit-link:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 5px;
    right: 0;
    width: 52px;
    height: 20px
}

.dxp .dxp-theme-white .column-item-link:hover,.dxp .dxp-theme-white .visit-link:hover {
    text-decoration: none
}

.dxp .dxp-theme-white .column-item-link:before,.dxp .dxp-theme-white .visit-link:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 5px;
    left: 0;
    width: 52px;
    height: 20px
}

.dxp .dxp-theme-white .column-item-link,.dxp .dxp-theme-white .visit-link {
    color: #000;
    padding-right: 32px
}

.dxp .dxp-theme-white .column-item-link:hover,.dxp .dxp-theme-white .visit-link:hover {
    color: #628020
}

.dxp .dxp-theme-white .column-item-link:focus,.dxp .dxp-theme-white .visit-link:focus {
    color: #000
}

.dxp .dxp-theme-white .single-link.column-item-link,.dxp .dxp-theme-white .single-link.visit-link {
    padding-right: 24px
}

.dxp .dxp-theme-white .inactive.column-item-link,.dxp .dxp-theme-white .inactive.visit-link {
    color: #777470
}

.dxp.dxp-theme-white .globe-wrapper,.dxp .dxp-theme-white .globe-wrapper {
    font-size: 1.5rem
}

.dxp.dxp-theme-white .add-icon,.dxp .dxp-theme-white .add-icon {
    font-size: .55rem;
    color: #628020;
    margin-left: .25rem
}

.dxp.dxp-theme-white .add-icon:before,.dxp .dxp-theme-white .add-icon:before {
    content: "\e954"
}

.dxp.dxp-theme-white .remove-icon,.dxp .dxp-theme-white .remove-icon {
    font-size: .55rem;
    color: #628020;
    margin-left: .25rem
}

.dxp.dxp-theme-white .remove-icon:before,.dxp .dxp-theme-white .remove-icon:before {
    content: "\e902"
}

.dxp.dxp-theme-white .app-icon,.dxp .dxp-theme-white .app-icon {
    font-size: .55rem;
    margin-left: .25rem;
    color: #141413
}

.dxp.dxp-theme-white .app-icon:before,.dxp .dxp-theme-white .app-icon:before {
    content: "\e907"
}

.dxp.dxp-theme-white .favourite-icon,.dxp .dxp-theme-white .favourite-icon {
    font-size: .55rem;
    margin-left: .25rem;
    color: #628020
}

.dxp.dxp-theme-white .favourite-icon:before,.dxp .dxp-theme-white .favourite-icon:before {
    content: "\e94c"
}

.dxp.dxp-theme-white .un-favourite-icon,.dxp .dxp-theme-white .un-favourite-icon {
    font-size: .55rem;
    margin-left: .25rem;
    color: #628020
}

.dxp.dxp-theme-white .un-favourite-icon:before,.dxp .dxp-theme-white .un-favourite-icon:before {
    content: "\e94d"
}

.dxp.dxp-theme-white .report-icon,.dxp .dxp-theme-white .report-icon {
    font-size: .55rem;
    margin-left: .25rem;
    color: #628020
}

.dxp.dxp-theme-white .report-icon:before,.dxp .dxp-theme-white .report-icon:before {
    content: "\e945"
}

.dxp.dxp-theme-white .reference-icon,.dxp .dxp-theme-white .reference-icon {
    font-size: .55rem;
    margin-left: .25rem;
    color: #628020
}

.dxp.dxp-theme-white .reference-icon:before,.dxp .dxp-theme-white .reference-icon:before {
    content: "\e98c"
}

.dxp.dxp-theme-white .product-icon,.dxp .dxp-theme-white .product-icon {
    font-size: .55rem;
    margin-left: .25rem;
    color: #628020
}

.dxp.dxp-theme-white .product-icon:before,.dxp .dxp-theme-white .product-icon:before {
    content: "\e943"
}

.dxp.dxp-theme-white .pending-icon,.dxp .dxp-theme-white .pending-icon {
    font-size: .55rem;
    margin-left: .25rem;
    color: #ffc61e
}

.dxp.dxp-theme-white .pending-icon:before,.dxp .dxp-theme-white .pending-icon:before {
    content: "\e951"
}

.dxp.dxp-theme-white .dxp-icon-search,.dxp .dxp-theme-white .dxp-icon-search {
    color: #141413
}

.dxp.dxp-theme-white .success-circle-md-green,.dxp .dxp-theme-white .success-circle-md-green {
    font-size: 1.25rem;
    color: #628020
}

.dxp.dxp-theme-white .success-circle-md-green:before,.dxp .dxp-theme-white .success-circle-md-green:before {
    content: "\e954"
}

.dxp.dxp-theme-white .lock-circle-md-g,.dxp .dxp-theme-white .lock-circle-md-g {
    font-size: 1.25rem;
    color: #c4c0bb
}

.dxp.dxp-theme-white .lock-circle-md-g:before,.dxp .dxp-theme-white .lock-circle-md-g:before {
    content: "\e97b"
}

.dxp.dxp-theme-white .pending-clock-md-g,.dxp .dxp-theme-white .pending-clock-md-g {
    font-size: 1.25rem;
    color: #c4c0bb
}

.dxp.dxp-theme-white .pending-clock-md-g:before,.dxp .dxp-theme-white .pending-clock-md-g:before {
    content: "\e982"
}

.dxp.dxp-theme-white .pending-circle-md-yellow,.dxp .dxp-theme-white .pending-circle-md-yellow {
    font-size: 1.25rem;
    color: #ffc61e
}

.dxp.dxp-theme-white .pending-circle-md-yellow:before,.dxp .dxp-theme-white .pending-circle-md-yellow:before {
    content: "\e982"
}

.dxp.dxp-theme-white .arrow-right-circle-md-b,.dxp .dxp-theme-white .arrow-right-circle-md-b {
    font-size: 1.25rem;
    color: #141413
}

.dxp.dxp-theme-white .arrow-right-circle-md-b:before,.dxp .dxp-theme-white .arrow-right-circle-md-b:before {
    content: "\e965"
}

.dxp.dxp-theme-white .warning-circle-md-o,.dxp .dxp-theme-white .warning-circle-md-o {
    font-size: 1.25rem;
    color: #d1282d
}

.dxp.dxp-theme-white .warning-circle-md-o:before,.dxp .dxp-theme-white .warning-circle-md-o:before {
    content: "\e904"
}

.dxp.dxp-theme-white .cross-circle-md-red,.dxp .dxp-theme-white .cross-circle-md-red {
    font-size: 1.25rem;
    color: #d1282d
}

.dxp.dxp-theme-white .cross-circle-md-red:before,.dxp .dxp-theme-white .cross-circle-md-red:before {
    content: "\e914"
}

.dxp.dxp-theme-white .cross-circle-md-b,.dxp .dxp-theme-white .cross-circle-md-b {
    font-size: 1.25rem;
    color: #141413
}

.dxp.dxp-theme-white .cross-circle-md-b:before,.dxp .dxp-theme-white .cross-circle-md-b:before {
    content: "\e914"
}

.dxp.dxp-theme-white .issue-circle-md-o,.dxp .dxp-theme-white .issue-circle-md-o {
    font-size: 1.25rem;
    color: #f38b00
}

.dxp.dxp-theme-white .issue-circle-md-o:before,.dxp .dxp-theme-white .issue-circle-md-o:before {
    content: "\e978"
}

.dxp.dxp-theme-white .error-outlined-md-red,.dxp .dxp-theme-white .error-outlined-md-red {
    font-size: 1.25rem;
    color: #d1282d
}

.dxp.dxp-theme-white .error-outlined-md-red:before,.dxp .dxp-theme-white .error-outlined-md-red:before {
    content: "\e962"
}

.dxp.dxp-theme-white .warning-md-red,.dxp .dxp-theme-white .warning-md-red {
    font-size: 1.25rem;
    color: #d1282d
}

.dxp.dxp-theme-white .warning-md-red:before,.dxp .dxp-theme-white .warning-md-red:before {
    content: "\e904"
}

.dxp.dxp-theme-white .application-sm-w,.dxp .dxp-theme-white .application-sm-w {
    font-size: 1.25rem;
    color: #f38b00
}

.dxp.dxp-theme-white .application-sm-w:before,.dxp .dxp-theme-white .application-sm-w:before {
    content: "\e907"
}

.dxp .dxp-theme-white {
    color: #141413;
    background-color: #fff
}

.dxp .dxp-theme-white.dxp-transparent {
    background-color: transparent
}

.dxp .dxp-theme-white .dxp-eyebrow-lg,.dxp .dxp-theme-white .dxp-eyebrow-sm,.dxp .dxp-theme-white .dxp-text-eyebrow,.dxp .dxp-theme-white .dxp-title-eyebrow {
    color: #444340
}

.dxp .dxp-theme-white select {
    color: #141413;
    background-color: #fff;
    border: 1px solid #96918b
}

.dxp .dxp-theme-white select:active,.dxp .dxp-theme-white select:focus {
    color: #141413;
    box-shadow: 0 2px 5px 0 #000;
    border-color: #444340;
    outline: none
}

.dxp .dxp-theme-white select:disabled {
    color: #c4c0bb;
    border: 1px solid #c4c0bb
}

.dxp .dxp-theme-white select option {
    color: #141413
}

.dxp .dxp-theme-white a {
    color: #628020
}

.dxp .dxp-theme-white .dxp-field-error {
    border: 1px solid #d7373c!important;
    outline: none
}

.dxp .dxp-theme-white .dxp-error {
    color: #d7373c;
    font-size: .875rem;
    line-height: .94rem;
    margin: .5rem 0 .25rem;
    word-break: break-word
}

.dxp .dxp-theme-white .dxp-color-error {
    color: #d7373c
}

.dxp .dxp-theme-white .dxp-color-primary {
    color: #628020
}

.dxp .dxp-theme-white .dxp-color-success {
    color: #628020
}

.dxp .dxp-theme-white .dxp-color-warning {
    color: #d1282d
}

.dxp .dxp-theme-white .dxp-color-info {
    color: #ffc61f
}

.dxp .dxp-theme-white .dxp-color-active,.dxp .dxp-theme-white .dxp-color-highlight {
    color: #628020
}

.dxp .dxp-theme-white .dxp-color-hover {
    color: #852d01
}

.dxp .dxp-theme-white .dxp-color-focus {
    color: #628020
}

.dxp .dxp-theme-white .dxp-color-disabled {
    color: #777470
}

.dxp .dxp-theme-white .dxp-color-text {
    color: #141413
}

.dxp .dxp-theme-white .dxp-required {
    color: #d7373c
}

.dxp .dxp-theme-white .dxp-disabled {
    color: #777470
}

.dxp .dxp-theme-white .dxp-dropdown-container .input-label {
    color: #3b3935
}

.dxp .dxp-theme-white .dxp-dropdown-container .dxp-dropdown-button {
    color: #000;
    border: 1px solid #000
}

.dxp .dxp-theme-white .dxp-dropdown-container .dxp-dropdown-button:focus {
    background-color: #fff
}

.dxp .dxp-theme-white .dxp-list-container {
    border: 1px solid #000;
    background: #fff
}

.dxp .dxp-theme-white .dxp-dropdown-list li:after {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc
}

.dxp .dxp-theme-white .dxp-dropdown-list li.active,.dxp .dxp-theme-white .dxp-dropdown-list li:focus,.dxp .dxp-theme-white .dxp-dropdown-list li:hover {
    background-color: #f6f3ef
}

.dxp .dxp-theme-white .overlay-content.white-block,.dxp .dxp-theme-white .video-content.white-block {
    color: #141414;
    background: hsla(0,0%,100%,.8)
}

@media (min-width: 992px) {
    .dxp .dxp-theme-white .dxp-scrollable {
        scrollbar-color:#d5d1c9 #141413
    }

    .dxp .dxp-theme-white .dxp-scrollable::-webkit-scrollbar-track {
        background-color: #141413
    }

    .dxp .dxp-theme-white .dxp-scrollable::-webkit-scrollbar-thumb {
        background-color: #d5d1c9
    }
}