.work-time-state {
	position: relative;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
}

.work-time-state-icon {
	width: 16px;
	height: 16px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	position: relative;
}

.work-time-state-icon.--start {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_9089_27533)'%3E%3Cmask id='a' fill='%23fff'%3E%3Cpath d='M0 8a8 8 0 1116 0A8 8 0 010 8z'/%3E%3C/mask%3E%3Cpath d='M0 8a8 8 0 1116 0A8 8 0 010 8z' fill='%231CAE6A'/%3E%3Cpath d='M8 15a7 7 0 01-7-7h-2a9 9 0 009 9v-2zm7-7a7 7 0 01-7 7v2a9 9 0 009-9h-2zM8 1a7 7 0 017 7h2a9 9 0 00-9-9v2zm0-2a9 9 0 00-9 9h2a7 7 0 017-7v-2z' fill='%23fff' fill-opacity='.14' mask='url(%23a)'/%3E%3Cg filter='url(%23filter0_d_9089_27533)'%3E%3Cpath d='M6 10.545v-5.09a.5.5 0 01.757-.43L11 7.572a.5.5 0 010 .858l-4.243 2.545A.5.5 0 016 10.545z' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_9089_27533'%3E%3Cpath fill='%23fff' d='M0 0h16v16H0z'/%3E%3C/clipPath%3E%3Cfilter id='filter0_d_9089_27533' x='4' y='3.953' width='9.243' height='10.093' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='1'/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0'/%3E%3CfeBlend in2='BackgroundImageFix' result='effect1_dropShadow_9089_27533'/%3E%3CfeBlend in='SourceGraphic' in2='effect1_dropShadow_9089_27533' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
}

.work-time-state-icon.--pause {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_9089_30088)'%3E%3CforeignObject x='-24' y='-24' width='64' height='64'%3E%3Cdiv xmlns='http://www.w3.org/1999/xhtml' style='backdrop-filter:blur(12px);height:100%25;width:100%25' clip-path='url(%23bgblur_1_9089_30088_clip_path)'/%3E%3C/foreignObject%3E%3Cg data-figma-bg-blur-radius='24' fill='%23fff'%3E%3Cmask id='a'%3E%3Cpath d='M0 8a8 8 0 1116 0A8 8 0 010 8z'/%3E%3C/mask%3E%3Cpath d='M0 8a8 8 0 1116 0A8 8 0 010 8z' fill-opacity='.16'/%3E%3Cpath d='M8 15a7 7 0 01-7-7h-2a9 9 0 009 9v-2zm7-7a7 7 0 01-7 7v2a9 9 0 009-9h-2zM8 1a7 7 0 017 7h2a9 9 0 00-9-9v2zm0-2a9 9 0 00-9 9h2a7 7 0 017-7v-2z' fill-opacity='.14' mask='url(%23a)'/%3E%3C/g%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.85 5c.47 0 .85.38.85.85v4.931a.85.85 0 01-1.7 0V5.85c0-.47.38-.85.85-.85zM9.869 5c.469 0 .85.38.85.85v4.931a.85.85 0 01-1.7 0V5.85c0-.47.38-.85.85-.85z' fill='%23fff'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='bgblur_1_9089_30088_clip_path' transform='translate(24 24)'%3E%3Cpath d='M0 8a8 8 0 1116 0A8 8 0 010 8z'/%3E%3C/clipPath%3E%3CclipPath id='clip0_9089_30088'%3E%3Cpath fill='%23fff' d='M0 0h16v16H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.work-time-state-icon.--check {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_9089_6131)'%3E%3Cmask id='a' fill='%23fff'%3E%3Cpath d='M0 8a8 8 0 1116 0A8 8 0 010 8z'/%3E%3C/mask%3E%3Cpath d='M0 8a8 8 0 1116 0A8 8 0 010 8z' fill='%231587FA'/%3E%3Cpath d='M8 15a7 7 0 01-7-7h-2a9 9 0 009 9v-2zm7-7a7 7 0 01-7 7v2a9 9 0 009-9h-2zM8 1a7 7 0 017 7h2a9 9 0 00-9-9v2zm0-2a9 9 0 00-9 9h2a7 7 0 017-7v-2z' fill='%23fff' fill-opacity='.24' mask='url(%23a)'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.75 4.85a.85.85 0 01.13 1.194l-3.958 4.931a.85.85 0 01-1.241.09L4.333 8.884a.85.85 0 111.158-1.245l1.678 1.56 3.386-4.218a.85.85 0 011.195-.13z' fill='%23fff'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_9089_6131'%3E%3Cpath fill='%23fff' d='M0 0h16v16H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.work-time-state-icon.--warn {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_9089_32844)'%3E%3Cmask id='a' fill='%23fff'%3E%3Cpath d='M0 8a8 8 0 1116 0A8 8 0 010 8z'/%3E%3C/mask%3E%3Cpath d='M0 8a8 8 0 1116 0A8 8 0 010 8z' fill='%23F2473D'/%3E%3Cpath d='M8 15a7 7 0 01-7-7h-2a9 9 0 009 9v-2zm7-7a7 7 0 01-7 7v2a9 9 0 009-9h-2zM8 1a7 7 0 017 7h2a9 9 0 00-9-9v2zm0-2a9 9 0 00-9 9h2a7 7 0 017-7v-2z' fill='%23fff' fill-opacity='.14' mask='url(%23a)'/%3E%3Cg filter='url(%23filter0_d_9089_32844)' fill='%23fff'%3E%3Cpath d='M8.95 4.216a.95.95 0 10-1.9 0v4.283a.95.95 0 001.9 0V4.216zM9.05 11.322a1.05 1.05 0 00-2.1 0v.334a1.05 1.05 0 102.1 0v-.334z'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_9089_32844'%3E%3Cpath fill='%23fff' d='M0 0h16v16H0z'/%3E%3C/clipPath%3E%3Cfilter id='filter0_d_9089_32844' x='4.95' y='2.266' width='6.1' height='13.44' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='1'/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0'/%3E%3CfeBlend in2='BackgroundImageFix' result='effect1_dropShadow_9089_32844'/%3E%3CfeBlend in='SourceGraphic' in2='effect1_dropShadow_9089_32844' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
}

