.kb-enabled {
    overflow: hidden
}

@media (prefers-reduced-motion:no-preference) and (min-width:1025px) {
    .kb-enabled>* {
        -webkit-transform: translate3d(.25rem, .12rem, .25rem) scale(1.06);
        -ms-transform: translate3d(.25rem, .12rem, .25rem) scale(1.06);
        -moz-transform: translate3d(.25rem, .12rem, .25rem) scale(1.06);
        -o-transform: translate3d(.25rem, .12rem, .25rem) scale(1.06);
        transform: translate3d(.25rem, .12rem, .25rem) scale(1.06);
        transition: 2s transform
    }
}

@media (min-width:1025px) {
    .kb-enabled.in-viewport>* {
        -webkit-transform: translate3d(0, 0, 0) scale(1);
        -ms-transform: translate3d(0, 0, 0) scale(1);
        -moz-transform: translate3d(0, 0, 0) scale(1);
        -o-transform: translate3d(0, 0, 0) scale(1);
        transform: translate3d(0, 0, 0) scale(1)
    }
}

.kb-enabled.no-anim>* {
    transition: none !important
}

@media (prefers-reduced-motion:reduce) {
    .kb-enabled {
        transform: none !important;
        transition: none !important
    }

    .kb-enabled.in-viewport {
        transform: none !important;
        transition: none !important
    }

    .homepage-wrapper .image-with-text-wrapper .kb-enabled .in-viewport,
    .homepage-wrapper .image-with-text-wrapper .kb-enabled .parallax,
    .homepage-wrapper .image-with-text-wrapper .kb-enabled div:not(.parallax) .img {
        transform: none !important;
        transition: none !important
    }
}

.supports-js body.page-fade {
    opacity: 0;
    transition: opacity .4s ease-in
}

.supports-js body.page-fade.loaded {
    opacity: 1
}

.supports-js body.page-fade.unloading {
    opacity: 0
}

@keyframes FadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes FadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.animations-disabled .fadeIn,
.animations-disabled .fadeInUp {
    animation-name: none
}

.js .animations-disabled .show-on-scroll,
.js .drawer .show-on-scroll {
    opacity: 1
}

.js .show-on-scroll {
    opacity: 0
}

.collection-wrapper .shopify-section:first-child,
.homepage-wrapper .shopify-section:first-child {
    animation-name: none
}

:root {
    --animation-translate-y: 15px;
    --animation-delay-increment: 0.15s;
    --animation-delay-offset: 0s
}

@media (prefers-reduced-motion:no-preference) {
    .js body:not(.animations-disabled) [data-animate] {
        opacity: .001;
        transform: none
    }

    .js body:not(.animations-disabled) .shown-on-scroll [data-animate] {
        animation-name: blockFadeIn;
        animation-duration: 1s;
        animation-fill-mode: both
    }

    .js body:not(.animations-disabled) .shown-on-scroll [data-animate][data-animate-left] {
        animation-name: blockFadeInLeft
    }
}

@media (prefers-reduced-motion:no-preference) and (min-width:1025px) {
    .js body:not(.animations-disabled) .shown-on-scroll [data-animate][data-animate-left-bold] {
        animation-name: blockFadeInLeftBold
    }

    .js body:not(.animations-disabled) .shown-on-scroll [data-animate][data-animate-right-bold] {
        animation-name: blockFadeInRightBold
    }
}

@media (prefers-reduced-motion:no-preference) {
    .js body:not(.animations-disabled) [data-animate-nested] {
        animation-name: none !important
    }

    .js body:not(.animations-disabled) .shown-on-scroll.show-on-scroll--nested [data-animate-nested] {
        animation-name: blockFadeIn !important
    }

    .js body:not(.animations-disabled) [data-animate-overflow-container] {
        margin-bottom: calc(var(--animation-translate-y) * -1)
    }

    .js body:not(.animations-disabled) [data-animate-overflow-item] {
        padding-bottom: var(--animation-translate-y)
    }
}

