.bd-notice {
    --bd-notice-bg: #f5f3e8;
    --bd-notice-border: rgba(198, 191, 137, .55);
    --bd-notice-color: #191919;
    z-index: 1200;
    width: 100%;
    border-bottom: 1px solid var(--bd-notice-border);
    background: var(--bd-notice-bg);
    color: var(--bd-notice-color);
}

.bd-notice--warning {
    --bd-notice-bg: #fff7e4;
    --bd-notice-border: #e5c46c;
    --bd-notice-color: #3d2b12;
}

.bd-notice--error {
    --bd-notice-bg: #fff0ee;
    --bd-notice-border: #e7a39b;
    --bd-notice-color: #4b1712;
}

.bd-notice--success {
    --bd-notice-bg: #eef8f1;
    --bd-notice-border: #9ccbaa;
    --bd-notice-color: #123d22;
}

.bd-notice__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding-top: 14px;
    padding-bottom: 14px;
}

.bd-notice__content {
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 0;
}

.bd-notice__title {
    flex: 0 0 auto;
    font-size: .92rem;
    font-weight: 700;
}

.bd-notice__text,
.bd-notice__text p {
    margin: 0;
    color: inherit;
    font-size: .95rem;
    line-height: 1.45;
}

.bd-notice .bd-notice__close {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    padding: 0;
    border: 1px solid currentColor !important;
    border-radius: 999px;
    background: transparent !important;
    color: currentColor !important;
    box-shadow: none;
    opacity: .72;
}

.bd-notice .bd-notice__close:hover,
.bd-notice .bd-notice__close:focus-visible {
    background: rgba(0, 0, 0, .06) !important;
    filter: none;
    opacity: 1;
}

.bd-notice.is-hidden {
    display: none;
}

.bd-shop-pause-notice {
    display: grid;
    gap: 5px;
    margin: 0 0 22px;
    padding: 14px 18px;
    border: 1px solid #f0d393;
    border-radius: 4px;
    background: #fff5df;
    color: #3d2b12;
    font-size: 15px;
    line-height: 1.45;
}

.bd-shop-pause-notice strong,
.bd-shop-pause-notice span {
    display: block;
}

.bd-shop-pause-notice--form {
    margin-top: 18px;
}

.bd-shop-pause-button.is-disabled,
.bd-shop-pause-button.is-disabled:hover,
.bd-shop-pause-button.is-disabled:focus {
    cursor: not-allowed;
    opacity: .62;
    filter: grayscale(.1);
}

.bd-shop-pause-button.is-disabled[aria-disabled="true"] {
    pointer-events: none;
}

@media only screen and (max-width: 700px) {
    .bd-notice__inner,
    .bd-notice__content {
        align-items: flex-start;
    }

    .bd-notice__content {
        flex-direction: column;
        gap: 4px;
    }
}