.work-time-state-icon.--start::before,
.work-time-state-icon.--warn::before {
	content: '';
	width: 32px;
	height: 32px;
	position: absolute;
	display: inline-block;
	top: 50%;
	left: 50%;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='36' height='36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='.82'%3E%3Cg filter='url(%23filter0_f_4039_188181)'%3E%3Cmask id='a' maskUnits='userSpaceOnUse' x='6' y='6' width='24' height='24' fill='%23000'%3E%3Cpath fill='%23fff' d='M6 6h24v24H6z'/%3E%3Cpath d='M10 18a8 8 0 1116 0 8 8 0 01-16 0z'/%3E%3C/mask%3E%3Cg clip-path='url(%23paint0_angular_4039_188181_clip_path)' data-figma-skip-parse='true' mask='url(%23a)'%3E%3CforeignObject x='-1488.37' y='-1488.37' width='2976.74' height='2976.74' transform='matrix(0 -.00819 .00819 0 18 18.19)'%3E%3Cdiv xmlns='http://www.w3.org/1999/xhtml' style='background:conic-gradient(from 90deg,rgba(0,117,255,0) 0deg,rgba(0,117,255,0) 104.9deg,%237cffc2 180deg,rgba(0,117,255,0) 255.181deg,rgba(0,117,255,0) 360deg);height:100%25;width:100%25' opacity='1'/%3E%3C/foreignObject%3E%3C/g%3E%3Cpath d='M18 22a4 4 0 01-4-4H6c0 6.627 5.373 12 12 12v-8zm4-4a4 4 0 01-4 4v8c6.627 0 12-5.373 12-12h-8zm-4-4a4 4 0 014 4h8c0-6.627-5.373-12-12-12v8zm0-8C11.373 6 6 11.373 6 18h8a4 4 0 014-4V6z' data-figma-gradient-fill='{%26quot;type%26quot;:%26quot;GRADIENT_ANGULAR%26quot;,%26quot;stops%26quot;:[{%26quot;color%26quot;:{%26quot;r%26quot;:0.0,%26quot;g%26quot;:0.45882353186607361,%26quot;b%26quot;:1.0,%26quot;a%26quot;:0.0},%26quot;position%26quot;:0.29139003157615662},{%26quot;color%26quot;:{%26quot;r%26quot;:0.48701173067092896,%26quot;g%26quot;:1.0,%26quot;b%26quot;:0.76213389635086060,%26quot;a%26quot;:1.0},%26quot;position%26quot;:0.50},{%26quot;color%26quot;:{%26quot;r%26quot;:0.0,%26quot;g%26quot;:0.45882353186607361,%26quot;b%26quot;:1.0,%26quot;a%26quot;:0.0},%26quot;position%26quot;:0.70883667469024658}],%26quot;stopsVar%26quot;:[{%26quot;color%26quot;:{%26quot;r%26quot;:0.0,%26quot;g%26quot;:0.45882353186607361,%26quot;b%26quot;:1.0,%26quot;a%26quot;:0.0},%26quot;position%26quot;:0.29139003157615662},{%26quot;color%26quot;:{%26quot;r%26quot;:0.48701173067092896,%26quot;g%26quot;:1.0,%26quot;b%26quot;:0.76213389635086060,%26quot;a%26quot;:1.0},%26quot;position%26quot;:0.50},{%26quot;color%26quot;:{%26quot;r%26quot;:0.0,%26quot;g%26quot;:0.45882353186607361,%26quot;b%26quot;:1.0,%26quot;a%26quot;:0.0},%26quot;position%26quot;:0.70883667469024658}],%26quot;transform%26quot;:{%26quot;m00%26quot;:1.0240738785400813e-13,%26quot;m01%26quot;:16.380952835083008,%26quot;m02%26quot;:9.8095235824584961,%26quot;m10%26quot;:-16.380952835083008,%26quot;m11%26quot;:-5.7161941196051669e-13,%26quot;m12%26quot;:26.380952835083008},%26quot;opacity%26quot;:1.0,%26quot;blendMode%26quot;:%26quot;NORMAL%26quot;,%26quot;visible%26quot;:true}' mask='url(%23a)'/%3E%3Cg clip-path='url(%23paint1_angular_4039_188181_clip_path)' data-figma-skip-parse='true' mask='url(%23a)'%3E%3CforeignObject x='-1602.27' y='-1602.27' width='3204.55' height='3204.55' transform='rotate(-90 18 0) scale(.00749)'%3E%3Cdiv xmlns='http://www.w3.org/1999/xhtml' style='background:conic-gradient(from 90deg,rgba(245,245,245,0) 0deg,rgba(229,229,229,0) 89.5137deg,%237cffc2 163.695deg,%237cffc2 198.577deg,%237cffc2 222.67deg,rgba(255,255,255,0) 302.041deg,rgba(245,245,245,0) 360deg);height:100%25;width:100%25' opacity='1'/%3E%3C/foreignObject%3E%3C/g%3E%3Cpath d='M18 22a4 4 0 01-4-4H6c0 6.627 5.373 12 12 12v-8zm4-4a4 4 0 01-4 4v8c6.627 0 12-5.373 12-12h-8zm-4-4a4 4 0 014 4h8c0-6.627-5.373-12-12-12v8zm0-8C11.373 6 6 11.373 6 18h8a4 4 0 014-4V6z' data-figma-gradient-fill='{%26quot;type%26quot;:%26quot;GRADIENT_ANGULAR%26quot;,%26quot;stops%26quot;:[{%26quot;color%26quot;:{%26quot;r%26quot;:0.90109050273895264,%26quot;g%26quot;:0.90109050273895264,%26quot;b%26quot;:0.90109050273895264,%26quot;a%26quot;:0.0},%26quot;position%26quot;:0.24864910542964935},{%26quot;color%26quot;:{%26quot;r%26quot;:0.48627451062202454,%26quot;g%26quot;:1.0,%26quot;b%26quot;:0.76078432798385620,%26quot;a%26quot;:1.0},%26quot;position%26quot;:0.45470857620239258},{%26quot;color%26quot;:{%26quot;r%26quot;:0.48701173067092896,%26quot;g%26quot;:1.0,%26quot;b%26quot;:0.76213389635086060,%26quot;a%26quot;:1.0},%26quot;position%26quot;:0.55160307884216309},{%26quot;color%26quot;:{%26quot;r%26quot;:0.48627451062202454,%26quot;g%26quot;:1.0,%26quot;b%26quot;:0.76078432798385620,%26quot;a%26quot;:1.0},%26quot;position%26quot;:0.61852687597274780},{%26quot;color%26quot;:{%26quot;r%26quot;:1.0,%26quot;g%26quot;:1.0,%26quot;b%26quot;:1.0,%26quot;a%26quot;:0.0},%26quot;position%26quot;:0.83900254964828491}],%26quot;stopsVar%26quot;:[{%26quot;color%26quot;:{%26quot;r%26quot;:0.90109050273895264,%26quot;g%26quot;:0.90109050273895264,%26quot;b%26quot;:0.90109050273895264,%26quot;a%26quot;:0.0},%26quot;position%26quot;:0.24864910542964935},{%26quot;color%26quot;:{%26quot;r%26quot;:0.48627451062202454,%26quot;g%26quot;:1.0,%26quot;b%26quot;:0.76078432798385620,%26quot;a%26quot;:1.0},%26quot;position%26quot;:0.45470857620239258},{%26quot;color%26quot;:{%26quot;r%26quot;:0.48701173067092896,%26quot;g%26quot;:1.0,%26quot;b%26quot;:0.76213389635086060,%26quot;a%26quot;:1.0},%26quot;position%26quot;:0.55160307884216309},{%26quot;color%26quot;:{%26quot;r%26quot;:0.48627451062202454,%26quot;g%26quot;:1.0,%26quot;b%26quot;:0.76078432798385620,%26quot;a%26quot;:1.0},%26quot;position%26quot;:0.61852687597274780},{%26quot;color%26quot;:{%26quot;r%26quot;:1.0,%26quot;g%26quot;:1.0,%26quot;b%26quot;:1.0,%26quot;a%26quot;:0.0},%26quot;position%26quot;:0.83900254964828491}],%26quot;transform%26quot;:{%26quot;m00%26quot;:7.3602973316155840e-07,%26quot;m01%26quot;:14.978722572326660,%26quot;m02%26quot;:10.510638236999512,%26quot;m10%26quot;:-14.978722572326660,%26quot;m11%26quot;:7.3602967631813954e-07,%26quot;m12%26quot;:25.489360809326172},%26quot;opacity%26quot;:1.0,%26quot;blendMode%26quot;:%26quot;NORMAL%26quot;,%26quot;visible%26quot;:true}' mask='url(%23a)'/%3E%3C/g%3E%3Cmask id='b' fill='%23fff'%3E%3Cpath d='M10 18a8 8 0 1116 0 8 8 0 01-16 0z'/%3E%3C/mask%3E%3Cg clip-path='url(%23paint2_angular_4039_188181_clip_path)' data-figma-skip-parse='true' mask='url(%23b)'%3E%3CforeignObject x='-1170.93' y='-1170.93' width='2341.86' height='2341.86' transform='matrix(0 -.00819 .00819 0 18 18.19)'%3E%3Cdiv xmlns='http://www.w3.org/1999/xhtml' style='background:conic-gradient(from 90deg,%231bce7b 0deg,%237cffc2 180deg,%231bce7b 360deg);height:100%25;width:100%25' opacity='1'/%3E%3C/foreignObject%3E%3C/g%3E%3Cpath d='M18 24.6a6.6 6.6 0 01-6.6-6.6H8.6a9.4 9.4 0 009.4 9.4v-2.8zm6.6-6.6a6.6 6.6 0 01-6.6 6.6v2.8a9.4 9.4 0 009.4-9.4h-2.8zM18 11.4a6.6 6.6 0 016.6 6.6h2.8A9.4 9.4 0 0018 8.6v2.8zm0-2.8A9.4 9.4 0 008.6 18h2.8a6.6 6.6 0 016.6-6.6V8.6z' data-figma-gradient-fill='{%26quot;type%26quot;:%26quot;GRADIENT_ANGULAR%26quot;,%26quot;stops%26quot;:[{%26quot;color%26quot;:{%26quot;r%26quot;:0.10588235408067703,%26quot;g%26quot;:0.80784314870834351,%26quot;b%26quot;:0.48235294222831726,%26quot;a%26quot;:1.0},%26quot;position%26quot;:0.0},{%26quot;color%26quot;:{%26quot;r%26quot;:0.48701173067092896,%26quot;g%26quot;:1.0,%26quot;b%26quot;:0.76213389635086060,%26quot;a%26quot;:1.0},%26quot;position%26quot;:0.50},{%26quot;color%26quot;:{%26quot;r%26quot;:0.10588235408067703,%26quot;g%26quot;:0.80784314870834351,%26quot;b%26quot;:0.48235294222831726,%26quot;a%26quot;:1.0},%26quot;position%26quot;:1.0}],%26quot;stopsVar%26quot;:[{%26quot;color%26quot;:{%26quot;r%26quot;:0.10588235408067703,%26quot;g%26quot;:0.80784314870834351,%26quot;b%26quot;:0.48235294222831726,%26quot;a%26quot;:1.0},%26quot;position%26quot;:0.0},{%26quot;color%26quot;:{%26quot;r%26quot;:0.48701173067092896,%26quot;g%26quot;:1.0,%26quot;b%26quot;:0.76213389635086060,%26quot;a%26quot;:1.0},%26quot;position%26quot;:0.50},{%26quot;color%26quot;:{%26quot;r%26quot;:0.10588235408067703,%26quot;g%26quot;:0.80784314870834351,%26quot;b%26quot;:0.48235294222831726,%26quot;a%26quot;:1.0},%26quot;position%26quot;:1.0}],%26quot;transform%26quot;:{%26quot;m00%26quot;:1.0240738785400813e-13,%26quot;m01%26quot;:16.380952835083008,%26quot;m02%26quot;:9.8095235824584961,%26quot;m10%26quot;:-16.380952835083008,%26quot;m11%26quot;:-5.7161941196051669e-13,%26quot;m12%26quot;:26.380952835083008},%26quot;opacity%26quot;:1.0,%26quot;blendMode%26quot;:%26quot;NORMAL%26quot;,%26quot;visible%26quot;:true}' mask='url(%23b)'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='paint0_angular_4039_188181_clip_path'%3E%3Cpath d='M18 22a4 4 0 01-4-4H6c0 6.627 5.373 12 12 12v-8zm4-4a4 4 0 01-4 4v8c6.627 0 12-5.373 12-12h-8zm-4-4a4 4 0 014 4h8c0-6.627-5.373-12-12-12v8zm0-8C11.373 6 6 11.373 6 18h8a4 4 0 014-4V6z' mask='url(%23path-1-outside-1_4039_188181)'/%3E%3C/clipPath%3E%3CclipPath id='paint1_angular_4039_188181_clip_path'%3E%3Cpath d='M18 22a4 4 0 01-4-4H6c0 6.627 5.373 12 12 12v-8zm4-4a4 4 0 01-4 4v8c6.627 0 12-5.373 12-12h-8zm-4-4a4 4 0 014 4h8c0-6.627-5.373-12-12-12v8zm0-8C11.373 6 6 11.373 6 18h8a4 4 0 014-4V6z' mask='url(%23path-1-outside-1_4039_188181)'/%3E%3C/clipPath%3E%3CclipPath id='paint2_angular_4039_188181_clip_path'%3E%3Cpath d='M18 24.6a6.6 6.6 0 01-6.6-6.6H8.6a9.4 9.4 0 009.4 9.4v-2.8zm6.6-6.6a6.6 6.6 0 01-6.6 6.6v2.8a9.4 9.4 0 009.4-9.4h-2.8zM18 11.4a6.6 6.6 0 016.6 6.6h2.8A9.4 9.4 0 0018 8.6v2.8zm0-2.8A9.4 9.4 0 008.6 18h2.8a6.6 6.6 0 016.6-6.6V8.6z' mask='url(%23path-3-inside-2_4039_188181)'/%3E%3C/clipPath%3E%3Cfilter id='filter0_f_4039_188181' x='0' y='0' width='36' height='36' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='3' result='effect1_foregroundBlur_4039_188181'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-animation: work-time-state-icon-spin 3.5s linear 10 forwards, work-time-state-icon-hide-after-animation 1s forwards;
	        animation: work-time-state-icon-spin 3.5s linear 10 forwards, work-time-state-icon-hide-after-animation 1s forwards;
	-webkit-animation-delay: 0s, 34.5s;
	        animation-delay: 0s, 34.5s;
	-webkit-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	border-radius: 50%;
}

