.progress-bar{flex-direction:row;align-items:center;display:flex;position:relative}.progress-bar .bar{border-radius:var(--radius-2);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff80;flex:1;align-items:center;min-height:13px;padding:4px;display:flex;overflow:hidden}.progress-bar .progress{border-radius:var(--spacing-1) 0 0 var(--spacing-1);background:var(--colors-brand-sand-6-accent);height:5px;position:absolute}.progress-bar .percents-value{margin:0}.progress-bar.basic .bar{padding:0}.progress-bar.basic .progress{background:var(--colors-brand-scooter-6-accent);height:100%}.progress-bar.transparent .bar{border:1px solid var(--space-200);background:0 0}.badge{height:var(--spacing-9);padding:0 var(--spacing-2);border-radius:var(--radius-3);font-size:var(--spacing-3);font-style:normal;font-weight:500;line-height:var(--spacing-4);border:1px solid #0000;align-items:center;gap:2px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;display:inline-flex}.badge.sm-left-padding{padding-left:2px}.badge.big{height:var(--spacing-9)}.badge.small{height:var(--spacing-7)}.badge svg{width:auto;height:20px}.badge.space{background-color:var(--colors-additional-space-3);border-color:var(--colors-additional-space-4);color:var(--colors-additional-space-9)}.badge.island{background-color:var(--colors-additional-island-3);border-color:var(--colors-additional-island-4);color:var(--colors-additional-island-9)}.badge.danger{background-color:var(--colors-additional-danger-3);border-color:var(--colors-additional-danger-4);color:var(--colors-additional-danger-9)}.badge.sand{background-color:var(--colors-brand-sand-3);border-color:var(--colors-brand-sand-4);color:var(--colors-brand-sand-9)}.badge.ocean{background-color:var(--colors-additional-ocean-3);border-color:var(--colors-additional-ocean-4);color:var(--colors-additional-ocean-9)}.badge.sky{background-color:var(--colors-additional-sky-3);border-color:var(--colors-additional-sky-4);color:var(--colors-additional-sky-8)}.badge.flower{background-color:var(--colors-additional-flower-3);border-color:var(--colors-additional-flower-4);color:var(--colors-additional-flower-9)}.badge.sun{background-color:var(--colors-additional-sun-3);border-color:var(--colors-additional-sun-4);color:var(--colors-additional-sun-9)}.badge.scooter{background-color:var(--colors-brand-scooter-4);border-color:var(--colors-brand-scooter-9);color:var(--colors-brand-scooter-9)}.badge.yellow{background-color:var(--colors-brand-sand-6-accent);border-color:var(--colors-brand-sand-6-accent);color:var(--colors-text-notusual-black)}