.rd-dc-box[data-variant=showcase] .rd-dc{--u:min(1px, calc(100cqw / 760))}.rd-dc-box[data-variant=showcase] .wxt-dev-tabs{background:#0d0d0d;border:1px solid #0080ff33;border-radius:999px;gap:4px;max-width:100%;padding:4px;display:flex}.rd-dc-box[data-variant=showcase] .wxt-dev-tab{color:#ffffffa6;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:9px 20px;font-size:13px;font-weight:500;transition:background .3s,color .3s;position:relative}.rd-dc-box[data-variant=showcase] .wxt-dev-tab[aria-pressed=true]{color:#fff;background:#0080ff}@container (max-width:338px){.rd-dc-box[data-variant=showcase] .wxt-dev-tab{padding-inline:14px}}@container (max-width:302px){.rd-dc-box[data-variant=showcase] .wxt-dev-tab{padding-inline:9px}}@container (max-width:272px){.rd-dc-box[data-variant=showcase] .wxt-dev-tab{padding-inline:5px}}.rd-dc-box[data-variant=showcase] .rd-dc-controls{gap:18px}.rd-dc-box[data-variant=showcase] .rd-dc-controls>div{gap:8px}.rd-dc-box[data-variant=showcase] .rd-dc-arrow{width:40px;height:40px}.rd-dc-box[data-variant=showcase] .rd-dc-arrow svg{width:16px;height:16px}.rd-dc-box[data-variant=showcase] .rd-dc-dot{height:40px}.rd-dc-box[data-variant=showcase] .rd-dc-dot>span{width:8px;height:6px}.rd-dc-box[data-variant=showcase] .rd-dc-dot[aria-current]>span{width:32px}@media not (min-width:64.0625rem){.rd-dc-box[data-variant=showcase] .wxt-dev-tab:before,.rd-dc-box[data-variant=showcase] .rd-dc-arrow:before,.rd-dc-box[data-variant=showcase] .rd-dc-dot:before{content:"";position:absolute}.rd-dc-box[data-variant=showcase] .wxt-dev-tab:before{inset:-5px 0}.rd-dc-box[data-variant=showcase] .rd-dc-arrow,.rd-dc-box[data-variant=showcase] .rd-dc-dot{position:relative}.rd-dc-box[data-variant=showcase] .rd-dc-arrow:before{inset:-2px}.rd-dc-box[data-variant=showcase] .rd-dc-dot:before{inset:-2px -8px}}@media (prefers-reduced-motion:reduce){.rd-dc-box[data-variant=showcase] .wxt-dev-tab{transition:none}}