.work-time-state-icon.--warn::before {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='32' height='32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='.82'%3E%3Cg filter='url(%23filter0_f_4039_188200)'%3E%3Cg clip-path='url(%23paint0_angular_4039_188200_clip_path)' data-figma-skip-parse='true'%3E%3CforeignObject x='-1366.28' y='-1366.28' width='2732.56' height='2732.56' transform='matrix(0 -.00819 .00819 0 16 16.19)'%3E%3Cdiv xmlns='http://www.w3.org/1999/xhtml' style='background:conic-gradient(from 90deg,rgba(255,140,114,0) 0deg,rgba(255,140,114,0) 104.9deg,%23fdc63b 180deg,rgba(255,140,114,0) 255.181deg,rgba(255,140,114,0) 360deg);height:100%25;width:100%25' opacity='1'/%3E%3C/foreignObject%3E%3C/g%3E%3Cpath d='M16 22.5A6.5 6.5 0 019.5 16h-3a9.5 9.5 0 009.5 9.5v-3zm6.5-6.5a6.5 6.5 0 01-6.5 6.5v3a9.5 9.5 0 009.5-9.5h-3zM16 9.5a6.5 6.5 0 016.5 6.5h3A9.5 9.5 0 0016 6.5v3zm0-3A9.5 9.5 0 006.5 16h3A6.5 6.5 0 0116 9.5v-3z' data-figma-gradient-fill='{%26quot;type%26quot;:%26quot;GRADIENT_ANGULAR%26quot;,%26quot;stops%26quot;:[{%26quot;color%26quot;:{%26quot;r%26quot;:1.0,%26quot;g%26quot;:0.54901963472366333,%26quot;b%26quot;:0.44705882668495178,%26quot;a%26quot;:0.0},%26quot;position%26quot;:0.29139003157615662},{%26quot;color%26quot;:{%26quot;r%26quot;:0.99215686321258545,%26quot;g%26quot;:0.77647060155868530,%26quot;b%26quot;:0.23137255012989044,%26quot;a%26quot;:1.0},%26quot;position%26quot;:0.50},{%26quot;color%26quot;:{%26quot;r%26quot;:1.0,%26quot;g%26quot;:0.54901963472366333,%26quot;b%26quot;:0.44705882668495178,%26quot;a%26quot;:0.0},%26quot;position%26quot;:0.70883667469024658}],%26quot;stopsVar%26quot;:[{%26quot;color%26quot;:{%26quot;r%26quot;:1.0,%26quot;g%26quot;:0.54901963472366333,%26quot;b%26quot;:0.44705882668495178,%26quot;a%26quot;:0.0},%26quot;position%26quot;:0.29139003157615662},{%26quot;color%26quot;:{%26quot;r%26quot;:0.99215686321258545,%26quot;g%26quot;:0.77647060155868530,%26quot;b%26quot;:0.23137255012989044,%26quot;a%26quot;:1.0},%26quot;position%26quot;:0.50},{%26quot;color%26quot;:{%26quot;r%26quot;:1.0,%26quot;g%26quot;:0.54901963472366333,%26quot;b%26quot;:0.44705882668495178,%26quot;a%26quot;:0.0},%26quot;position%26quot;:0.70883667469024658}],%26quot;transform%26quot;:{%26quot;m00%26quot;:1.0240738785400813e-13,%26quot;m01%26quot;:16.380952835083008,%26quot;m02%26quot;:7.8095235824584961,%26quot;m10%26quot;:-16.380952835083008,%26quot;m11%26quot;:-5.7161941196051669e-13,%26quot;m12%26quot;:24.380952835083008},%26quot;opacity%26quot;:1.0,%26quot;blendMode%26quot;:%26quot;NORMAL%26quot;,%26quot;visible%26quot;:true}'/%3E%3C/g%3E%3Cmask id='a' fill='%23fff'%3E%3Cpath d='M8 16a8 8 0 1116 0 8 8 0 01-16 0z'/%3E%3C/mask%3E%3Cg clip-path='url(%23paint1_angular_4039_188200_clip_path)' data-figma-skip-parse='true' mask='url(%23a)'%3E%3CforeignObject x='-1170.93' y='-1170.93' width='2341.86' height='2341.86' transform='matrix(0 -.00819 .00819 0 16 16.19)'%3E%3Cdiv xmlns='http://www.w3.org/1999/xhtml' style='background:conic-gradient(from 90deg,%23ff8c72 0deg,%23fdc63b 180deg,%23ff8c72 360deg);height:100%25;width:100%25' opacity='1'/%3E%3C/foreignObject%3E%3C/g%3E%3Cpath d='M16 22.6A6.6 6.6 0 019.4 16H6.6a9.4 9.4 0 009.4 9.4v-2.8zm6.6-6.6a6.6 6.6 0 01-6.6 6.6v2.8a9.4 9.4 0 009.4-9.4h-2.8zM16 9.4a6.6 6.6 0 016.6 6.6h2.8A9.4 9.4 0 0016 6.6v2.8zm0-2.8A9.4 9.4 0 006.6 16h2.8A6.6 6.6 0 0116 9.4V6.6z' data-figma-gradient-fill='{%26quot;type%26quot;:%26quot;GRADIENT_ANGULAR%26quot;,%26quot;stops%26quot;:[{%26quot;color%26quot;:{%26quot;r%26quot;:1.0,%26quot;g%26quot;:0.54901963472366333,%26quot;b%26quot;:0.44705882668495178,%26quot;a%26quot;:1.0},%26quot;position%26quot;:0.0},{%26quot;color%26quot;:{%26quot;r%26quot;:0.99215686321258545,%26quot;g%26quot;:0.77647060155868530,%26quot;b%26quot;:0.23137255012989044,%26quot;a%26quot;:1.0},%26quot;position%26quot;:0.50},{%26quot;color%26quot;:{%26quot;r%26quot;:1.0,%26quot;g%26quot;:0.54901963472366333,%26quot;b%26quot;:0.44705882668495178,%26quot;a%26quot;:1.0},%26quot;position%26quot;:1.0}],%26quot;stopsVar%26quot;:[{%26quot;color%26quot;:{%26quot;r%26quot;:1.0,%26quot;g%26quot;:0.54901963472366333,%26quot;b%26quot;:0.44705882668495178,%26quot;a%26quot;:1.0},%26quot;position%26quot;:0.0},{%26quot;color%26quot;:{%26quot;r%26quot;:0.99215686321258545,%26quot;g%26quot;:0.77647060155868530,%26quot;b%26quot;:0.23137255012989044,%26quot;a%26quot;:1.0},%26quot;position%26quot;:0.50},{%26quot;color%26quot;:{%26quot;r%26quot;:1.0,%26quot;g%26quot;:0.54901963472366333,%26quot;b%26quot;:0.44705882668495178,%26quot;a%26quot;:1.0},%26quot;position%26quot;:1.0}],%26quot;transform%26quot;:{%26quot;m00%26quot;:1.0240738785400813e-13,%26quot;m01%26quot;:16.380952835083008,%26quot;m02%26quot;:7.8095235824584961,%26quot;m10%26quot;:-16.380952835083008,%26quot;m11%26quot;:-5.7161941196051669e-13,%26quot;m12%26quot;:24.380952835083008},%26quot;opacity%26quot;:1.0,%26quot;blendMode%26quot;:%26quot;NORMAL%26quot;,%26quot;visible%26quot;:true}' mask='url(%23a)'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='paint0_angular_4039_188200_clip_path'%3E%3Cpath d='M16 22.5A6.5 6.5 0 019.5 16h-3a9.5 9.5 0 009.5 9.5v-3zm6.5-6.5a6.5 6.5 0 01-6.5 6.5v3a9.5 9.5 0 009.5-9.5h-3zM16 9.5a6.5 6.5 0 016.5 6.5h3A9.5 9.5 0 0016 6.5v3zm0-3A9.5 9.5 0 006.5 16h3A6.5 6.5 0 0116 9.5v-3z'/%3E%3C/clipPath%3E%3CclipPath id='paint1_angular_4039_188200_clip_path'%3E%3Cpath d='M16 22.6A6.6 6.6 0 019.4 16H6.6a9.4 9.4 0 009.4 9.4v-2.8zm6.6-6.6a6.6 6.6 0 01-6.6 6.6v2.8a9.4 9.4 0 009.4-9.4h-2.8zM16 9.4a6.6 6.6 0 016.6 6.6h2.8A9.4 9.4 0 0016 6.6v2.8zm0-2.8A9.4 9.4 0 006.6 16h2.8A6.6 6.6 0 0116 9.4V6.6z' mask='url(%23path-3-inside-1_4039_188200)'/%3E%3C/clipPath%3E%3Cfilter id='filter0_f_4039_188200' x='.5' y='.5' width='31' height='31' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='3' result='effect1_foregroundBlur_4039_188200'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
}

