.dm-band{block-size:var(--dm-band-size,7px);pointer-events:none;position:absolute;inset-block-end:0;inset-inline:0}.dm-band i{clip-path:polygon(0 100%,14% 0,86% 0,100% 100%);block-size:100%;inline-size:34%;position:absolute;inset-block-end:0}.dm-band i:first-child{background:var(--span-color-jusur-violet-deep);inset-inline-start:2%}.dm-band i:nth-child(2){background:var(--span-color-jusur-violet);inset-inline-start:33%}.dm-band i:nth-child(3){background:var(--span-color-jusur-navy-raised);inset-inline-start:64%}.dm-thumb{border-radius:var(--span-radius-control);background:var(--span-color-jusur-navy);flex:none;block-size:52px;inline-size:92px;display:block;position:relative;overflow:hidden}.dm-thumb:before{content:"";border-radius:var(--span-radius-pill);background:var(--span-color-jusur-muted);block-size:5px;inline-size:40px;position:absolute;inset-block-start:8px;inset-inline-start:8px}.dm-thumb:after{content:"";background:var(--span-color-jusur-violet);block-size:16px;inline-size:22px;box-shadow:26px 0 0 var(--span-color-jusur-navy-raised),52px 0 0 var(--span-color-jusur-navy-raised);border-radius:18%;position:absolute;inset-block-start:20px;inset-inline-start:8px}[dir=rtl] .dm-thumb:after{box-shadow:-26px 0 0 var(--span-color-jusur-navy-raised),-52px 0 0 var(--span-color-jusur-navy-raised)}
