rte-utils 1.2.194 → 1.2.196

package/dist/components/ScrollableContainer.d.ts

@@ -0,0 +1,24 @@
+import React, { CSSProperties } from 'react';
+import './ScrollableContainer.css';
+export interface ScrollableContainerProps {
+    children: React.ReactNode;
+    /** Width of the scrollbar thumb and track */
+    scrollbarWidth?: number;
+    /** Background color of the scrollbar track */
+    trackColor?: string;
+    /** Background color of the scrollbar thumb */
+    thumbColor?: string;
+    /** Border radius of the scrollbar thumb */
+    thumbBorderRadius?: number;
+    /** Border radius of the scrollbar track */
+    trackBorderRadius?: number;
+    /** Height of the scrollbar thumb */
+    thumbHeight?: number;
+    /** Additional className for the container */
+    className?: string;
+    /** Maximum height of the container - scroll appears when content exceeds this. Container shrinks to fit content if smaller. */
+    height?: number | string;
+    /** Custom styles for the container */
+    style?: CSSProperties;
+}
+export declare const ScrollableContainer: ({ children, scrollbarWidth, trackColor, thumbColor, thumbBorderRadius, trackBorderRadius, thumbHeight, className, height, style, }: ScrollableContainerProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/ScrollableContainer.stories.d.ts

@@ -0,0 +1,11 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { ScrollableContainer } from './ScrollableContainer';
+declare const meta: Meta<typeof ScrollableContainer>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const WithOverflow: Story;
+export declare const NoOverflow: Story;
+export declare const CustomScrollbar: Story;
+export declare const ThinScrollbar: Story;
+export declare const TableScenario: Story;
+export declare const BilanScenario: Story;

package/dist/components/index.d.ts

@@ -12,6 +12,8 @@ export { Modal } from './Modal';
 export { ProductionUnit } from './ProductionUnit';
 export { ProductionUnitContainer } from './ProductionUnitContainer';
 export { ProgressBar } from './ProgressBar';
+export { ScrollableContainer } from './ScrollableContainer';
+export type { ScrollableContainerProps } from './ScrollableContainer';
 export { Switch } from './Switch';
 export { Tabs } from './Tabs';
 export { Timer } from './Timer';

package/dist/index.css

@@ -1 +1 @@
-.accordion{backdrop-filter:blur(2px);border-radius:24px;box-sizing:border-box;display:flex;flex-direction:column;gap:16px;overflow:hidden;padding:16px;width:100%}.accordion--white{background-color:#fff}.accordion--blue{background-color:#005896}.accordion-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;width:100%}.accordion-title{flex:1;font-family:Open Sans,sans-serif;font-size:16px;font-weight:700;line-height:24px;margin:0;text-transform:uppercase}.accordion--white .accordion-title{color:#11161a}.accordion--blue .accordion-title{color:#fff}.accordion-title p{line-height:24px;margin:0}.accordion-arrow{flex-shrink:0;height:16px;transition:transform .2s ease-in-out;width:16px}.accordion-arrow--open{transform:rotate(180deg)}.accordion-content{display:flex;flex-direction:column;font-family:Open Sans,sans-serif;font-size:14px;font-weight:700;gap:13px}.accordion--white .accordion-content{color:#11161a}.accordion--blue .accordion-content{color:#fff}.accordion-content-item{line-height:24px}.accordion-content-item p{line-height:24px;margin:0;white-space:pre}.avatar-container{align-items:center;border:1px solid #f5f3ed;border-radius:50%;color:#333;display:inline-flex;font-size:20px;font-weight:500;height:64px;justify-content:center;overflow:hidden;position:relative;user-select:none;width:64px}.avatar-container--clickable{cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.avatar-container--clickable:hover{box-shadow:0 2px 8px rgba(0,0,0,.15);transform:scale(1.05)}.avatar-container--clickable:active{transform:scale(.95)}.avatar-content{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.avatar-content img{height:100%;object-fit:cover;width:100%}.avatar-content{line-height:1;text-transform:uppercase}.button{align-items:center;background-color:#009cdf;border:none;border-radius:80px;box-sizing:border-box;cursor:pointer;display:flex;gap:8px;justify-content:center;position:relative;width:fit-content}.button:hover{background-color:#0078b8}.button:disabled{background-color:#999fa1;color:#fff;cursor:not-allowed}.button-icon{flex-shrink:0;height:20px;position:relative;width:20px}.button-icon svg{display:block;height:100%;max-width:none;width:100%}.button-text{color:#fff;flex-shrink:0;font-family:Open Sans,sans-serif;font-size:14px;font-style:normal;font-weight:600;letter-spacing:1px;line-height:0;position:relative;text-transform:uppercase;white-space:nowrap}.button-text p{line-height:16px;margin:0;white-space:pre}.input-container{width:100%}.input-container,.input-field{position:relative}.input-element{background-color:#fff;border:1px solid #b7bec2;border-radius:2px;box-sizing:border-box;color:#11161a;font-size:16px;height:40px;line-height:16px;outline:none;padding:8px;text-align:center;transition:border-color .2s ease,border-width .2s ease,box-shadow .2s ease;width:100%}.input-element:focus{border-color:#009cdf;color:#009cdf}.input-element:focus+.input-label{color:#009cdf}.input-label{background-color:#fff;color:#999fa1;font-size:16px;left:12px;line-height:16px;padding:0 4px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease;white-space:nowrap}.input-required{color:#e74c3c;margin-left:2px}.input-container--floating .input-label,.input-container--focused .input-label{font-size:12px;font-weight:500;top:0;transform:translateY(-50%)}.input-container--focused .input-element{border-color:#009cdf;border-width:2px!important}.input-container--focused .input-label{color:#009cdf}.input-container--success .input-element{border-color:#27ae60!important;border-width:2px!important}.input-container--success .input-label{color:#27ae60!important;transition:color .3s ease}.input-container--error .input-element{border-color:#e74c3c}.input-container--error .input-element:focus{border-color:#e74c3c;box-shadow:0 0 0 2px rgba(231,76,60,.1)}.input-container--error .input-label,.input-error{color:#e74c3c}.input-error{font-size:12px;margin-top:4px;padding-left:12px}.input-container--disabled .input-element{background-color:#fff;border-color:#999fa1;color:#999fa1;cursor:not-allowed}.input-container--disabled .input-label{color:#999fa1}.input-container--light .input-element:not(:disabled):hover{border-color:#009cdf}.input-container--black .input-element:not(:disabled):hover,.input-container--dark .input-element:not(:disabled):hover,.input-container--slate .input-element:not(:disabled):hover{border-color:#82d4f6}.input-container--accepted .input-element:not(:disabled):hover,.input-container--partial .input-element:not(:disabled):hover,.input-container--pending .input-element:not(:disabled):hover,.input-container--refused .input-element:not(:disabled):hover{border-color:#009cdf}.input-container--error .input-element:not(:disabled):hover{border-color:#e74c3c}.input-element:-webkit-autofill{-webkit-text-fill-color:inherit!important}.input-element:-webkit-autofill,.input-element:-webkit-autofill:focus{-webkit-box-shadow:inset 0 0 0 30px #fff!important}.input-container--small .input-element{font-size:14px;padding:12px 8px 6px}.input-container--small .input-label{font-size:14px;left:8px}.input-container--small.input-container--floating .input-label,.input-container--small.input-container--focused .input-label{font-size:10px}.input-container--large .input-element{font-size:18px;padding:20px 16px 10px}.input-container--large .input-label{font-size:18px;left:16px}.input-container--large.input-container--floating .input-label,.input-container--large.input-container--focused .input-label{font-size:14px}.input-constraints{align-items:center;display:flex;gap:8px;justify-content:space-between}.input-max,.input-min{color:#999;display:flex;flex-direction:column;text-align:center;width:35px}.input-max-label,.input-min-label{font-size:12px;line-height:10px}.input-max-value,.input-min-value{font-size:14px}.input-max-container{align-items:center;display:flex;gap:4px}.input-max--with-tooltip{color:#ff9800}.input-max-tooltip-wrapper{align-items:center;cursor:pointer;display:flex;position:relative}.input-max-tooltip{background-color:#11161a;border-radius:4px;bottom:100%;box-shadow:0 2px 8px rgba(0,0,0,.15);color:#fff;font-size:12px;line-height:16px;margin-bottom:8px;padding:8px 12px;white-space:nowrap;z-index:1000}.input-max-tooltip,.input-max-tooltip:after{left:50%;position:absolute;transform:translateX(-50%)}.input-max-tooltip:after{border:4px solid transparent;border-top-color:#11161a;content:"";top:100%}.input-container--focused .input-max,.input-container--focused .input-min{color:#009cdf;font-weight:500}.input-container--focused .input-max--with-tooltip{color:#ff9800}.input-element[type=number]{appearance:textfield;-moz-appearance:textfield}.input-element[type=number]::-webkit-inner-spin-button,.input-element[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input-container--light .input-element{background-color:#fff;border-color:#b7bec2;color:#11161a}.input-container--light .input-label{background-color:#fff;color:#999fa1}.input-container--light .input-element:-webkit-autofill{-webkit-text-fill-color:#11161a!important;-webkit-box-shadow:inset 0 0 0 30px #fff!important}.input-container--light .input-element:-webkit-autofill:focus{-webkit-box-shadow:inset 0 0 0 30px #fff!important}.input-container--dark .input-element{background-color:#292e33;border-color:#b7bec2;color:#fff}.input-container--dark .input-label{background-color:#292e33;color:#fff}.input-container--dark .input-element:focus{border-color:#82d4f6;box-shadow:0 0 0 2px rgba(0,156,223,.1);color:#fff}.input-container--dark.input-container--focused .input-label{color:#82d4f6}.input-container--dark .input-element:-webkit-autofill{-webkit-text-fill-color:#fff!important;-webkit-box-shadow:inset 0 0 0 30px #292e33!important}.input-container--dark .input-element:-webkit-autofill:focus{-webkit-box-shadow:inset 0 0 0 30px #292e33!important}.input-container--slate .input-element{background-color:#3b434a;border-color:#b7bec2;color:#fff}.input-container--slate .input-label{background-color:#3b434a;color:#fff}.input-container--slate .input-element:focus{border-color:#82d4f6;box-shadow:0 0 0 2px rgba(0,156,223,.1);color:#fff}.input-container--slate.input-container--focused .input-label{color:#82d4f6}.input-container--slate .input-element:-webkit-autofill{-webkit-text-fill-color:#fff!important;-webkit-box-shadow:inset 0 0 0 30px #3b434a!important}.input-container--slate .input-element:-webkit-autofill:focus{-webkit-box-shadow:inset 0 0 0 30px #3b434a!important}.input-container--black .input-element{background-color:#11161a;border-color:#b7bec2;color:#fff}.input-container--black .input-label{background-color:#11161a;color:#fff}.input-container--black .input-element:focus{border-color:#82d4f6;box-shadow:0 0 0 2px rgba(0,156,223,.1);color:#fff}.input-container--black.input-container--focused .input-label{color:#82d4f6}.input-container--black .input-element:-webkit-autofill{-webkit-text-fill-color:#fff!important;-webkit-box-shadow:inset 0 0 0 30px #11161a!important}.input-container--black .input-element:-webkit-autofill:focus{-webkit-box-shadow:inset 0 0 0 30px #11161a!important}.input-container--pending .input-element{background-color:#fff;border-color:#b7bec2;color:#11161a}.input-container--pending .input-label{background-color:#fff;color:#999fa1}.input-container--pending .input-element:focus{border-color:#009cdf;color:#009cdf}.input-container--pending.input-container--focused .input-label{color:#009cdf}.input-container--pending .input-element:-webkit-autofill{-webkit-text-fill-color:#11161a!important;-webkit-box-shadow:inset 0 0 0 30px #fff!important}.input-container--pending .input-element:-webkit-autofill:focus{-webkit-box-shadow:inset 0 0 0 30px #fff!important}.input-container--refused .input-element{background-color:#fce8e7;border-color:#b7bec2;color:#11161a}.input-container--refused .input-label{background-color:#fce8e7;color:#999fa1}.input-container--refused .input-element:focus{border-color:#009cdf;color:#009cdf}.input-container--refused.input-container--focused .input-label{color:#009cdf}.input-container--refused .input-element:-webkit-autofill{-webkit-text-fill-color:#11161a!important;-webkit-box-shadow:inset 0 0 0 30px #fce8e7!important}.input-container--refused .input-element:-webkit-autofill:focus{-webkit-box-shadow:inset 0 0 0 30px #fce8e7!important}.input-container--partial .input-element{background-color:#fee9d0;border-color:#b7bec2;color:#11161a}.input-container--partial .input-label{background-color:#fee9d0;color:#999fa1}.input-container--partial .input-element:focus{border-color:#009cdf;color:#009cdf}.input-container--partial.input-container--focused .input-label{color:#009cdf}.input-container--partial .input-element:-webkit-autofill{-webkit-text-fill-color:#11161a!important;-webkit-box-shadow:inset 0 0 0 30px #fee9d0!important}.input-container--partial .input-element:-webkit-autofill:focus{-webkit-box-shadow:inset 0 0 0 30px #fee9d0!important}.input-container--accepted .input-element{background-color:#d3ead9;border-color:#b7bec2;color:#11161a;opacity:.8}.input-container--accepted .input-label{background-color:#d3ead9;color:#999fa1}.input-container--accepted .input-element:focus{border-color:#009cdf;color:#009cdf}.input-container--accepted.input-container--focused .input-label{color:#009cdf}.input-container--accepted .input-element:-webkit-autofill{-webkit-text-fill-color:#11161a!important;-webkit-box-shadow:inset 0 0 0 30px #d3ead9!important}.input-container--accepted .input-element:-webkit-autofill:focus{-webkit-box-shadow:inset 0 0 0 30px #d3ead9!important}.buyline{align-items:center;background:#fff;display:flex;flex-direction:column;justify-content:space-between;width:100%}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.buyline__container{align-items:center;box-sizing:border-box;display:flex;justify-content:space-between;width:100%}.buyline__border{border-bottom:1px solid #f2f4f4;margin-top:12px;pointer-events:none;width:100%}.buyline__content{gap:12px}.buyline__content,.buyline__inputs{align-items:center;display:flex;flex-shrink:0;justify-content:flex-start}.buyline__inputs{gap:8px}.buyline__input_container{align-items:flex-start;display:flex;flex-direction:column;gap:10px;justify-content:flex-start}.buyline__title{color:#11161a;flex-shrink:0;font-family:Open Sans,sans-serif;font-size:14px;font-weight:600;line-height:24px;width:64px}.buyline--has-labels .buyline__status,.buyline--has-labels .buyline__title{position:relative;top:15px}.buyline__total{display:flex;flex-direction:column;height:40px;justify-content:center}.buyline__price span{color:#999fa1;font-family:Open Sans,sans-serif;font-size:16px;font-weight:600;line-height:24px;white-space:nowrap}.buyline__recette{align-items:flex-start;display:flex;flex-direction:column;flex-shrink:0;gap:10px;justify-content:flex-start}.buyline__actions{align-items:center;display:flex;flex-shrink:0;gap:8px;justify-content:center}.buyline--has-labels .buyline__actions{position:relative;top:15px}.buyline__send,.buyline__trash{align-items:center;background:transparent;border:none;cursor:pointer;display:flex;justify-content:center;padding:0}.buyline__send{height:20px;width:20px}.buyline__send--disabled{cursor:not-allowed;opacity:.5}.buyline__trash{height:20px;width:20px}.buyline__icon{display:block;height:100%;max-width:none;width:100%}.buyline__labels{align-items:center;display:flex;gap:8px;justify-content:flex-start;margin-bottom:8px}.buyline__label{color:#999fa1;font-family:Open Sans,sans-serif;font-size:12px;font-weight:400;line-height:16px;text-align:center}.buyline__label--title{flex-shrink:0;width:64px}.buyline__label--price,.buyline__label--volume{flex-shrink:0;width:54px}.buyline__label--total{flex-shrink:0;min-width:84px}.buyline__label--description{color:#6f767b;font-size:12px}.buyline__status{align-items:center;display:flex;justify-content:center;margin-left:8px}.buyline__status-icon{flex-shrink:0;height:16px;width:16px}.chip-container{align-items:center;background-color:var(--chip-bg-color,#e0e0e0);border-radius:60px;color:var(--chip-text-color,#000);display:inline-flex;padding:4px 8px}.chip-container--small{padding:0 8px}.chip-container--large{padding:4px 8px}.chip-container--fit-content{width:fit-content}.chip-container--full-width{width:100%}.chip-content{align-items:center;display:flex;flex-grow:1;gap:.5rem;justify-content:center}.chip-label{font-size:14px;font-weight:600;margin:0}.chip-container--clickable{cursor:pointer;transition:opacity .2s ease,transform .1s ease}.chip-container--clickable:active{transform:scale(.98)}.chip-container--disabled{cursor:not-allowed;opacity:.5}.chip-container--disabled:active{transform:none}.cost-text-container{align-items:baseline;display:flex;gap:3px}.cost-text-container--small{gap:2px}.cost-number{font-size:16px;font-weight:700}.cost-number--small,.cost-unit{font-size:14px}.cost-unit{font-weight:500}.cost-unit--small{font-size:12px}.cost-number,.cost-unit,.cost-unit-per{letter-spacing:0;line-height:12px}.cost-unit-per{font-size:12px;font-weight:400;text-transform:uppercase}.ecart-container{border-radius:60px;box-sizing:border-box;justify-content:center;padding:4px 8px}.ecart-container,.ecart-content{align-items:center;display:flex;width:100%}.ecart-content{justify-content:space-between}.ecart-label{color:#11161a;font-family:Open Sans,sans-serif;font-size:14px;font-weight:400;line-height:18px;white-space:nowrap}.ecart-icon-wrapper{align-items:center;display:flex;justify-content:center}.ecart-icon{flex-shrink:0;height:24px;width:24px}.ecart-icon-container{align-items:center;display:flex;gap:8px}.ecart-value-wrapper{width:100px}.expandable-card{align-items:center;background:transparent;display:flex;justify-content:center;overflow:hidden;position:relative;z-index:1000}.expandable-card-content{justify-content:flex-start}.expandable-card-content,.expandable-card-title{align-items:flex-start;display:flex;height:100%;width:100%}.expandable-card-title{justify-content:flex-end;overflow:hidden}.expandable-card-details{align-items:flex-end;height:100%;justify-content:flex-start;overflow:hidden;width:100%}.expandable-card-details,.gain{display:flex;flex-direction:column}.gain{align-items:center;background:#111;color:#fff;height:100vh;justify-content:center}button{cursor:pointer;font-size:18px;margin-bottom:40px;padding:10px 20px}.score-area{height:80px;position:relative;width:80px}.points{animation:floatUp 2s forwards;color:#32cd32;font-size:32px;font-weight:700;left:50%;position:absolute;transform:translateX(-50%)}@keyframes floatUp{0%{opacity:0;transform:translateX(-50%) translateY(0) scale(.8)}30%{opacity:1;transform:translateX(-50%) translateY(10px) scale(1)}to{opacity:0;transform:translateX(-50%) translateY(80px) scale(1)}}@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600&display=swap");*{font-family:Open Sans,sans-serif}.histogram-container{height:auto;max-width:54px;position:relative}.histogram-container--horizontal{max-width:none;width:auto}.histogram-content{align-items:center;display:flex;flex-direction:column;gap:8px;width:100%}.histogram-content--horizontal{align-items:center;flex-direction:row;height:100%}.histogram-bar{position:relative}.histogram-svg{display:block}.histogram-text-container{align-items:center;display:flex;flex-direction:column;gap:0;justify-content:center;width:100%}.histogram-text-container--horizontal{align-items:flex-start;margin-left:8px}.histogram-gain-area{height:100%;pointer-events:none;top:0;width:100%;z-index:10}.histogram-gain-area,.histogram-gain-points{left:50%;position:absolute;transform:translateX(-50%)}.histogram-gain-points{color:#fff;font-size:16px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.3);top:-10px}.histogram-gain-points--positive{animation:histogramGainFloatUp 2s forwards}.histogram-gain-points--negative{animation:histogramGainFloatDown 2s forwards}@keyframes histogramGainFloatUp{0%{opacity:0;transform:translateX(-50%) translateY(0) scale(.8)}30%{opacity:1;transform:translateX(-50%) translateY(-15px) scale(1)}to{opacity:0;transform:translateX(-50%) translateY(-40px) scale(1)}}@keyframes histogramGainFloatDown{0%{opacity:0;transform:translateX(-50%) translateY(-40px) scale(.8)}30%{opacity:1;transform:translateX(-50%) translateY(-15px) scale(1)}to{opacity:0;transform:translateX(-50%) translateY(0) scale(1)}}.modal-overlay{animation:fadeIn .5s ease-out;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;border-radius:8px;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);max-height:calc(100vh - 100px);max-width:calc(100vw - 100px);overflow:hidden;position:absolute;right:16px;top:16px;transition:width .5s ease-out,opacity .5s ease-out}.modal-content--open{animation:modalOpen .5s ease-out;height:auto;opacity:1;width:var(--modal-width)}.modal-content--close{animation:modalClose .5s ease-in;height:auto;opacity:0;width:0}@keyframes modalOpen{0%{opacity:0;width:0}50%{opacity:.5}to{opacity:1;width:var(--modal-width)}}@keyframes modalClose{0%{opacity:1;transform:scale(1);width:var(--modal-width)}50%{opacity:.5}to{opacity:0;transform:scale(.8);width:0}}.modal-close{align-items:center;background:none;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;position:absolute;right:16px;top:12px;transition:background-color .2s,color .2s;width:32px;z-index:10}.modal-close:hover{background-color:#f3f4f6;color:#111}.modal-close:focus{outline:2px solid #009cdf;outline-offset:2px}.modal-body{box-sizing:border-box;display:flex;flex-direction:column;overflow:auto;padding:8px 16px}@media (max-width:640px){.modal-content{left:20px;max-height:calc(100vh - 40px);max-width:calc(100vw - 40px);top:20px}.modal-body{padding:16px}}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.modal-body::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.modal-body::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.switch-container{align-items:center;display:flex;gap:8px}.switch-wrapper{align-items:center;display:flex;flex-direction:column;gap:4px}.switch-icon{height:16px;width:16px}.switch-icon,.switch-label{align-items:center;display:flex;justify-content:center}.switch-label{color:#11161a;font-size:12px;font-weight:500;min-height:16px;padding:0 2px}.switch-power-icon{height:100%;object-fit:contain;width:100%}.switch{background:none;border:none;cursor:pointer;outline:none;padding:0;transition:all .2s ease}.switch:focus-visible{outline:2px solid #009cdf;outline-offset:2px}.switch--disabled{cursor:not-allowed;opacity:.5}.switch-track{background-color:#999fa1;border-radius:60px;display:block;position:relative;transition:background-color .2s ease}.switch--checked .switch-track{background-color:#82d4f6}.switch-thumb{align-items:center;background-color:#fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2);display:flex;justify-content:center;left:0;position:absolute;top:-3px;transition:transform .2s ease}.switch-thumb-icon{height:100%;object-fit:contain;width:100%}.switch-track{height:10px;width:32px}.switch-thumb{height:16px;width:16px}.switch--checked .switch-thumb{transform:translateX(16px)}.switch:not(.switch--disabled):hover .switch-track{filter:brightness(1.1)}.switch:not(.switch--disabled):active .switch-thumb{transform:scale(1.1)}.switch--checked:not(.switch--disabled):active .switch-thumb{transform:translateX(16px) scale(1.1)}.switch--small.switch--checked:not(.switch--disabled):active .switch-thumb{transform:translateX(12px) scale(1.1)}.switch--large.switch--checked:not(.switch--disabled):active .switch-thumb{transform:translateX(20px) scale(1.1)}.production-unit-container-box{background-color:#fff}.production-unit-container{align-items:center;display:flex;height:64px;justify-content:space-between;padding-right:24px}.image-preview-label{bottom:11px;color:#fff;font-size:9px;font-weight:900;position:absolute;text-align:center;width:100%}.image-preview-container{position:relative}.production-unit-content{align-items:center;display:flex;gap:16px}.production-unit-chip{display:flex;flex-direction:column;flex-shrink:0;width:105px}.production-unit-chip-name{word-wrap:break-word;color:#11161a;font-size:16px;font-weight:600;line-height:24px}.production-unit-energy-container{align-items:center;display:flex;gap:4px}.production-unit-switch-container{align-items:center;display:flex;gap:8px;width:192px}.input-pa{color:#999;display:flex;flex-direction:column;text-align:center;width:35px}.input-pa-label{font-size:12px;line-height:10px}.input-pa-value{font-size:14px}.tooltip-wrapper{align-items:center;cursor:pointer;display:flex;position:relative}.tooltip{background-color:#11161a;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.15);color:#fff;font-size:12px;line-height:16px;padding:8px 12px;position:absolute;white-space:nowrap;z-index:1000}.tooltip-top{bottom:100%;left:50%;margin-bottom:8px;transform:translateX(-50%)}.tooltip-top:after{border:4px solid transparent;border-top-color:#11161a;content:"";position:absolute}.tooltip-bottom,.tooltip-top:after{left:50%;top:100%;transform:translateX(-50%)}.tooltip-bottom{margin-top:8px}.tooltip-bottom:after{border:4px solid transparent;border-bottom-color:#11161a;bottom:100%;content:"";left:50%;position:absolute;transform:translateX(-50%)}.tooltip-left{margin-right:8px;right:100%;top:50%;transform:translateY(-50%)}.tooltip-left:after{border:4px solid transparent;border-left-color:#11161a;content:"";position:absolute}.tooltip-left:after,.tooltip-right{left:100%;top:50%;transform:translateY(-50%)}.tooltip-right{margin-left:8px}.tooltip-right:after{border:4px solid transparent;border-right-color:#11161a;content:"";position:absolute;right:100%;top:50%;transform:translateY(-50%)}.production-unit-container-box{border-radius:64px;box-shadow:0 2px 16px 0 rgba(0,0,0,.16);box-sizing:border-box;width:100%}.progress-bar{background:#000;border-radius:4px;height:8px;overflow:hidden;position:relative;width:124px}.progress-fill{background:#009cdf;border-radius:4px;height:100%;transition:width .3s ease}.tabs-container{display:flex;flex-direction:column;gap:16px;width:100%}.tabs-header{align-items:flex-end;display:flex;flex-shrink:0;width:100%}.tabs-header-items{display:flex;flex:1}.tabs-header-extra{flex-shrink:0;padding-left:16px}.tab-item,.tabs-header-extra{align-items:center;display:flex}.tab-item{cursor:pointer;flex:1;flex-direction:column;gap:14px;min-height:1px;min-width:1px}.tab-content{align-items:flex-start;display:flex;gap:10px;justify-content:flex-start;padding:0 24px}.tab-label{color:#11161a;font-family:Open Sans,sans-serif;font-size:14px;font-weight:600;letter-spacing:1px;line-height:16px;text-transform:uppercase;white-space:nowrap}.tab-item--active .tab-label{color:#009cdf}.tab-count{align-items:center;background:#11161a;border-radius:100px;color:#fff;display:flex;font-family:Open Sans,sans-serif;font-size:12px;font-weight:600;height:16px;justify-content:center;line-height:12px;padding:0 8px;width:24px}.tab-count--active{background:#009cdf}.tab-divider{background:#f2f4f4;height:2px;position:relative;width:100%}.tab-divider--active{background:#009cdf}.tabs-body{align-items:center;display:flex;flex:1;flex-direction:column;justify-content:flex-start;min-height:0;overflow-y:auto;width:100%}.tab-body-content{color:#000;font-family:Open Sans,sans-serif;font-size:12px;font-weight:400;line-height:18px;white-space:nowrap}.tabs-container--black .tab-label{color:#fff}.tabs-container--black .tab-item--active .tab-label{color:#2cb7f0}.tabs-container--black .tab-count{background:#fff;color:#000}.tabs-container--black .tab-count--active{background:#2cb7f0;color:#000}.tabs-container--black .tab-divider--active{background:#2cb7f0}@media (max-width:640px){.tabs-container{border-radius:16px;max-width:calc(100vw - 32px);padding:12px;width:100%}.tab-content{padding:0 12px}.tab-label{font-size:12px;letter-spacing:.5px}}.timer-header-control{box-sizing:border-box;display:flex;font-family:Open Sans,sans-serif;width:100%}.timer-section{background-color:#fff;border-bottom-left-radius:16px;border-top-left-radius:16px;box-sizing:border-box;display:flex;flex-shrink:0;padding:10px 0 10px 16px;width:163px}.timer-content{align-items:center;display:flex;gap:8px;padding-right:8px}.timer-display-area{display:flex;flex-direction:column;flex-shrink:0;gap:10px}.timer-header{align-items:baseline;color:#11161a;display:flex;justify-content:space-between;width:124px}.timer-title{flex-shrink:0;font-size:12px;font-weight:700;line-height:12px;overflow:hidden;text-align:left;text-overflow:ellipsis;text-transform:uppercase;width:68px}.timer-time,.timer-title{font-family:Open Sans,sans-serif;white-space:nowrap}.timer-time{font-size:20px;font-weight:600;line-height:14px;text-align:right;width:61px}.timer-progress-bar{background-color:rgba(0,0,0,.1);border-radius:4px;height:8px;overflow:hidden;position:relative;width:124px}.timer-progress-fill{background:#005896;border-radius:4px;height:100%;transition:width .3s ease}.step-indicators{align-items:center;display:flex;gap:4px}.step-indicator{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-family:Open Sans,sans-serif;font-size:12px;font-weight:600;height:16px;justify-content:center;line-height:18px;width:16px}.step-indicator--active{background-color:#005896}.step-indicator--active.step-indicator--actor{height:40px;margin-right:4px;width:40px}.step-indicator--active.step-indicator--admin{height:16px;width:16px}.step-indicator--completed{background-color:#009cdf}.step-indicator--upcoming{background-color:#b7bec2}.step-expand{align-items:center;background-color:#292e33;border-radius:50%;color:#fff;display:flex;justify-content:center;margin-left:4px;transform:rotate(90deg)}.timer-controls-section{align-items:center;align-self:stretch;background-color:#fff;box-sizing:border-box;display:flex;flex-shrink:0;gap:10px;padding:10px 10px 10px 16px;width:186px}.control-button{align-items:center;background:none;background:#d9d9d9;border:none;border-radius:50%;cursor:pointer;display:flex;height:24px;justify-content:center;padding:0;position:relative;width:24px}.control-button:before{background:radial-gradient(circle,rgba(0,0,0,.1) 0,transparent 70%);border-radius:50%;content:"";height:32px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:32px;z-index:-1}.control-button:hover:before{background:radial-gradient(circle,rgba(0,0,0,.15) 0,transparent 70%)}.control-button svg{color:#000;height:13px;width:13px}.timer--frozen .timer-progress-fill{background:#7aa6b9}.control-button--anonymise-active{background-color:#005896}.control-button--anonymise-active svg path{color:#fff}.control-button--freeze-active{background:#7aa6b9}.control-button--freeze-active svg path{fill:#000}@keyframes pulse{0%{background-color:#009cdf}to{background-color:#0081b8}}.step-indicator--placeholder{background-color:#e9ecef;color:#6c757d;position:relative}.step-indicator--placeholder:after{content:attr(data-step);font-size:10px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.step-expand.step-expand--end{background-color:#1a7f37;transform:none}.timer-header--block{display:flex;flex-direction:column;gap:10px;margin-right:10px}@media (max-width:480px){.timer-header-control{flex-direction:column}.timer-section{border-radius:16px 16px 0 0}.timer-controls-section{border-radius:0 0 16px 16px;justify-content:center}}.step-indicator--clickable{cursor:pointer;position:relative;transition:background-color .2s ease,box-shadow .2s ease,transform .1s ease}.step-indicator--clickable:focus-visible{box-shadow:0 0 0 2px #11161a;outline:2px solid #fff;outline-offset:2px}.step-indicator--clickable:hover{filter:brightness(1.1)}.step-indicator--clickable:active{transform:scale(.9)}.step-indicator--selected{box-shadow:0 0 0 1px #fff,0 0 0 2px #005896}.toggle-btns{align-items:center;display:flex;height:40px;width:135px}.toggle-btn{background-color:transparent;border:1px solid #009cdf;border-left:none;color:#009cdf;cursor:pointer;font-size:14px;font-weight:600;height:100%;padding:6px 10px;text-transform:uppercase;transition:all .3s;width:100%}.toggle-btn:first-child{border-left:1px solid #009cdf}.toggle-btn--first{border-bottom-left-radius:2px;border-top-left-radius:2px}.toggle-btn--last{border-bottom-right-radius:2px;border-top-right-radius:2px}.toggle-btn--active,.toggle-btn:not(.toggle-btn--active):hover{background-color:#009cdf;color:#fff}.toggle-btn:disabled{cursor:not-allowed;opacity:.5}
+.accordion{backdrop-filter:blur(2px);border-radius:24px;box-sizing:border-box;display:flex;flex-direction:column;gap:16px;overflow:hidden;padding:16px;width:100%}.accordion--white{background-color:#fff}.accordion--blue{background-color:#005896}.accordion-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;width:100%}.accordion-title{flex:1;font-family:Open Sans,sans-serif;font-size:16px;font-weight:700;line-height:24px;margin:0;text-transform:uppercase}.accordion--white .accordion-title{color:#11161a}.accordion--blue .accordion-title{color:#fff}.accordion-title p{line-height:24px;margin:0}.accordion-arrow{flex-shrink:0;height:16px;transition:transform .2s ease-in-out;width:16px}.accordion-arrow--open{transform:rotate(180deg)}.accordion-content{display:flex;flex-direction:column;font-family:Open Sans,sans-serif;font-size:14px;font-weight:700;gap:13px}.accordion--white .accordion-content{color:#11161a}.accordion--blue .accordion-content{color:#fff}.accordion-content-item{line-height:24px}.accordion-content-item p{line-height:24px;margin:0;white-space:pre}.avatar-container{align-items:center;border:1px solid #f5f3ed;border-radius:50%;color:#333;display:inline-flex;font-size:20px;font-weight:500;height:64px;justify-content:center;overflow:hidden;position:relative;user-select:none;width:64px}.avatar-container--clickable{cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.avatar-container--clickable:hover{box-shadow:0 2px 8px rgba(0,0,0,.15);transform:scale(1.05)}.avatar-container--clickable:active{transform:scale(.95)}.avatar-content{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.avatar-content img{height:100%;object-fit:cover;width:100%}.avatar-content{line-height:1;text-transform:uppercase}.button{align-items:center;background-color:#009cdf;border:none;border-radius:80px;box-sizing:border-box;cursor:pointer;display:flex;gap:8px;justify-content:center;position:relative;width:fit-content}.button:hover{background-color:#0078b8}.button:disabled{background-color:#999fa1;color:#fff;cursor:not-allowed}.button-icon{flex-shrink:0;height:20px;position:relative;width:20px}.button-icon svg{display:block;height:100%;max-width:none;width:100%}.button-text{color:#fff;flex-shrink:0;font-family:Open Sans,sans-serif;font-size:14px;font-style:normal;font-weight:600;letter-spacing:1px;line-height:0;position:relative;text-transform:uppercase;white-space:nowrap}.button-text p{line-height:16px;margin:0;white-space:pre}.input-container{width:100%}.input-container,.input-field{position:relative}.input-element{background-color:#fff;border:1px solid #b7bec2;border-radius:2px;box-sizing:border-box;color:#11161a;font-size:16px;height:40px;line-height:16px;outline:none;padding:8px;text-align:center;transition:border-color .2s ease,border-width .2s ease,box-shadow .2s ease;width:100%}.input-element:focus{border-color:#009cdf;color:#009cdf}.input-element:focus+.input-label{color:#009cdf}.input-label{background-color:#fff;color:#999fa1;font-size:16px;left:12px;line-height:16px;padding:0 4px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease;white-space:nowrap}.input-required{color:#e74c3c;margin-left:2px}.input-container--floating .input-label,.input-container--focused .input-label{font-size:12px;font-weight:500;top:0;transform:translateY(-50%)}.input-container--focused .input-element{border-color:#009cdf;border-width:2px!important}.input-container--focused .input-label{color:#009cdf}.input-container--success .input-element{border-color:#27ae60!important;border-width:2px!important}.input-container--success .input-label{color:#27ae60!important;transition:color .3s ease}.input-container--error .input-element{border-color:#e74c3c}.input-container--error .input-element:focus{border-color:#e74c3c;box-shadow:0 0 0 2px rgba(231,76,60,.1)}.input-container--error .input-label,.input-error{color:#e74c3c}.input-error{font-size:12px;margin-top:4px;padding-left:12px}.input-container--disabled .input-element{background-color:#fff;border-color:#999fa1;color:#999fa1;cursor:not-allowed}.input-container--disabled .input-label{color:#999fa1}.input-container--light .input-element:not(:disabled):hover{border-color:#009cdf}.input-container--black .input-element:not(:disabled):hover,.input-container--dark .input-element:not(:disabled):hover,.input-container--slate .input-element:not(:disabled):hover{border-color:#82d4f6}.input-container--accepted .input-element:not(:disabled):hover,.input-container--partial .input-element:not(:disabled):hover,.input-container--pending .input-element:not(:disabled):hover,.input-container--refused .input-element:not(:disabled):hover{border-color:#009cdf}.input-container--error .input-element:not(:disabled):hover{border-color:#e74c3c}.input-element:-webkit-autofill{-webkit-text-fill-color:inherit!important}.input-element:-webkit-autofill,.input-element:-webkit-autofill:focus{-webkit-box-shadow:inset 0 0 0 30px #fff!important}.input-container--small .input-element{font-size:14px;padding:12px 8px 6px}.input-container--small .input-label{font-size:14px;left:8px}.input-container--small.input-container--floating .input-label,.input-container--small.input-container--focused .input-label{font-size:10px}.input-container--large .input-element{font-size:18px;padding:20px 16px 10px}.input-container--large .input-label{font-size:18px;left:16px}.input-container--large.input-container--floating .input-label,.input-container--large.input-container--focused .input-label{font-size:14px}.input-constraints{align-items:center;display:flex;gap:8px;justify-content:space-between}.input-max,.input-min{color:#999;display:flex;flex-direction:column;text-align:center;width:35px}.input-max-label,.input-min-label{font-size:12px;line-height:10px}.input-max-value,.input-min-value{font-size:14px}.input-max-container{align-items:center;display:flex;gap:4px}.input-max--with-tooltip{color:#ff9800}.input-max-tooltip-wrapper{align-items:center;cursor:pointer;display:flex;position:relative}.input-max-tooltip{background-color:#11161a;border-radius:4px;bottom:100%;box-shadow:0 2px 8px rgba(0,0,0,.15);color:#fff;font-size:12px;line-height:16px;margin-bottom:8px;padding:8px 12px;white-space:nowrap;z-index:1000}.input-max-tooltip,.input-max-tooltip:after{left:50%;position:absolute;transform:translateX(-50%)}.input-max-tooltip:after{border:4px solid transparent;border-top-color:#11161a;content:"";top:100%}.input-container--focused .input-max,.input-container--focused .input-min{color:#009cdf;font-weight:500}.input-container--focused .input-max--with-tooltip{color:#ff9800}.input-element[type=number]{appearance:textfield;-moz-appearance:textfield}.input-element[type=number]::-webkit-inner-spin-button,.input-element[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input-container--light .input-element{background-color:#fff;border-color:#b7bec2;color:#11161a}.input-container--light .input-label{background-color:#fff;color:#999fa1}.input-container--light .input-element:-webkit-autofill{-webkit-text-fill-color:#11161a!important;-webkit-box-shadow:inset 0 0 0 30px #fff!important}.input-container--light .input-element:-webkit-autofill:focus{-webkit-box-shadow:inset 0 0 0 30px #fff!important}.input-container--dark .input-element{background-color:#292e33;border-color:#b7bec2;color:#fff}.input-container--dark .input-label{background-color:#292e33;color:#fff}.input-container--dark .input-element:focus{border-color:#82d4f6;box-shadow:0 0 0 2px rgba(0,156,223,.1);color:#fff}.input-container--dark.input-container--focused .input-label{color:#82d4f6}.input-container--dark .input-element:-webkit-autofill{-webkit-text-fill-color:#fff!important;-webkit-box-shadow:inset 0 0 0 30px #292e33!important}.input-container--dark .input-element:-webkit-autofill:focus{-webkit-box-shadow:inset 0 0 0 30px #292e33!important}.input-container--slate .input-element{background-color:#3b434a;border-color:#b7bec2;color:#fff}.input-container--slate .input-label{background-color:#3b434a;color:#fff}.input-container--slate .input-element:focus{border-color:#82d4f6;box-shadow:0 0 0 2px rgba(0,156,223,.1);color:#fff}.input-container--slate.input-container--focused .input-label{color:#82d4f6}.input-container--slate .input-element:-webkit-autofill{-webkit-text-fill-color:#fff!important;-webkit-box-shadow:inset 0 0 0 30px #3b434a!important}.input-container--slate .input-element:-webkit-autofill:focus{-webkit-box-shadow:inset 0 0 0 30px #3b434a!important}.input-container--black .input-element{background-color:#11161a;border-color:#b7bec2;color:#fff}.input-container--black .input-label{background-color:#11161a;color:#fff}.input-container--black .input-element:focus{border-color:#82d4f6;box-shadow:0 0 0 2px rgba(0,156,223,.1);color:#fff}.input-container--black.input-container--focused .input-label{color:#82d4f6}.input-container--black .input-element:-webkit-autofill{-webkit-text-fill-color:#fff!important;-webkit-box-shadow:inset 0 0 0 30px #11161a!important}.input-container--black .input-element:-webkit-autofill:focus{-webkit-box-shadow:inset 0 0 0 30px #11161a!important}.input-container--pending .input-element{background-color:#fff;border-color:#b7bec2;color:#11161a}.input-container--pending .input-label{background-color:#fff;color:#999fa1}.input-container--pending .input-element:focus{border-color:#009cdf;color:#009cdf}.input-container--pending.input-container--focused .input-label{color:#009cdf}.input-container--pending .input-element:-webkit-autofill{-webkit-text-fill-color:#11161a!important;-webkit-box-shadow:inset 0 0 0 30px #fff!important}.input-container--pending .input-element:-webkit-autofill:focus{-webkit-box-shadow:inset 0 0 0 30px #fff!important}.input-container--refused .input-element{background-color:#fce8e7;border-color:#b7bec2;color:#11161a}.input-container--refused .input-label{background-color:#fce8e7;color:#999fa1}.input-container--refused .input-element:focus{border-color:#009cdf;color:#009cdf}.input-container--refused.input-container--focused .input-label{color:#009cdf}.input-container--refused .input-element:-webkit-autofill{-webkit-text-fill-color:#11161a!important;-webkit-box-shadow:inset 0 0 0 30px #fce8e7!important}.input-container--refused .input-element:-webkit-autofill:focus{-webkit-box-shadow:inset 0 0 0 30px #fce8e7!important}.input-container--partial .input-element{background-color:#fee9d0;border-color:#b7bec2;color:#11161a}.input-container--partial .input-label{background-color:#fee9d0;color:#999fa1}.input-container--partial .input-element:focus{border-color:#009cdf;color:#009cdf}.input-container--partial.input-container--focused .input-label{color:#009cdf}.input-container--partial .input-element:-webkit-autofill{-webkit-text-fill-color:#11161a!important;-webkit-box-shadow:inset 0 0 0 30px #fee9d0!important}.input-container--partial .input-element:-webkit-autofill:focus{-webkit-box-shadow:inset 0 0 0 30px #fee9d0!important}.input-container--accepted .input-element{background-color:#d3ead9;border-color:#b7bec2;color:#11161a;opacity:.8}.input-container--accepted .input-label{background-color:#d3ead9;color:#999fa1}.input-container--accepted .input-element:focus{border-color:#009cdf;color:#009cdf}.input-container--accepted.input-container--focused .input-label{color:#009cdf}.input-container--accepted .input-element:-webkit-autofill{-webkit-text-fill-color:#11161a!important;-webkit-box-shadow:inset 0 0 0 30px #d3ead9!important}.input-container--accepted .input-element:-webkit-autofill:focus{-webkit-box-shadow:inset 0 0 0 30px #d3ead9!important}.buyline{align-items:center;background:#fff;display:flex;flex-direction:column;justify-content:space-between;width:100%}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.buyline__container{align-items:center;box-sizing:border-box;display:flex;justify-content:space-between;width:100%}.buyline__border{border-bottom:1px solid #f2f4f4;margin-top:12px;pointer-events:none;width:100%}.buyline__content{gap:12px}.buyline__content,.buyline__inputs{align-items:center;display:flex;flex-shrink:0;justify-content:flex-start}.buyline__inputs{gap:8px}.buyline__input_container{align-items:flex-start;display:flex;flex-direction:column;gap:10px;justify-content:flex-start}.buyline__title{color:#11161a;flex-shrink:0;font-family:Open Sans,sans-serif;font-size:14px;font-weight:600;line-height:24px;width:64px}.buyline--has-labels .buyline__status,.buyline--has-labels .buyline__title{position:relative;top:15px}.buyline__total{display:flex;flex-direction:column;height:40px;justify-content:center}.buyline__price span{color:#999fa1;font-family:Open Sans,sans-serif;font-size:16px;font-weight:600;line-height:24px;white-space:nowrap}.buyline__recette{align-items:flex-start;display:flex;flex-direction:column;flex-shrink:0;gap:10px;justify-content:flex-start}.buyline__actions{align-items:center;display:flex;flex-shrink:0;gap:8px;justify-content:center}.buyline--has-labels .buyline__actions{position:relative;top:15px}.buyline__send,.buyline__trash{align-items:center;background:transparent;border:none;cursor:pointer;display:flex;justify-content:center;padding:0}.buyline__send{height:20px;width:20px}.buyline__send--disabled{cursor:not-allowed;opacity:.5}.buyline__trash{height:20px;width:20px}.buyline__icon{display:block;height:100%;max-width:none;width:100%}.buyline__labels{align-items:center;display:flex;gap:8px;justify-content:flex-start;margin-bottom:8px}.buyline__label{color:#999fa1;font-family:Open Sans,sans-serif;font-size:12px;font-weight:400;line-height:16px;text-align:center}.buyline__label--title{flex-shrink:0;width:64px}.buyline__label--price,.buyline__label--volume{flex-shrink:0;width:54px}.buyline__label--total{flex-shrink:0;min-width:84px}.buyline__label--description{color:#6f767b;font-size:12px}.buyline__status{align-items:center;display:flex;justify-content:center;margin-left:8px}.buyline__status-icon{flex-shrink:0;height:16px;width:16px}.chip-container{align-items:center;background-color:var(--chip-bg-color,#e0e0e0);border-radius:60px;color:var(--chip-text-color,#000);display:inline-flex;padding:4px 8px}.chip-container--small{padding:0 8px}.chip-container--large{padding:4px 8px}.chip-container--fit-content{width:fit-content}.chip-container--full-width{width:100%}.chip-content{align-items:center;display:flex;flex-grow:1;gap:.5rem;justify-content:center}.chip-label{font-size:14px;font-weight:600;margin:0}.chip-container--clickable{cursor:pointer;transition:opacity .2s ease,transform .1s ease}.chip-container--clickable:active{transform:scale(.98)}.chip-container--disabled{cursor:not-allowed;opacity:.5}.chip-container--disabled:active{transform:none}.cost-text-container{align-items:baseline;display:flex;gap:3px}.cost-text-container--small{gap:2px}.cost-number{font-size:16px;font-weight:700}.cost-number--small,.cost-unit{font-size:14px}.cost-unit{font-weight:500}.cost-unit--small{font-size:12px}.cost-number,.cost-unit,.cost-unit-per{letter-spacing:0;line-height:12px}.cost-unit-per{font-size:12px;font-weight:400;text-transform:uppercase}.ecart-container{border-radius:60px;box-sizing:border-box;justify-content:center;padding:4px 8px}.ecart-container,.ecart-content{align-items:center;display:flex;width:100%}.ecart-content{justify-content:space-between}.ecart-label{color:#11161a;font-family:Open Sans,sans-serif;font-size:14px;font-weight:400;line-height:18px;white-space:nowrap}.ecart-icon-wrapper{align-items:center;display:flex;justify-content:center}.ecart-icon{flex-shrink:0;height:24px;width:24px}.ecart-icon-container{align-items:center;display:flex;gap:8px}.ecart-value-wrapper{width:100px}.expandable-card{align-items:center;background:transparent;display:flex;justify-content:center;overflow:hidden;position:relative;z-index:1000}.expandable-card-content{justify-content:flex-start}.expandable-card-content,.expandable-card-title{align-items:flex-start;display:flex;height:100%;width:100%}.expandable-card-title{justify-content:flex-end;overflow:hidden}.expandable-card-details{align-items:flex-end;height:100%;justify-content:flex-start;overflow:hidden;width:100%}.expandable-card-details,.gain{display:flex;flex-direction:column}.gain{align-items:center;background:#111;color:#fff;height:100vh;justify-content:center}button{cursor:pointer;font-size:18px;margin-bottom:40px;padding:10px 20px}.score-area{height:80px;position:relative;width:80px}.points{animation:floatUp 2s forwards;color:#32cd32;font-size:32px;font-weight:700;left:50%;position:absolute;transform:translateX(-50%)}@keyframes floatUp{0%{opacity:0;transform:translateX(-50%) translateY(0) scale(.8)}30%{opacity:1;transform:translateX(-50%) translateY(10px) scale(1)}to{opacity:0;transform:translateX(-50%) translateY(80px) scale(1)}}@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600&display=swap");*{font-family:Open Sans,sans-serif}.histogram-container{height:auto;max-width:54px;position:relative}.histogram-container--horizontal{max-width:none;width:auto}.histogram-content{align-items:center;display:flex;flex-direction:column;gap:8px;width:100%}.histogram-content--horizontal{align-items:center;flex-direction:row;height:100%}.histogram-bar{position:relative}.histogram-svg{display:block}.histogram-text-container{align-items:center;display:flex;flex-direction:column;gap:0;justify-content:center;width:100%}.histogram-text-container--horizontal{align-items:flex-start;margin-left:8px}.histogram-gain-area{height:100%;pointer-events:none;top:0;width:100%;z-index:10}.histogram-gain-area,.histogram-gain-points{left:50%;position:absolute;transform:translateX(-50%)}.histogram-gain-points{color:#fff;font-size:16px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.3);top:-10px}.histogram-gain-points--positive{animation:histogramGainFloatUp 2s forwards}.histogram-gain-points--negative{animation:histogramGainFloatDown 2s forwards}@keyframes histogramGainFloatUp{0%{opacity:0;transform:translateX(-50%) translateY(0) scale(.8)}30%{opacity:1;transform:translateX(-50%) translateY(-15px) scale(1)}to{opacity:0;transform:translateX(-50%) translateY(-40px) scale(1)}}@keyframes histogramGainFloatDown{0%{opacity:0;transform:translateX(-50%) translateY(-40px) scale(.8)}30%{opacity:1;transform:translateX(-50%) translateY(-15px) scale(1)}to{opacity:0;transform:translateX(-50%) translateY(0) scale(1)}}.modal-overlay{animation:fadeIn .5s ease-out;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;border-radius:8px;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);max-height:calc(100vh - 100px);max-width:calc(100vw - 100px);overflow:hidden;position:absolute;right:16px;top:16px;transition:width .5s ease-out,opacity .5s ease-out}.modal-content--open{animation:modalOpen .5s ease-out;height:auto;opacity:1;width:var(--modal-width)}.modal-content--close{animation:modalClose .5s ease-in;height:auto;opacity:0;width:0}@keyframes modalOpen{0%{opacity:0;width:0}50%{opacity:.5}to{opacity:1;width:var(--modal-width)}}@keyframes modalClose{0%{opacity:1;transform:scale(1);width:var(--modal-width)}50%{opacity:.5}to{opacity:0;transform:scale(.8);width:0}}.modal-close{align-items:center;background:none;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;position:absolute;right:16px;top:12px;transition:background-color .2s,color .2s;width:32px;z-index:10}.modal-close:hover{background-color:#f3f4f6;color:#111}.modal-close:focus{outline:2px solid #009cdf;outline-offset:2px}.modal-body{box-sizing:border-box;display:flex;flex-direction:column;overflow:auto;padding:8px 16px}@media (max-width:640px){.modal-content{left:20px;max-height:calc(100vh - 40px);max-width:calc(100vw - 40px);top:20px}.modal-body{padding:16px}}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.modal-body::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.modal-body::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.switch-container{align-items:center;display:flex;gap:8px}.switch-wrapper{align-items:center;display:flex;flex-direction:column;gap:4px}.switch-icon{height:16px;width:16px}.switch-icon,.switch-label{align-items:center;display:flex;justify-content:center}.switch-label{color:#11161a;font-size:12px;font-weight:500;min-height:16px;padding:0 2px}.switch-power-icon{height:100%;object-fit:contain;width:100%}.switch{background:none;border:none;cursor:pointer;outline:none;padding:0;transition:all .2s ease}.switch:focus-visible{outline:2px solid #009cdf;outline-offset:2px}.switch--disabled{cursor:not-allowed;opacity:.5}.switch-track{background-color:#999fa1;border-radius:60px;display:block;position:relative;transition:background-color .2s ease}.switch--checked .switch-track{background-color:#82d4f6}.switch-thumb{align-items:center;background-color:#fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2);display:flex;justify-content:center;left:0;position:absolute;top:-3px;transition:transform .2s ease}.switch-thumb-icon{height:100%;object-fit:contain;width:100%}.switch-track{height:10px;width:32px}.switch-thumb{height:16px;width:16px}.switch--checked .switch-thumb{transform:translateX(16px)}.switch:not(.switch--disabled):hover .switch-track{filter:brightness(1.1)}.switch:not(.switch--disabled):active .switch-thumb{transform:scale(1.1)}.switch--checked:not(.switch--disabled):active .switch-thumb{transform:translateX(16px) scale(1.1)}.switch--small.switch--checked:not(.switch--disabled):active .switch-thumb{transform:translateX(12px) scale(1.1)}.switch--large.switch--checked:not(.switch--disabled):active .switch-thumb{transform:translateX(20px) scale(1.1)}.production-unit-container-box{background-color:#fff}.production-unit-container{align-items:center;display:flex;height:64px;justify-content:space-between;padding-right:24px}.image-preview-label{bottom:11px;color:#fff;font-size:9px;font-weight:900;position:absolute;text-align:center;width:100%}.image-preview-container{position:relative}.production-unit-content{align-items:center;display:flex;gap:16px}.production-unit-chip{display:flex;flex-direction:column;flex-shrink:0;width:105px}.production-unit-chip-name{word-wrap:break-word;color:#11161a;font-size:16px;font-weight:600;line-height:24px}.production-unit-energy-container{align-items:center;display:flex;gap:4px}.production-unit-switch-container{align-items:center;display:flex;gap:8px;width:192px}.input-pa{color:#999;display:flex;flex-direction:column;text-align:center;width:35px}.input-pa-label{font-size:12px;line-height:10px}.input-pa-value{font-size:14px}.tooltip-wrapper{align-items:center;cursor:pointer;display:flex;position:relative}.tooltip{background-color:#11161a;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.15);color:#fff;font-size:12px;line-height:16px;padding:8px 12px;position:absolute;white-space:nowrap;z-index:1000}.tooltip-top{bottom:100%;left:50%;margin-bottom:8px;transform:translateX(-50%)}.tooltip-top:after{border:4px solid transparent;border-top-color:#11161a;content:"";position:absolute}.tooltip-bottom,.tooltip-top:after{left:50%;top:100%;transform:translateX(-50%)}.tooltip-bottom{margin-top:8px}.tooltip-bottom:after{border:4px solid transparent;border-bottom-color:#11161a;bottom:100%;content:"";left:50%;position:absolute;transform:translateX(-50%)}.tooltip-left{margin-right:8px;right:100%;top:50%;transform:translateY(-50%)}.tooltip-left:after{border:4px solid transparent;border-left-color:#11161a;content:"";position:absolute}.tooltip-left:after,.tooltip-right{left:100%;top:50%;transform:translateY(-50%)}.tooltip-right{margin-left:8px}.tooltip-right:after{border:4px solid transparent;border-right-color:#11161a;content:"";position:absolute;right:100%;top:50%;transform:translateY(-50%)}.production-unit-container-box{border-radius:64px;box-shadow:0 2px 16px 0 rgba(0,0,0,.16);box-sizing:border-box;width:100%}.progress-bar{background:#000;border-radius:4px;height:8px;overflow:hidden;position:relative;width:124px}.progress-fill{background:#009cdf;border-radius:4px;height:100%;transition:width .3s ease}.scrollable-container{display:flex;overflow:hidden;position:relative}.scrollable-container__content{-ms-overflow-style:none;flex:1;overflow-x:hidden;overflow-y:auto;scrollbar-width:none}.scrollable-container__content::-webkit-scrollbar{display:none}.scrollable-container__track{cursor:pointer;flex-shrink:0;position:relative}.scrollable-container__thumb{cursor:grab;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s ease}.scrollable-container__thumb:active{cursor:grabbing}.scrollable-container__thumb--visible{opacity:1}.tabs-container{display:flex;flex-direction:column;gap:16px;width:100%}.tabs-header{align-items:flex-end;display:flex;flex-shrink:0;width:100%}.tabs-header-items{display:flex;flex:1}.tabs-header-extra{flex-shrink:0;padding-left:16px}.tab-item,.tabs-header-extra{align-items:center;display:flex}.tab-item{cursor:pointer;flex:1;flex-direction:column;gap:14px;min-height:1px;min-width:1px}.tab-content{align-items:flex-start;display:flex;gap:10px;justify-content:flex-start;padding:0 24px}.tab-label{color:#11161a;font-family:Open Sans,sans-serif;font-size:14px;font-weight:600;letter-spacing:1px;line-height:16px;text-transform:uppercase;white-space:nowrap}.tab-item--active .tab-label{color:#009cdf}.tab-count{align-items:center;background:#11161a;border-radius:100px;color:#fff;display:flex;font-family:Open Sans,sans-serif;font-size:12px;font-weight:600;height:16px;justify-content:center;line-height:12px;padding:0 8px;width:24px}.tab-count--active{background:#009cdf}.tab-divider{background:#f2f4f4;height:2px;position:relative;width:100%}.tab-divider--active{background:#009cdf}.tabs-body{align-items:center;display:flex;flex:1;flex-direction:column;justify-content:flex-start;min-height:0;overflow-y:auto;width:100%}.tab-body-content{color:#000;font-family:Open Sans,sans-serif;font-size:12px;font-weight:400;line-height:18px;white-space:nowrap}.tabs-container--black .tab-label{color:#fff}.tabs-container--black .tab-item--active .tab-label{color:#2cb7f0}.tabs-container--black .tab-count{background:#fff;color:#000}.tabs-container--black .tab-count--active{background:#2cb7f0;color:#000}.tabs-container--black .tab-divider--active{background:#2cb7f0}@media (max-width:640px){.tabs-container{border-radius:16px;max-width:calc(100vw - 32px);padding:12px;width:100%}.tab-content{padding:0 12px}.tab-label{font-size:12px;letter-spacing:.5px}}.timer-header-control{box-sizing:border-box;display:flex;font-family:Open Sans,sans-serif;width:100%}.timer-section{background-color:#fff;border-bottom-left-radius:16px;border-top-left-radius:16px;box-sizing:border-box;display:flex;flex-shrink:0;padding:10px 0 10px 16px;width:163px}.timer-content{align-items:center;display:flex;gap:8px;padding-right:8px}.timer-display-area{display:flex;flex-direction:column;flex-shrink:0;gap:10px}.timer-header{align-items:baseline;color:#11161a;display:flex;justify-content:space-between;width:124px}.timer-title{flex-shrink:0;font-size:12px;font-weight:700;line-height:12px;overflow:hidden;text-align:left;text-overflow:ellipsis;text-transform:uppercase;width:68px}.timer-time,.timer-title{font-family:Open Sans,sans-serif;white-space:nowrap}.timer-time{font-size:20px;font-weight:600;line-height:14px;text-align:right;width:61px}.timer-progress-bar{background-color:rgba(0,0,0,.1);border-radius:4px;height:8px;overflow:hidden;position:relative;width:124px}.timer-progress-fill{background:#005896;border-radius:4px;height:100%;transition:width .3s ease}.step-indicators{align-items:center;display:flex;gap:4px}.step-indicator{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-family:Open Sans,sans-serif;font-size:12px;font-weight:600;height:16px;justify-content:center;line-height:18px;width:16px}.step-indicator--active{background-color:#005896}.step-indicator--active.step-indicator--actor{height:40px;margin-right:4px;width:40px}.step-indicator--active.step-indicator--admin{height:16px;width:16px}.step-indicator--completed{background-color:#009cdf}.step-indicator--upcoming{background-color:#b7bec2}.step-expand{align-items:center;background-color:#292e33;border-radius:50%;color:#fff;display:flex;justify-content:center;margin-left:4px;transform:rotate(90deg)}.timer-controls-section{align-items:center;align-self:stretch;background-color:#fff;box-sizing:border-box;display:flex;flex-shrink:0;gap:10px;padding:10px 10px 10px 16px;width:186px}.control-button{align-items:center;background:none;background:#d9d9d9;border:none;border-radius:50%;cursor:pointer;display:flex;height:24px;justify-content:center;padding:0;position:relative;width:24px}.control-button:before{background:radial-gradient(circle,rgba(0,0,0,.1) 0,transparent 70%);border-radius:50%;content:"";height:32px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:32px;z-index:-1}.control-button:hover:before{background:radial-gradient(circle,rgba(0,0,0,.15) 0,transparent 70%)}.control-button svg{color:#000;height:13px;width:13px}.timer--frozen .timer-progress-fill{background:#7aa6b9}.control-button--anonymise-active{background-color:#005896}.control-button--anonymise-active svg path{color:#fff}.control-button--freeze-active{background:#7aa6b9}.control-button--freeze-active svg path{fill:#000}@keyframes pulse{0%{background-color:#009cdf}to{background-color:#0081b8}}.step-indicator--placeholder{background-color:#e9ecef;color:#6c757d;position:relative}.step-indicator--placeholder:after{content:attr(data-step);font-size:10px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.step-expand.step-expand--end{background-color:#1a7f37;transform:none}.timer-header--block{display:flex;flex-direction:column;gap:10px;margin-right:10px}@media (max-width:480px){.timer-header-control{flex-direction:column}.timer-section{border-radius:16px 16px 0 0}.timer-controls-section{border-radius:0 0 16px 16px;justify-content:center}}.step-indicator--clickable{cursor:pointer;position:relative;transition:background-color .2s ease,box-shadow .2s ease,transform .1s ease}.step-indicator--clickable:focus-visible{box-shadow:0 0 0 2px #11161a;outline:2px solid #fff;outline-offset:2px}.step-indicator--clickable:hover{filter:brightness(1.1)}.step-indicator--clickable:active{transform:scale(.9)}.step-indicator--selected{box-shadow:0 0 0 1px #fff,0 0 0 2px #005896}.toggle-btns{align-items:center;display:flex;height:40px;width:135px}.toggle-btn{background-color:transparent;border:1px solid #009cdf;border-left:none;color:#009cdf;cursor:pointer;font-size:14px;font-weight:600;height:100%;padding:6px 10px;text-transform:uppercase;transition:all .3s;width:100%}.toggle-btn:first-child{border-left:1px solid #009cdf}.toggle-btn--first{border-bottom-left-radius:2px;border-top-left-radius:2px}.toggle-btn--last{border-bottom-right-radius:2px;border-top-right-radius:2px}.toggle-btn--active,.toggle-btn:not(.toggle-btn--active):hover{background-color:#009cdf;color:#fff}.toggle-btn:disabled{cursor:not-allowed;opacity:.5}

package/dist/index.esm.css

@@ -1 +1 @@
-.accordion{backdrop-filter:blur(2px);border-radius:24px;box-sizing:border-box;display:flex;flex-direction:column;gap:16px;overflow:hidden;padding:16px;width:100%}.accordion--white{background-color:#fff}.accordion--blue{background-color:#005896}.accordion-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;width:100%}.accordion-title{flex:1;font-family:Open Sans,sans-serif;font-size:16px;font-weight:700;line-height:24px;margin:0;text-transform:uppercase}.accordion--white .accordion-title{color:#11161a}.accordion--blue .accordion-title{color:#fff}.accordion-title p{line-height:24px;margin:0}.accordion-arrow{flex-shrink:0;height:16px;transition:transform .2s ease-in-out;width:16px}.accordion-arrow--open{transform:rotate(180deg)}.accordion-content{display:flex;flex-direction:column;font-family:Open Sans,sans-serif;font-size:14px;font-weight:700;gap:13px}.accordion--white .accordion-content{color:#11161a}.accordion--blue .accordion-content{color:#fff}.accordion-content-item{line-height:24px}.accordion-content-item p{line-height:24px;margin:0;white-space:pre}.avatar-container{align-items:center;border:1px solid #f5f3ed;border-radius:50%;color:#333;display:inline-flex;font-size:20px;font-weight:500;height:64px;justify-content:center;overflow:hidden;position:relative;user-select:none;width:64px}.avatar-container--clickable{cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.avatar-container--clickable:hover{box-shadow:0 2px 8px rgba(0,0,0,.15);transform:scale(1.05)}.avatar-container--clickable:active{transform:scale(.95)}.avatar-content{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.avatar-content img{height:100%;object-fit:cover;width:100%}.avatar-content{line-height:1;text-transform:uppercase}.button{align-items:center;background-color:#009cdf;border:none;border-radius:80px;box-sizing:border-box;cursor:pointer;display:flex;gap:8px;justify-content:center;position:relative;width:fit-content}.button:hover{background-color:#0078b8}.button:disabled{background-color:#999fa1;color:#fff;cursor:not-allowed}.button-icon{flex-shrink:0;height:20px;position:relative;width:20px}.button-icon svg{display:block;height:100%;max-width:none;width:100%}.button-text{color:#fff;flex-shrink:0;font-family:Open Sans,sans-serif;font-size:14px;font-style:normal;font-weight:600;letter-spacing:1px;line-height:0;position:relative;text-transform:uppercase;white-space:nowrap}.button-text p{line-height:16px;margin:0;white-space:pre}.input-container{width:100%}.input-container,.input-field{position:relative}.input-element{background-color:#fff;border:1px solid #b7bec2;border-radius:2px;box-sizing:border-box;color:#11161a;font-size:16px;height:40px;line-height:16px;outline:none;padding:8px;text-align:center;transition:border-color .2s ease,border-width .2s ease,box-shadow .2s ease;width:100%}.input-element:focus{border-color:#009cdf;color:#009cdf}.input-element:focus+.input-label{color:#009cdf}.input-label{background-color:#fff;color:#999fa1;font-size:16px;left:12px;line-height:16px;padding:0 4px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease;white-space:nowrap}.input-required{color:#e74c3c;margin-left:2px}.input-container--floating .input-label,.input-container--focused .input-label{font-size:12px;font-weight:500;top:0;transform:translateY(-50%)}.input-container--focused .input-element{border-color:#009cdf;border-width:2px!important}.input-container--focused .input-label{color:#009cdf}.input-container--success .input-element{border-color:#27ae60!important;border-width:2px!important}.input-container--success .input-label{color:#27ae60!important;transition:color .3s ease}.input-container--error .input-element{border-color:#e74c3c}.input-container--error .input-element:focus{border-color:#e74c3c;box-shadow:0 0 0 2px rgba(231,76,60,.1)}.input-container--error .input-label,.input-error{color:#e74c3c}.input-error{font-size:12px;margin-top:4px;padding-left:12px}.input-container--disabled .input-element{background-color:#fff;border-color:#999fa1;color:#999fa1;cursor:not-allowed}.input-container--disabled .input-label{color:#999fa1}.input-container--light .input-element:not(:disabled):hover{border-color:#009cdf}.input-container--black .input-element:not(:disabled):hover,.input-container--dark .input-element:not(:disabled):hover,.input-container--slate .input-element:not(:disabled):hover{border-color:#82d4f6}.input-container--accepted .input-element:not(:disabled):hover,.input-container--partial .input-element:not(:disabled):hover,.input-container--pending .input-element:not(:disabled):hover,.input-container--refused .input-element:not(:disabled):hover{border-color:#009cdf}.input-container--error .input-element:not(:disabled):hover{border-color:#e74c3c}.input-element:-webkit-autofill{-webkit-text-fill-color:inherit!important}.input-element:-webkit-autofill,.input-element:-webkit-autofill:focus{-webkit-box-shadow:inset 0 0 0 30px #fff!important}.input-container--small .input-element{font-size:14px;padding:12px 8px 6px}.input-container--small .input-label{font-size:14px;left:8px}.input-container--small.input-container--floating .input-label,.input-container--small.input-container--focused .input-label{font-size:10px}.input-container--large .input-element{font-size:18px;padding:20px 16px 10px}.input-container--large .input-label{font-size:18px;left:16px}.input-container--large.input-container--floating .input-label,.input-container--large.input-container--focused .input-label{font-size:14px}.input-constraints{align-items:center;display:flex;gap:8px;justify-content:space-between}.input-max,.input-min{color:#999;display:flex;flex-direction:column;text-align:center;width:35px}.input-max-label,.input-min-label{font-size:12px;line-height:10px}.input-max-value,.input-min-value{font-size:14px}.input-max-container{align-items:center;display:flex;gap:4px}.input-max--with-tooltip{color:#ff9800}.input-max-tooltip-wrapper{align-items:center;cursor:pointer;display:flex;position:relative}.input-max-tooltip{background-color:#11161a;border-radius:4px;bottom:100%;box-shadow:0 2px 8px rgba(0,0,0,.15);color:#fff;font-size:12px;line-height:16px;margin-bottom:8px;padding:8px 12px;white-space:nowrap;z-index:1000}.input-max-tooltip,.input-max-tooltip:after{left:50%;position:absolute;transform:translateX(-50%)}.input-max-tooltip:after{border:4px solid transparent;border-top-color:#11161a;content:"";top:100%}.input-container--focused .input-max,.input-container--focused .input-min{color:#009cdf;font-weight:500}.input-container--focused .input-max--with-tooltip{color:#ff9800}.input-element[type=number]{appearance:textfield;-moz-appearance:textfield}.input-element[type=number]::-webkit-inner-spin-button,.input-element[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input-container--light .input-element{background-color:#fff;border-color:#b7bec2;color:#11161a}.input-container--light .input-label{background-color:#fff;color:#999fa1}.input-container--light .input-element:-webkit-autofill{-webkit-text-fill-color:#11161a!important;-webkit-box-shadow:inset 0 0 0 30px #fff!important}.input-container--light .input-element:-webkit-autofill:focus{-webkit-box-shadow:inset 0 0 0 30px #fff!important}.input-container--dark .input-element{background-color:#292e33;border-color:#b7bec2;color:#fff}.input-container--dark .input-label{background-color:#292e33;color:#fff}.input-container--dark .input-element:focus{border-color:#82d4f6;box-shadow:0 0 0 2px rgba(0,156,223,.1);color:#fff}.input-container--dark.input-container--focused .input-label{color:#82d4f6}.input-container--dark .input-element:-webkit-autofill{-webkit-text-fill-color:#fff!important;-webkit-box-shadow:inset 0 0 0 30px #292e33!important}.input-container--dark .input-element:-webkit-autofill:focus{-webkit-box-shadow:inset 0 0 0 30px #292e33!important}.input-container--slate .input-element{background-color:#3b434a;border-color:#b7bec2;color:#fff}.input-container--slate .input-label{background-color:#3b434a;color:#fff}.input-container--slate .input-element:focus{border-color:#82d4f6;box-shadow:0 0 0 2px rgba(0,156,223,.1);color:#fff}.input-container--slate.input-container--focused .input-label{color:#82d4f6}.input-container--slate .input-element:-webkit-autofill{-webkit-text-fill-color:#fff!important;-webkit-box-shadow:inset 0 0 0 30px #3b434a!important}.input-container--slate .input-element:-webkit-autofill:focus{-webkit-box-shadow:inset 0 0 0 30px #3b434a!important}.input-container--black .input-element{background-color:#11161a;border-color:#b7bec2;color:#fff}.input-container--black .input-label{background-color:#11161a;color:#fff}.input-container--black .input-element:focus{border-color:#82d4f6;box-shadow:0 0 0 2px rgba(0,156,223,.1);color:#fff}.input-container--black.input-container--focused .input-label{color:#82d4f6}.input-container--black .input-element:-webkit-autofill{-webkit-text-fill-color:#fff!important;-webkit-box-shadow:inset 0 0 0 30px #11161a!important}.input-container--black .input-element:-webkit-autofill:focus{-webkit-box-shadow:inset 0 0 0 30px #11161a!important}.input-container--pending .input-element{background-color:#fff;border-color:#b7bec2;color:#11161a}.input-container--pending .input-label{background-color:#fff;color:#999fa1}.input-container--pending .input-element:focus{border-color:#009cdf;color:#009cdf}.input-container--pending.input-container--focused .input-label{color:#009cdf}.input-container--pending .input-element:-webkit-autofill{-webkit-text-fill-color:#11161a!important;-webkit-box-shadow:inset 0 0 0 30px #fff!important}.input-container--pending .input-element:-webkit-autofill:focus{-webkit-box-shadow:inset 0 0 0 30px #fff!important}.input-container--refused .input-element{background-color:#fce8e7;border-color:#b7bec2;color:#11161a}.input-container--refused .input-label{background-color:#fce8e7;color:#999fa1}.input-container--refused .input-element:focus{border-color:#009cdf;color:#009cdf}.input-container--refused.input-container--focused .input-label{color:#009cdf}.input-container--refused .input-element:-webkit-autofill{-webkit-text-fill-color:#11161a!important;-webkit-box-shadow:inset 0 0 0 30px #fce8e7!important}.input-container--refused .input-element:-webkit-autofill:focus{-webkit-box-shadow:inset 0 0 0 30px #fce8e7!important}.input-container--partial .input-element{background-color:#fee9d0;border-color:#b7bec2;color:#11161a}.input-container--partial .input-label{background-color:#fee9d0;color:#999fa1}.input-container--partial .input-element:focus{border-color:#009cdf;color:#009cdf}.input-container--partial.input-container--focused .input-label{color:#009cdf}.input-container--partial .input-element:-webkit-autofill{-webkit-text-fill-color:#11161a!important;-webkit-box-shadow:inset 0 0 0 30px #fee9d0!important}.input-container--partial .input-element:-webkit-autofill:focus{-webkit-box-shadow:inset 0 0 0 30px #fee9d0!important}.input-container--accepted .input-element{background-color:#d3ead9;border-color:#b7bec2;color:#11161a;opacity:.8}.input-container--accepted .input-label{background-color:#d3ead9;color:#999fa1}.input-container--accepted .input-element:focus{border-color:#009cdf;color:#009cdf}.input-container--accepted.input-container--focused .input-label{color:#009cdf}.input-container--accepted .input-element:-webkit-autofill{-webkit-text-fill-color:#11161a!important;-webkit-box-shadow:inset 0 0 0 30px #d3ead9!important}.input-container--accepted .input-element:-webkit-autofill:focus{-webkit-box-shadow:inset 0 0 0 30px #d3ead9!important}.buyline{align-items:center;background:#fff;display:flex;flex-direction:column;justify-content:space-between;width:100%}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.buyline__container{align-items:center;box-sizing:border-box;display:flex;justify-content:space-between;width:100%}.buyline__border{border-bottom:1px solid #f2f4f4;margin-top:12px;pointer-events:none;width:100%}.buyline__content{gap:12px}.buyline__content,.buyline__inputs{align-items:center;display:flex;flex-shrink:0;justify-content:flex-start}.buyline__inputs{gap:8px}.buyline__input_container{align-items:flex-start;display:flex;flex-direction:column;gap:10px;justify-content:flex-start}.buyline__title{color:#11161a;flex-shrink:0;font-family:Open Sans,sans-serif;font-size:14px;font-weight:600;line-height:24px;width:64px}.buyline--has-labels .buyline__status,.buyline--has-labels .buyline__title{position:relative;top:15px}.buyline__total{display:flex;flex-direction:column;height:40px;justify-content:center}.buyline__price span{color:#999fa1;font-family:Open Sans,sans-serif;font-size:16px;font-weight:600;line-height:24px;white-space:nowrap}.buyline__recette{align-items:flex-start;display:flex;flex-direction:column;flex-shrink:0;gap:10px;justify-content:flex-start}.buyline__actions{align-items:center;display:flex;flex-shrink:0;gap:8px;justify-content:center}.buyline--has-labels .buyline__actions{position:relative;top:15px}.buyline__send,.buyline__trash{align-items:center;background:transparent;border:none;cursor:pointer;display:flex;justify-content:center;padding:0}.buyline__send{height:20px;width:20px}.buyline__send--disabled{cursor:not-allowed;opacity:.5}.buyline__trash{height:20px;width:20px}.buyline__icon{display:block;height:100%;max-width:none;width:100%}.buyline__labels{align-items:center;display:flex;gap:8px;justify-content:flex-start;margin-bottom:8px}.buyline__label{color:#999fa1;font-family:Open Sans,sans-serif;font-size:12px;font-weight:400;line-height:16px;text-align:center}.buyline__label--title{flex-shrink:0;width:64px}.buyline__label--price,.buyline__label--volume{flex-shrink:0;width:54px}.buyline__label--total{flex-shrink:0;min-width:84px}.buyline__label--description{color:#6f767b;font-size:12px}.buyline__status{align-items:center;display:flex;justify-content:center;margin-left:8px}.buyline__status-icon{flex-shrink:0;height:16px;width:16px}.chip-container{align-items:center;background-color:var(--chip-bg-color,#e0e0e0);border-radius:60px;color:var(--chip-text-color,#000);display:inline-flex;padding:4px 8px}.chip-container--small{padding:0 8px}.chip-container--large{padding:4px 8px}.chip-container--fit-content{width:fit-content}.chip-container--full-width{width:100%}.chip-content{align-items:center;display:flex;flex-grow:1;gap:.5rem;justify-content:center}.chip-label{font-size:14px;font-weight:600;margin:0}.chip-container--clickable{cursor:pointer;transition:opacity .2s ease,transform .1s ease}.chip-container--clickable:active{transform:scale(.98)}.chip-container--disabled{cursor:not-allowed;opacity:.5}.chip-container--disabled:active{transform:none}.cost-text-container{align-items:baseline;display:flex;gap:3px}.cost-text-container--small{gap:2px}.cost-number{font-size:16px;font-weight:700}.cost-number--small,.cost-unit{font-size:14px}.cost-unit{font-weight:500}.cost-unit--small{font-size:12px}.cost-number,.cost-unit,.cost-unit-per{letter-spacing:0;line-height:12px}.cost-unit-per{font-size:12px;font-weight:400;text-transform:uppercase}.ecart-container{border-radius:60px;box-sizing:border-box;justify-content:center;padding:4px 8px}.ecart-container,.ecart-content{align-items:center;display:flex;width:100%}.ecart-content{justify-content:space-between}.ecart-label{color:#11161a;font-family:Open Sans,sans-serif;font-size:14px;font-weight:400;line-height:18px;white-space:nowrap}.ecart-icon-wrapper{align-items:center;display:flex;justify-content:center}.ecart-icon{flex-shrink:0;height:24px;width:24px}.ecart-icon-container{align-items:center;display:flex;gap:8px}.ecart-value-wrapper{width:100px}.expandable-card{align-items:center;background:transparent;display:flex;justify-content:center;overflow:hidden;position:relative;z-index:1000}.expandable-card-content{justify-content:flex-start}.expandable-card-content,.expandable-card-title{align-items:flex-start;display:flex;height:100%;width:100%}.expandable-card-title{justify-content:flex-end;overflow:hidden}.expandable-card-details{align-items:flex-end;height:100%;justify-content:flex-start;overflow:hidden;width:100%}.expandable-card-details,.gain{display:flex;flex-direction:column}.gain{align-items:center;background:#111;color:#fff;height:100vh;justify-content:center}button{cursor:pointer;font-size:18px;margin-bottom:40px;padding:10px 20px}.score-area{height:80px;position:relative;width:80px}.points{animation:floatUp 2s forwards;color:#32cd32;font-size:32px;font-weight:700;left:50%;position:absolute;transform:translateX(-50%)}@keyframes floatUp{0%{opacity:0;transform:translateX(-50%) translateY(0) scale(.8)}30%{opacity:1;transform:translateX(-50%) translateY(10px) scale(1)}to{opacity:0;transform:translateX(-50%) translateY(80px) scale(1)}}@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600&display=swap");*{font-family:Open Sans,sans-serif}.histogram-container{height:auto;max-width:54px;position:relative}.histogram-container--horizontal{max-width:none;width:auto}.histogram-content{align-items:center;display:flex;flex-direction:column;gap:8px;width:100%}.histogram-content--horizontal{align-items:center;flex-direction:row;height:100%}.histogram-bar{position:relative}.histogram-svg{display:block}.histogram-text-container{align-items:center;display:flex;flex-direction:column;gap:0;justify-content:center;width:100%}.histogram-text-container--horizontal{align-items:flex-start;margin-left:8px}.histogram-gain-area{height:100%;pointer-events:none;top:0;width:100%;z-index:10}.histogram-gain-area,.histogram-gain-points{left:50%;position:absolute;transform:translateX(-50%)}.histogram-gain-points{color:#fff;font-size:16px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.3);top:-10px}.histogram-gain-points--positive{animation:histogramGainFloatUp 2s forwards}.histogram-gain-points--negative{animation:histogramGainFloatDown 2s forwards}@keyframes histogramGainFloatUp{0%{opacity:0;transform:translateX(-50%) translateY(0) scale(.8)}30%{opacity:1;transform:translateX(-50%) translateY(-15px) scale(1)}to{opacity:0;transform:translateX(-50%) translateY(-40px) scale(1)}}@keyframes histogramGainFloatDown{0%{opacity:0;transform:translateX(-50%) translateY(-40px) scale(.8)}30%{opacity:1;transform:translateX(-50%) translateY(-15px) scale(1)}to{opacity:0;transform:translateX(-50%) translateY(0) scale(1)}}.modal-overlay{animation:fadeIn .5s ease-out;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;border-radius:8px;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);max-height:calc(100vh - 100px);max-width:calc(100vw - 100px);overflow:hidden;position:absolute;right:16px;top:16px;transition:width .5s ease-out,opacity .5s ease-out}.modal-content--open{animation:modalOpen .5s ease-out;height:auto;opacity:1;width:var(--modal-width)}.modal-content--close{animation:modalClose .5s ease-in;height:auto;opacity:0;width:0}@keyframes modalOpen{0%{opacity:0;width:0}50%{opacity:.5}to{opacity:1;width:var(--modal-width)}}@keyframes modalClose{0%{opacity:1;transform:scale(1);width:var(--modal-width)}50%{opacity:.5}to{opacity:0;transform:scale(.8);width:0}}.modal-close{align-items:center;background:none;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;position:absolute;right:16px;top:12px;transition:background-color .2s,color .2s;width:32px;z-index:10}.modal-close:hover{background-color:#f3f4f6;color:#111}.modal-close:focus{outline:2px solid #009cdf;outline-offset:2px}.modal-body{box-sizing:border-box;display:flex;flex-direction:column;overflow:auto;padding:8px 16px}@media (max-width:640px){.modal-content{left:20px;max-height:calc(100vh - 40px);max-width:calc(100vw - 40px);top:20px}.modal-body{padding:16px}}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.modal-body::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.modal-body::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.switch-container{align-items:center;display:flex;gap:8px}.switch-wrapper{align-items:center;display:flex;flex-direction:column;gap:4px}.switch-icon{height:16px;width:16px}.switch-icon,.switch-label{align-items:center;display:flex;justify-content:center}.switch-label{color:#11161a;font-size:12px;font-weight:500;min-height:16px;padding:0 2px}.switch-power-icon{height:100%;object-fit:contain;width:100%}.switch{background:none;border:none;cursor:pointer;outline:none;padding:0;transition:all .2s ease}.switch:focus-visible{outline:2px solid #009cdf;outline-offset:2px}.switch--disabled{cursor:not-allowed;opacity:.5}.switch-track{background-color:#999fa1;border-radius:60px;display:block;position:relative;transition:background-color .2s ease}.switch--checked .switch-track{background-color:#82d4f6}.switch-thumb{align-items:center;background-color:#fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2);display:flex;justify-content:center;left:0;position:absolute;top:-3px;transition:transform .2s ease}.switch-thumb-icon{height:100%;object-fit:contain;width:100%}.switch-track{height:10px;width:32px}.switch-thumb{height:16px;width:16px}.switch--checked .switch-thumb{transform:translateX(16px)}.switch:not(.switch--disabled):hover .switch-track{filter:brightness(1.1)}.switch:not(.switch--disabled):active .switch-thumb{transform:scale(1.1)}.switch--checked:not(.switch--disabled):active .switch-thumb{transform:translateX(16px) scale(1.1)}.switch--small.switch--checked:not(.switch--disabled):active .switch-thumb{transform:translateX(12px) scale(1.1)}.switch--large.switch--checked:not(.switch--disabled):active .switch-thumb{transform:translateX(20px) scale(1.1)}.production-unit-container-box{background-color:#fff}.production-unit-container{align-items:center;display:flex;height:64px;justify-content:space-between;padding-right:24px}.image-preview-label{bottom:11px;color:#fff;font-size:9px;font-weight:900;position:absolute;text-align:center;width:100%}.image-preview-container{position:relative}.production-unit-content{align-items:center;display:flex;gap:16px}.production-unit-chip{display:flex;flex-direction:column;flex-shrink:0;width:105px}.production-unit-chip-name{word-wrap:break-word;color:#11161a;font-size:16px;font-weight:600;line-height:24px}.production-unit-energy-container{align-items:center;display:flex;gap:4px}.production-unit-switch-container{align-items:center;display:flex;gap:8px;width:192px}.input-pa{color:#999;display:flex;flex-direction:column;text-align:center;width:35px}.input-pa-label{font-size:12px;line-height:10px}.input-pa-value{font-size:14px}.tooltip-wrapper{align-items:center;cursor:pointer;display:flex;position:relative}.tooltip{background-color:#11161a;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.15);color:#fff;font-size:12px;line-height:16px;padding:8px 12px;position:absolute;white-space:nowrap;z-index:1000}.tooltip-top{bottom:100%;left:50%;margin-bottom:8px;transform:translateX(-50%)}.tooltip-top:after{border:4px solid transparent;border-top-color:#11161a;content:"";position:absolute}.tooltip-bottom,.tooltip-top:after{left:50%;top:100%;transform:translateX(-50%)}.tooltip-bottom{margin-top:8px}.tooltip-bottom:after{border:4px solid transparent;border-bottom-color:#11161a;bottom:100%;content:"";left:50%;position:absolute;transform:translateX(-50%)}.tooltip-left{margin-right:8px;right:100%;top:50%;transform:translateY(-50%)}.tooltip-left:after{border:4px solid transparent;border-left-color:#11161a;content:"";position:absolute}.tooltip-left:after,.tooltip-right{left:100%;top:50%;transform:translateY(-50%)}.tooltip-right{margin-left:8px}.tooltip-right:after{border:4px solid transparent;border-right-color:#11161a;content:"";position:absolute;right:100%;top:50%;transform:translateY(-50%)}.production-unit-container-box{border-radius:64px;box-shadow:0 2px 16px 0 rgba(0,0,0,.16);box-sizing:border-box;width:100%}.progress-bar{background:#000;border-radius:4px;height:8px;overflow:hidden;position:relative;width:124px}.progress-fill{background:#009cdf;border-radius:4px;height:100%;transition:width .3s ease}.tabs-container{display:flex;flex-direction:column;gap:16px;width:100%}.tabs-header{align-items:flex-end;display:flex;flex-shrink:0;width:100%}.tabs-header-items{display:flex;flex:1}.tabs-header-extra{flex-shrink:0;padding-left:16px}.tab-item,.tabs-header-extra{align-items:center;display:flex}.tab-item{cursor:pointer;flex:1;flex-direction:column;gap:14px;min-height:1px;min-width:1px}.tab-content{align-items:flex-start;display:flex;gap:10px;justify-content:flex-start;padding:0 24px}.tab-label{color:#11161a;font-family:Open Sans,sans-serif;font-size:14px;font-weight:600;letter-spacing:1px;line-height:16px;text-transform:uppercase;white-space:nowrap}.tab-item--active .tab-label{color:#009cdf}.tab-count{align-items:center;background:#11161a;border-radius:100px;color:#fff;display:flex;font-family:Open Sans,sans-serif;font-size:12px;font-weight:600;height:16px;justify-content:center;line-height:12px;padding:0 8px;width:24px}.tab-count--active{background:#009cdf}.tab-divider{background:#f2f4f4;height:2px;position:relative;width:100%}.tab-divider--active{background:#009cdf}.tabs-body{align-items:center;display:flex;flex:1;flex-direction:column;justify-content:flex-start;min-height:0;overflow-y:auto;width:100%}.tab-body-content{color:#000;font-family:Open Sans,sans-serif;font-size:12px;font-weight:400;line-height:18px;white-space:nowrap}.tabs-container--black .tab-label{color:#fff}.tabs-container--black .tab-item--active .tab-label{color:#2cb7f0}.tabs-container--black .tab-count{background:#fff;color:#000}.tabs-container--black .tab-count--active{background:#2cb7f0;color:#000}.tabs-container--black .tab-divider--active{background:#2cb7f0}@media (max-width:640px){.tabs-container{border-radius:16px;max-width:calc(100vw - 32px);padding:12px;width:100%}.tab-content{padding:0 12px}.tab-label{font-size:12px;letter-spacing:.5px}}.timer-header-control{box-sizing:border-box;display:flex;font-family:Open Sans,sans-serif;width:100%}.timer-section{background-color:#fff;border-bottom-left-radius:16px;border-top-left-radius:16px;box-sizing:border-box;display:flex;flex-shrink:0;padding:10px 0 10px 16px;width:163px}.timer-content{align-items:center;display:flex;gap:8px;padding-right:8px}.timer-display-area{display:flex;flex-direction:column;flex-shrink:0;gap:10px}.timer-header{align-items:baseline;color:#11161a;display:flex;justify-content:space-between;width:124px}.timer-title{flex-shrink:0;font-size:12px;font-weight:700;line-height:12px;overflow:hidden;text-align:left;text-overflow:ellipsis;text-transform:uppercase;width:68px}.timer-time,.timer-title{font-family:Open Sans,sans-serif;white-space:nowrap}.timer-time{font-size:20px;font-weight:600;line-height:14px;text-align:right;width:61px}.timer-progress-bar{background-color:rgba(0,0,0,.1);border-radius:4px;height:8px;overflow:hidden;position:relative;width:124px}.timer-progress-fill{background:#005896;border-radius:4px;height:100%;transition:width .3s ease}.step-indicators{align-items:center;display:flex;gap:4px}.step-indicator{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-family:Open Sans,sans-serif;font-size:12px;font-weight:600;height:16px;justify-content:center;line-height:18px;width:16px}.step-indicator--active{background-color:#005896}.step-indicator--active.step-indicator--actor{height:40px;margin-right:4px;width:40px}.step-indicator--active.step-indicator--admin{height:16px;width:16px}.step-indicator--completed{background-color:#009cdf}.step-indicator--upcoming{background-color:#b7bec2}.step-expand{align-items:center;background-color:#292e33;border-radius:50%;color:#fff;display:flex;justify-content:center;margin-left:4px;transform:rotate(90deg)}.timer-controls-section{align-items:center;align-self:stretch;background-color:#fff;box-sizing:border-box;display:flex;flex-shrink:0;gap:10px;padding:10px 10px 10px 16px;width:186px}.control-button{align-items:center;background:none;background:#d9d9d9;border:none;border-radius:50%;cursor:pointer;display:flex;height:24px;justify-content:center;padding:0;position:relative;width:24px}.control-button:before{background:radial-gradient(circle,rgba(0,0,0,.1) 0,transparent 70%);border-radius:50%;content:"";height:32px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:32px;z-index:-1}.control-button:hover:before{background:radial-gradient(circle,rgba(0,0,0,.15) 0,transparent 70%)}.control-button svg{color:#000;height:13px;width:13px}.timer--frozen .timer-progress-fill{background:#7aa6b9}.control-button--anonymise-active{background-color:#005896}.control-button--anonymise-active svg path{color:#fff}.control-button--freeze-active{background:#7aa6b9}.control-button--freeze-active svg path{fill:#000}@keyframes pulse{0%{background-color:#009cdf}to{background-color:#0081b8}}.step-indicator--placeholder{background-color:#e9ecef;color:#6c757d;position:relative}.step-indicator--placeholder:after{content:attr(data-step);font-size:10px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.step-expand.step-expand--end{background-color:#1a7f37;transform:none}.timer-header--block{display:flex;flex-direction:column;gap:10px;margin-right:10px}@media (max-width:480px){.timer-header-control{flex-direction:column}.timer-section{border-radius:16px 16px 0 0}.timer-controls-section{border-radius:0 0 16px 16px;justify-content:center}}.step-indicator--clickable{cursor:pointer;position:relative;transition:background-color .2s ease,box-shadow .2s ease,transform .1s ease}.step-indicator--clickable:focus-visible{box-shadow:0 0 0 2px #11161a;outline:2px solid #fff;outline-offset:2px}.step-indicator--clickable:hover{filter:brightness(1.1)}.step-indicator--clickable:active{transform:scale(.9)}.step-indicator--selected{box-shadow:0 0 0 1px #fff,0 0 0 2px #005896}.toggle-btns{align-items:center;display:flex;height:40px;width:135px}.toggle-btn{background-color:transparent;border:1px solid #009cdf;border-left:none;color:#009cdf;cursor:pointer;font-size:14px;font-weight:600;height:100%;padding:6px 10px;text-transform:uppercase;transition:all .3s;width:100%}.toggle-btn:first-child{border-left:1px solid #009cdf}.toggle-btn--first{border-bottom-left-radius:2px;border-top-left-radius:2px}.toggle-btn--last{border-bottom-right-radius:2px;border-top-right-radius:2px}.toggle-btn--active,.toggle-btn:not(.toggle-btn--active):hover{background-color:#009cdf;color:#fff}.toggle-btn:disabled{cursor:not-allowed;opacity:.5}
+.accordion{backdrop-filter:blur(2px);border-radius:24px;box-sizing:border-box;display:flex;flex-direction:column;gap:16px;overflow:hidden;padding:16px;width:100%}.accordion--white{background-color:#fff}.accordion--blue{background-color:#005896}.accordion-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;width:100%}.accordion-title{flex:1;font-family:Open Sans,sans-serif;font-size:16px;font-weight:700;line-height:24px;margin:0;text-transform:uppercase}.accordion--white .accordion-title{color:#11161a}.accordion--blue .accordion-title{color:#fff}.accordion-title p{line-height:24px;margin:0}.accordion-arrow{flex-shrink:0;height:16px;transition:transform .2s ease-in-out;width:16px}.accordion-arrow--open{transform:rotate(180deg)}.accordion-content{display:flex;flex-direction:column;font-family:Open Sans,sans-serif;font-size:14px;font-weight:700;gap:13px}.accordion--white .accordion-content{color:#11161a}.accordion--blue .accordion-content{color:#fff}.accordion-content-item{line-height:24px}.accordion-content-item p{line-height:24px;margin:0;white-space:pre}.avatar-container{align-items:center;border:1px solid #f5f3ed;border-radius:50%;color:#333;display:inline-flex;font-size:20px;font-weight:500;height:64px;justify-content:center;overflow:hidden;position:relative;user-select:none;width:64px}.avatar-container--clickable{cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.avatar-container--clickable:hover{box-shadow:0 2px 8px rgba(0,0,0,.15);transform:scale(1.05)}.avatar-container--clickable:active{transform:scale(.95)}.avatar-content{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.avatar-content img{height:100%;object-fit:cover;width:100%}.avatar-content{line-height:1;text-transform:uppercase}.button{align-items:center;background-color:#009cdf;border:none;border-radius:80px;box-sizing:border-box;cursor:pointer;display:flex;gap:8px;justify-content:center;position:relative;width:fit-content}.button:hover{background-color:#0078b8}.button:disabled{background-color:#999fa1;color:#fff;cursor:not-allowed}.button-icon{flex-shrink:0;height:20px;position:relative;width:20px}.button-icon svg{display:block;height:100%;max-width:none;width:100%}.button-text{color:#fff;flex-shrink:0;font-family:Open Sans,sans-serif;font-size:14px;font-style:normal;font-weight:600;letter-spacing:1px;line-height:0;position:relative;text-transform:uppercase;white-space:nowrap}.button-text p{line-height:16px;margin:0;white-space:pre}.input-container{width:100%}.input-container,.input-field{position:relative}.input-element{background-color:#fff;border:1px solid #b7bec2;border-radius:2px;box-sizing:border-box;color:#11161a;font-size:16px;height:40px;line-height:16px;outline:none;padding:8px;text-align:center;transition:border-color .2s ease,border-width .2s ease,box-shadow .2s ease;width:100%}.input-element:focus{border-color:#009cdf;color:#009cdf}.input-element:focus+.input-label{color:#009cdf}.input-label{background-color:#fff;color:#999fa1;font-size:16px;left:12px;line-height:16px;padding:0 4px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease;white-space:nowrap}.input-required{color:#e74c3c;margin-left:2px}.input-container--floating .input-label,.input-container--focused .input-label{font-size:12px;font-weight:500;top:0;transform:translateY(-50%)}.input-container--focused .input-element{border-color:#009cdf;border-width:2px!important}.input-container--focused .input-label{color:#009cdf}.input-container--success .input-element{border-color:#27ae60!important;border-width:2px!important}.input-container--success .input-label{color:#27ae60!important;transition:color .3s ease}.input-container--error .input-element{border-color:#e74c3c}.input-container--error .input-element:focus{border-color:#e74c3c;box-shadow:0 0 0 2px rgba(231,76,60,.1)}.input-container--error .input-label,.input-error{color:#e74c3c}.input-error{font-size:12px;margin-top:4px;padding-left:12px}.input-container--disabled .input-element{background-color:#fff;border-color:#999fa1;color:#999fa1;cursor:not-allowed}.input-container--disabled .input-label{color:#999fa1}.input-container--light .input-element:not(:disabled):hover{border-color:#009cdf}.input-container--black .input-element:not(:disabled):hover,.input-container--dark .input-element:not(:disabled):hover,.input-container--slate .input-element:not(:disabled):hover{border-color:#82d4f6}.input-container--accepted .input-element:not(:disabled):hover,.input-container--partial .input-element:not(:disabled):hover,.input-container--pending .input-element:not(:disabled):hover,.input-container--refused .input-element:not(:disabled):hover{border-color:#009cdf}.input-container--error .input-element:not(:disabled):hover{border-color:#e74c3c}.input-element:-webkit-autofill{-webkit-text-fill-color:inherit!important}.input-element:-webkit-autofill,.input-element:-webkit-autofill:focus{-webkit-box-shadow:inset 0 0 0 30px #fff!important}.input-container--small .input-element{font-size:14px;padding:12px 8px 6px}.input-container--small .input-label{font-size:14px;left:8px}.input-container--small.input-container--floating .input-label,.input-container--small.input-container--focused .input-label{font-size:10px}.input-container--large .input-element{font-size:18px;padding:20px 16px 10px}.input-container--large .input-label{font-size:18px;left:16px}.input-container--large.input-container--floating .input-label,.input-container--large.input-container--focused .input-label{font-size:14px}.input-constraints{align-items:center;display:flex;gap:8px;justify-content:space-between}.input-max,.input-min{color:#999;display:flex;flex-direction:column;text-align:center;width:35px}.input-max-label,.input-min-label{font-size:12px;line-height:10px}.input-max-value,.input-min-value{font-size:14px}.input-max-container{align-items:center;display:flex;gap:4px}.input-max--with-tooltip{color:#ff9800}.input-max-tooltip-wrapper{align-items:center;cursor:pointer;display:flex;position:relative}.input-max-tooltip{background-color:#11161a;border-radius:4px;bottom:100%;box-shadow:0 2px 8px rgba(0,0,0,.15);color:#fff;font-size:12px;line-height:16px;margin-bottom:8px;padding:8px 12px;white-space:nowrap;z-index:1000}.input-max-tooltip,.input-max-tooltip:after{left:50%;position:absolute;transform:translateX(-50%)}.input-max-tooltip:after{border:4px solid transparent;border-top-color:#11161a;content:"";top:100%}.input-container--focused .input-max,.input-container--focused .input-min{color:#009cdf;font-weight:500}.input-container--focused .input-max--with-tooltip{color:#ff9800}.input-element[type=number]{appearance:textfield;-moz-appearance:textfield}.input-element[type=number]::-webkit-inner-spin-button,.input-element[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input-container--light .input-element{background-color:#fff;border-color:#b7bec2;color:#11161a}.input-container--light .input-label{background-color:#fff;color:#999fa1}.input-container--light .input-element:-webkit-autofill{-webkit-text-fill-color:#11161a!important;-webkit-box-shadow:inset 0 0 0 30px #fff!important}.input-container--light .input-element:-webkit-autofill:focus{-webkit-box-shadow:inset 0 0 0 30px #fff!important}.input-container--dark .input-element{background-color:#292e33;border-color:#b7bec2;color:#fff}.input-container--dark .input-label{background-color:#292e33;color:#fff}.input-container--dark .input-element:focus{border-color:#82d4f6;box-shadow:0 0 0 2px rgba(0,156,223,.1);color:#fff}.input-container--dark.input-container--focused .input-label{color:#82d4f6}.input-container--dark .input-element:-webkit-autofill{-webkit-text-fill-color:#fff!important;-webkit-box-shadow:inset 0 0 0 30px #292e33!important}.input-container--dark .input-element:-webkit-autofill:focus{-webkit-box-shadow:inset 0 0 0 30px #292e33!important}.input-container--slate .input-element{background-color:#3b434a;border-color:#b7bec2;color:#fff}.input-container--slate .input-label{background-color:#3b434a;color:#fff}.input-container--slate .input-element:focus{border-color:#82d4f6;box-shadow:0 0 0 2px rgba(0,156,223,.1);color:#fff}.input-container--slate.input-container--focused .input-label{color:#82d4f6}.input-container--slate .input-element:-webkit-autofill{-webkit-text-fill-color:#fff!important;-webkit-box-shadow:inset 0 0 0 30px #3b434a!important}.input-container--slate .input-element:-webkit-autofill:focus{-webkit-box-shadow:inset 0 0 0 30px #3b434a!important}.input-container--black .input-element{background-color:#11161a;border-color:#b7bec2;color:#fff}.input-container--black .input-label{background-color:#11161a;color:#fff}.input-container--black .input-element:focus{border-color:#82d4f6;box-shadow:0 0 0 2px rgba(0,156,223,.1);color:#fff}.input-container--black.input-container--focused .input-label{color:#82d4f6}.input-container--black .input-element:-webkit-autofill{-webkit-text-fill-color:#fff!important;-webkit-box-shadow:inset 0 0 0 30px #11161a!important}.input-container--black .input-element:-webkit-autofill:focus{-webkit-box-shadow:inset 0 0 0 30px #11161a!important}.input-container--pending .input-element{background-color:#fff;border-color:#b7bec2;color:#11161a}.input-container--pending .input-label{background-color:#fff;color:#999fa1}.input-container--pending .input-element:focus{border-color:#009cdf;color:#009cdf}.input-container--pending.input-container--focused .input-label{color:#009cdf}.input-container--pending .input-element:-webkit-autofill{-webkit-text-fill-color:#11161a!important;-webkit-box-shadow:inset 0 0 0 30px #fff!important}.input-container--pending .input-element:-webkit-autofill:focus{-webkit-box-shadow:inset 0 0 0 30px #fff!important}.input-container--refused .input-element{background-color:#fce8e7;border-color:#b7bec2;color:#11161a}.input-container--refused .input-label{background-color:#fce8e7;color:#999fa1}.input-container--refused .input-element:focus{border-color:#009cdf;color:#009cdf}.input-container--refused.input-container--focused .input-label{color:#009cdf}.input-container--refused .input-element:-webkit-autofill{-webkit-text-fill-color:#11161a!important;-webkit-box-shadow:inset 0 0 0 30px #fce8e7!important}.input-container--refused .input-element:-webkit-autofill:focus{-webkit-box-shadow:inset 0 0 0 30px #fce8e7!important}.input-container--partial .input-element{background-color:#fee9d0;border-color:#b7bec2;color:#11161a}.input-container--partial .input-label{background-color:#fee9d0;color:#999fa1}.input-container--partial .input-element:focus{border-color:#009cdf;color:#009cdf}.input-container--partial.input-container--focused .input-label{color:#009cdf}.input-container--partial .input-element:-webkit-autofill{-webkit-text-fill-color:#11161a!important;-webkit-box-shadow:inset 0 0 0 30px #fee9d0!important}.input-container--partial .input-element:-webkit-autofill:focus{-webkit-box-shadow:inset 0 0 0 30px #fee9d0!important}.input-container--accepted .input-element{background-color:#d3ead9;border-color:#b7bec2;color:#11161a;opacity:.8}.input-container--accepted .input-label{background-color:#d3ead9;color:#999fa1}.input-container--accepted .input-element:focus{border-color:#009cdf;color:#009cdf}.input-container--accepted.input-container--focused .input-label{color:#009cdf}.input-container--accepted .input-element:-webkit-autofill{-webkit-text-fill-color:#11161a!important;-webkit-box-shadow:inset 0 0 0 30px #d3ead9!important}.input-container--accepted .input-element:-webkit-autofill:focus{-webkit-box-shadow:inset 0 0 0 30px #d3ead9!important}.buyline{align-items:center;background:#fff;display:flex;flex-direction:column;justify-content:space-between;width:100%}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.buyline__container{align-items:center;box-sizing:border-box;display:flex;justify-content:space-between;width:100%}.buyline__border{border-bottom:1px solid #f2f4f4;margin-top:12px;pointer-events:none;width:100%}.buyline__content{gap:12px}.buyline__content,.buyline__inputs{align-items:center;display:flex;flex-shrink:0;justify-content:flex-start}.buyline__inputs{gap:8px}.buyline__input_container{align-items:flex-start;display:flex;flex-direction:column;gap:10px;justify-content:flex-start}.buyline__title{color:#11161a;flex-shrink:0;font-family:Open Sans,sans-serif;font-size:14px;font-weight:600;line-height:24px;width:64px}.buyline--has-labels .buyline__status,.buyline--has-labels .buyline__title{position:relative;top:15px}.buyline__total{display:flex;flex-direction:column;height:40px;justify-content:center}.buyline__price span{color:#999fa1;font-family:Open Sans,sans-serif;font-size:16px;font-weight:600;line-height:24px;white-space:nowrap}.buyline__recette{align-items:flex-start;display:flex;flex-direction:column;flex-shrink:0;gap:10px;justify-content:flex-start}.buyline__actions{align-items:center;display:flex;flex-shrink:0;gap:8px;justify-content:center}.buyline--has-labels .buyline__actions{position:relative;top:15px}.buyline__send,.buyline__trash{align-items:center;background:transparent;border:none;cursor:pointer;display:flex;justify-content:center;padding:0}.buyline__send{height:20px;width:20px}.buyline__send--disabled{cursor:not-allowed;opacity:.5}.buyline__trash{height:20px;width:20px}.buyline__icon{display:block;height:100%;max-width:none;width:100%}.buyline__labels{align-items:center;display:flex;gap:8px;justify-content:flex-start;margin-bottom:8px}.buyline__label{color:#999fa1;font-family:Open Sans,sans-serif;font-size:12px;font-weight:400;line-height:16px;text-align:center}.buyline__label--title{flex-shrink:0;width:64px}.buyline__label--price,.buyline__label--volume{flex-shrink:0;width:54px}.buyline__label--total{flex-shrink:0;min-width:84px}.buyline__label--description{color:#6f767b;font-size:12px}.buyline__status{align-items:center;display:flex;justify-content:center;margin-left:8px}.buyline__status-icon{flex-shrink:0;height:16px;width:16px}.chip-container{align-items:center;background-color:var(--chip-bg-color,#e0e0e0);border-radius:60px;color:var(--chip-text-color,#000);display:inline-flex;padding:4px 8px}.chip-container--small{padding:0 8px}.chip-container--large{padding:4px 8px}.chip-container--fit-content{width:fit-content}.chip-container--full-width{width:100%}.chip-content{align-items:center;display:flex;flex-grow:1;gap:.5rem;justify-content:center}.chip-label{font-size:14px;font-weight:600;margin:0}.chip-container--clickable{cursor:pointer;transition:opacity .2s ease,transform .1s ease}.chip-container--clickable:active{transform:scale(.98)}.chip-container--disabled{cursor:not-allowed;opacity:.5}.chip-container--disabled:active{transform:none}.cost-text-container{align-items:baseline;display:flex;gap:3px}.cost-text-container--small{gap:2px}.cost-number{font-size:16px;font-weight:700}.cost-number--small,.cost-unit{font-size:14px}.cost-unit{font-weight:500}.cost-unit--small{font-size:12px}.cost-number,.cost-unit,.cost-unit-per{letter-spacing:0;line-height:12px}.cost-unit-per{font-size:12px;font-weight:400;text-transform:uppercase}.ecart-container{border-radius:60px;box-sizing:border-box;justify-content:center;padding:4px 8px}.ecart-container,.ecart-content{align-items:center;display:flex;width:100%}.ecart-content{justify-content:space-between}.ecart-label{color:#11161a;font-family:Open Sans,sans-serif;font-size:14px;font-weight:400;line-height:18px;white-space:nowrap}.ecart-icon-wrapper{align-items:center;display:flex;justify-content:center}.ecart-icon{flex-shrink:0;height:24px;width:24px}.ecart-icon-container{align-items:center;display:flex;gap:8px}.ecart-value-wrapper{width:100px}.expandable-card{align-items:center;background:transparent;display:flex;justify-content:center;overflow:hidden;position:relative;z-index:1000}.expandable-card-content{justify-content:flex-start}.expandable-card-content,.expandable-card-title{align-items:flex-start;display:flex;height:100%;width:100%}.expandable-card-title{justify-content:flex-end;overflow:hidden}.expandable-card-details{align-items:flex-end;height:100%;justify-content:flex-start;overflow:hidden;width:100%}.expandable-card-details,.gain{display:flex;flex-direction:column}.gain{align-items:center;background:#111;color:#fff;height:100vh;justify-content:center}button{cursor:pointer;font-size:18px;margin-bottom:40px;padding:10px 20px}.score-area{height:80px;position:relative;width:80px}.points{animation:floatUp 2s forwards;color:#32cd32;font-size:32px;font-weight:700;left:50%;position:absolute;transform:translateX(-50%)}@keyframes floatUp{0%{opacity:0;transform:translateX(-50%) translateY(0) scale(.8)}30%{opacity:1;transform:translateX(-50%) translateY(10px) scale(1)}to{opacity:0;transform:translateX(-50%) translateY(80px) scale(1)}}@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600&display=swap");*{font-family:Open Sans,sans-serif}.histogram-container{height:auto;max-width:54px;position:relative}.histogram-container--horizontal{max-width:none;width:auto}.histogram-content{align-items:center;display:flex;flex-direction:column;gap:8px;width:100%}.histogram-content--horizontal{align-items:center;flex-direction:row;height:100%}.histogram-bar{position:relative}.histogram-svg{display:block}.histogram-text-container{align-items:center;display:flex;flex-direction:column;gap:0;justify-content:center;width:100%}.histogram-text-container--horizontal{align-items:flex-start;margin-left:8px}.histogram-gain-area{height:100%;pointer-events:none;top:0;width:100%;z-index:10}.histogram-gain-area,.histogram-gain-points{left:50%;position:absolute;transform:translateX(-50%)}.histogram-gain-points{color:#fff;font-size:16px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.3);top:-10px}.histogram-gain-points--positive{animation:histogramGainFloatUp 2s forwards}.histogram-gain-points--negative{animation:histogramGainFloatDown 2s forwards}@keyframes histogramGainFloatUp{0%{opacity:0;transform:translateX(-50%) translateY(0) scale(.8)}30%{opacity:1;transform:translateX(-50%) translateY(-15px) scale(1)}to{opacity:0;transform:translateX(-50%) translateY(-40px) scale(1)}}@keyframes histogramGainFloatDown{0%{opacity:0;transform:translateX(-50%) translateY(-40px) scale(.8)}30%{opacity:1;transform:translateX(-50%) translateY(-15px) scale(1)}to{opacity:0;transform:translateX(-50%) translateY(0) scale(1)}}.modal-overlay{animation:fadeIn .5s ease-out;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;border-radius:8px;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);max-height:calc(100vh - 100px);max-width:calc(100vw - 100px);overflow:hidden;position:absolute;right:16px;top:16px;transition:width .5s ease-out,opacity .5s ease-out}.modal-content--open{animation:modalOpen .5s ease-out;height:auto;opacity:1;width:var(--modal-width)}.modal-content--close{animation:modalClose .5s ease-in;height:auto;opacity:0;width:0}@keyframes modalOpen{0%{opacity:0;width:0}50%{opacity:.5}to{opacity:1;width:var(--modal-width)}}@keyframes modalClose{0%{opacity:1;transform:scale(1);width:var(--modal-width)}50%{opacity:.5}to{opacity:0;transform:scale(.8);width:0}}.modal-close{align-items:center;background:none;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;position:absolute;right:16px;top:12px;transition:background-color .2s,color .2s;width:32px;z-index:10}.modal-close:hover{background-color:#f3f4f6;color:#111}.modal-close:focus{outline:2px solid #009cdf;outline-offset:2px}.modal-body{box-sizing:border-box;display:flex;flex-direction:column;overflow:auto;padding:8px 16px}@media (max-width:640px){.modal-content{left:20px;max-height:calc(100vh - 40px);max-width:calc(100vw - 40px);top:20px}.modal-body{padding:16px}}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.modal-body::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.modal-body::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.switch-container{align-items:center;display:flex;gap:8px}.switch-wrapper{align-items:center;display:flex;flex-direction:column;gap:4px}.switch-icon{height:16px;width:16px}.switch-icon,.switch-label{align-items:center;display:flex;justify-content:center}.switch-label{color:#11161a;font-size:12px;font-weight:500;min-height:16px;padding:0 2px}.switch-power-icon{height:100%;object-fit:contain;width:100%}.switch{background:none;border:none;cursor:pointer;outline:none;padding:0;transition:all .2s ease}.switch:focus-visible{outline:2px solid #009cdf;outline-offset:2px}.switch--disabled{cursor:not-allowed;opacity:.5}.switch-track{background-color:#999fa1;border-radius:60px;display:block;position:relative;transition:background-color .2s ease}.switch--checked .switch-track{background-color:#82d4f6}.switch-thumb{align-items:center;background-color:#fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2);display:flex;justify-content:center;left:0;position:absolute;top:-3px;transition:transform .2s ease}.switch-thumb-icon{height:100%;object-fit:contain;width:100%}.switch-track{height:10px;width:32px}.switch-thumb{height:16px;width:16px}.switch--checked .switch-thumb{transform:translateX(16px)}.switch:not(.switch--disabled):hover .switch-track{filter:brightness(1.1)}.switch:not(.switch--disabled):active .switch-thumb{transform:scale(1.1)}.switch--checked:not(.switch--disabled):active .switch-thumb{transform:translateX(16px) scale(1.1)}.switch--small.switch--checked:not(.switch--disabled):active .switch-thumb{transform:translateX(12px) scale(1.1)}.switch--large.switch--checked:not(.switch--disabled):active .switch-thumb{transform:translateX(20px) scale(1.1)}.production-unit-container-box{background-color:#fff}.production-unit-container{align-items:center;display:flex;height:64px;justify-content:space-between;padding-right:24px}.image-preview-label{bottom:11px;color:#fff;font-size:9px;font-weight:900;position:absolute;text-align:center;width:100%}.image-preview-container{position:relative}.production-unit-content{align-items:center;display:flex;gap:16px}.production-unit-chip{display:flex;flex-direction:column;flex-shrink:0;width:105px}.production-unit-chip-name{word-wrap:break-word;color:#11161a;font-size:16px;font-weight:600;line-height:24px}.production-unit-energy-container{align-items:center;display:flex;gap:4px}.production-unit-switch-container{align-items:center;display:flex;gap:8px;width:192px}.input-pa{color:#999;display:flex;flex-direction:column;text-align:center;width:35px}.input-pa-label{font-size:12px;line-height:10px}.input-pa-value{font-size:14px}.tooltip-wrapper{align-items:center;cursor:pointer;display:flex;position:relative}.tooltip{background-color:#11161a;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.15);color:#fff;font-size:12px;line-height:16px;padding:8px 12px;position:absolute;white-space:nowrap;z-index:1000}.tooltip-top{bottom:100%;left:50%;margin-bottom:8px;transform:translateX(-50%)}.tooltip-top:after{border:4px solid transparent;border-top-color:#11161a;content:"";position:absolute}.tooltip-bottom,.tooltip-top:after{left:50%;top:100%;transform:translateX(-50%)}.tooltip-bottom{margin-top:8px}.tooltip-bottom:after{border:4px solid transparent;border-bottom-color:#11161a;bottom:100%;content:"";left:50%;position:absolute;transform:translateX(-50%)}.tooltip-left{margin-right:8px;right:100%;top:50%;transform:translateY(-50%)}.tooltip-left:after{border:4px solid transparent;border-left-color:#11161a;content:"";position:absolute}.tooltip-left:after,.tooltip-right{left:100%;top:50%;transform:translateY(-50%)}.tooltip-right{margin-left:8px}.tooltip-right:after{border:4px solid transparent;border-right-color:#11161a;content:"";position:absolute;right:100%;top:50%;transform:translateY(-50%)}.production-unit-container-box{border-radius:64px;box-shadow:0 2px 16px 0 rgba(0,0,0,.16);box-sizing:border-box;width:100%}.progress-bar{background:#000;border-radius:4px;height:8px;overflow:hidden;position:relative;width:124px}.progress-fill{background:#009cdf;border-radius:4px;height:100%;transition:width .3s ease}.scrollable-container{display:flex;overflow:hidden;position:relative}.scrollable-container__content{-ms-overflow-style:none;flex:1;overflow-x:hidden;overflow-y:auto;scrollbar-width:none}.scrollable-container__content::-webkit-scrollbar{display:none}.scrollable-container__track{cursor:pointer;flex-shrink:0;position:relative}.scrollable-container__thumb{cursor:grab;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s ease}.scrollable-container__thumb:active{cursor:grabbing}.scrollable-container__thumb--visible{opacity:1}.tabs-container{display:flex;flex-direction:column;gap:16px;width:100%}.tabs-header{align-items:flex-end;display:flex;flex-shrink:0;width:100%}.tabs-header-items{display:flex;flex:1}.tabs-header-extra{flex-shrink:0;padding-left:16px}.tab-item,.tabs-header-extra{align-items:center;display:flex}.tab-item{cursor:pointer;flex:1;flex-direction:column;gap:14px;min-height:1px;min-width:1px}.tab-content{align-items:flex-start;display:flex;gap:10px;justify-content:flex-start;padding:0 24px}.tab-label{color:#11161a;font-family:Open Sans,sans-serif;font-size:14px;font-weight:600;letter-spacing:1px;line-height:16px;text-transform:uppercase;white-space:nowrap}.tab-item--active .tab-label{color:#009cdf}.tab-count{align-items:center;background:#11161a;border-radius:100px;color:#fff;display:flex;font-family:Open Sans,sans-serif;font-size:12px;font-weight:600;height:16px;justify-content:center;line-height:12px;padding:0 8px;width:24px}.tab-count--active{background:#009cdf}.tab-divider{background:#f2f4f4;height:2px;position:relative;width:100%}.tab-divider--active{background:#009cdf}.tabs-body{align-items:center;display:flex;flex:1;flex-direction:column;justify-content:flex-start;min-height:0;overflow-y:auto;width:100%}.tab-body-content{color:#000;font-family:Open Sans,sans-serif;font-size:12px;font-weight:400;line-height:18px;white-space:nowrap}.tabs-container--black .tab-label{color:#fff}.tabs-container--black .tab-item--active .tab-label{color:#2cb7f0}.tabs-container--black .tab-count{background:#fff;color:#000}.tabs-container--black .tab-count--active{background:#2cb7f0;color:#000}.tabs-container--black .tab-divider--active{background:#2cb7f0}@media (max-width:640px){.tabs-container{border-radius:16px;max-width:calc(100vw - 32px);padding:12px;width:100%}.tab-content{padding:0 12px}.tab-label{font-size:12px;letter-spacing:.5px}}.timer-header-control{box-sizing:border-box;display:flex;font-family:Open Sans,sans-serif;width:100%}.timer-section{background-color:#fff;border-bottom-left-radius:16px;border-top-left-radius:16px;box-sizing:border-box;display:flex;flex-shrink:0;padding:10px 0 10px 16px;width:163px}.timer-content{align-items:center;display:flex;gap:8px;padding-right:8px}.timer-display-area{display:flex;flex-direction:column;flex-shrink:0;gap:10px}.timer-header{align-items:baseline;color:#11161a;display:flex;justify-content:space-between;width:124px}.timer-title{flex-shrink:0;font-size:12px;font-weight:700;line-height:12px;overflow:hidden;text-align:left;text-overflow:ellipsis;text-transform:uppercase;width:68px}.timer-time,.timer-title{font-family:Open Sans,sans-serif;white-space:nowrap}.timer-time{font-size:20px;font-weight:600;line-height:14px;text-align:right;width:61px}.timer-progress-bar{background-color:rgba(0,0,0,.1);border-radius:4px;height:8px;overflow:hidden;position:relative;width:124px}.timer-progress-fill{background:#005896;border-radius:4px;height:100%;transition:width .3s ease}.step-indicators{align-items:center;display:flex;gap:4px}.step-indicator{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-family:Open Sans,sans-serif;font-size:12px;font-weight:600;height:16px;justify-content:center;line-height:18px;width:16px}.step-indicator--active{background-color:#005896}.step-indicator--active.step-indicator--actor{height:40px;margin-right:4px;width:40px}.step-indicator--active.step-indicator--admin{height:16px;width:16px}.step-indicator--completed{background-color:#009cdf}.step-indicator--upcoming{background-color:#b7bec2}.step-expand{align-items:center;background-color:#292e33;border-radius:50%;color:#fff;display:flex;justify-content:center;margin-left:4px;transform:rotate(90deg)}.timer-controls-section{align-items:center;align-self:stretch;background-color:#fff;box-sizing:border-box;display:flex;flex-shrink:0;gap:10px;padding:10px 10px 10px 16px;width:186px}.control-button{align-items:center;background:none;background:#d9d9d9;border:none;border-radius:50%;cursor:pointer;display:flex;height:24px;justify-content:center;padding:0;position:relative;width:24px}.control-button:before{background:radial-gradient(circle,rgba(0,0,0,.1) 0,transparent 70%);border-radius:50%;content:"";height:32px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:32px;z-index:-1}.control-button:hover:before{background:radial-gradient(circle,rgba(0,0,0,.15) 0,transparent 70%)}.control-button svg{color:#000;height:13px;width:13px}.timer--frozen .timer-progress-fill{background:#7aa6b9}.control-button--anonymise-active{background-color:#005896}.control-button--anonymise-active svg path{color:#fff}.control-button--freeze-active{background:#7aa6b9}.control-button--freeze-active svg path{fill:#000}@keyframes pulse{0%{background-color:#009cdf}to{background-color:#0081b8}}.step-indicator--placeholder{background-color:#e9ecef;color:#6c757d;position:relative}.step-indicator--placeholder:after{content:attr(data-step);font-size:10px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.step-expand.step-expand--end{background-color:#1a7f37;transform:none}.timer-header--block{display:flex;flex-direction:column;gap:10px;margin-right:10px}@media (max-width:480px){.timer-header-control{flex-direction:column}.timer-section{border-radius:16px 16px 0 0}.timer-controls-section{border-radius:0 0 16px 16px;justify-content:center}}.step-indicator--clickable{cursor:pointer;position:relative;transition:background-color .2s ease,box-shadow .2s ease,transform .1s ease}.step-indicator--clickable:focus-visible{box-shadow:0 0 0 2px #11161a;outline:2px solid #fff;outline-offset:2px}.step-indicator--clickable:hover{filter:brightness(1.1)}.step-indicator--clickable:active{transform:scale(.9)}.step-indicator--selected{box-shadow:0 0 0 1px #fff,0 0 0 2px #005896}.toggle-btns{align-items:center;display:flex;height:40px;width:135px}.toggle-btn{background-color:transparent;border:1px solid #009cdf;border-left:none;color:#009cdf;cursor:pointer;font-size:14px;font-weight:600;height:100%;padding:6px 10px;text-transform:uppercase;transition:all .3s;width:100%}.toggle-btn:first-child{border-left:1px solid #009cdf}.toggle-btn--first{border-bottom-left-radius:2px;border-top-left-radius:2px}.toggle-btn--last{border-bottom-right-radius:2px;border-top-right-radius:2px}.toggle-btn--active,.toggle-btn:not(.toggle-btn--active):hover{background-color:#009cdf;color:#fff}.toggle-btn:disabled{cursor:not-allowed;opacity:.5}