/*!*******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./assets/styles.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************/
.booom-event-data .my-0 {
    margin-top: 0px;
    margin-bottom: 0px
}
.booom-event-data .block {
    display: block
}
.booom-event-data .transform {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.booom-event-data .no-underline {
    text-decoration-line: none
}
.booom-event-data .event-data-layout {
    position: relative;
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 2rem
}
.booom-event-data .event-data {
    grid-column: span 12 / span 12
}
@media (min-width: 1024px) {
    .booom-event-data .event-data {
        grid-column: span 6 / span 6
    }
}
.booom-event-data .event-data .event-data-list {
    list-style-type: none
}
.booom-event-data .event-data .event-data-list > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.5rem * var(--tw-space-y-reverse))
}
.booom-event-data .event-data .event-data-list {
    padding-left: 0px
}
.booom-event-data .event-data .event-data-list .event-data-item {
    display: flex;
    align-items: center;
    gap: var(--wp--preset--spacing--xxl)
}
.booom-event-data .event-data .event-data-list .event-data-item svg {
    height: 2rem;
    width: 2rem
}
@media (min-width: 640px) {
    .booom-event-data .event-data .event-data-list .event-data-item svg {
        height: 2.5rem;
        width: 2.5rem
    }
}
.booom-event-data .event-data .event-data-list .event-data-item .event-data-item-value {
    display: flex;
    align-items: center;
    font-size: var(--wp--preset--font-size--xl);
    font-weight: 500;
    --tw-numeric-figure: lining-nums;
    font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)
}
@media (min-width: 640px) {
    .booom-event-data .event-data .event-data-list .event-data-item .event-data-item-value {
        font-size: 1.5rem;
        line-height: 2rem
    }
}
.booom-event-data .event-data-form {
    grid-column: span 12 / span 12;
    border-radius: 0.75rem;
    background-color: rgb(255 255 255 / 0.1);
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
    --tw-backdrop-blur: blur(12px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}
@media (min-width: 640px) {
    .booom-event-data .event-data-form {
        padding: 1.5rem
    }
}
@media (min-width: 1024px) {
    .booom-event-data .event-data-form {
        grid-column: span 6 / span 6;
        padding: 2rem
    }
}
.booom-event-data .event-data-form .event-data-form-title {
    margin-top: 0px;
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 500;
    --tw-numeric-figure: lining-nums;
    font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)
}
@media (min-width: 640px) {
    .booom-event-data .event-data-form .event-data-form-title {
        font-size: 1.875rem;
        line-height: 2.25rem
    }
}
@media (min-width: 1024px) {
    .booom-event-data .event-data-form .event-data-form-title {
        font-size: 2.25rem;
        line-height: 2.5rem
    }
}
.booom-event-data .event-data-form .custom-form-styling {
    margin-top: 2rem
}
.booom-event-data .hover\:underline:hover {
    text-decoration-line: underline
}

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