/* The original setup steps, with readable views of the product beneath them. */
.setup-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin-top:44px}
.setup-step{min-width:0;display:flex;flex-direction:column}
.setup-step>.step-number{margin:0 0 12px}
.setup-step>h3{font-size:21px;font-weight:500;letter-spacing:-.7px;margin-bottom:12px}
.setup-step>p{font-size:13px;color:var(--muted);min-height:63px;margin-bottom:24px;max-width:360px}
.setup-preview{margin:0;border:1px solid #ffffff14;border-radius:13px;overflow:hidden;background:#20201f;min-height:370px;flex:1}
.setup-preview>figcaption{display:flex;align-items:center;gap:7px;height:43px;padding:0 17px;border-bottom:1px solid #ffffff0d;background:#252523;font-size:10px;line-height:1;color:#918a81}
.setup-preview>figcaption>strong{font-weight:550;color:#e9e2d8;font-size:11px}
.setup-preview>figcaption>span{margin-left:auto}
.setup-preview-body{padding:18px}
.example-track{display:flex;align-items:center;gap:11px;margin-bottom:16px}
.example-track>img{border-radius:5px;width:40px;height:40px;object-fit:cover}
.example-track strong{display:block;font-size:13px;font-weight:550;color:#f1eee8}
.example-track div>span{display:block;font-size:11px;color:#8d877e;margin-top:3px}
.example-label{display:block;font-size:10px;color:#9e968b;margin:12px 0 7px}
.example-track+.example-label,.setup-preview-body>.example-label:first-child{margin-top:0}
.example-field{display:flex;align-items:center;justify-content:space-between;min-height:34px;padding:8px 10px;border:1px solid #ffffff16;border-radius:6px;background:#191918;font-size:12px;line-height:1.4;color:#e3dcd2;overflow-wrap:anywhere}
.example-field>span{color:#79756e;margin-left:10px}
.example-link{color:#cfb89c;font-size:11px}
.example-saved{display:flex;gap:7px;align-items:center;font-size:10px;color:#b9ab95;margin-top:16px}
.example-saved>span{display:grid;place-items:center;border-radius:50%;background:#b7a58418;border:1px solid #b7a58435;width:16px;height:16px;font-size:9px}
.example-keyword{color:#ffba8e;font-family:ui-monospace,monospace;letter-spacing:1.5px;border-color:#b77a4b45}
.example-action-label{margin-top:22px}
.example-action{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid #ffffff0a;font-size:12px;color:#d3cdc3}
.example-switch{display:block;position:relative;flex:none;width:28px;height:16px;border-radius:12px;background:#3c3b38}
.example-switch::after{content:"";position:absolute;top:3px;left:3px;width:10px;height:10px;border-radius:50%;background:#aaa39a}
.example-switch.on{background:#ff854f}
.example-switch.on::after{left:15px;background:#fff2e3}
.example-help{font-size:10px;line-height:1.6;color:#898277;margin-top:17px}
.delivery-preview{background:#111}
.delivery-preview>figcaption{gap:7px;padding-inline:15px}
.delivery-preview>figcaption>span{margin-left:0}
.delivery-preview .demo-control{margin-left:auto;font-size:9px;padding-left:4px;color:#aaa097;white-space:nowrap;gap:5px}
.setup-preview .delivery-window.demo-stage.soundcloud-demo-stage{height:325px;margin:0;transform:none;container-type:inline-size;background:#111;isolation:isolate;font-family:Arial,Helvetica,sans-serif}
.delivery-window .sc-dm-identity{position:static;height:52px;padding:0 17px;border-bottom:1px solid #272727;gap:9px;font-size:14px}
.delivery-window .sc-dm-avatar{width:29px;height:29px;font-size:14px}
.delivery-window .sc-dm-content{position:static;padding:13px 17px;font-size:13px;line-height:1.5}
.delivery-window .sc-dm-date{font-size:10px;margin-bottom:17px}
.delivery-window .sc-native-message{font-size:12px;line-height:1.55;border-radius:7px;padding:8px 10px;max-width:100%}
.delivery-window .sc-native-time{font-size:9px;margin-top:5px;margin-bottom:12px}
.delivery-window .sc-reward-text,.delivery-window .sc-reward-link{margin-top:10px}
.delivery-window .sc-example-url{text-underline-offset:2px;overflow-wrap:anywhere}
.delivery-fallback{padding:20px;font-size:13px;line-height:2;color:#d2c9bd}
@media(max-width:1100px){.setup-steps{gap:18px}.setup-preview>figcaption{padding-inline:13px}.setup-preview-body{padding:16px}.delivery-preview>figcaption>span{display:none}}
@media(max-width:900px){.setup-steps{grid-template-columns:1fr;gap:36px}.setup-step{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto 1fr;column-gap:32px;align-items:start}.setup-step>.step-number{margin-top:26px}.setup-step>p{min-height:0;margin-bottom:0}.setup-preview{grid-column:2;grid-row:1/4;width:100%}.delivery-preview>figcaption>span{display:inline}.setup-step>h3{font-size:24px}}
@media(max-width:650px){.setup-steps{margin-top:32px;gap:39px}.setup-step{display:block;max-width:460px;width:100%;justify-self:center}.setup-step>.step-number{margin-top:0}.setup-step>h3{font-size:21px}.setup-step>p{margin-bottom:21px;max-width:none}.setup-preview{min-height:370px}.setup-preview>figcaption{padding-inline:17px}.setup-preview-body{padding:18px}}