.work-time-state-icon.--start::before {
	width: 36px;
	height: 36px;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='36' height='36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='.82'%3E%3Cg filter='url(%23filter0_f_4039_188181)'%3E%3Cmask id='a' maskUnits='userSpaceOnUse' x='6' y='6' width='24' height='24' fill='%23000'%3E%3Cpath fill='%23fff' d='M6 6h24v24H6z'/%3E%3Cpath d='M10 18a8 8 0 1116 0 8 8 0 01-16 0z'/%3E%3C/mask%3E%3Cg clip-path='url(%23paint0_angular_4039_188181_clip_path)' data-figma-skip-parse='true' mask='url(%23a)'%3E%3CforeignObject x='-1488.37' y='-1488.37' width='2976.74' height='2976.74' transform='matrix(0 -.00819 .00819 0 18 18.19)'%3E%3Cdiv xmlns='http://www.w3.org/1999/xhtml' style='background:conic-gradient(from 90deg,rgba(0,117,255,0) 0deg,rgba(0,117,255,0) 104.9deg,%237cffc2 180deg,rgba(0,117,255,0) 255.181deg,rgba(0,117,255,0) 360deg);height:100%25;width:100%25' opacity='1'/%3E%3C/foreignObject%3E%3C/g%3E%3Cpath d='M18 22a4 4 0 01-4-4H6c0 6.627 5.373 12 12 12v-8zm4-4a4 4 0 01-4 4v8c6.627 0 12-5.373 12-12h-8zm-4-4a4 4 0 014 4h8c0-6.627-5.373-12-12-12v8zm0-8C11.373 6 6 11.373 6 18h8a4 4 0 014-4V6z' data-figma-gradient-fill='{%26quot;type%26quot;:%26quot;GRADIENT_ANGULAR%26quot;,%26quot;stops%26quot;:[{%26quot;color%26quot;:{%26quot;r%26quot;:0.0,%26quot;g%26quot;:0.45882353186607361,%26quot;b%26quot;:1.0,%26quot;a%26quot;:0.0},%26quot;position%26quot;:0.29139003157615662},{%26quot;color%26quot;:{%26quot;r%26quot;:0.48701173067092896,%26quot;g%26quot;:1.0,%26quot;b%26quot;:0.76213389635086060,%26quot;a%26quot;:1.0},%26quot;position%26quot;:0.50},{%26quot;color%26quot;:{%26quot;r%26quot;:0.0,%26quot;g%26quot;:0.45882353186607361,%26quot;b%26quot;:1.0,%26quot;a%26quot;:0.0},%26quot;position%26quot;:0.70883667469024658}],%26quot;stopsVar%26quot;:[{%26quot;color%26quot;:{%26quot;r%26quot;:0.0,%26quot;g%26quot;:0.45882353186607361,%26quot;b%26quot;:1.0,%26quot;a%26quot;:0.0},%26quot;position%26quot;:0.29139003157615662},{%26quot;color%26quot;:{%26quot;r%26quot;:0.48701173067092896,%26quot;g%26quot;:1.0,%26quot;b%26quot;:0.76213389635086060,%26quot;a%26quot;:1.0},%26quot;position%26quot;:0.50},{%26quot;color%26quot;:{%26quot;r%26quot;:0.0,%26quot;g%26quot;:0.45882353186607361,%26quot;b%26quot;:1.0,%26quot;a%26quot;:0.0},%26quot;position%26quot;:0.70883667469024658}],%26quot;transform%26quot;:{%26quot;m00%26quot;:1.0240738785400813e-13,%26quot;m01%26quot;:16.380952835083008,%26quot;m02%26quot;:9.8095235824584961,%26quot;m10%26quot;:-16.380952835083008,%26quot;m11%26quot;:-5.7161941196051669e-13,%26quot;m12%26quot;:26.380952835083008},%26quot;opacity%26quot;:1.0,%26quot;blendMode%26quot;:%26quot;NORMAL%26quot;,%26quot;visible%26quot;:true}' mask='url(%23a)'/%3E%3Cg clip-path='url(%23paint1_angular_4039_188181_clip_path)' data-figma-skip-parse='true' mask='url(%23a)'%3E%3CforeignObject x='-1602.27' y='-1602.27' width='3204.55' height='3204.55' transform='rotate(-90 18 0) scale(.00749)'%3E%3Cdiv xmlns='http://www.w3.org/1999/xhtml' style='background:conic-gradient(from 90deg,rgba(245,245,245,0) 0deg,rgba(229,229,229,0) 89.5137deg,%237cffc2 163.695deg,%237cffc2 198.577deg,%237cffc2 222.67deg,rgba(255,255,255,0) 302.041deg,rgba(245,245,245,0) 360deg);height:100%25;width:100%25' opacity='1'/%3E%3C/foreignObject%3E%3C/g%3E%3Cpath d='M18 22a4 4 0 01-4-4H6c0 6.627 5.373 12 12 12v-8zm4-4a4 4 0 01-4 4v8c6.627 0 12-5.373 12-12h-8zm-4-4a4 4 0 014 4h8c0-6.627-5.373-12-12-12v8zm0-8C11.373 6 6 11.373 6 18h8a4 4 0 014-4V6z' data-figma-gradient-fill='{%26quot;type%26quot;:%26quot;GRADIENT_ANGULAR%26quot;,%26quot;stops%26quot;:[{%26quot;color%26quot;:{%26quot;r%26quot;:0.90109050273895264,%26quot;g%26quot;:0.90109050273895264,%26quot;b%26quot;:0.90109050273895264,%26quot;a%26quot;:0.0},%26quot;position%26quot;:0.24864910542964935},{%26quot;color%26quot;:{%26quot;r%26quot;:0.48627451062202454,%26quot;g%26quot;:1.0,%26quot;b%26quot;:0.76078432798385620,%26quot;a%26quot;:1.0},%26quot;position%26quot;:0.45470857620239258},{%26quot;color%26quot;:{%26quot;r%26quot;:0.48701173067092896,%26quot;g%26quot;:1.0,%26quot;b%26quot;:0.76213389635086060,%26quot;a%26quot;:1.0},%26quot;position%26quot;:0.55160307884216309},{%26quot;color%26quot;:{%26quot;r%26quot;:0.48627451062202454,%26quot;g%26quot;:1.0,%26quot;b%26quot;:0.76078432798385620,%26quot;a%26quot;:1.0},%26quot;position%26quot;:0.61852687597274780},{%26quot;color%26quot;:{%26quot;r%26quot;:1.0,%26quot;g%26quot;:1.0,%26quot;b%26quot;:1.0,%26quot;a%26quot;:0.0},%26quot;position%26quot;:0.83900254964828491}],%26quot;stopsVar%26quot;:[{%26quot;color%26quot;:{%26quot;r%26quot;:0.90109050273895264,%26quot;g%26quot;:0.90109050273895264,%26quot;b%26quot;:0.90109050273895264,%26quot;a%26quot;:0.0},%26quot;position%26quot;:0.24864910542964935},{%26quot;color%26quot;:{%26quot;r%26quot;:0.48627451062202454,%26quot;g%26quot;:1.0,%26quot;b%26quot;:0.76078432798385620,%26quot;a%26quot;:1.0},%26quot;position%26quot;:0.45470857620239258},{%26quot;color%26quot;:{%26quot;r%26quot;:0.48701173067092896,%26quot;g%26quot;:1.0,%26quot;b%26quot;:0.76213389635086060,%26quot;a%26quot;:1.0},%26quot;position%26quot;:0.55160307884216309},{%26quot;color%26quot;:{%26quot;r%26quot;:0.48627451062202454,%26quot;g%26quot;:1.0,%26quot;b%26quot;:0.76078432798385620,%26quot;a%26quot;:1.0},%26quot;position%26quot;:0.61852687597274780},{%26quot;color%26quot;:{%26quot;r%26quot;:1.0,%26quot;g%26quot;:1.0,%26quot;b%26quot;:1.0,%26quot;a%26quot;:0.0},%26quot;position%26quot;:0.83900254964828491}],%26quot;transform%26quot;:{%26quot;m00%26quot;:7.3602973316155840e-07,%26quot;m01%26quot;:14.978722572326660,%26quot;m02%26quot;:10.510638236999512,%26quot;m10%26quot;:-14.978722572326660,%26quot;m11%26quot;:7.3602967631813954e-07,%26quot;m12%26quot;:25.489360809326172},%26quot;opacity%26quot;:1.0,%26quot;blendMode%26quot;:%26quot;NORMAL%26quot;,%26quot;visible%26quot;:true}' mask='url(%23a)'/%3E%3C/g%3E%3Cmask id='b' fill='%23fff'%3E%3Cpath d='M10 18a8 8 0 1116 0 8 8 0 01-16 0z'/%3E%3C/mask%3E%3Cg clip-path='url(%23paint2_angular_4039_188181_clip_path)' data-figma-skip-parse='true' mask='url(%23b)'%3E%3CforeignObject x='-1170.93' y='-1170.93' width='2341.86' height='2341.86' transform='matrix(0 -.00819 .00819 0 18 18.19)'%3E%3Cdiv xmlns='http://www.w3.org/1999/xhtml' style='background:conic-gradient(from 90deg,%231bce7b 0deg,%237cffc2 180deg,%231bce7b 360deg);height:100%25;width:100%25' opacity='1'/%3E%3C/foreignObject%3E%3C/g%3E%3Cpath d='M18 24.6a6.6 6.6 0 01-6.6-6.6H8.6a9.4 9.4 0 009.4 9.4v-2.8zm6.6-6.6a6.6 6.6 0 01-6.6 6.6v2.8a9.4 9.4 0 009.4-9.4h-2.8zM18 11.4a6.6 6.6 0 016.6 6.6h2.8A9.4 9.4 0 0018 8.6v2.8zm0-2.8A9.4 9.4 0 008.6 18h2.8a6.6 6.6 0 016.6-6.6V8.6z' data-figma-gradient-fill='{%26quot;type%26quot;:%26quot;GRADIENT_ANGULAR%26quot;,%26quot;stops%26quot;:[{%26quot;color%26quot;:{%26quot;r%26quot;:0.10588235408067703,%26quot;g%26quot;:0.80784314870834351,%26quot;b%26quot;:0.48235294222831726,%26quot;a%26quot;:1.0},%26quot;position%26quot;:0.0},{%26quot;color%26quot;:{%26quot;r%26quot;:0.48701173067092896,%26quot;g%26quot;:1.0,%26quot;b%26quot;:0.76213389635086060,%26quot;a%26quot;:1.0},%26quot;position%26quot;:0.50},{%26quot;color%26quot;:{%26quot;r%26quot;:0.10588235408067703,%26quot;g%26quot;:0.80784314870834351,%26quot;b%26quot;:0.48235294222831726,%26quot;a%26quot;:1.0},%26quot;position%26quot;:1.0}],%26quot;stopsVar%26quot;:[{%26quot;color%26quot;:{%26quot;r%26quot;:0.10588235408067703,%26quot;g%26quot;:0.80784314870834351,%26quot;b%26quot;:0.48235294222831726,%26quot;a%26quot;:1.0},%26quot;position%26quot;:0.0},{%26quot;color%26quot;:{%26quot;r%26quot;:0.48701173067092896,%26quot;g%26quot;:1.0,%26quot;b%26quot;:0.76213389635086060,%26quot;a%26quot;:1.0},%26quot;position%26quot;:0.50},{%26quot;color%26quot;:{%26quot;r%26quot;:0.10588235408067703,%26quot;g%26quot;:0.80784314870834351,%26quot;b%26quot;:0.48235294222831726,%26quot;a%26quot;:1.0},%26quot;position%26quot;:1.0}],%26quot;transform%26quot;:{%26quot;m00%26quot;:1.0240738785400813e-13,%26quot;m01%26quot;:16.380952835083008,%26quot;m02%26quot;:9.8095235824584961,%26quot;m10%26quot;:-16.380952835083008,%26quot;m11%26quot;:-5.7161941196051669e-13,%26quot;m12%26quot;:26.380952835083008},%26quot;opacity%26quot;:1.0,%26quot;blendMode%26quot;:%26quot;NORMAL%26quot;,%26quot;visible%26quot;:true}' mask='url(%23b)'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='paint0_angular_4039_188181_clip_path'%3E%3Cpath d='M18 22a4 4 0 01-4-4H6c0 6.627 5.373 12 12 12v-8zm4-4a4 4 0 01-4 4v8c6.627 0 12-5.373 12-12h-8zm-4-4a4 4 0 014 4h8c0-6.627-5.373-12-12-12v8zm0-8C11.373 6 6 11.373 6 18h8a4 4 0 014-4V6z' mask='url(%23path-1-outside-1_4039_188181)'/%3E%3C/clipPath%3E%3CclipPath id='paint1_angular_4039_188181_clip_path'%3E%3Cpath d='M18 22a4 4 0 01-4-4H6c0 6.627 5.373 12 12 12v-8zm4-4a4 4 0 01-4 4v8c6.627 0 12-5.373 12-12h-8zm-4-4a4 4 0 014 4h8c0-6.627-5.373-12-12-12v8zm0-8C11.373 6 6 11.373 6 18h8a4 4 0 014-4V6z' mask='url(%23path-1-outside-1_4039_188181)'/%3E%3C/clipPath%3E%3CclipPath id='paint2_angular_4039_188181_clip_path'%3E%3Cpath d='M18 24.6a6.6 6.6 0 01-6.6-6.6H8.6a9.4 9.4 0 009.4 9.4v-2.8zm6.6-6.6a6.6 6.6 0 01-6.6 6.6v2.8a9.4 9.4 0 009.4-9.4h-2.8zM18 11.4a6.6 6.6 0 016.6 6.6h2.8A9.4 9.4 0 0018 8.6v2.8zm0-2.8A9.4 9.4 0 008.6 18h2.8a6.6 6.6 0 016.6-6.6V8.6z' mask='url(%23path-3-inside-2_4039_188181)'/%3E%3C/clipPath%3E%3Cfilter id='filter0_f_4039_188181' x='0' y='0' width='36' height='36' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='3' result='effect1_foregroundBlur_4039_188181'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
}

@-webkit-keyframes work-time-state-icon-spin {
	0% { -webkit-transform: translate(-50%, -50%) rotate(0deg); transform: translate(-50%, -50%) rotate(0deg); }
	100% { -webkit-transform: translate(-50%, -50%) rotate(360deg); transform: translate(-50%, -50%) rotate(360deg); }

}

@keyframes work-time-state-icon-spin {
	0% { -webkit-transform: translate(-50%, -50%) rotate(0deg); transform: translate(-50%, -50%) rotate(0deg); }
	100% { -webkit-transform: translate(-50%, -50%) rotate(360deg); transform: translate(-50%, -50%) rotate(360deg); }

}

@-webkit-keyframes work-time-state-icon-hide-after-animation {
	0% {
		opacity: 1;
	}
	90% {
		opacity: 0;
	}
	100% {
		opacity: 0;
		display: none;
	}
}

@keyframes work-time-state-icon-hide-after-animation {
	0% {
		opacity: 1;
	}
	90% {
		opacity: 0;
	}
	100% {
		opacity: 0;
		display: none;
	}
}