.ws-order-state{background-color:var(--ws-background-light);border-radius:50%;display:flex;height:var(--order-state-dimensions,39px);position:relative;-webkit-user-select:none;user-select:none;width:var(--order-state-dimensions,39px);z-index:0}.ws-order-state>svg{border-radius:50%;height:100%;position:absolute;transform:rotate(var(--rotate-start));width:100%}.ws-order-state circle{fill:#0000;stroke:var(--form);stroke-width:165;stroke-dasharray:calc(var(--circumference)/var(--number-of-segments)) var(--circumference)}.ws-order-state--active circle{stroke:var(--ws-color-primary)}.ws-order-state--delivered circle{stroke:var(--form)}.ws-order-state--cancelled circle,.ws-order-state--error circle,.ws-order-state--open circle{stroke:var(--background-2)}.ws-order-state--open .ws-order-state__icon{color:var(--ws-color-secondary)}.ws-order-state__icon{color:var(--form);font-size:var(--order-state-icon-font-size,24px)}.ws-order-state--active .ws-order-state__icon{color:var(--base-color2)}.ws-order-state__icon-container{--order-state-icon-container-dimensions:calc(var(--order-state-dimensions, 39px) - var(--order-state-segment-width, 3px)*2);background-color:#fff;border-radius:50%;height:var(--order-state-icon-container-dimensions);width:var(--order-state-icon-container-dimensions);z-index:1}.ws-order-state--active .ws-order-state__icon-container{filter:var(--ws-shadow-regular)}.ws-order-state__marker,.ws-order-state__underlying-circle{border-radius:50%;bottom:2px;height:var(--order-state-marker-dimension,13px);position:absolute;right:-2px;fill:#fff}.ws-order-state--cancelled .ws-order-state__marker{fill:var(--base-color2)}.ws-order-state--closed .ws-order-state__marker,.ws-order-state--delivered .ws-order-state__marker{fill:var(--ws-color-success)}.ws-order-state--open .ws-order-state__marker{fill:var(--ws-color-secondary)}.ws-order-state--error .ws-order-state__marker{fill:var(--ws-color-accent)}