@alfalab/core-components 23.1.0 → 23.4.1

package/calendar/esm/components/days-table/index.css

@@ -1,4 +1,4 @@
-/* hash: 1sjfi */
+/* hash: 8glix */
 :root {
     --color-static-graphic-solitude: #e8f2fe;
 }
@@ -60,38 +60,38 @@
     /* marker */
     --calendar-marker-background: var(--color-light-graphic-tertiary);
 }
-.calendar__daysTable_1ioou {
+.calendar__daysTable_wzf49 {
     border-collapse: separate;
     border-spacing: 0;
     position: relative
 }
-.calendar__daysTable_1ioou th {
+.calendar__daysTable_wzf49 th {
         padding: 0;
     }
-.calendar__daysTable_1ioou td {
+.calendar__daysTable_wzf49 td {
         padding: var(--gap-2xs) 0 0
     }
-.calendar__daysTable_1ioou td:first-child .calendar__transitLeft_1ioou {
+.calendar__daysTable_wzf49 td:first-child .calendar__transitLeft_wzf49 {
             background: linear-gradient(
                 270deg,
                 var(--calendar-range-background) 0%,
                 var(--color-light-specialbg-nulled) 100%
             )
         }
-.calendar__daysTable_1ioou td:first-child .calendar__transitLeft_1ioou:after {
+.calendar__daysTable_wzf49 td:first-child .calendar__transitLeft_wzf49:after {
                 display: none;
             }
-.calendar__daysTable_1ioou td:last-child .calendar__transitRight_1ioou {
+.calendar__daysTable_wzf49 td:last-child .calendar__transitRight_wzf49 {
             background: linear-gradient(
                 270deg,
                 var(--color-light-specialbg-nulled) 0%,
                 var(--calendar-range-background) 100%
             )
         }
-.calendar__daysTable_1ioou td:last-child .calendar__transitRight_1ioou:after {
+.calendar__daysTable_wzf49 td:last-child .calendar__transitRight_wzf49:after {
                 display: none;
             }
-.calendar__dayName_1ioou {
+.calendar__dayName_wzf49 {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
@@ -100,11 +100,11 @@
     color: var(--color-light-text-secondary)
 }
 @media (max-width: 374px) {
-.calendar__dayName_1ioou {
+.calendar__dayName_wzf49 {
         height: 36px
 }
     }
-.calendar__day_1ioou {
+.calendar__day_wzf49 {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
@@ -121,12 +121,12 @@
     color: var(--color-light-text-primary)
 }
 @media (max-width: 374px) {
-.calendar__day_1ioou {
+.calendar__day_wzf49 {
         width: 36px;
         height: 36px
 }
     }
-.calendar__day_1ioou.calendar__event_1ioou:before {
+.calendar__day_wzf49.calendar__event_wzf49:before {
             content: '';
             display: block;
             position: absolute;
@@ -136,10 +136,10 @@
             border-radius: var(--border-radius-circle);
             background: var(--calendar-marker-background);
         }
-.calendar__day_1ioou.calendar__today_1ioou {
+.calendar__day_wzf49.calendar__today_wzf49 {
         font-weight: bold
     }
-.calendar__day_1ioou.calendar__today_1ioou span:after {
+.calendar__day_wzf49.calendar__today_wzf49 span:after {
             content: '';
             border: 1px solid var(--calendar-today-border-color);
             position: absolute;
@@ -150,32 +150,32 @@
             border-radius: var(--calendar-day-border-radius);
             box-sizing: border-box;
         }
-.calendar__day_1ioou.calendar__highlighted_1ioou {
+.calendar__day_wzf49.calendar__highlighted_wzf49 {
         color: var(--calendar-highlighted-color);
         background: var(--calendar-highlighted-background);
     }
-.calendar__day_1ioou.calendar__disabled_1ioou {
+.calendar__day_wzf49.calendar__disabled_wzf49 {
         pointer-events: none;
         color: var(--calendar-disabled-color);
 
         background: var(--calendar-disabled-background);
         cursor: default;
     }
-.calendar__day_1ioou.calendar__range_1ioou {
+.calendar__day_wzf49.calendar__range_wzf49 {
         color: var(--calendar-range-color);
         background: var(--calendar-range-background);
         border-radius: 0;
     }
-.calendar__day_1ioou.calendar__selected_1ioou,
-    .calendar__day_1ioou.calendar__disabled_1ioou.calendar__selected_1ioou {
+.calendar__day_wzf49.calendar__selected_wzf49,
+    .calendar__day_wzf49.calendar__disabled_wzf49.calendar__selected_wzf49 {
         color: var(--calendar-selected-color);
         background: var(--calendar-selected-background);
         cursor: default;
     }
-.calendar__day_1ioou.calendar__rangeStart_1ioou {
+.calendar__day_wzf49.calendar__rangeStart_wzf49 {
         cursor: pointer;
     }
-.calendar__day_1ioou.calendar__firstDay_1ioou:after, .calendar__day_1ioou.calendar__lastDay_1ioou:after {
+.calendar__day_wzf49.calendar__firstDay_wzf49:after, .calendar__day_wzf49.calendar__lastDay_wzf49:after {
             transition: opacity 0.2s ease;
             content: '';
             position: absolute;
@@ -185,7 +185,7 @@
             opacity: 0;
             pointer-events: none;
         }
-.calendar__day_1ioou.calendar__firstDay_1ioou:after {
+.calendar__day_wzf49.calendar__firstDay_wzf49:after {
             right: 100%;
             background: linear-gradient(
                 270deg,
@@ -193,7 +193,7 @@
                 var(--color-light-specialbg-nulled) 100%
             );
         }
-.calendar__day_1ioou.calendar__lastDay_1ioou:after {
+.calendar__day_wzf49.calendar__lastDay_wzf49:after {
             left: 100%;
             background: linear-gradient(
                 270deg,
@@ -201,52 +201,52 @@
                 var(--calendar-range-background) 100%
             );
         }
-.calendar__day_1ioou.calendar__transitLeft_1ioou:after, .calendar__day_1ioou.calendar__transitRight_1ioou:after {
+.calendar__day_wzf49.calendar__transitLeft_wzf49:after, .calendar__day_wzf49.calendar__transitRight_wzf49:after {
             opacity: 1;
         }
-.calendar__day_1ioou:focus {
+.calendar__day_wzf49:focus {
         z-index: 1;
     }
-.calendar__left_1ioou .calendar__daysEnter_1ioou {
+.calendar__left_wzf49 .calendar__daysEnter_wzf49 {
         transform: translateX(var(--calendar-day-size));
     }
-.calendar__left_1ioou .calendar__daysEnterActive_1ioou {
+.calendar__left_wzf49 .calendar__daysEnterActive_wzf49 {
         transform: translateX(0%);
     }
-.calendar__left_1ioou .calendar__daysExit_1ioou {
+.calendar__left_wzf49 .calendar__daysExit_wzf49 {
         transform: translateX(0%);
     }
-.calendar__left_1ioou .calendar__daysExitActive_1ioou {
+.calendar__left_wzf49 .calendar__daysExitActive_wzf49 {
         transform: translateX(calc(-1 * var(--calendar-day-size)));
     }
-.calendar__right_1ioou .calendar__daysEnter_1ioou {
+.calendar__right_wzf49 .calendar__daysEnter_wzf49 {
         transform: translateX(calc(-1 * var(--calendar-day-size)));
     }
-.calendar__right_1ioou .calendar__daysEnterActive_1ioou {
+.calendar__right_wzf49 .calendar__daysEnterActive_wzf49 {
         transform: translateX(0%);
     }
-.calendar__right_1ioou .calendar__daysExit_1ioou {
+.calendar__right_wzf49 .calendar__daysExit_wzf49 {
         transform: translateX(0%);
     }
-.calendar__right_1ioou .calendar__daysExitActive_1ioou {
+.calendar__right_wzf49 .calendar__daysExitActive_wzf49 {
         transform: translateX(var(--calendar-day-size));
     }
-.calendar__daysEnter_1ioou {
+.calendar__daysEnter_wzf49 {
     opacity: 0;
     position: absolute;
     left: 0;
 }
-.calendar__daysEnterActive_1ioou {
+.calendar__daysEnterActive_wzf49 {
     opacity: 1;
 }
-.calendar__daysExit_1ioou {
+.calendar__daysExit_wzf49 {
     pointer-events: none;
     opacity: 1;
 }
-.calendar__daysExitActive_1ioou {
+.calendar__daysExitActive_wzf49 {
     opacity: 0;
 }
-.calendar__daysEnterActive_1ioou,
-.calendar__daysExitActive_1ioou {
+.calendar__daysEnterActive_wzf49,
+.calendar__daysExitActive_wzf49 {
     transition: opacity 300ms, transform 300ms;
 }

package/calendar/esm/components/days-table/index.js

@@ -1,4 +1,4 @@
-import '../../tslib.es6-c9bc6186.js';
+import '../../tslib.es6-e44b1edb.js';
 import 'react';
 import 'classnames';
 import 'date-fns';

package/calendar/esm/components/header/Component.js

@@ -1,10 +1,10 @@
-import '../../tslib.es6-c9bc6186.js';
+import '../../tslib.es6-e44b1edb.js';
 import React from 'react';
 import cn from 'classnames';
 import { Button } from '../../../../button/esm';
 import { SelectButton } from '../select-button/Component.js';
 
-var styles = {"header":"calendar__header_1j4cd","withShadow":"calendar__withShadow_1j4cd","inner":"calendar__inner_1j4cd","month":"calendar__month_1j4cd","year":"calendar__year_1j4cd","buttonContent":"calendar__buttonContent_1j4cd","monthOnly":"calendar__monthOnly_1j4cd","upDownIcon":"calendar__upDownIcon_1j4cd","arrow":"calendar__arrow_1j4cd"};
+var styles = {"header":"calendar__header_fjyr9","withShadow":"calendar__withShadow_fjyr9","inner":"calendar__inner_fjyr9","month":"calendar__month_fjyr9","year":"calendar__year_fjyr9","buttonContent":"calendar__buttonContent_fjyr9","monthOnly":"calendar__monthOnly_fjyr9","upDownIcon":"calendar__upDownIcon_fjyr9","arrow":"calendar__arrow_fjyr9"};
 require('./index.css');
 
 var Header = function (_a) {

package/calendar/esm/components/header/index.css

@@ -1,4 +1,4 @@
-/* hash: 16d9y */
+/* hash: 13m98 */
 :root {
     --shadow-s: 0 0 8px rgba(11, 31, 53, 0.04), 0 4px 8px rgba(11, 31, 53, 0.08);
 
@@ -45,16 +45,16 @@
 
     /* marker */
 }
-.calendar__header_1j4cd {
+.calendar__header_fjyr9 {
     width: 100%;
     box-sizing: border-box;
     padding: var(--calendar-header-paddings);
     transition: box-shadow 0.2s ease;
 }
-.calendar__withShadow_1j4cd {
+.calendar__withShadow_fjyr9 {
     box-shadow: var(--shadow-s);
 }
-.calendar__inner_1j4cd {
+.calendar__inner_fjyr9 {
     position: relative;
     height: 40px;
     display: flex;
@@ -62,41 +62,41 @@
     justify-content: center
 }
 @media (max-width: 374px) {
-.calendar__inner_1j4cd {
+.calendar__inner_fjyr9 {
         justify-content: space-between;
         width: 256px;
         margin: 0 auto
 }
     }
-.calendar__month_1j4cd {
+.calendar__month_fjyr9 {
     width: 131px
 }
 @media (max-width: 374px) {
-.calendar__month_1j4cd {
+.calendar__month_fjyr9 {
         width: auto;
         flex-grow: 1
 }
     }
-.calendar__year_1j4cd {
+.calendar__year_fjyr9 {
     width: 105px;
 
     margin-left: var(--gap-xs)
 }
 @media (max-width: 374px) {
-.calendar__year_1j4cd {
+.calendar__year_fjyr9 {
         width: 90px
 }
     }
-.calendar__buttonContent_1j4cd {
+.calendar__buttonContent_fjyr9 {
     width: 100%;
     display: flex;
     align-items: center;
     justify-content: space-between;
 }
-.calendar__monthOnly_1j4cd {
+.calendar__monthOnly_fjyr9 {
     padding: var(--calendar-month-only-header-paddings)
 }
-.calendar__monthOnly_1j4cd .calendar__month_1j4cd {
+.calendar__monthOnly_fjyr9 .calendar__month_fjyr9 {
         font-family: var(--calendar-month-only-header-font-family);
         font-size: var(--calendar-month-only-header-font-size);
         font-weight: var(--calendar-month-only-header-font-weight);
@@ -104,7 +104,7 @@
 
         width: auto;
     }
-.calendar__upDownIcon_1j4cd {
+.calendar__upDownIcon_fjyr9 {
     display: block;
     background: var(--calendar-select-icon-background);
     width: 24px;
@@ -112,26 +112,26 @@
     margin-left: var(--gap-xs)
 }
 @media (max-width: 374px) {
-.calendar__upDownIcon_1j4cd {
+.calendar__upDownIcon_fjyr9 {
         margin-left: auto
 }
     }
-.calendar__arrow_1j4cd {
+.calendar__arrow_fjyr9 {
     position: absolute;
     width: 24px;
     height: 24px;
     top: 8px;
     background: var(--calendar-arrow-background)
 }
-.calendar__arrow_1j4cd:first-child {
+.calendar__arrow_fjyr9:first-child {
         left: 0;
     }
-.calendar__arrow_1j4cd:last-child {
+.calendar__arrow_fjyr9:last-child {
         right: 0;
         transform: rotateY(180deg);
     }
 @media (max-width: 374px) {
-.calendar__arrow_1j4cd {
+.calendar__arrow_fjyr9 {
         display: none
 }
     }

package/calendar/esm/components/header/index.js

@@ -1,4 +1,4 @@
-import '../../tslib.es6-c9bc6186.js';
+import '../../tslib.es6-e44b1edb.js';
 import 'react';
 import 'classnames';
 import '../../../../button/esm';

package/calendar/esm/components/months-table/Component.js

@@ -1,4 +1,4 @@
-import { _ as __assign } from '../../tslib.es6-c9bc6186.js';
+import { _ as __assign } from '../../tslib.es6-e44b1edb.js';
 import React, { useCallback } from 'react';
 import 'classnames';
 import { isSameMonth, isThisMonth } from 'date-fns';
@@ -6,7 +6,7 @@ import '../../../../button/esm';
 import { SelectButton } from '../select-button/Component.js';
 import { monthName } from '../../utils.js';
 
-var styles = {"monthsTable":"calendar__monthsTable_33r7f","button":"calendar__button_33r7f"};
+var styles = {"monthsTable":"calendar__monthsTable_16o4t","button":"calendar__button_16o4t"};
 require('./index.css');
 
 var MonthsTable = function (_a) {

package/calendar/esm/components/months-table/index.css

@@ -1,4 +1,4 @@
-/* hash: amezz */
+/* hash: pkp1y */
 :root {
 
     /* Hard */
@@ -32,7 +32,7 @@
 
     /* marker */
 }
-.calendar__monthsTable_33r7f {
+.calendar__monthsTable_16o4t {
     display: flex;
     flex-wrap: wrap;
     width: 318px;
@@ -40,20 +40,20 @@
     justify-content: flex-start
 }
 @media (max-width: 374px) {
-.calendar__monthsTable_33r7f {
+.calendar__monthsTable_16o4t {
         /* 2 кнопки по 125px + 2 отступа по 6px */
         width: 262px
 }
     }
-.calendar__button_33r7f {
+.calendar__button_16o4t {
     width: var(--calendar-selector-button-width);
     margin: 0 3px var(--gap-xs)
 }
-.calendar__button_33r7f:nth-last-child(-n + 3) {
+.calendar__button_16o4t:nth-last-child(-n + 3) {
         margin-bottom: 0;
     }
 @media (max-width: 374px) {
-.calendar__button_33r7f {
+.calendar__button_16o4t {
         margin: 0 3px var(--gap-2xs);
         width: 125px;
         height: 36px

package/calendar/esm/components/months-table/index.js

@@ -1,4 +1,4 @@
-import '../../tslib.es6-c9bc6186.js';
+import '../../tslib.es6-e44b1edb.js';
 import 'react';
 import 'classnames';
 import 'date-fns';

package/calendar/esm/components/select-button/Component.js

@@ -1,9 +1,9 @@
-import { a as __rest, _ as __assign } from '../../tslib.es6-c9bc6186.js';
+import { a as __rest, _ as __assign } from '../../tslib.es6-e44b1edb.js';
 import React, { forwardRef } from 'react';
 import cn from 'classnames';
 import { Button } from '../../../../button/esm';
 
-var styles = {"button":"calendar__button_1a4xi","filled":"calendar__filled_1a4xi","outlined":"calendar__outlined_1a4xi","selected":"calendar__selected_1a4xi"};
+var styles = {"button":"calendar__button_eo734","filled":"calendar__filled_eo734","outlined":"calendar__outlined_eo734","selected":"calendar__selected_eo734"};
 require('./index.css');
 
 var SelectButton = forwardRef(function (_a, ref) {

package/calendar/esm/components/select-button/index.css

@@ -1,4 +1,4 @@
-/* hash: 1xxab */
+/* hash: 1v69l */
 :root {
     --color-light-bg-primary-inverted: #0b1f35;
     --color-light-bg-tertiary: #e7e9eb;
@@ -42,7 +42,7 @@
 
     /* marker */
 }
-.calendar__button_1a4xi {
+.calendar__button_eo734 {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
@@ -53,28 +53,28 @@
     background-color: transparent;
     border-radius: var(--border-radius-s)
 }
-.calendar__button_1a4xi:not(:disabled):hover {
+.calendar__button_eo734:not(:disabled):hover {
         background-color: var(--color-light-bg-tertiary);
         color: var(--color-light-text-primary);
     }
-.calendar__button_1a4xi.calendar__filled_1a4xi {
+.calendar__button_eo734.calendar__filled_eo734 {
         background-color: var(--color-light-bg-tertiary)
     }
-.calendar__button_1a4xi.calendar__filled_1a4xi:not(:disabled):hover {
+.calendar__button_eo734.calendar__filled_eo734:not(:disabled):hover {
             background-color: var(--color-light-bg-tertiary-shade-7);
         }
-.calendar__button_1a4xi.calendar__outlined_1a4xi {
+.calendar__button_eo734.calendar__outlined_eo734 {
         border: 1px solid var(--calendar-selector-button-outline-border-color);
     }
-.calendar__button_1a4xi.calendar__selected_1a4xi,
-    .calendar__button_1a4xi.calendar__selected_1a4xi:disabled {
+.calendar__button_eo734.calendar__selected_eo734,
+    .calendar__button_eo734.calendar__selected_eo734:disabled {
         background-color: var(--color-light-bg-primary-inverted);
         color: var(--color-light-text-primary-inverted)
     }
-.calendar__button_1a4xi.calendar__selected_1a4xi:not(:disabled):hover, .calendar__button_1a4xi.calendar__selected_1a4xi:disabled:not(:disabled):hover {
+.calendar__button_eo734.calendar__selected_eo734:not(:disabled):hover, .calendar__button_eo734.calendar__selected_eo734:disabled:not(:disabled):hover {
             background-color: var(--color-light-bg-primary-inverted);
             color: var(--color-light-text-primary-inverted);
         }
-.calendar__button_1a4xi > * {
+.calendar__button_eo734 > * {
         flex-grow: 1;
     }

package/calendar/esm/components/select-button/index.js

@@ -1,4 +1,4 @@
-import '../../tslib.es6-c9bc6186.js';
+import '../../tslib.es6-e44b1edb.js';
 import 'react';
 import 'classnames';
 import '../../../../button/esm';

package/calendar/esm/components/years-table/Component.js

@@ -1,11 +1,11 @@
-import { _ as __assign } from '../../tslib.es6-c9bc6186.js';
+import { _ as __assign } from '../../tslib.es6-e44b1edb.js';
 import React, { useRef, useCallback, useLayoutEffect } from 'react';
 import 'classnames';
 import { isSameYear, isThisYear } from 'date-fns';
 import '../../../../button/esm';
 import { SelectButton } from '../select-button/Component.js';
 
-var styles = {"yearsTable":"calendar__yearsTable_18m9m","inner":"calendar__inner_18m9m","button":"calendar__button_18m9m"};
+var styles = {"yearsTable":"calendar__yearsTable_51vzt","inner":"calendar__inner_51vzt","button":"calendar__button_51vzt"};
 require('./index.css');
 
 var YearsTable = function (_a) {

package/calendar/esm/components/years-table/index.css

@@ -1,4 +1,4 @@
-/* hash: 168f3 */
+/* hash: 13hed */
 :root {
 
     /* Hard */
@@ -33,14 +33,14 @@
 
     /* marker */
 }
-.calendar__yearsTable_18m9m {
+.calendar__yearsTable_51vzt {
     overflow: auto;
     overflow-x: hidden;
     width: 100%;
     margin-bottom: var(--gap-m-neg);
     padding-top: 6px;
 }
-.calendar__inner_18m9m {
+.calendar__inner_51vzt {
     display: flex;
     flex-wrap: wrap;
     justify-content: flex-start;
@@ -50,15 +50,15 @@
     left: 13px;
     overflow: hidden;
 }
-.calendar__button_18m9m {
+.calendar__button_51vzt {
     width: var(--calendar-selector-button-width);
     margin: 0 3px var(--gap-xs)
 }
-.calendar__button_18m9m:nth-last-child(-n + 3) {
+.calendar__button_51vzt:nth-last-child(-n + 3) {
         margin-bottom: 0;
     }
 @media (max-width: 374px) {
-.calendar__button_18m9m {
+.calendar__button_51vzt {
         margin: 0 3px var(--gap-2xs);
 
         /* ширина блока, 16 боковые отступы, 2*6px между кнопками */

package/calendar/esm/components/years-table/index.js

@@ -1,4 +1,4 @@
-import '../../tslib.es6-c9bc6186.js';
+import '../../tslib.es6-e44b1edb.js';
 import 'react';
 import 'classnames';
 import 'date-fns';

package/calendar/esm/index.css

@@ -1,4 +1,4 @@
-/* hash: 1f0du */
+/* hash: qt19p */
 :root {
 
     /* Hard */
@@ -32,7 +32,7 @@
 
     /* marker */
 }
-.calendar__component_nhim1 {
+.calendar__component_1iy91 {
     width: var(--calendar-width);
     height: var(--calendar-height);
     display: flex;
@@ -41,13 +41,13 @@
     outline: none
 }
 @media (max-width: 374px) {
-.calendar__component_nhim1 {
+.calendar__component_1iy91 {
         align-items: center;
         width: 100%;
         height: 320px
 }
     }
-.calendar__container_nhim1 {
+.calendar__container_1iy91 {
     display: flex;
     flex-direction: column;
     align-items: center;
@@ -57,15 +57,15 @@
     overflow: hidden
 }
 @media (max-width: 374px) {
-.calendar__container_nhim1 {
+.calendar__container_1iy91 {
         width: 288px
 }
     }
-.calendar__sixWeeks_nhim1 {
+.calendar__sixWeeks_1iy91 {
     height: 379px
 }
 @media (max-width: 374px) {
-.calendar__sixWeeks_nhim1 {
+.calendar__sixWeeks_1iy91 {
         height: 360px
 }
     }

package/calendar/esm/index.js

@@ -1,4 +1,4 @@
-import './tslib.es6-c9bc6186.js';
+import './tslib.es6-e44b1edb.js';
 import 'react';
 import 'classnames';
 import 'date-fns';

package/calendar/index.css

@@ -1,4 +1,4 @@
-/* hash: 1f0du */
+/* hash: qt19p */
 :root {
 
     /* Hard */
@@ -32,7 +32,7 @@
 
     /* marker */
 }
-.calendar__component_nhim1 {
+.calendar__component_1iy91 {
     width: var(--calendar-width);
     height: var(--calendar-height);
     display: flex;
@@ -41,13 +41,13 @@
     outline: none
 }
 @media (max-width: 374px) {
-.calendar__component_nhim1 {
+.calendar__component_1iy91 {
         align-items: center;
         width: 100%;
         height: 320px
 }
     }
-.calendar__container_nhim1 {
+.calendar__container_1iy91 {
     display: flex;
     flex-direction: column;
     align-items: center;
@@ -57,15 +57,15 @@
     overflow: hidden
 }
 @media (max-width: 374px) {
-.calendar__container_nhim1 {
+.calendar__container_1iy91 {
         width: 288px
 }
     }
-.calendar__sixWeeks_nhim1 {
+.calendar__sixWeeks_1iy91 {
     height: 379px
 }
 @media (max-width: 374px) {
-.calendar__sixWeeks_nhim1 {
+.calendar__sixWeeks_1iy91 {
         height: 360px
 }
     }