/* A native DPlayer toolbar control, never an extra row outside the video. */
.bukids-autonext {
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    vertical-align: top;
    height: 100%;
    padding: 0;
    margin: 0 3px;
    position: relative;
    max-width: 100%;
    font: inherit;
    font-size: 12px;
    line-height: 1.6;
    color: #c9c9c9;
    background: transparent;
    border: 0;
}
.bukids-autonext[hidden], .bukids-autonext [hidden], .bukids-autonext__notice[hidden], .bukids-autonext__notice [hidden] { display: none !important; }
.bukids-autonext__toggle {
    position: relative;
    flex: none;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 38px;
    min-width: 44px;
    height: 100%;
    padding: 0 4px;
    margin: 0;
    font: inherit;
    cursor: pointer;
    white-space: nowrap;
    color: #eee;
    line-height: 1;
    -webkit-tap-highlight-color: transparent;
}
.bukids-autonext__toggle input {
    position: absolute;
    inset: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    margin: 0;
    opacity: 0;
    cursor: pointer;
}
.bukids-autonext__switch {
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    flex: none;
    width: 30px;
    height: 18px;
    border: 1px solid #929292;
    border-radius: 20px;
    background: #555;
    transition: background-color .15s ease;
}
.bukids-autonext__switch::after {
    content: "";
    position: absolute;
    top: 2px;
    left: 2px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #fff;
    transition: transform .15s ease;
}
.bukids-autonext__toggle input:checked ~ .bukids-autonext__switch {
    border-color: transparent;
    background: var(--b2color, #ff4a55);
}
.bukids-autonext__toggle input:checked ~ .bukids-autonext__switch::after { transform: translateX(12px); }
.bukids-autonext__toggle input:focus-visible ~ .bukids-autonext__switch { outline: 2px solid #fff; outline-offset: 3px; }
.bukids-autonext__notice {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px 12px;
    position: absolute;
    bottom: 54px;
    right: 12px;
    z-index: 7;
    max-width: calc(100% - 24px);
    padding: 8px 10px;
    border-radius: 4px;
    color: #eee;
    background: rgba(20,20,20,.92);
    font-family: inherit;
    font-size: 12px;
    line-height: 1.5;
    text-align: left;
}
.bukids-autonext__status { flex: 1 1 10em; min-width: 0; overflow-wrap: anywhere; }
.bukids-autonext__status:empty { display: none; }
.bukids-autonext__notice .bukids-autonext__continue {
    flex: none;
    min-height: 36px;
    margin: 0;
    padding: 4px 10px;
    border: 1px solid #777;
    border-radius: 4px;
    background: transparent;
    color: #eee;
    font: inherit;
    line-height: 1.5;
    cursor: pointer;
}
@media (hover: hover) {
    .bukids-autonext__toggle:hover { color: #fff; }
    .bukids-autonext__notice .bukids-autonext__continue:hover { border-color: #aaa; background: #383838; }
}
.bukids-autonext__notice .bukids-autonext__continue:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
#post-style-5-player.bukids-has-autonext:focus-within .dplayer-controller {
    opacity: 1;
    transform: translateY(0);
}
#post-style-5-player.bukids-autonext-compact .bukids-autonext { margin: 0; }
#post-style-5-player.bukids-autonext-compact .bukids-autonext__label { display: none; }
#post-style-5-player.bukids-autonext-compact .bukids-autonext__toggle { justify-content: center; padding: 0; }
#post-style-5-player.bukids-has-autonext.bukids-autonext-narrow .dplayer-controller { padding: 0 10px; }
#post-style-5-player.bukids-has-autonext.bukids-autonext-narrow .dplayer-controller .dplayer-bar-wrap { width: calc(100% - 20px); }
#post-style-5-player.bukids-has-autonext.bukids-autonext-narrow .dplayer-controller .dplayer-icons-right { right: 4px; }
#post-style-5-player.bukids-has-autonext.bukids-autonext-narrow .dplayer-controller .dplayer-icon { width: 30px; padding: 6px; }
#post-style-5-player.bukids-has-autonext.bukids-autonext-narrow .dplayer-controller .dplayer-time { font-size: 0; }
#post-style-5-player.bukids-has-autonext.bukids-autonext-narrow .dplayer-controller .dplayer-time .dplayer-ptime { font-size: 12px; }
#post-style-5-player.bukids-has-autonext.bukids-autonext-narrow .dplayer-controller .dplayer-time .dplayer-dtime { display: none; }
@media (pointer: coarse) {
    .bukids-autonext__notice .bukids-autonext__continue { min-height: 44px; }
}
@media (prefers-reduced-motion: reduce) {
    .bukids-autonext__switch, .bukids-autonext__switch::after { transition: none; }
}
@media (forced-colors: active) {
    .bukids-autonext__switch { border-color: ButtonText; background: Canvas; forced-color-adjust: none; }
    .bukids-autonext__toggle input:checked ~ .bukids-autonext__switch { background: Highlight; }
    .bukids-autonext__switch::after { background: ButtonText; }
    .bukids-autonext__toggle input:checked ~ .bukids-autonext__switch::after { background: HighlightText; }
}