@media (prefers-reduced-motion:no-preference) and (min-width:1025px) and (hover:hover) {
    [data-animate-hover]:not(:focus-within) [data-animate-hover-block] {
        opacity: .001;
        transform: none;
        animation-name: FadeOut;
        animation-duration: 1s;
        animation-fill-mode: both
    }

    [data-animate-hover]:not(:focus-within):hover [data-animate-hover-block] {
        animation-name: blockFadeIn
    }

    .hover-zoom-enabled [data-animate-hover-zoom] {
        overflow: hidden
    }

    .hover-zoom-enabled [data-animate-hover-zoom] [data-animate-hover-zoom-bg-img],
    .hover-zoom-enabled [data-animate-hover-zoom] img,
    .hover-zoom-enabled [data-animate-hover-zoom] svg {
        transition: .8s transform
    }

    .hover-zoom-enabled [data-animate-hover-zoom]:hover [data-animate-hover-zoom-bg-img],
    .hover-zoom-enabled [data-animate-hover-zoom]:hover img,
    .hover-zoom-enabled [data-animate-hover-zoom]:hover svg {
        transform: scale(1.04)
    }
}

[data-animate-hover-block][data-animate-order="1"],
[data-animate][data-animate-order="1"] {
    animation-delay: calc(0 * var(--animation-delay-increment) + var(--animation-delay-offset))
}

[data-animate-hover-block][data-animate-order="2"],
[data-animate][data-animate-order="2"] {
    animation-delay: calc(1 * var(--animation-delay-increment) + var(--animation-delay-offset))
}

[data-animate-hover-block][data-animate-order="3"],
[data-animate][data-animate-order="3"] {
    animation-delay: calc(2 * var(--animation-delay-increment) + var(--animation-delay-offset))
}

[data-animate-hover-block][data-animate-order="4"],
[data-animate][data-animate-order="4"] {
    animation-delay: calc(3 * var(--animation-delay-increment) + var(--animation-delay-offset))
}

[data-animate-hover-block][data-animate-order="5"],
[data-animate][data-animate-order="5"] {
    animation-delay: calc(4 * var(--animation-delay-increment) + var(--animation-delay-offset))
}

[data-animate-hover-block][data-animate-order="6"],
[data-animate][data-animate-order="6"] {
    animation-delay: calc(5 * var(--animation-delay-increment) + var(--animation-delay-offset))
}

[data-animate-hover-block][data-animate-order="7"],
[data-animate][data-animate-order="7"] {
    animation-delay: calc(6 * var(--animation-delay-increment) + var(--animation-delay-offset))
}

[data-animate-hover-block][data-animate-order="8"],
[data-animate][data-animate-order="8"] {
    animation-delay: calc(7 * var(--animation-delay-increment) + var(--animation-delay-offset))
}

[data-animate-hover-block][data-animate-order="9"],
[data-animate][data-animate-order="9"] {
    animation-delay: calc(8 * var(--animation-delay-increment) + var(--animation-delay-offset))
}

[data-animate-hover-block][data-animate-order="10"],
[data-animate][data-animate-order="10"] {
    animation-delay: calc(9 * var(--animation-delay-increment) + var(--animation-delay-offset))
}

[data-animate-hover-block][data-animate-order="11"],
[data-animate][data-animate-order="11"] {
    animation-delay: calc(10 * var(--animation-delay-increment) + var(--animation-delay-offset))
}

[data-animate-hover-block][data-animate-order="12"],
[data-animate][data-animate-order="12"] {
    animation-delay: calc(11 * var(--animation-delay-increment) + var(--animation-delay-offset))
}

[data-animate-hover-block][data-animate-order="13"],
[data-animate][data-animate-order="13"] {
    animation-delay: calc(12 * var(--animation-delay-increment) + var(--animation-delay-offset))
}

[data-animate-hover-block][data-animate-order="14"],
[data-animate][data-animate-order="14"] {
    animation-delay: calc(13 * var(--animation-delay-increment) + var(--animation-delay-offset))
}

[data-animate-hover-block][data-animate-order="15"],
[data-animate][data-animate-order="15"] {
    animation-delay: calc(14 * var(--animation-delay-increment) + var(--animation-delay-offset))
}

[data-animate-hover-block][data-animate-order="16"],
[data-animate][data-animate-order="16"] {
    animation-delay: calc(15 * var(--animation-delay-increment) + var(--animation-delay-offset))
}

