.detail-preview{position:relative}
.detail-preview[data-bg="light"]{background:#fff;background-image:none}
.detail-preview[data-bg="dark"]{background:#24384f;background-image:none}
.detail-bg-switch{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);display:flex;padding:4px;background:#fff;border:1px solid #ddd6ca;border-radius:999px;box-shadow:0 4px 14px rgba(23,43,73,.14);z-index:2}
.detail-bg-switch button{border:0;background:transparent;color:#172b49;border-radius:999px;padding:7px 12px;font-weight:700;cursor:pointer;white-space:nowrap}
.detail-bg-switch button.active{background:#172b49;color:#fff}
@media(max-width:540px){.detail-bg-switch{bottom:10px}.detail-bg-switch button{padding:6px 10px;font-size:12px}}