:root {
    --pb-theme-bg: #ffffff;
    --pb-theme-bg-fade: #ffffff85;
    --pb-theme-text: #000000;
    --pb-theme-border: #707070;
    --pb-slider-scrollbar-track: #e5e5e5;
    --pb-slider-scrollbar-thumb: #000000;
    --pb-btn-color-light: #000000;
    --pb-btn-color-dark: #ffffff;
    --pb-theme-text-alt: #000000;
    --progress-fill-percent: 0%;
    --pb-theme-card-bg: #ffffff60;
    --pb-theme-border-opacity: #70707030;
    --tag-color: #ebebeb
}

[data-theme=light] {
    --pb-theme-bg: #ffffff;
    --pb-theme-bg-fade: #ffffff85;
    --pb-theme-text: #000000;
    --pb-theme-border: #707070;
    --pb-slider-scrollbar-track: #e5e5e5;
    --pb-slider-scrollbar-thumb: #000000;
    --pb-btn-color-light: #000000;
    --pb-btn-color-dark: #ffffff;
    --pb-theme-text-alt: #000000;
    --progress-fill-percent: 0%;
    --pb-theme-card-bg: #ffffff60;
    --pb-theme-border-opacity: #70707030;
    --tag-color: #ebebeb
}

[data-theme=dark] {
    --pb-theme-bg: #000000;
    --pb-theme-bg-fade: #00000085;
    --pb-theme-text: #ffffff;
    --pb-theme-border: #ffffff;
    --pb-slider-scrollbar-track: #ffffff;
    --pb-slider-scrollbar-thumb: #e3000f;
    --pb-btn-color-light: #ffffff;
    --pb-btn-color-dark: #000000;
    --pb-theme-text-alt: #e5e5e5;
    --pb-theme-card-bg: #00000060;
    --pb-theme-border-opacity: #ffffff30;
    --tag-color: #323241
}

[data-theme=light-grey] {
    --pb-theme-bg: #f5f5f5;
    --pb-theme-bg-fade: #f5f5f585;
    --pb-theme-text: #000000;
    --pb-theme-border: #707070;
    --pb-slider-scrollbar-track: #e5e5e5;
    --pb-slider-scrollbar-thumb: #000000;
    --pb-btn-color-light: #000000;
    --pb-btn-color-dark: #ffffff;
    --pb-theme-text-alt: #000000;
    --pb-theme-card-bg: #f5f5f560;
    --pb-theme-border-opacity: #70707030;
    --tag-color: #ebebeb
}

[data-theme=dark-grey] {
    --pb-theme-bg: #747474;
    --pb-theme-bg-fade: #74747485;
    --pb-theme-text: #ffffff;
    --pb-theme-border: #ffffff;
    --pb-slider-scrollbar-track: #e5e5e5;
    --pb-slider-scrollbar-thumb: #000000;
    --pb-btn-color-light: #ffffff;
    --pb-btn-color-dark: #000000;
    --pb-theme-text-alt: #e5e5e5;
    --pb-theme-card-bg: #74747460;
    --pb-theme-border-opacity: #ffffff30;
    --tag-color: #ebebeb
}

[data-theme=creme] {
    --pb-theme-bg: #dbd6d2;
    --pb-theme-bg-fade: #dbd6d285;
    --pb-theme-text: #000000;
    --pb-theme-border: #504740;
    --pb-slider-scrollbar-track: #e5e5e5;
    --pb-slider-scrollbar-thumb: #000000;
    --pb-btn-color-light: #000000;
    --pb-btn-color-dark: #ffffff;
    --pb-theme-text-alt: #000000;
    --pb-theme-card-bg: #dbd6d260;
    --pb-theme-border-opacity: #50474030;
    --tag-color: #ebebeb
}

.pb-works-gallery__card {
    -webkit-user-select: none;
    user-select: none
}

.pb-works-gallery__card {
    margin-bottom: 98px;
    position: relative
}

@media screen and (max-width:1199.98px) {
    .pb-works-gallery__card {
        margin-bottom: 70px
    }
}

@media screen and (max-width:991.98px) {
    .pb-works-gallery__card {
        margin-bottom: 40px
    }
}