[data-animate-hover-block][data-animate-order="17"],
[data-animate][data-animate-order="17"] {
    animation-delay: calc(16 * var(--animation-delay-increment) + var(--animation-delay-offset))
}

[data-animate-hover-block][data-animate-order="18"],
[data-animate][data-animate-order="18"] {
    animation-delay: calc(17 * var(--animation-delay-increment) + var(--animation-delay-offset))
}

[data-animate-hover-block][data-animate-order="19"],
[data-animate][data-animate-order="19"] {
    animation-delay: calc(18 * var(--animation-delay-increment) + var(--animation-delay-offset))
}

[data-animate-hover-block][data-animate-order="20"],
[data-animate][data-animate-order="20"] {
    animation-delay: calc(19 * var(--animation-delay-increment) + var(--animation-delay-offset))
}

[data-animate-hover-block][data-animate-order="21"],
[data-animate][data-animate-order="21"] {
    animation-delay: calc(20 * var(--animation-delay-increment) + var(--animation-delay-offset))
}

[data-animate-hover-block][data-animate-order="22"],
[data-animate][data-animate-order="22"] {
    animation-delay: calc(21 * var(--animation-delay-increment) + var(--animation-delay-offset))
}

[data-animate-hover-block][data-animate-order="23"],
[data-animate][data-animate-order="23"] {
    animation-delay: calc(22 * var(--animation-delay-increment) + var(--animation-delay-offset))
}

[data-animate-hover-block][data-animate-order="24"],
[data-animate][data-animate-order="24"] {
    animation-delay: calc(23 * var(--animation-delay-increment) + var(--animation-delay-offset))
}

[data-animate-hover-block][data-animate-order="25"],
[data-animate][data-animate-order="25"] {
    animation-delay: calc(24 * var(--animation-delay-increment) + var(--animation-delay-offset))
}

[data-animate-hover-block][data-animate-order="26"],
[data-animate][data-animate-order="26"] {
    animation-delay: calc(25 * var(--animation-delay-increment) + var(--animation-delay-offset))
}

[data-animate-hover-block][data-animate-order="27"],
[data-animate][data-animate-order="27"] {
    animation-delay: calc(26 * var(--animation-delay-increment) + var(--animation-delay-offset))
}

[data-animate-hover-block][data-animate-order="28"],
[data-animate][data-animate-order="28"] {
    animation-delay: calc(27 * var(--animation-delay-increment) + var(--animation-delay-offset))
}

[data-animate-hover-block][data-animate-order="29"],
[data-animate][data-animate-order="29"] {
    animation-delay: calc(28 * var(--animation-delay-increment) + var(--animation-delay-offset))
}

[data-animate-hover-block][data-animate-order="30"],
[data-animate][data-animate-order="30"] {
    animation-delay: calc(29 * var(--animation-delay-increment) + var(--animation-delay-offset))
}

[data-animate-hover-block][data-animate-order="31"],
[data-animate][data-animate-order="31"] {
    animation-delay: calc(30 * var(--animation-delay-increment) + var(--animation-delay-offset))
}

[data-animate-hover-block][data-animate-order="32"],
[data-animate][data-animate-order="32"] {
    animation-delay: calc(31 * var(--animation-delay-increment) + var(--animation-delay-offset))
}

[data-animate-hover-block][data-animate-order="33"],
[data-animate][data-animate-order="33"] {
    animation-delay: calc(32 * var(--animation-delay-increment) + var(--animation-delay-offset))
}

[data-animate-hover-block][data-animate-order="34"],
[data-animate][data-animate-order="34"] {
    animation-delay: calc(33 * var(--animation-delay-increment) + var(--animation-delay-offset))
}

[data-animate-hover-block][data-animate-order="35"],
[data-animate][data-animate-order="35"] {
    animation-delay: calc(34 * var(--animation-delay-increment) + var(--animation-delay-offset))
}

[data-animate-hover-block][data-animate-order="36"],
[data-animate][data-animate-order="36"] {
    animation-delay: calc(35 * var(--animation-delay-increment) + var(--animation-delay-offset))
}

[data-animate-hover-block][data-animate-order="37"],
[data-animate][data-animate-order="37"] {
    animation-delay: calc(36 * var(--animation-delay-increment) + var(--animation-delay-offset))
}

