.wp-block #tbLoadingOverlay {
    display: none !important;
}

#tbCreationForm {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    -moz-column-gap: 2.5rem;
         column-gap: 2.5rem;
}

@media (min-width: 1024px) {

    #tbCreationForm {
        flex-direction: row;
    }
}

.tbCardTextContainer {
    margin-bottom: 1.5rem;
    flex-basis: 100%;
}

@media (min-width: 1024px) {

    .tbCardTextContainer {
        margin-bottom: 0px;
        flex-basis: 40%;
    }
}

.tbCardImageContainer {
    display: flex;
    flex: 1 1 0%;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 1rem;
}

@media (min-width: 768px) {

    .tbCardImageContainer {
        flex-direction: row;
    }
}

.tbCardFooterContainer {
    display: flex;
    flex-basis: 100%;
    justify-content: center;
    gap: 1rem;
}

@media (min-width: 768px) {

    .tbCardFooterContainer {
        margin-top: -42px;
        max-width: 50%;
        justify-content: flex-start;
    }
}

.tbCardUpload {
    margin-top: 0.5rem;
    margin-bottom: 1rem;
    display: flex;
    flex-basis: 100%;
    justify-content: center;
}

@media (min-width: 768px) {

    .tbCardUpload {
        margin-bottom: 0px;
        justify-content: flex-end;
    }
}

.tbFormToolBar {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    display: flex;
    flex-basis: 100%;
    justify-content: center;
    gap: 1rem;
}

@media (min-width: 1024px) {

    .tbFormToolBar {
        margin-top: 1.5rem;
        margin-bottom: 0px;
    }
}

.tbCardFormHeading {
    margin-bottom: 1rem;
}

.tbCardDescriptionLabel {
    margin-bottom: 0.5rem;
}

#tbFreeamountText {
    margin-top: 1.25rem;
}

#tbFreeamount {
    margin-bottom: 1.25rem;
}

#tbProductDescription {
    margin-top: 1.25rem;
    display: none;
    min-height: 90px;
    width: 100%;
    resize: none;
    border-style: none !important;
    padding: 0px !important;
}

#tbCreationForm button,
.tbFormToolBar button {
    border-width: 1px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgba(var(--black-lighter) , var(--tw-border-opacity, 1));
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

#tbCreationForm button::before,
.tbFormToolBar button::before {
    content: var(--tw-content);
    display: none;
}

@media (min-width: 640px) {

    #tbCreationForm button,
.tbFormToolBar button {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
        padding-top: 0.625rem;
        padding-bottom: 0.625rem;
    }
}

@media (min-width: 1280px) {

    #tbCreationForm button:hover,
.tbFormToolBar button:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(var(--black-lighter) , var(--tw-bg-opacity, 1));
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    }
}

#tbCreationForm button,
.tbFormToolBar button {
    font-size: clamp(0.75rem, 0.172vw + 0.706rem, 0.875rem);
}

#tbCreationForm #tbDibsPaymentBtn,
.tbFormToolBar #tbDibsPaymentBtn {
    --tw-border-opacity: 1;
    border-color: rgba(var(--cta) , var(--tw-border-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: rgba(var(--cta) , var(--tw-bg-opacity, 1));
}

@media (min-width: 1280px) {

    #tbCreationForm #tbDibsPaymentBtn:hover,
.tbFormToolBar #tbDibsPaymentBtn:hover {
        --tw-text-opacity: 1;
        color: rgba(var(--black-dark) , var(--tw-text-opacity, 1));
        --tw-brightness: brightness(95%);
        filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
    }
}

.tbCardChosenImage {
    flex: 1 1 0%;
    overflow: hidden;
}

@media (min-width: 768px) {

    .tbCardChosenImage {
        overflow: auto;
    }
}

.tbCardThumbnails {
    flex: 1 1 0%;
}

.tbFileUpload {
    display: none !important;
}

#tbGCImage {
    margin: 0px;
    display: block;
    height: auto;
    width: 100%;
    overflow: hidden;
    border-radius: 2px;
    padding: 0px;
}

#tbGCImage, #tbTemplateImageContainer {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    overflow: auto;
}

@media (min-width: 768px) {

    #tbGCImage, #tbTemplateImageContainer {
        max-height: 436px;
    }
}

.tbCardTemplateImageHolder {
    aspect-ratio: 1 / 1;
    overflow: hidden;
    border-radius: 2px;
    flex: 1 1 30%;
}

.tbCardTemplateImage {
    height: auto;
    background-size: cover;
    opacity: 0.5;
}

.tbCardTemplateImage:hover {
    cursor: pointer;
    opacity: 1;
}

#tbPagePreview {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.tbCardPreview {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    height: 430px;
    width: 100%;
    max-width: 650px;
    overflow: hidden;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgba(var(--black-lighter) , var(--tw-border-opacity, 1));
    background-size: contain;
    background-position: center;
    padding: 0px;
    text-align: left;
}

.tbCardPreviewChosenImage {
    margin: 0px;
    display: inline-block;
    width: 50%;
    padding: 0px;
    vertical-align: top;
}

.tbCardPreviewChosenImage img {
    margin: 0px;
    height: auto;
    width: 100%;
    padding: 0px;
    line-height: 0px;
}

.tbCardPreviewTextContainer {
    margin: 0px;
    display: inline-block;
    width: 50%;
    padding: 0px;
    vertical-align: top;
}

p#tbCardPreviewMessage {
    margin-top: 120px;
    margin-left: 2.5rem;
    width: 240px;
    text-align: center;
    font: 12px Arial, Helvetica, Geneva, sans-serif;
}

p#tbCardPreviewProduct {
    margin-left: 30px;
    margin-bottom: 0px;
    width: 260px;
    text-align: center;
    font: 16px Arial, Helvetica, Geneva, sans-serif;
}

p#tbCardPreviewAmount {
    margin-left: 30px;
    margin-top: 0.5rem;
    width: 260px;
    text-align: center;
    font: 20px Arial, Helvetica, Geneva, sans-serif;
}

@media screen and (max-width: 767px) {

    .tbCardPreview {
        height: 265px;
        max-width: 400px;
    }

    p#tbCardPreviewMessage {
        margin-left: 35px;
        margin-top: 70px;
        width: 125px;
        font: 8px Arial, Helvetica, Geneva, sans-serif;
    }

    p#tbCardPreviewProduct {
        margin-left: 0.75rem;
        width: 180px;
        font: 11px Arial, Helvetica, Geneva, sans-serif;
    }

    p#tbCardPreviewAmount {
        margin-left: 0.75rem;
        margin-top: 0.375rem;
        width: 180px;
        font: 14px Arial, Helvetica, Geneva, sans-serif;
    }

}

@media screen and (max-width: 500px) {

    .tbCardPreview {
        height: 185px;
        max-width: 280px;
    }

    .tbCardPreviewTypeNameAndAmount {
        margin-top: 0.625rem;
    }

    p#tbCardPreviewMessage {
        margin-left: 26px;
        margin-top: 50px;
        width: 90px;
        font: 6px Arial, Helvetica, Geneva, sans-serif !important;
    }

    p#tbCardPreviewProduct {
        margin-left: 0.625rem;
        width: 120px;
        font: 7px Arial, Helvetica, Geneva, sans-serif !important;
    }

    p#tbCardPreviewAmount {
        margin-left: 0.625rem;
        margin-top: 0.375rem;
        width: 120px;
        font: 10px Arial, Helvetica, Geneva, sans-serif !important;
    }

}

/*# sourceMappingURL=giftcard.css.map */