.pb-works-gallery__cardLink {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

@media screen and (min-width:1400px) {
    .pb-works-gallery__cardLink:hover~.pb-works-gallery__cardTitle>span {
        line-height: 1
    }

    .pb-works-gallery__cardLink:hover~.pb-works-gallery__cardTitle>span .word {
        animation: linkSlideUp 0.3s cubic-bezier(0.54, 0.01, 0.49, 0.97) calc(var(--word-index) * 0.1s) 1 forwards
    }
}

.pb-works-gallery__cardImage {
    margin-bottom: 30px !important;
    pointer-events: none
}

.pb-works-gallery__cardImage img {
    width: 100%
}

.pb-works-gallery__cardTitle {
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.5;
    color: var(--pb-theme-text);
    margin-bottom: 6px;
    transition: 0.3s ease-in-out color;
    overflow: hidden;
    display: inline-block;
    position: relative;
    pointer-events: none
}

.pb-works-gallery__cardTitle:after {
    content: "";
    width: 100%;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: var(--pb-theme-text)
}

.pb-works-gallery__cardTitle span.whitespace {
    display: unset
}

.pb-works-gallery__cardDescription {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1;
    color: var(--pb-theme-text);
    margin-bottom: 0
}

.pb-works-gallery__cardDescription span {
    position: relative
}

.pb-works-gallery__cardDescription span:not(:last-child) {
    padding-right: 15px
}

.pb-works-gallery__cardDescription span:not(:last-child):after {
    content: "/";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    transition: 1s cubic-bezier(0.45, 0.64, 0.31, 0.82) all
}

.pb-works-gallery__cardDescription span:not(:first-child) {
    padding-left: 5px
}

.pb-works-gallery__cardDescription span a {
    text-decoration: none;
    color: inherit;
    transition: 1s cubic-bezier(0.45, 0.64, 0.31, 0.82) all
}

.pb-works-gallery__cardDescription span a:hover {
    opacity: 0.4
}

.pb-works-gallery>.row {
    margin: 0 -64px
}

@media screen and (max-width:1199.98px) {
    .pb-works-gallery>.row {
        margin: 0 35px
    }
}

@media screen and (max-width:991.98px) {
    .pb-works-gallery>.row {
        margin: 0 -12px
    }
}

.pb-works-gallery>.row>div {
    padding: 0 64px
}

@media screen and (max-width:1199.98px) {
    .pb-works-gallery>.row>div {
        padding: 0 35px
    }
}

@media screen and (max-width:991.98px) {
    .pb-works-gallery>.row>div {
        padding: 0 12px
    }
}

.pb-works-gallery>.row>div:last-child .pb-works-gallery__card {
    margin-bottom: 0
}

.pb-works-gallery+* .button-magnetic {
    display: inline-block;
    padding: 40px;
    margin: -40px
}

@media screen and (min-width:1400px) {
    .pb-works-gallery+* .button-magnetic:hover .pb-btn {
        color: var(--pb-theme-bg) !important
    }

    .pb-works-gallery+* .button-magnetic:hover .pb-btn:before {
        transform: translate(0px, 0%)
    }
}

.pb-works-gallery+* .pb-btn {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1;
    width: max-content;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none
}

@media screen and (min-width:1400px) {
    .pb-works-gallery+* .pb-btn {
        text-decoration: none
    }

    .pb-works-gallery+* .pb-btn:hover {
        text-decoration: none
    }
}

@media screen and (max-width:767.98px) {
    .pb-works-gallery+* .pb-btn {
        font-size: 0.875rem
    }

    .pb-works-gallery+* .pb-btn-arrow svg {
        height: 11px
    }
}

.pb-works-gallery+* .pb-btn-arrow span {
    margin-left: 8px
}

.pb-works-gallery+* .pb-btn-arrow span svg path {
    fill: currentColor
}

.pb-works-gallery+* .pb-btn:not(.pb-btn-link) {
    padding: 0 34px;
    height: 62px;
    border-radius: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    box-sizing: border-box
}

@media screen and (max-width:767.98px) {
    .pb-works-gallery+* .pb-btn:not(.pb-btn-link) {
        height: 55px
    }
}

.pb-works-gallery+* .pb-btn:not(.pb-btn-link) span.arrow {
    display: flex;
    overflow: hidden;
    align-items: center;
    margin-left: 8px
}

.pb-works-gallery+* .pb-btn:not(.pb-btn-link) span.arrow svg path {
    fill: currentColor
}

@media screen and (min-width:1400px) {
    .pb-works-gallery+* .pb-btn:not(.pb-btn-link):hover span.arrow svg {
        transform: translateX(0) translateY(0) scale(1.1)
    }
}

.pb-works-gallery+* .pb-btn:not(.pb-btn-link) svg {
    vertical-align: super
}

.pb-works-gallery+* .pb-btn:not(.pb-btn-link) .text {
    display: inline-block;
    pointer-events: initial;
    position: relative
}

.pb-works-gallery+* .pb-btn:not(.pb-btn-link):before {
    content: "";
    display: inline-block;
    background: var(--pb-theme-text);
    position: absolute;
    width: 150%;
    height: 200%;
    border-radius: 50%;
    top: -50%;
    left: -25%;
    transform: translate3d(0, 75%, 0);
    transition: transform 0.3s ease
}

@media screen and (min-width:1400px) {
    .pb-works-gallery+* .pb-btn:not(.pb-btn-link):hover svg {
        animation: linkArrowAnim 0.7s ease-in-out
    }

    .pb-works-gallery+* .pb-btn:not(.pb-btn-link):hover .text {
        color: var(--pb-theme-bg)
    }

    .pb-works-gallery+* .pb-btn:not(.pb-btn-link):hover:before {
        transform: translate(0px, 0%)
    }
}

.pb-works-gallery+* .pb-btn-outline-theme {
    color: var(--pb-btn-color-light) !important;
    border-color: var(--pb-btn-color-light) !important
}

@media screen and (min-width:1400px) {
    .pb-works-gallery+* .pb-btn-outline-theme:hover {
        color: var(--pb-btn-color-dark) !important
    }
}

@media screen and (min-width:1400px) {
    .pb-works-gallery+* .pb-btn-outline-theme.pb-btn-arrow:hover {
        color: var(--pb-btn-color-dark) !important
    }
}

.pb-works-gallery+* .pb-btn-outline-theme {
    background-size: 100% 300%;
    background-position-y: 100%;
    border-width: 1px;
    border-style: solid
}

@keyframes linkSlideUp {
    0% {
        transform: translateY(0);
        opacity: 1
    }

    33% {
        transform: translateY(-100%);
        opacity: 1
    }

    34% {
        transform: translateY(-100%);
        opacity: 0
    }

    65% {
        transform: translateY(100%);
        opacity: 0
    }

    66% {
        transform: translateY(100%);
        opacity: 1
    }

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