[data-animate-hover-block][data-animate-order="38"],
[data-animate][data-animate-order="38"] {
    animation-delay: calc(37 * var(--animation-delay-increment) + var(--animation-delay-offset))
}

[data-animate-hover-block][data-animate-order="39"],
[data-animate][data-animate-order="39"] {
    animation-delay: calc(38 * var(--animation-delay-increment) + var(--animation-delay-offset))
}

[data-animate-hover-block][data-animate-order="40"],
[data-animate][data-animate-order="40"] {
    animation-delay: calc(39 * var(--animation-delay-increment) + var(--animation-delay-offset))
}

[data-animate-hover-block][data-animate-order="41"],
[data-animate][data-animate-order="41"] {
    animation-delay: calc(40 * var(--animation-delay-increment) + var(--animation-delay-offset))
}

[data-animate-hover-block][data-animate-order="42"],
[data-animate][data-animate-order="42"] {
    animation-delay: calc(41 * var(--animation-delay-increment) + var(--animation-delay-offset))
}

[data-animate-hover-block][data-animate-order="43"],
[data-animate][data-animate-order="43"] {
    animation-delay: calc(42 * var(--animation-delay-increment) + var(--animation-delay-offset))
}

[data-animate-hover-block][data-animate-order="44"],
[data-animate][data-animate-order="44"] {
    animation-delay: calc(43 * var(--animation-delay-increment) + var(--animation-delay-offset))
}

[data-animate-hover-block][data-animate-order="45"],
[data-animate][data-animate-order="45"] {
    animation-delay: calc(44 * var(--animation-delay-increment) + var(--animation-delay-offset))
}

[data-animate-hover-block][data-animate-order="46"],
[data-animate][data-animate-order="46"] {
    animation-delay: calc(45 * var(--animation-delay-increment) + var(--animation-delay-offset))
}

[data-animate-hover-block][data-animate-order="47"],
[data-animate][data-animate-order="47"] {
    animation-delay: calc(46 * var(--animation-delay-increment) + var(--animation-delay-offset))
}

[data-animate-hover-block][data-animate-order="48"],
[data-animate][data-animate-order="48"] {
    animation-delay: calc(47 * var(--animation-delay-increment) + var(--animation-delay-offset))
}

[data-animate-hover-block][data-animate-order="49"],
[data-animate][data-animate-order="49"] {
    animation-delay: calc(48 * var(--animation-delay-increment) + var(--animation-delay-offset))
}

[data-animate-hover-block][data-animate-order="50"],
[data-animate][data-animate-order="50"] {
    animation-delay: calc(49 * var(--animation-delay-increment) + var(--animation-delay-offset))
}

[data-animate-hover-block][data-animate-order="51"],
[data-animate][data-animate-order="51"] {
    animation-delay: calc(50 * var(--animation-delay-increment) + var(--animation-delay-offset))
}

[data-animate-hover-block][data-animate-order="52"],
[data-animate][data-animate-order="52"] {
    animation-delay: calc(51 * var(--animation-delay-increment) + var(--animation-delay-offset))
}

@media (max-width:1024px) {

    [data-animate-hover-block][data-animate-order-ipad="1"],
    [data-animate][data-animate-order-ipad="1"] {
        animation-delay: calc(0 * var(--animation-delay-increment) + var(--animation-delay-offset))
    }

    [data-animate-hover-block][data-animate-order-ipad="2"],
    [data-animate][data-animate-order-ipad="2"] {
        animation-delay: calc(1 * var(--animation-delay-increment) + var(--animation-delay-offset))
    }
}

@media (max-width:1024px) {

    [data-animate-hover-block][data-animate-order-mobile="1"],
    [data-animate][data-animate-order-mobile="1"] {
        animation-delay: calc(0 * var(--animation-delay-increment) + var(--animation-delay-offset))
    }

    [data-animate-hover-block][data-animate-order-mobile="2"],
    [data-animate][data-animate-order-mobile="2"] {
        animation-delay: calc(1 * var(--animation-delay-increment) + var(--animation-delay-offset))
    }

    [data-animate-hover-block][data-animate-order-mobile="3"],
    [data-animate][data-animate-order-mobile="3"] {
        animation-delay: calc(2 * var(--animation-delay-increment) + var(--animation-delay-offset))
    }

    [data-animate-hover-block][data-animate-order-mobile="4"],
    [data-animate][data-animate-order-mobile="4"] {
        animation-delay: calc(3 * var(--animation-delay-increment) + var(--animation-delay-offset))
    }
}

