@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-divide-x-reverse:0;--tw-border-style:solid}}}.draggable__wrapper{cursor:grab;width:100%;position:relative}.draggable__wrapper.has-follower,.draggable__wrapper.has-follower *{cursor:none}:where(.draggable__track>:not(:last-child)){--tw-divide-x-reverse:0;border-inline-style:var(--tw-border-style);border-inline-start-width:calc(1px * var(--tw-divide-x-reverse));border-inline-end-width:calc(1px * (1 - var(--tw-divide-x-reverse)));border-color:var(--color-light,#9f9f9f)}.draggable__track{border-inline-style:var(--tw-border-style);border-inline-width:1px;border-color:var(--color-light,#9f9f9f);-webkit-user-select:none;-moz-user-select:none;user-select:none;width:-moz-max-content;width:max-content}.draggable__item{flex-shrink:0;width:clamp(320px,35vw,450px)}.draggable__progress{border-radius:999px;height:3px;margin-top:1.5rem;position:relative}.draggable__progress:after{content:"";background:var(--color-light,#0000001a);z-index:0;opacity:.5;width:100%;height:1px;position:absolute;top:1px}.draggable__progress-thumb{z-index:2;height:100%;position:absolute}.draggable__cursor,.draggable__progress-thumb{background:var(--color-primary);border-radius:999px;top:0}.draggable__cursor{z-index:60;pointer-events:none;color:#fff;white-space:nowrap;opacity:0;will-change:transform;align-items:center;gap:.4rem;padding:.5rem .9rem;font-size:.8125rem;font-weight:500;line-height:1;transition:opacity .25s;display:inline-flex;position:fixed;left:0}.draggable__cursor.is-visible{opacity:1}.draggable__cursor svg{width:1rem;height:1rem}@property --tw-divide-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}