.koenig-timed-drop {
    background: #2f73d2;
    color: #fff;
    display: block;
    margin: 0;
    min-height: 36px;
    position: relative;
    width: 100%;
    z-index: 5;
}

.koenig-timed-drop[hidden] {
    display: none !important;
}

.koenig-timed-drop__inner {
    align-items: center;
    box-sizing: border-box;
    color: #fff !important;
    display: flex;
    flex-wrap: wrap;
    font-size: 12px;
    font-weight: 600;
    gap: 4px 8px;
    justify-content: center;
    letter-spacing: .075em;
    line-height: 1.25;
    min-height: 36px;
    padding: 8px 20px;
    text-align: center;
    text-decoration: none !important;
    text-transform: uppercase;
    transition: background-color .15s ease;
    width: 100%;
}

.koenig-timed-drop__inner:hover,
.koenig-timed-drop__inner:focus {
    background: rgba(0, 0, 0, .1);
    color: #fff !important;
    text-decoration: none !important;
}

.koenig-timed-drop__message,
.koenig-timed-drop__label,
.koenig-timed-drop__clock,
.koenig-timed-drop__remaining {
    color: inherit;
    font-size: inherit;
}

.koenig-timed-drop__message {
    font-weight: 700;
}

.koenig-timed-drop__separator {
    opacity: .68;
}

.koenig-timed-drop__clock {
    font-variant-numeric: tabular-nums;
    letter-spacing: .05em;
}

.koenig-timed-drop__remaining {
    opacity: .86;
}

.koenig-timed-drop--ended,
.koenig-timed-drop--sold-out,
.koenig-timed-drop--invalid,
.koenig-timed-drop--unavailable {
    background: #285f9f;
}

@media only screen and (max-width: 767px) {
    .koenig-timed-drop,
    .koenig-timed-drop__inner {
        min-height: 34px;
    }

    .koenig-timed-drop__inner {
        font-size: 11px;
        gap: 3px 6px;
        letter-spacing: .055em;
        padding: 7px 12px;
    }
}