@keyframes blockFadeIn {
    from {
        opacity: .001;
        transform: translateY(var(--animation-translate-y))
    }

    to {
        opacity: 1;
        transform: none
    }
}

@keyframes blockFadeInLeft {
    from {
        opacity: .001;
        transform: translateX(calc(var(--animation-translate-y) * -1))
    }

    to {
        opacity: 1;
        transform: none
    }
}

@keyframes blockFadeInLeftBold {
    from {
        opacity: .001;
        transform: translateX(calc(var(--animation-translate-y) * -2))
    }

    to {
        opacity: 1;
        transform: none
    }
}

@keyframes blockFadeInRightBold {
    from {
        opacity: .001;
        transform: translateX(calc(var(--animation-translate-y) * 2))
    }

    to {
        opacity: 1;
        transform: none
    }
}

@keyframes dropdownFadeUp {
    from {
        opacity: .001;
        transform: translateY(10px)
    }

    to {
        opacity: 1;
        transform: none
    }
}

@keyframes resetOverflow {
    from {
        overflow-y: hidden;
        padding-right: 3px
    }

    to {
        overflow-y: auto;
        padding-right: 0
    }
}

.spin {
    animation: spin 1s linear infinite
}

@keyframes spin {
    from {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.fade-in-label {
    display: inline-block;
    animation: fadeInLabel .3s ease forwards
}

.fade-in-label-simple {
    animation: fadeInLabelSimple .3s ease forwards
}

@keyframes fadeInLabel {
    from {
        opacity: .001;
        transform: translateX(8px)
    }

    to {
        opacity: 1;
        transform: none
    }
}

@keyframes fadeInLabelSimple {
    from {
        opacity: .001
    }

    to {
        opacity: 1
    }
}

.section-preview [data-animate] {
    opacity: 1 !important;
    animation-name: none !important
}

.product-block-dropdown-field .form-input-wrapper .dropdown-label {
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 2;
    color: var(--text-color)
}

.color-scheme--accent .product-block-dropdown-field .form-input-wrapper .dropdown-label,
.color-scheme--dark .product-block-dropdown-field .form-input-wrapper .dropdown-label,
.color-scheme--light .product-block-dropdown-field .form-input-wrapper .dropdown-label {
    color: var(--color-scheme-text-color)
}

.product-block-dropdown-field .form-input-wrapper .form-input-hint {
    font-size: 12px
}

.product-block-dropdown-field .form-input-wrapper .dropdown-container {
    position: relative
}

.product-block-dropdown-field .form-input-wrapper .dropdown-container .dropdown-button {
    width: 100%;
    min-height: 46px;
    text-align: left;
    color: var(--text-color);
    border: 1px solid var(--text-color-transparent25);
    border-radius: var(--input-border-radius);
    padding: 8px 12px;
    position: relative;
    white-space: nowrap;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: transparent;
    gap: 12px
}

.border-radius-round .product-block-dropdown-field .form-input-wrapper .dropdown-container .dropdown-button {
    padding-left: 18px
}

.product-block-dropdown-field .form-input-wrapper .dropdown-container .dropdown-button .dropdown-icon svg {
    margin: 0;
    transition: transform .3s ease
}

.color-scheme--accent .product-block-dropdown-field .form-input-wrapper .dropdown-container .dropdown-button,
.color-scheme--dark .product-block-dropdown-field .form-input-wrapper .dropdown-container .dropdown-button,
.color-scheme--light .product-block-dropdown-field .form-input-wrapper .dropdown-container .dropdown-button {
    color: var(--color-scheme-text-color);
    border: 1px solid var(--color-scheme-border-color)
}

.product-block-dropdown-field .form-input-wrapper .dropdown-container ul.dropdown-options {
    display: flex;
    flex-direction: column;
    text-align: left;
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    min-width: 100%;
    list-style: none;
    margin: 0;
    z-index: 5;
    max-height: 50vh;
    overflow-x: auto;
    white-space: nowrap;
    z-index: 101;
    color: var(--text-color);
    background-color: var(--color-primary-background);
    border: 1px solid var(--text-color-transparent25);
    border-radius: var(--block-border-radius);
    border-top: 0;
    box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .1)
}

.border-radius-curved .product-block-dropdown-field .form-input-wrapper .dropdown-container ul.dropdown-options,
.border-radius-round .product-block-dropdown-field .form-input-wrapper .dropdown-container ul.dropdown-options,
.border-radius-subtle .product-block-dropdown-field .form-input-wrapper .dropdown-container ul.dropdown-options {
    border-top: 1px solid var(--text-color-transparent25);
    top: calc(100% + 2px)
}

.product-block-dropdown-field .form-input-wrapper .dropdown-container ul.dropdown-options li.dropdown-option {
    margin: 0;
    font-family: inherit;
    font-weight: inherit;
    font-weight: inherit;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: space-between;
    padding: 4px 12px
}

.product-block-dropdown-field .form-input-wrapper .dropdown-container ul.dropdown-options li.dropdown-option:first-child {
    padding-top: 12px
}

.product-block-dropdown-field .form-input-wrapper .dropdown-container ul.dropdown-options li.dropdown-option:last-child {
    padding-bottom: 12px
}

.border-radius-round .product-block-dropdown-field .form-input-wrapper .dropdown-container ul.dropdown-options li.dropdown-option {
    padding-left: 18px;
    padding-right: 18px
}

.product-block-dropdown-field .form-input-wrapper .dropdown-container ul.dropdown-options li.dropdown-option.selected,
.product-block-dropdown-field .form-input-wrapper .dropdown-container ul.dropdown-options li.dropdown-option:hover {
    background-color: var(--text-color-transparent10)
}

.color-scheme--accent .product-block-dropdown-field .form-input-wrapper .dropdown-container ul.dropdown-options li.dropdown-option.selected,
.color-scheme--accent .product-block-dropdown-field .form-input-wrapper .dropdown-container ul.dropdown-options li.dropdown-option:hover,
.color-scheme--dark .product-block-dropdown-field .form-input-wrapper .dropdown-container ul.dropdown-options li.dropdown-option.selected,
.color-scheme--dark .product-block-dropdown-field .form-input-wrapper .dropdown-container ul.dropdown-options li.dropdown-option:hover,
.color-scheme--light .product-block-dropdown-field .form-input-wrapper .dropdown-container ul.dropdown-options li.dropdown-option.selected,
.color-scheme--light .product-block-dropdown-field .form-input-wrapper .dropdown-container ul.dropdown-options li.dropdown-option:hover {
    background-color: var(--color-scheme-text-color-transparent10)
}

.product-block-dropdown-field .form-input-wrapper .dropdown-container ul.dropdown-options.theme-dropdown-fade-enter-active,
.product-block-dropdown-field .form-input-wrapper .dropdown-container ul.dropdown-options.theme-dropdown-fade-leave-active {
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.product-block-dropdown-field .form-input-wrapper .dropdown-container ul.dropdown-options.theme-dropdown-fade-enter,
.product-block-dropdown-field .form-input-wrapper .dropdown-container ul.dropdown-options.theme-dropdown-fade-leave-to {
    opacity: 0
}

.color-scheme--accent .product-block-dropdown-field .form-input-wrapper .dropdown-container ul.dropdown-options,
.color-scheme--dark .product-block-dropdown-field .form-input-wrapper .dropdown-container ul.dropdown-options,
.color-scheme--light .product-block-dropdown-field .form-input-wrapper .dropdown-container ul.dropdown-options {
    color: var(--color-scheme-text-color);
    background-color: var(--color-scheme-background-color);
    border: 1px solid var(--color-scheme-border-color);
    border-top: 0
}

.product-block-dropdown-field.theme-dropdown--open [data-dropdown-trigger] .dropdown-icon svg {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.product-block-dropdown-field,
.product-block-dropdown-field .form-input-wrapper {
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: 4px;
    background: #f9f9f9;
    border-radius: 0 0 12px 12px;
    padding: 12px 7px 15px 7px;
}