@layer components{._chemistryAnimation_18d3x_2{width:100%;max-width:100%;margin:0 auto;padding:var(--spaceOuter)}._controls_18d3x_9{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem;padding:1rem;background:var(--backgroundLight);border:1px solid var(--accent);border-radius:12px}._modeButtons_18d3x_20{display:flex;gap:.5rem;flex-wrap:wrap}._modeButton_18d3x_20{padding:.5rem 1rem;border-radius:8px;font-size:.875rem;font-weight:500;transition:all var(--durationM) ease;border:1px solid var(--accent);background:var(--background);color:var(--textBody);cursor:pointer}._modeButton_18d3x_20:hover{background:var(--accent);color:var(--background)}._modeButton_18d3x_20._active_18d3x_43{background:var(--accent);color:var(--background);border-color:var(--accent)}._speedControl_18d3x_49{display:flex;flex-direction:column;gap:.5rem}._label_18d3x_55{font-size:.875rem;font-weight:500;color:var(--text)}._slider_18d3x_61{width:100%;height:6px;border-radius:3px;background:var(--background);outline:none;-webkit-appearance:none;cursor:pointer}._slider_18d3x_61::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--accent);cursor:pointer;border:2px solid var(--background)}._slider_18d3x_61::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--accent);cursor:pointer;border:2px solid var(--background)}._speedValue_18d3x_91{font-size:.75rem;color:var(--textBody);text-align:center}._checkboxLabel_18d3x_97{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem;color:var(--text)}._checkboxLabel_18d3x_97 input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent)}._animationContainer_18d3x_112{background:transparent;border:none;border-radius:0;padding:0;overflow:visible}._canvas_18d3x_120{width:100%;height:400px;display:block;max-height:50vh}@media (max-width: 1040px){._chemistryAnimation_18d3x_2{padding:var(--space3XL)}._controls_18d3x_9{padding:var(--spaceL)}._modeButtons_18d3x_20{justify-content:center}._canvas_18d3x_120{height:300px;max-height:40vh}}@media (max-width: 696px){._chemistryAnimation_18d3x_2{padding:var(--spaceOuter)}._controls_18d3x_9{padding:var(--spaceM)}._modeButtons_18d3x_20{flex-direction:column;align-items:center}._modeButton_18d3x_20{width:100%;max-width:200px}._canvas_18d3x_120{height:250px;max-height:35vh}}@media (max-width: 400px){._chemistryAnimation_18d3x_2{padding:var(--spaceL)}._canvas_18d3x_120{height:200px;max-height:30vh}}}._summary_8zi4y_1{height:100vh;width:100%;max-height:1080px;padding-bottom:var(--spaceL);margin:120px 0;position:relative;display:flex;align-items:center;justify-content:center}@media (max-width: 2080px){._summary_8zi4y_1{margin:var(--space2XL) 0}}@media (max-width: 1040px){._summary_8zi4y_1{height:auto;margin:var(--space3XL) 0}}@media (max-width: 696px){._summary_8zi4y_1{padding-bottom:var(--space4XL);margin-bottom:0}}._summary_8zi4y_1[data-first=true]{margin-top:0}@media (max-width: 1040px){._summary_8zi4y_1[data-first=true]{margin-top:0}}._content_8zi4y_35{--textColumnWidth: 36%;width:100%;max-width:var(--maxWidthXL);align-items:center;justify-content:center;display:grid;grid-template-columns:var(--textColumnWidth) 60%;grid-column-gap:var(--space3XL)}._summary_8zi4y_1[data-alternate=true] ._content_8zi4y_35{grid-template-columns:60% var(--textColumnWidth)}@media (max-width: 1680px){._content_8zi4y_35{--textColumnWidth: 45%;grid-template-columns:var(--textColumnWidth) 55%;grid-column-gap:var(--spaceXL)}._summary_8zi4y_1[data-alternate=true] ._content_8zi4y_35{grid-template-columns:55% var(--textColumnWidth)}}@media (max-width: 1040px){._content_8zi4y_35{grid-template-columns:100%;flex-direction:column-reverse;height:auto;max-width:100%;padding:0 var(--spaceOuter)}._summary_8zi4y_1[data-alternate=true] ._content_8zi4y_35{grid-template-columns:100%}}._details_8zi4y_73{z-index:var(--zIndex1);position:relative}@media (max-width: 1040px){._details_8zi4y_73{flex:0 0 auto;max-width:100%;grid-row:2;grid-column:1;justify-self:center;padding:0 var(--spaceOuter)}}._preview_8zi4y_87{position:relative;display:flex;align-items:center;justify-self:center;justify-content:center;height:100%;width:100%}._model_8zi4y_97{--width: 180%;--aspectRatio: 12 / 10;min-width:var(--width);aspect-ratio:var(--aspectRatio);display:grid;position:relative}._model_8zi4y_97[data-device=laptop]{top:6%;left:14%}@media (max-width: 2080px){._model_8zi4y_97[data-device=laptop]{--width: 180%}}@media (max-width: 1040px){._model_8zi4y_97[data-device=laptop]{--width: 140%;top:10%;left:0}}._model_8zi4y_97[data-device=phone]{--width: 116%;--aspectRatio: 7 / 10;top:5%;left:-10%}@media (max-width: 2080px){._model_8zi4y_97[data-device=phone]{--width: 108%;left:0}}@media (max-width: 1040px){._model_8zi4y_97[data-device=phone]{--width: 108%;left:0;max-height:60vh}}@media (max-width: 696px){._model_8zi4y_97[data-device=phone]{--width: 108%;left:0;max-height:none}}._loader_8zi4y_151{opacity:0;transition:opacity .4s ease 1s}._loader_8zi4y_151[data-visible=true]{opacity:1}._svg_8zi4y_160{opacity:0;transition:opacity 1.2s ease 1.4s;fill:var(--textTitle)}._svg_8zi4y_160[data-visible=true]{opacity:var(--opacity)}._svg_8zi4y_160[data-device=laptop]{position:absolute;width:100%;right:-36%;bottom:24%;transform:translateY(50%)}@media (max-width: 1040px){._svg_8zi4y_160[data-device=laptop]{width:80%;right:-10%;bottom:18%}}@media (max-width: 696px){._svg_8zi4y_160[data-device=laptop]{right:0}}._svg_8zi4y_160[data-device=phone]{position:absolute;bottom:23%;transform:translateY(50%);width:100%;transition-delay:.8s}@media (max-width: 1040px){._svg_8zi4y_160[data-device=phone]{width:80%;bottom:23%}}._svg_8zi4y_160[data-device=chemistry]{position:absolute;bottom:23%;transform:translateY(50%);width:100%;transition-delay:.8s}@media (max-width: 1040px){._svg_8zi4y_160[data-device=chemistry]{width:80%;bottom:23%}}._index_8zi4y_214{position:relative;display:grid;grid-template-columns:90px 1fr;gap:var(--spaceM);align-items:center;margin-bottom:var(--spaceXL)}._indexNumber_8zi4y_223{font-size:var(--fontSizeBodyS);font-weight:var(--fontWeightMedium);color:var(--primary);opacity:0;transition-property:opacity;transition-timing-function:var(--bezierFastoutSlowin);transition-duration:var(--durationM);transition-delay:1.3s}@media (prefers-reduced-motion: no-preference){._indexNumber_8zi4y_223{transition-property:transform,opacity;transform:translate(calc(var(--spaceM) * -1))}}._indexNumber_8zi4y_223[data-visible=true]{transform:translate(0);opacity:1}._title_8zi4y_244{margin-bottom:var(--spaceL);transition-property:opacity;transition-timing-function:var(--bezierFastoutSlowin);transition-duration:var(--durationXL);transition-delay:var(--durationM);opacity:0}@media (prefers-reduced-motion: no-preference){._title_8zi4y_244{transition-property:transform,opacity;transform:translate3d(0,var(--spaceL),0)}}._title_8zi4y_244[data-visible=true]{transform:none;opacity:1}._description_8zi4y_263{margin-bottom:var(--spaceXL);transition-property:opacity;transition-timing-function:var(--bezierFastoutSlowin);transition-duration:var(--durationXL);transition-delay:var(--durationL);opacity:0}@media (prefers-reduced-motion: no-preference){._description_8zi4y_263{transition-property:transform,opacity;transform:translate3d(0,var(--spaceL),0)}}._description_8zi4y_263[data-visible=true]{transform:none;opacity:1}._button_8zi4y_282{transition-property:opacity;transition-timing-function:var(--bezierFastoutSlowin);transition-duration:var(--durationXL);transition-delay:var(--durationXL);transform:translate3d(0,var(--spaceL),0);opacity:0}@media (prefers-reduced-motion: no-preference){._button_8zi4y_282{transition-property:transform,opacity;transform:translate3d(0,var(--spaceL),0)}}._button_8zi4y_282[data-visible=true]{transform:none;opacity:1}._chemistryModel_8zi4y_302{width:100%;height:100%;display:flex;align-items:center;justify-content:center}._chemistryModel_8zi4y_302 .chemistryAnimation{max-width:100%;padding:0;width:100%}._chemistryModel_8zi4y_302 .animationContainer{border:none;background:transparent;padding:0;box-shadow:none;width:100%}._chemistryModel_8zi4y_302 .canvas{height:auto;max-height:50vh;width:100%}@media (max-width: 1040px){._chemistryModel_8zi4y_302 .canvas{max-height:40vh}}@media (max-width: 696px){._chemistryModel_8zi4y_302 .canvas{max-height:35vh}}@media (max-width: 400px){._chemistryModel_8zi4y_302 .canvas{max-height:30vh}}