@import url('./fonts.css');
@import url('./masks.css');
@import url('./others.css');
@import url('./texts.css');
@import url('./sourceLists.css');
@import url('./keyboards.css');
@import url('./shapes.css');
@import url('./repetitiveClasses.css');

.ic_player, .viewer, .pseudoIframe .scaled {
    font-family: 'Open Sans', 'Helvetica', 'Arial';
    font-size: 20px;
    line-height: 30px;
}

.ic_player{
    border: none !important;
    background-color: white;
  }

#_icplayer.scrolling {
    touch-action: none !important;
}

.ui-keyboard-input, .ui-keyboard-input-current {
    box-shadow: none !important;
}

#headerMenu{
    z-index: 201;
}

.multipleModuleSelector {
z-index: 170;
}

:root {
    --lessonColor: #4f8c99;
    --lessonColorAlt: #b2c9ce;
    --lessonColorAlt2:#e2e9ea;
    --lessonColorAlt2Trans: #f7eeed80;
    --wrongColor: #AB3351;
    --wrongColorAlt: #d99dac;
    --themeViolet: #4c1d53;
    --themeVioletAlt: #ede8ed;
    --themeVioletAlt2: #b5a2b8;
    --themeVioletAlt3:#83458d;
    --themeGray:#5a666d;
    --themeGrayAlt:#cdcfd1;
    --themeGrayAlt2:#999c9e;
    --themeGrayAlt3:#999c9e;
    --correctColor: #608C31;
    --correctColorAlt:#accb8b;
    --errorColor: #DA9B47;
    --errorColorAlt: #f0dfc9;
    --isMobile: false;
    --mAuthorTesting: 'false';
}

@keyframes spin1 {
    0% {
      transform: translate(-50%, -50%) rotate(0deg);
    }
    100% {
      transform: translate(-50%, -50%) rotate(360deg);
    }
}
  
@keyframes spin2 {
    0% {
      transform: translate(-50%, -50%) rotate(20deg);
    }
    100% {
      transform: translate(-50%, -50%) rotate(380deg);
    }
}

.ic_waitdlg {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    width: 50px !important;
    height: 50px !important;
    transform: translate(-50%, -50%) !important;
    background: transparent !important;
    background-image: none !important;
}
  
.ic_waitdlg img, .ic_waitdlg div {
    display: none !important;
}
  
  
.ic_waitdlg::before, .ic_waitdlg::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 50%;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    box-sizing: border-box;
  }
  
.ic_waitdlg::before {
    width: 50px;
    height: 50px;
    transform: translate(-50%, -50%) rotateZ(0deg);
    border: 3px var(--lessonColorAlt) solid;
    clip-path: polygon(0 0, calc(50% - 2px) 0, calc(50% - 2px) 5px, calc(50% + 2px) 5px, calc(50% + 2px) 0, 100% 0, 100% 100%, 0 100%);
}
  
.ic_waitdlg::after {
    width: 40px;
    height: 40px;
    transform: translate(-50%, -50%) rotateZ(20deg);
    border: 3px var(--lessonColor) solid;
    clip-path: polygon(0 0, calc(50% - 2px) 0, calc(50% - 2px) 5px, calc(50% + 2px) 5px, calc(50% + 2px) 0, 100% 0, 100% 100%, 0 100%);
}
  
  
.ic_waitdlg::before {
    animation-name: spin1;
    animation-duration: 0.8s;
}
  
.ic_waitdlg::after {
    animation-name: spin2;
    animation-duration: 0.6s;
}

.disabled {
    opacity: 1;
}

.ic_header {
    z-index: 1;
    background: transparent !important;
}
.ic_static_header {
    position: absolute !important;
    background: transparent !important;
    top: 0px !important;
}
.ic_page, .ic_page_panel.ic_static_header, .ic_page_panel {
    width: 1000px !important;
}
.ic_page {
    overflow: visible !important;
    z-index: 2;
}

.ic_player[role="presentation"] > tbody {
    clip-path: polygon(1px 1px, calc(100% - 1px) 1px, calc(100% - 1px) calc(100% - 1px), 1px calc(100% - 1px));
}

.ic_player[role="presentation"] {
    background: #fff;
}

.ruler-wrapper, .ruler, #editorContainer #moduleInfo, #editorContainer #verticalRulerInfo, #editorContainer #horizontalRulerInfo {
    z-index: 50;
}
.moduleSelector {
    z-index: 100;
}
.moduleSelector.selected {
    z-index: 101;
}

#menusWrapper, .mainPage {
    z-index: 200;
}
#headerWrapper {
    z-index: 201;
}
#headerMenu {
    z-index: 202;
}
.ic_footer {
    z-index: unset;
}
.ic_footer > * {
    z-index: 1;
}
.mainHeader {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 100;
    height: 155px;
    width: 1000px;
}
.navigationCont {
    position: absolute;
    z-index: 101;
    top: 105px;
    transform: translateY(-50%);
    right: 70px;
}

.navigationCont .navigationBtn {
    border: 0;
    border-radius: 0;
    background: transparent;
    width: 35px;
    height: 35px;
    color: transparent;
    user-select: none;
    padding: 0;
    transition: all 0.2s ease-in-out;
    position: relative;
}

.navigationCont .navigationBtn::before, .navigationCont .navigationBtn::after {
    position: absolute;
    content: '';
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.navigationCont .navigationBtn::before {
    width: 100%;
    height: 100%;
    --mask:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='a' data-name='Warstwa 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 37.73 25.56'%3E%3Cdefs%3E%3Cstyle%3E .b %7B fill: %23fff; stroke-width: 0px; %7D %3C/style%3E%3C/defs%3E%3Cpath class='b' d='m0,23.63h0c0-1.08.87-1.94,1.93-1.94h33.87c1.07,0,1.93.87,1.93,1.93h0c0,1.08-.87,1.94-1.93,1.94H1.93c-1.07,0-1.93-.87-1.93-1.93Zm0-10.84h0c0-1.07.87-1.93,1.93-1.93h33.87c1.07,0,1.93.87,1.93,1.93h0c0,1.07-.87,1.93-1.93,1.93H1.93c-1.07,0-1.93-.87-1.93-1.93ZM0,1.94h0C0,.87.87,0,1.93,0h33.87c1.07,0,1.93.87,1.93,1.93h0c0,1.08-.87,1.94-1.93,1.94H1.93c-1.07,0-1.93-.87-1.93-1.93Z'/%3E%3C/svg%3E");
    mask-image: var(--mask);
    mask-size: 100% 100%;
    mask-position: center center;
    mask-repeat: no-repeat;
    -webkit-mask-image: var(--mask);
    -webkit-mask-size: 100% 100%;
    -webkit-mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    background: var(--lessonColor);
    transition: all 0.2s ease-in-out;
}

.navigationCont .navigationBtn::after {
    width: 65%;
    height: 65%;
    --mask:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='a' data-name='Warstwa 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 37.73 37.73'%3E%3Cdefs%3E%3Cstyle%3E .b %7B fill: %23fff; stroke-width: 0px; %7D %3C/style%3E%3C/defs%3E%3Cpath class='b' d='m22.58,18.87l14.38-14.38c1.02-1.02,1.02-2.68,0-3.71h-.01c-1.02-1.04-2.68-1.04-3.71-.01l-14.38,14.38L4.49.77C3.46-.26,1.8-.26.78.77h-.01C-.26,1.8-.26,3.46.77,4.49l14.38,14.38L.77,33.25c-1.02,1.02-1.02,2.68,0,3.71h.01c1.02,1.04,2.68,1.04,3.71.01l14.38-14.38,14.38,14.38c1.02,1.02,2.68,1.02,3.71,0h.01c1.02-1.04,1.02-2.69,0-3.72l-14.38-14.38Z'/%3E%3C/svg%3E");
    mask-image: var(--mask);
    mask-size: 100% 100%;
    mask-position: center center;
    mask-repeat: no-repeat;
    -webkit-mask-image: var(--mask);
    -webkit-mask-size: 100% 100%;
    -webkit-mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    background: var(--lessonColor);
    transition: background 0.2s ease-in-out, transform 0.5s ease-in-out;
}

.navigationCont .navigationBtn:hover::before, .navigationCont .navigationBtn:hover::after {
    background: #883598;
}

.navigationCont .navigationBtn:hover {
    cursor: pointer;
}

.navigationCont .navigationBtn:not(.expanded)::after {
    transform: translate(-50%, -50%) scale(0) rotateZ(270deg);
}

.navigationCont .navigationBtn.expanded::before {
    transform: translate(-50%, -50%) scale(0);
}

.navigationCont .navigationListContainer {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: 140px;
    max-height: 0px;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
    box-sizing: border-box;
    filter: drop-shadow(3px 3px 2px rgba(0, 0, 0, 0));
    display: flex;
    justify-content: center;
}

.navigationCont .navigation {
    width: 120px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    list-style-type: none;
    padding: 0;
    margin: 10px 0;
    max-height: 240px;
    overflow: hidden;
    z-index: 1;
}

.navigationCont .navigationListContainer.expanded .navigation {
    overflow-y: auto;
}

.navigationCont .navigationListContainer::before, .navigationCont .navigationListContainer::after {
    position: absolute;
    width: 100%;
    height: 100%;
    content: '';
    left: 0;
    bottom: 0;
}

.navigationCont .navigationListContainer::before {
    --mask1:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='a' data-name='Warstwa 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 114.39 14.03'%3E%3Cdefs%3E%3Cstyle%3E .b %7B fill: %23fff; %7D %3C/style%3E%3C/defs%3E%3Cpath class='b' d='m.5,0v6.21s7.31,0,7.31,7.31h98.76s0-7.31,7.31-7.31V0'/%3E%3C/svg%3E");
    --mask2:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='a' data-name='Warstwa 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 114.39 14.03' preserveAspectRatio='none'%3E%3Cdefs%3E%3Cstyle%3E .b %7B fill: %23fff; %7D %3C/style%3E%3C/defs%3E%3Cpath class='b' d='m113.89,14.03v-6.21s0,0,0-7.31H.5v7.31s0,6.21,0,6.21'/%3E%3C/svg%3E");
    mask-image: var(--mask1), var(--mask2);
    mask-repeat: no-repeat, no-repeat;
    mask-position: center bottom, center top;
    mask-size: 100% 15px, 100% calc(100% - 14px);
    -webkit-mask-image: var(--mask1), var(--mask2);
    -webkit-mask-repeat: no-repeat, no-repeat;
    -webkit-mask-position: center bottom, center top;
    -webkit-mask-size: 100% 18px, 100% calc(100% - 14px);
    background: #fff;
}

.navigationCont .navigationListContainer::after {
    background: var(--lessonColor);
    --mask1:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='a' data-name='Warstwa 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 114.39 14.03'%3E%3Cdefs%3E%3Cstyle%3E .b %7B fill: none; stroke: %23fff; stroke-width: 1px; %7D %3C/style%3E%3C/defs%3E%3Cpath vector-effect='non-scaling-stroke' class='b' d='m.5,0v6.21s7.31,0,7.31,7.31h98.76s0-7.31,7.31-7.31V0'/%3E%3Cpath vector-effect='non-scaling-stroke' class='b' d='m2.69,0v4.33c2.79.32,6.84,1.87,7.28,7.01h94.48c.32-2.79,2.12-6.58,7.26-7.02V0'/%3E%3C/svg%3E");
    --mask2:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='a' data-name='Warstwa 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 114.39 14.03'%3E%3Cdefs%3E%3Cstyle%3E .b %7B fill: none; stroke: %23fff; stroke-width: 1px; %7D %3C/style%3E%3C/defs%3E%3Cpath vector-effect='non-scaling-stroke' class='b' d='m113.89,14.03v-6.21s0,0,0-7.31H.5v7.31s0,6.21,0,6.21'/%3E%3Cpath vector-effect='non-scaling-stroke' class='b' d='m111.7,14.03v-4.58s0-4.5,0-6.76H2.69v6.77s0,4.56,0,4.56'/%3E%3C/svg%3E");
    --mask3:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='a' data-name='Warstwa 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 114.39 4.58' preserveAspectRatio='none'%3E%3Cdefs%3E%3Cstyle%3E .b %7B fill: none; stroke: %23fff; stroke-width: 1px; %7D %3C/style%3E%3C/defs%3E%3Cline vector-effect='non-scaling-stroke' class='b' x1='.5' y1='0' x2='.5' y2='4.58'/%3E%3Cline vector-effect='non-scaling-stroke' class='b' x1='113.89' y1='4.58' x2='113.89' y2='0'/%3E%3Cline vector-effect='non-scaling-stroke' class='b' x1='2.69' y1='.02' x2='2.69' y2='4.58'/%3E%3Cline vector-effect='non-scaling-stroke' class='b' x1='111.7' y1='4.58' x2='111.7' y2='0'/%3E%3C/svg%3E");
    mask-image: var(--mask1), var(--mask2), var(--mask3);
    mask-repeat: no-repeat, no-repeat;
    mask-position: center bottom, center 2px, center center;
    mask-size: 100% 18px, 100% 18px, 100% calc(100% - 29px);
    -webkit-mask-image: var(--mask1), var(--mask2), var(--mask3);
    -webkit-mask-repeat: no-repeat, no-repeat;
    -webkit-mask-position: center bottom, center 2px, center center;
    -webkit-mask-size: 100% 18px, 100% 18px, 100% calc(100% - 29px);
}

.navigationCont .navigationListContainer.expanded {
    max-height: 260px;
    filter: drop-shadow(3px 3px 2px rgba(0, 0, 0, 0.2));
}

.navigationCont .navigation li {
    width: 110px;
    font-size: 20px;
    line-height: 30px;
    padding: 5px 0px;
    font-family: 'Ropa Sans', 'Aldo';
    white-space: nowrap;
    position: relative;
}

.navigationCont .navigation li::before {
    content: '';
    width: 80%;
    height: 1px;
    background: var(--lessonColor);
    position: absolute;
    left: 10%;
    bottom: 0px;
}

.navigationCont .navigation.scrollBar li {
    text-indent: 3px;
}

.navigationCont .navigation.scrollBar li::before {
    width: calc(80% - 10px);
    left: calc(10% + 10px);
}

.navigationCont .navigation li:last-of-type::before {
    content: unset;
}

.navigationCont .navigation li a {
    width: 100%;
    text-align: center;
    display: block;
    color: #000;
    transition: all 0.2s ease-in-out;
}

.navigationCont .navigation li a:hover, .navigationCont .navigation li .currentPage {
    cursor: pointer;
    color: #883598;
}

.navigationCont.exercise .navigation li a:hover, .navigationCont.exercise .navigation li .currentPage {
    color: var(--lessonColor);
}

.mainHeader > * {
    z-index: 1;
}
.headerParent {
    position: absolute;
    width: 1000px;
    z-index: 100;
    height: 155px;
    background: transparent !important;
}
.headerContents {
    position: absolute;
    left: 0px;
    top: 105px;
    transform: translateY(-50%);
    height: 100px;
}
@keyframes deco_slide {
    0% {
        opacity: 0;
        transform: translateX(-100%);
    }
    100% {
        opacity: 1;
        transform: translateX(0%);
    }
}
.deco {
    position: absolute;
    left: 0px;
    width: 70px;
    height: 100px;
    background: var(--themeViolet);
    animation-name: deco_slide;
    animation-duration: 0.5s;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
}
.deco > div {
    position: relative;
    z-index: 2;
    width: 70px;
    height: 100px;
    background: var(--themeViolet);
    mix-blend-mode: hue;
}
.exercise .deco > div {
    background: #5a666d;
    display: none;
}
.exercise .deco {
    background: #5a666d;
}
@keyframes deco_draw {
    0% {
        clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
    }
    100% {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    }
}
.deco::before, .deco::after {
    content: '';
    position: absolute;
    z-index: 1;
    --mask:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='a' data-name='Warstwa 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 43.62 60.97'%3E%3Cdefs%3E%3Cstyle%3E .b %7B fill: %23fff; stroke-width: 0px; %7D %3C/style%3E%3C/defs%3E%3Cpath class='b' d='m13.73,46.95c.6,0,1.3-.16,2.11-.58,1.8-.93,2.9-2.96,3.36-6.2v-.08c0-.29-.19-.53-.47-.6-.31-.08-.62.09-.73.39-.03.08-.77,2.07-2.18,2.8-1.1.57-1.52.07-1.6-.05,0-.03-.03-.11-.03-.23,0-.16.03-.42.18-.7.09-.17.09-.37,0-.55-.08-.17-.25-.3-.43-.33,0,0-.88-.19-1.88.32-.88.45-1.49,1.53-1.49,2.63,0,.53.14,1.04.4,1.51.27.48,1.12,1.68,2.74,1.68Zm-.6-3.75c.15.29.5.67,1.04.86.45.16,1.21.25,2.23-.28.22-.11.44-.25.64-.41-.45.9-1.03,1.53-1.76,1.91-1.47.76-2.55.55-3.22-.61-.16-.28-.24-.58-.24-.9,0-.72.42-1.32.82-1.53.11-.06.23-.1.34-.14-.01.1-.02.2-.02.3,0,.31.06.6.16.8Z'/%3E%3Cpath class='b' d='m40.35,33.47c-.19-.17-.37-.33-.55-.49,0,0,0,0,0,0-.07-.43-.14-.83-.2-1.19l-.04-.3-.3.05c-.13.02-.26.05-.4.07,0-.03-.02-.06-.03-.09l-.03-.08c-.11-.31-.26-.75-.63-.7-5.61.77-10.03,3.01-12.43,6.29-2.17,2.96-1.7,5.82-1.68,5.94.06.33.37.56.71.5.16-.03.31-.12.4-.25.09-.13.13-.3.1-.46,0,0-.1-.63.03-1.54.12-.86.47-2.16,1.44-3.48,1.87-2.55,7.1-4.53,11.56-5.44.25.31.57.63.94.97.28,1.65.61,3.65.47,5.35-.08.98-1.95,2.07-3.45,2.96-1.19.7-2.21,1.3-2.64,1.9-1.04,1.47-2.97,2.25-6.06,2.44-.3.02-.54.26-.58.55-.01.04-.02.08-.03.12-.02.16.02.33.12.46.1.13.25.21.4.23.02,0,.6.09,1.18.54.81.62,1.23,1.62,1.23,2.96,0,.81-.21,1.5-.61,2.06-.19-.78-.61-1.49-1.24-2.12-1.52-1.52-3.51-.98-3.59-.96-.16.04-.29.15-.37.29-.08.14-.1.31-.06.47.04.16.15.29.29.37.14.08.31.1.47.06.06-.01,1.4-.35,2.39.64.66.66.99,1.38,1.01,2.22-.76.43-1.73.66-2.76.66-3.12,0-5.06-2.99-5.06-7.81,0-5.25,2.01-10.98,3.95-15.87.19-.35.31-.7.41-1.02.42-1.03.84-2.04,1.25-3.04l.12-.28c2.32-5.56,4.52-10.81,4.52-14.88s-1.21-7.11-3.49-9.18C24.65.17,21.9,0,21.12,0c-2.77,0-6.89,1.89-6.89,7.08,0,2.12.85,3.41,1.57,4.12.86.85,2.03,1.36,3.14,1.36,2.14,0,3.58-1.39,3.58-3.46,0-1.91-1.45-3.16-2.43-3.41-.33-.08-.67.12-.75.45-.04.16-.02.33.07.47.08.14.22.24.38.28.5.13,1.49.93,1.49,2.21,0,1.39-.88,2.23-2.35,2.23-2.4,0-3.47-2.49-3.47-4.25,0-2.35,1.51-5.85,5.65-5.85,2.86,0,8.26,2.16,8.26,10.36,0,3.82-2.15,8.96-4.42,14.4-.32.77-.65,1.56-.96,2.32-.2.36-.32.73-.42,1.02-.13.32-.26.63-.37.91-.96,1.72-2.46,2.91-4.12,3.27-1.26.27-2.5.04-3.42-.65-1.63-1.21-2.13-3.08-1.23-4.53,1.31-2.1,3.07-1.2,3.15-1.16.3.16.67.04.83-.26.08-.15.09-.31.05-.47-.05-.16-.16-.29-.3-.37-.98-.52-3.24-.86-4.77,1.6-1.26,2.02-.63,4.56,1.54,6.18,1.2.9,2.81,1.21,4.42.87.92-.2,1.79-.6,2.59-1.19-1.31,3.61-2.82,8.53-2.82,13.13,0,2.64.56,4.87,1.62,6.47,1.12,1.69,2.74,2.58,4.68,2.58.93,0,1.77-.13,2.5-.39-.6,1.77-2.16,3.54-3.48,4.81-.64-.55-1.09-.89-1.18-.95-.14-.11-3.56-2.8-6.94-2.8-1.56,0-3.75.73-6.32,1.59-2.94.98-6.28,2.09-9.44,2.35-.32.03-.57.3-.57.62,0,.01,0,.03,0,.04h4.56c-.05-.01-.11-.03-.16-.04,2.1-.49,4.16-1.18,6.04-1.81,2.43-.81,4.53-1.51,5.89-1.51,2.88,0,6.05,2.43,6.19,2.54.02.01.42.31,1,.81h1.97s0,0,0,0c1.44-1.39,3.62-3.88,3.95-6.44,1.1-.87,1.73-2.23,1.73-3.75,0-2.03-.83-3.2-1.59-3.84,6.29-.99,13.73-4.85,14.03-8.5.16-1.93-1.66-3.54-3.26-4.97Z'/%3E%3C/svg%3E");
    mask-image: var(--mask);
    mask-size: 100% 100%;
    mask-repeat: no-repeat;
    mask-position: center center;
    -webkit-mask-image: var(--mask);
    -webkit-mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    width: 70px;
    right: 0px;
    top: 50%;
    height: 98px;
    background: #6b2679;
    animation-name: deco_draw;
    animation-duration: 0.5s;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
}
.deco::before {
    transform: translateY(-100%);
}
.deco::after {
    transform: scale(1, -1);
}
.exercise .deco::before, .exercise .deco::after {
    background: linear-gradient(180deg, var(--themeGray) 0%, var(--themeGray) 48px, var(--themeGrayAlt2) 48px, var(--themeGrayAlt2) 100%);
}
.chapter, .chapter .extraContent, .chapter .decoChapter {
    --corner1: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='a' data-name='Warstwa 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7.71 7.71'%3E%3Cdefs%3E%3Cstyle%3E .b %7B fill: %23fff; stroke-width: 0px; %7D %3C/style%3E%3C/defs%3E%3Cpath class='b' d='m7.71,0h-.45c-.32,2.8-2.12,6.85-7.26,7.29v.41h7.71V0Z'/%3E%3C/svg%3E");
    --corner2: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='a' data-name='Warstwa 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7.71 7.71'%3E%3Cdefs%3E%3Cstyle%3E .b %7B fill: %23fff; stroke-width: 0px; %7D %3C/style%3E%3C/defs%3E%3Cpath class='b' d='m0,0v.45c2.8.32,6.85,2.12,7.29,7.26h.41V0H0Z'/%3E%3C/svg%3E");
    --corner3: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='a' data-name='Warstwa 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7.71 7.71'%3E%3Cdefs%3E%3Cstyle%3E .b %7B fill: %23fff; stroke-width: 0px; %7D %3C/style%3E%3C/defs%3E%3Cpath class='b' d='m0,0h.45c.32,2.8,2.12,6.85,7.26,7.29v.41H0V0Z'/%3E%3C/svg%3E");
    --corner4:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='a' data-name='Warstwa 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7.71 7.71'%3E%3Cdefs%3E%3Cstyle%3E .b %7B fill: %23fff; stroke-width: 0px; %7D %3C/style%3E%3C/defs%3E%3Cpath class='b' d='m7.71,0v.45C4.91.77.86,2.57.41,7.71h-.41V0h7.71Z'/%3E%3C/svg%3E");
    --blankSpace: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='a' data-name='Warstwa 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13.16 21.61' preserveAspectRatio='none'%3E%3Cdefs%3E%3Cstyle%3E .b %7B fill: %23fff; stroke-width: 0px; %7D %3C/style%3E%3C/defs%3E%3Crect class='b' width='13.16' height='21.61'/%3E%3C/svg%3E");
}
@keyframes chapter_slide {
    0% {
        opacity: 0;
        transform: translateX(-100%) translateX(-55px);
    }
    100% {
        opacity: 1;
        transform: translateX(0%);
    }
}
.chapter {
    z-index: 2;
    margin: 0;
    position: absolute;
    left: 55px;
    height: 100px;
    width: 260px;
    box-sizing: border-box;
    background: var(--lessonColor);
    mask-image: var(--corner1), var(--corner2), var(--blankSpace), var(--corner3), var(--corner4), var(--blankSpace), var(--blankSpace);
    mask-size: 14px 14px, 14px 14px, 14px calc(100% - 28px), 14px 14px, 14px 14px, 14px calc(100% - 28px), calc(100% - 28px) 100%;
    mask-position: top left, bottom left, center left, top right, bottom right, center right, center center;
    mask-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
    -webkit-mask-image: var(--corner1), var(--corner2), var(--blankSpace), var(--corner3), var(--corner4), var(--blankSpace), var(--blankSpace);
    -webkit-mask-size: 14px 14px, 14px 14px, 14px calc(100% - 28px), 14px 14px, 14px 14px, 14px calc(100% - 28px), calc(100% - 28px) 100%;
    -webkit-mask-position: top left, bottom left, center left, top right, bottom right, center right, center center;
    -webkit-mask-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
    animation-name: chapter_slide;
    animation-duration: 0.7s;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
}
.chapter::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    background: #fff;
    mask-image: var(--corner1), var(--corner2), var(--blankSpace), var(--corner3), var(--corner4), var(--blankSpace), var(--blankSpace);
    mask-size: 14.5px 14.5px, 14.5px 14.5px, 14px calc(100% - 28px), 14.5px 14.5px, 14.5px 14.5px, 14px calc(100% - 28px), calc(100% - 28px) 100%;
    mask-position: top left, bottom left, center left, top right, bottom right, center right, center center;
    mask-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
    -webkit-mask-image: var(--corner1), var(--corner2), var(--blankSpace), var(--corner3), var(--corner4), var(--blankSpace), var(--blankSpace);
    -webkit-mask-size: 14.5px 14.5px, 14.5px 14.5px, 14px calc(100% - 28px), 14.5px 14.5px, 14.5px 14.5px, 14px calc(100% - 28px), calc(100% - 28px) 100%;
    -webkit-mask-position: top left, bottom left, center left, top right, bottom right, center right, center center;
    -webkit-mask-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
    z-index: 1;
}
.chapter::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% - 6px);
    height: calc(100% - 6px);
    background: var(--lessonColor);
    mask-image: var(--corner1), var(--corner2), var(--blankSpace), var(--corner3), var(--corner4), var(--blankSpace), var(--blankSpace);
    mask-size: 14.5px 14.5px, 14.5px 14.5px, 14.5px calc(100% - 28px), 14.5px 14.5px, 14.5px 14.5px, 14.4px calc(100% - 28px), calc(100% - 28px) 100%;
    mask-position: top left, bottom left, center left, top right, bottom right, center right, center center;
    mask-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
    -webkit-mask-image: var(--corner1), var(--corner2), var(--blankSpace), var(--corner3), var(--corner4), var(--blankSpace), var(--blankSpace);
    -webkit-mask-size: 14.5px 14.5px, 14.5px 14.5px, 14.5px calc(100% - 28px), 14.5px 14.5px, 14.5px 14.5px, 14.4px calc(100% - 28px), calc(100% - 28px) 100%;
    -webkit-mask-position: top left, bottom left, center left, top right, bottom right, center right, center center;
    -webkit-mask-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
    z-index: 1;
}
.chapter.variation1 .extraContent {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% - 11px);
    height: calc(100% - 11px);
    background: #fff;
    opacity: 0.3;
    mask-image: var(--corner1), var(--corner2), var(--blankSpace), var(--corner3), var(--corner4), var(--blankSpace), var(--blankSpace);
    mask-size: 14px 14px, 14px 14px, 14px calc(100% - 28px), 14px 14px, 14px 14px, 14px calc(100% - 28px), calc(100% - 28px) 100%;
    mask-position: top left, bottom left, center left, top right, bottom right, center right, center center;
    mask-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
    -webkit-mask-image: var(--corner1), var(--corner2), var(--blankSpace), var(--corner3), var(--corner4), var(--blankSpace), var(--blankSpace);
    -webkit-mask-size: 14px 14px, 14px 14px, 14px calc(100% - 28px), 14px 14px, 14px 14px, 14px calc(100% - 28px), calc(100% - 28px) 100%;
    -webkit-mask-position: top left, bottom left, center left, top right, bottom right, center right, center center;
    -webkit-mask-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
    z-index: 2;
}
.chapter.variation2 .extraContent {
    display: none;
}
.chapter span {
    font-weight: 400;
    position: absolute;
    left: 50%;
    top: 50%;
    font-family: 'ConcursoItalian';
    transform: translate(-50%, -50%);
    width: calc(100% - 6px);
    height: 94px;
    font-size: 79px;
    color: #fff;
    text-align: center;
    z-index: 3;
    line-height: 96px;
}
.chapter:not(.variation1) span {
    text-transform: lowercase;
}
.chapter.variation1 span {
    width: calc(100% - 16px);
    font-size: 35px;
    line-height: 37px;
    height: auto;
}
.chapter.variation2 span {
    font-size: 55px;
}
.chapter:not(.variation1) span::before, .chapter:not(.variation1) span::after {
    content: '';
    background: #fff;
    position: absolute;
    transform: translate(0%, -50%);
    top: 50%;
    width: 15px;
    height: 9px;
    mask-image: var(--mask);
    mask-size: 100% 100%;
    mask-repeat: no-repeat;
    mask-position: center center;
    -webkit-mask-image: var(--mask);
    -webkit-mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center center;
}
.chapter span::before {
    left: 7px;
}
.chapter span::after {
    right: 7px;
}
.ic_button_nextpage::before, .ic_button_nextpage::after, .chapter span::after  {
    --mask:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg preserveAspectRatio='none' id='a' data-name='Warstwa 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11.45 6.63'%3E%3Cdefs%3E%3Cstyle%3E .b %7B fill: %23fff; stroke-width: 0px; %7D %3C/style%3E%3C/defs%3E%3Cpath class='b' d='m11.45,3.32L3.21,0,0,3.21l3.42,3.42,8.03-3.31Z'/%3E%3C/svg%3E");
}

.ic_button_prevpage::before, .ic_button_prevpage::after, .chapter span::before {
    --mask:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg preserveAspectRatio='none' id='a' data-name='Warstwa 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11.45 6.63'%3E%3Cdefs%3E%3Cstyle%3E .b %7B fill: %23fff; stroke-width: 0px; %7D %3C/style%3E%3C/defs%3E%3Cpath class='b' d='m0,3.31l8.24,3.32,3.21-3.21-3.42-3.42L0,3.31Z'/%3E%3C/svg%3E");
}

.ic_button_nextpage, .ic_button_prevpage {
    z-index: 101;
}
@keyframes lessonTitle_slide {
    0% {
        opacity: 0;
        transform: translateY(-50%) translateX(-100%) translateX(-320px);
    }
    100% {
        opacity: 1;
        transform: translateY(-50%) translateX(0%);
    }
}
.lessonTitle {
    position: absolute;
    left: 320px;
    top: 50%;
    height: 70px;
    transform: translateY(-50%);
    margin: 0;
    width: fit-content;
    max-width: 400px;
    font-weight: 500;
    color: var(--lessonColor);
    font-family:'Aldo';
    animation-name: lessonTitle_slide;
    animation-duration: 0.9s;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
}
.lessonTitle::before, .lessonTitle::after {
    width: calc(100% + 10px);
    box-sizing: border-box;
    border-left: 1px var(--lessonColor) solid;
    height: 15px;
    content: '';
    position: absolute;
    left: -12px;
}
@keyframes lessonTitle_slide_after {
    0% {
        opacity: 0;
        clip-path: polygon(0 100%, 0 100%, 25% 100%, 26% 100%, 25% 100%, 25% 100%, 0 100%);
    }
    20% {
        clip-path: polygon(0 50%, 0 0, 25% 0, 25% 50%, 25% 50%, 25% 100%, 0 100%);
    }
    100% {
        opacity: 1;
        clip-path: polygon(0 50%, 0 0, 100% 0, 100% 50%, 25% 50%, 25% 100%, 0 100%);
    }
}
@keyframes lessonTitle_slide_before {
    0% {
        opacity: 0;
        clip-path: polygon(0 0%, 0 0%, 25% 0%, 26% 0%, 25% 0%, 25% 0%, 0 0%);
    }
    20% {
        clip-path: polygon(0 50%, 0 100%, 25% 0, 25% 50%, 25% 50%, 25% 0%, 0 0%);
    }
    100% {
        opacity: 1;
        clip-path: polygon(0 50%, 0 100%, 100% 100%, 100% 50%, 25% 50%, 25% 0%, 0 0%);
    }
}
.lessonTitle::before {
    top: -20px;
    border-bottom: 1px var(--lessonColor) solid;
    border-bottom-left-radius: 10px;
    animation-name: lessonTitle_slide_before;
    animation-duration: 0.6s;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
    animation-delay: 0.7s;
    opacity: 0;
    clip-path: polygon(0 0%, 0 0%, 25% 0%, 26% 0%, 25% 0%, 25% 0%, 0 0%);
}
.lessonTitle::after {
    bottom: -20px;
    border-top: 1px var(--lessonColor) solid;
    border-top-left-radius: 10px;
    animation-name: lessonTitle_slide_after;
    animation-duration: 0.6s;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
    animation-delay: 0.7s;
    opacity: 0;
    clip-path: polygon(0 100%, 0 100%, 25% 100%, 26% 100%, 25% 100%, 25% 100%, 0 100%);
}
.lessonTitle div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    width: 100%;
}
.lessonTitle div .innerTitleText {
    margin-left: 10px;
    white-space: nowrap;
    overflow: hidden;
    max-width: 390px;
    line-height: 1 !important;
    display: flex;
    --fontSize:61px;
    font-size: var(--fontSize);
    /* flex-wrap: wrap; */
}
@keyframes draw_lessonTitle {
    0% {
        opacity: 0;
        clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
    }
    100% {
        opacity: 1;
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    }
}
.lessonTitle div .innerTitleText span {
    position: relative;
    animation-name: draw_lessonTitle;
    animation-duration: 0.3s;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
    opacity: 0;
    display: inline;
    white-space: nowrap;
    clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
}

.lessonTitle div .innerTitleText p {
    margin-right: calc(var(--fontSize) * 0.2);
}
.lessonTitle div .innerTitleText p:last-of-type {
    margin-right: 0px;
}
.lessonTitle div::before, .lessonTitle div::after {
    content: '';
    width: 70%;
    height: 30px;
    position: absolute;
    left: 0px;
    box-sizing: border-box;
    border-left: 1px var(--lessonColor) solid;
}
.lessonTitle div::before {
    top: 0px;
    border-top: 1px var(--lessonColor) solid;
    border-top-left-radius: 10px;
    animation-name: lessonTitle_slide_after;
    animation-duration: 0.6s;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
    animation-delay: 0.7s;
    opacity: 0;
    clip-path: polygon(0 100%, 0 100%, 25% 100%, 26% 100%, 25% 100%, 25% 100%, 0 100%);
}
.lessonTitle div::after {
    bottom: 0px;
    border-bottom: 1px var(--lessonColor) solid;
    border-bottom-left-radius: 10px;
    animation-name: lessonTitle_slide_before;
    animation-duration: 0.6s;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
    animation-delay: 0.7s;
    opacity: 0;
    clip-path: polygon(0 0%, 0 0%, 25% 0%, 26% 0%, 25% 0%, 25% 0%, 0 0%);
}

.headerPhonetic{
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 100;
    height: 155px;
    width: 1000px;
}

.headerPhoneticTitle {
    left: 30px;
    top: 105px;
    line-height: normal;
    transform: translateY(-50%);
    height: auto;
    width: auto;
    margin: 0px;
    font-family: 'Ropa Sans';
    font-size: 40px;
    font-weight: 400;
    color: var(--themeViolet);
    position: absolute;
    padding: 0px 57px;
}
.headerPhoneticTitle::before, .headerPhoneticTitle::after{
    background-color:#5fa49c;
    height: 40px;
    width: 112px;
    aspect-ratio: 102.85 / 36.59;
    position: absolute;
    content: '';
    bottom: 0px;
    mask-image: var(--mask);
    mask-size: 100% 100%;
    mask-position: center center;
    mask-repeat: no-repeat;
    -webkit-mask-image: var(--mask);
    -webkit-mask-size: 100% 100%;
    -webkit-mask-position: center center;
    -webkit-mask-repeat: no-repeat;
}
.headerPhoneticTitle::before{
    left: 0px;
    --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='a' data-name='Warstwa 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 102.85 36.59'%3E%3Cdefs%3E%3Cstyle%3E .b %7B fill: %23fff; stroke-width: 0px; %7D %3C/style%3E%3C/defs%3E%3Cpath class='b' d='m45.07,34.24c-2.02,0-3.94-.01-5.79-.04l-2.7-.1.06.06c-18.09-.39-27.56-2.1-29.35-4.99-1.03-1.65-1.81-3.45-2.33-5.34l-.19-.71c-.06-.24-.1-.48-.15-.72l-.08-.36-.06-.36c-.04-.24-.08-.48-.11-.73-.05-.49-.12-.98-.14-1.47-.04-.5-.05-.97-.05-1.46.01-.97.1-1.93.29-2.89.18-.96.44-1.9.78-2.82.7-1.84,1.72-3.58,3.05-5.09,1.33-1.5,2.94-2.8,4.76-3.74.91-.47,1.86-.86,2.85-1.16.99-.28,2.01-.49,3.04-.59l.39-.04.39-.02c.26-.01.52-.03.77-.02h.39c.13,0,.26.02.38.02l.38.03.38.04c1.02.12,2.03.35,2.99.71,1.93.71,3.69,1.88,5.07,3.4l.26.29.24.3c.17.19.31.41.46.61.15.2.29.42.43.63.13.22.27.44.39.66.48.9.87,1.84,1.13,2.82.07.24.12.49.18.73.05.25.09.49.13.74.03.25.06.49.08.75l.03.38c.01.12.02.25.02.37,0,.25.01.5,0,.75v.37c-.02.12-.04.24-.04.36-.02.24-.06.48-.09.72l-.07.36-.04.18-.04.18c-.45,1.86-1.43,3.54-2.76,4.82-1.33,1.28-2.97,2.16-4.7,2.57-.21.06-.43.09-.65.13l-.33.04-.16.02h-.16c-.44.06-.88.06-1.32.05-.83-.03-1.64-.2-2.4-.5-.76-.29-1.47-.72-2.09-1.26s-1.17-1.16-1.57-1.88c-.41-.71-.69-1.49-.84-2.3-.03-.2-.07-.41-.08-.62-.01-.1-.02-.21-.02-.31,0-.11-.01-.21,0-.3v-.29s0-.1,0-.14l.02-.14c.03-.19.04-.38.09-.57.16-.75.48-1.47.95-2.1.05-.08.13-.15.19-.23.06-.07.12-.15.19-.22l.21-.2c.07-.07.14-.14.22-.2.16-.12.3-.26.47-.36l.25-.17c.08-.05.17-.09.26-.14.7-.38,1.48-.6,2.3-.66.38-.02.76-.02,1.13.07l.14.03s.09.03.13.04l.28.08c.09.04.18.07.27.11.04.02.09.03.13.05l.13.07c.7.34,1.29.9,1.72,1.58l.15.26c.06.08.09.18.13.27.1.18.15.38.22.57.03.1.05.2.07.3l.04.15c.01.05.01.1.02.15l.04.31c0,.1,0,.19.01.29,0,.78-.25,1.58-.78,2.23-.26.32-.58.61-.94.84-.36.22-.77.4-1.2.49-.45.09-.87.12-1.3.05-.43-.07-.86-.24-1.23-.51-.76-.52-1.33-1.4-1.46-2.42h-.51c-.06.58,0,1.19.2,1.76.2.57.53,1.12.97,1.57.11.12.23.21.35.32.12.1.26.19.38.29.14.08.28.17.42.24.15.06.29.14.45.19.31.11.63.2.95.24.34.05.65.05.97.04.65-.02,1.3-.18,1.91-.43.61-.26,1.18-.63,1.68-1.08,1.01-.9,1.66-2.21,1.85-3.6.02-.17.04-.35.05-.52v-.5c0-.08,0-.17,0-.25l-.03-.25c-.02-.17-.03-.34-.06-.51-.07-.33-.13-.67-.24-.99-.05-.16-.1-.33-.17-.48l-.2-.47c-.59-1.24-1.53-2.33-2.71-3.08-.29-.2-.61-.35-.92-.52l-.49-.2c-.09-.03-.17-.07-.25-.1l-.25-.07c-.68-.22-1.39-.31-2.09-.34-1.36-.04-2.74.25-3.99.82-1.26.56-2.4,1.41-3.29,2.48-.89,1.06-1.57,2.33-1.92,3.69-.1.34-.15.69-.21,1.03l-.04.26c-.01.09-.01.17-.02.26l-.03.53c-.02.18-.01.35-.01.51,0,.17,0,.34.02.5.02.34.05.67.1,1,.19,1.34.64,2.64,1.28,3.82,1.29,2.38,3.46,4.27,6.02,5.19,1.27.46,2.63.69,3.98.68,1.29-.02,2.58-.22,3.81-.62.31-.09.61-.21.91-.32.15-.06.3-.13.44-.19.15-.06.29-.13.44-.2.58-.28,1.13-.61,1.66-.96,1.05-.72,1.99-1.59,2.78-2.56,1.59-1.95,2.58-4.33,2.85-6.76l.03-.23.02-.23c.01-.15.02-.3.03-.46,0-.3.02-.61,0-.91,0-.15,0-.3-.02-.45l-.03-.44c-.02-.29-.06-.59-.1-.88-.17-1.17-.45-2.31-.86-3.4-.81-2.19-2.09-4.17-3.72-5.79-1.62-1.63-3.58-2.9-5.72-3.72-.27-.1-.54-.19-.81-.28-.28-.08-.55-.16-.83-.23-.55-.14-1.12-.26-1.68-.34C21.09,0,19.94-.03,18.81.03c-4.55.21-9.06,2.05-12.5,5.24-1.73,1.58-3.18,3.49-4.25,5.63-.53,1.07-.97,2.19-1.3,3.34-.32,1.16-.56,2.35-.67,3.55-.05.6-.09,1.21-.08,1.8-.02.59.02,1.19.05,1.78.09,1.19.24,2.37.51,3.54.52,2.33,1.77,5.55,2.57,6.69.67.97,2.03,2.58,4.22,3.08,1.56.36,3.76.66,4.35.66l26.04-.09.02.02s29.88,1.3,30.99,1.3,34.1,0,34.1,0l-58.19-2.18c.33-.07.48-.13.41-.16Z'/%3E%3C/svg%3E");
}
.headerPhoneticTitle::after{
    right: 0px;
    --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='a' data-name='Warstwa 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 102.85 36.59'%3E%3Cdefs%3E%3Cstyle%3E .b %7B fill: %23fff; stroke-width: 0px; %7D %3C/style%3E%3C/defs%3E%3Cpath class='b' d='m102.77,17.79c-.1-1.2-.34-2.4-.67-3.55-.33-1.16-.77-2.27-1.3-3.34-1.06-2.14-2.52-4.05-4.25-5.63C93.11,2.08,88.59.24,84.05.03c-1.13-.06-2.28-.03-3.42.14-.57.07-1.13.2-1.68.34-.28.07-.55.15-.83.23-.27.09-.54.18-.81.28-2.14.82-4.1,2.08-5.72,3.72-1.63,1.62-2.9,3.6-3.72,5.79-.42,1.09-.7,2.24-.86,3.4-.04.29-.08.59-.1.88l-.03.44c-.01.15-.01.3-.02.45-.02.3,0,.6,0,.91,0,.15.02.3.03.46l.02.23.03.23c.27,2.43,1.26,4.81,2.85,6.76.79.98,1.73,1.84,2.78,2.56.53.35,1.08.69,1.66.96.14.07.29.14.44.2.15.06.29.13.44.19.3.11.6.23.91.32,1.23.39,2.52.6,3.81.62,1.34.02,2.7-.21,3.98-.68,2.56-.93,4.73-2.82,6.02-5.19.65-1.19,1.1-2.49,1.28-3.82.04-.33.08-.67.1-1,.01-.17.02-.34.02-.5,0-.17,0-.34-.01-.51l-.03-.53c0-.09-.01-.18-.02-.26l-.04-.26c-.06-.35-.11-.7-.21-1.03-.36-1.36-1.03-2.63-1.92-3.69-.89-1.07-2.03-1.91-3.29-2.48-1.26-.57-2.64-.86-3.99-.82-.7.03-1.42.12-2.09.34l-.25.07c-.09.03-.17.06-.25.1l-.49.2c-.31.16-.63.31-.92.52-1.18.76-2.12,1.85-2.71,3.08l-.2.47c-.07.15-.11.32-.16.48-.11.32-.17.66-.24.99-.03.17-.04.34-.06.51l-.03.25c0,.09,0,.17,0,.25v.5c.01.17.03.35.05.52.19,1.39.85,2.69,1.85,3.6.5.45,1.07.82,1.68,1.08.61.25,1.26.41,1.91.43.32,0,.64.01.97-.04.33-.04.65-.13.95-.24.15-.05.3-.13.45-.19.14-.07.28-.16.42-.24.13-.1.26-.19.38-.29.12-.11.24-.2.35-.32.44-.45.77-.99.97-1.57.2-.57.27-1.18.2-1.76h-.51c-.13,1.02-.7,1.9-1.46,2.42-.38.26-.8.43-1.23.51-.43.08-.86.04-1.3-.05-.43-.09-.84-.27-1.2-.49-.36-.23-.68-.51-.94-.84-.52-.65-.78-1.45-.78-2.23,0-.1,0-.19.01-.29l.04-.31c0-.05.01-.1.02-.15l.04-.15c.02-.1.04-.2.07-.3.07-.19.12-.39.22-.57.05-.09.07-.19.13-.27l.15-.26c.43-.68,1.03-1.24,1.72-1.58l.13-.07s.09-.04.13-.05c.09-.03.18-.07.27-.11l.28-.08s.09-.03.13-.04l.14-.03c.37-.09.75-.09,1.13-.07.82.06,1.6.28,2.3.66.09.05.18.09.26.14l.25.17c.17.1.31.24.47.36.08.06.15.13.22.2l.21.2c.07.07.13.15.19.22.06.08.13.15.19.23.47.63.79,1.35.95,2.1.05.19.06.38.09.57l.02.14s0,.1,0,.14v.29c.01.09,0,.2,0,.3,0,.1-.01.21-.02.31-.02.21-.05.41-.08.62-.15.81-.43,1.59-.84,2.3-.4.71-.95,1.35-1.57,1.88s-1.33.96-2.09,1.26c-.76.29-1.57.47-2.4.5-.44,0-.88,0-1.32-.04h-.16s-.16-.04-.16-.04l-.33-.04c-.22-.04-.44-.07-.65-.13-1.72-.4-3.37-1.29-4.7-2.57-1.33-1.27-2.31-2.96-2.76-4.82l-.04-.18-.04-.18-.07-.36c-.03-.24-.07-.47-.09-.72,0-.12-.03-.24-.03-.36v-.37c-.03-.25-.02-.5-.02-.75,0-.13,0-.25.02-.37l.03-.38c.02-.25.05-.5.08-.75.04-.25.09-.5.13-.74.06-.24.1-.49.18-.73.26-.97.65-1.92,1.13-2.82.12-.22.26-.44.39-.66.14-.21.28-.43.43-.63.15-.2.3-.42.46-.61l.24-.3.26-.29c1.38-1.52,3.14-2.69,5.07-3.4.96-.36,1.97-.6,2.99-.71l.38-.04.38-.03c.13,0,.26-.02.38-.02h.39c.26,0,.52.01.77.02l.39.02.39.04c1.03.09,2.05.3,3.04.59.98.3,1.94.68,2.85,1.16,1.82.94,3.43,2.24,4.76,3.74,1.33,1.51,2.35,3.25,3.05,5.09.35.92.61,1.87.78,2.82.18.95.28,1.92.29,2.89,0,.48,0,.96-.05,1.46-.02.49-.09.98-.14,1.47-.03.24-.08.48-.11.73l-.06.36-.08.36c-.05.24-.1.48-.15.72l-.19.71c-.52,1.88-1.3,3.69-2.33,5.34-1.79,2.89-11.25,4.6-29.35,4.99l.06-.06-2.7.1c-1.85.03-3.78.04-5.79.04-.08.04.08.09.41.16L0,36.58s32.98,0,34.1,0,30.99-1.3,30.99-1.3l.02-.02,26.04.09c.59,0,2.78-.3,4.35-.66,2.19-.51,3.55-2.11,4.22-3.08.8-1.15,2.05-4.36,2.57-6.69.27-1.17.42-2.35.51-3.54.03-.6.07-1.19.05-1.78,0-.59-.03-1.2-.08-1.8Z'/%3E%3C/svg%3E");
} 
.deco.decoPhonetic {
    width: 35px;
    height: 50px;
    top: 20px;
    background: #5a666d;
}
.deco.decoPhonetic > div {
    width: 35px;
    height: 50px;
    background: #5a666d;
    display: none;
}
.deco.decoPhonetic::before, .deco.decoPhonetic::after {
    width: 35px;
    height: 49px;
    background: linear-gradient(180deg, var(--themeGray) 0%, var(--themeGray) 24px, var(--themeGrayAlt2) 24px, var(--themeGrayAlt2) 100%);
}
.chapter.chapterPhonetic {
    top: 20px;
    left: 27.5px;
    height: 50px;
    width: 130px;
    mask-size: 7px 7px, 7px 7px, 7px calc(100% - 14px), 7px 7px, 7px 7px, 7px calc(100% - 14px), calc(100% - 14px) 100%;
    -webkit-mask-size: 7px 7px, 7px 7px, 7px calc(100% - 14px), 7px 7px, 7px 7px, 7px calc(100% - 14px), calc(100% - 14px) 100%;
}
.chapter.chapterPhonetic .decoChapter {
    position: absolute;
    z-index: 3;
    width: calc(100% - 6px);
    height: calc(100% - 6px);
    left: 50%;
    top: 50%;
    background: #fff;
    transform: translate(-50%, -50%);
    mask-image: var(--corner1), var(--corner2), var(--blankSpace), var(--corner3), var(--corner4), var(--blankSpace), var(--blankSpace);
    mask-position: top left, bottom left, center left, top right, bottom right, center right, center center;
    mask-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
    -webkit-mask-image: var(--corner1), var(--corner2), var(--blankSpace), var(--corner3), var(--corner4), var(--blankSpace), var(--blankSpace);
    -webkit-mask-position: top left, bottom left, center left, top right, bottom right, center right, center center;
    -webkit-mask-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
    mask-size: 7.25px 7.25px, 7.25px 7.25px, 7.25px calc(100% - 14px), 7.25px 7.25px, 7.25px 7.25px, 7.2px calc(100% - 14px), calc(100% - 14px) 100%;
    -webkit-mask-size: 7.25px 7.25px, 7.25px 7.25px, 7.25px calc(100% - 14px), 7.25px 7.25px, 7.25px 7.25px, 7.2px calc(100% - 14px), calc(100% - 14px) 100%;
}
.chapter.chapterPhonetic::before {
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    mask-size: 7.25px 7.25px, 7.25px 7.25px, 7.25px calc(100% - 14px), 7.25px 7.25px, 7.25px 7.25px, 7px calc(100% - 14px), calc(100% - 14px) 100%;
    -webkit-mask-size: 7.25px 7.25px, 7.25px 7.25px, 7.25px calc(100% - 14px), 7.25px 7.25px, 7.25px 7.25px, 7px calc(100% - 14px), calc(100% - 14px) 100%;
}
.chapter.chapterPhonetic::after {
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    mask-size: 7.25px 7.25px, 7.25px 7.25px, 7.25px calc(100% - 14px), 7.25px 7.25px, 7.25px 7.25px, 7.2px calc(100% - 14px), calc(100% - 14px) 100%;
    -webkit-mask-size: 7.25px 7.25px, 7.25px 7.25px, 7.25px calc(100% - 14px), 7.25px 7.25px, 7.25px 7.25px, 7.2px calc(100% - 14px), calc(100% - 14px) 100%;
}
.chapter.chapterPhonetic span {
    width: calc(100% - 3px);
    height: 47px;
    font-size: 39.5px;
    line-height: 48px;
    color: var(--lessonColor);
    z-index: 4;
}
.chapter.chapterPhonetic:not(.variation1) span::before, .chapter.chapterPhonetic:not(.variation1) span::after {
    width: 7.5px;
    height: 4.5px;
    background: var(--lessonColor);
}
.text_alphabetTitle {
    line-height: normal;
    height: auto;
    width: auto;
    margin: 0px;
    font-family: 'Ropa Sans';
    font-size: 40px;
    font-weight: 400;
    color: var(--themeViolet);
    position: absolute;
    padding: 0px 57px;
}
.text_alphabetTitle::before, .text_alphabetTitle::after{
    background-color:#5fa49c;
    height: 30px;
    width: auto;
    aspect-ratio: 102.85 / 36.59;
    position: absolute;
    content: '';
    bottom: 0px;
    mask-image: var(--mask);
    mask-size: 100% 100%;
    mask-position: center center;
    mask-repeat: no-repeat;
    -webkit-mask-image: var(--mask);
    -webkit-mask-size: 100% 100%;
    -webkit-mask-position: center center;
    -webkit-mask-repeat: no-repeat;
}
.text_alphabetTitle::before{
    left: 0px;
    --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='a' data-name='Warstwa 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 102.85 36.59'%3E%3Cdefs%3E%3Cstyle%3E .b %7B fill: %23fff; stroke-width: 0px; %7D %3C/style%3E%3C/defs%3E%3Cpath class='b' d='m45.07,34.24c-2.02,0-3.94-.01-5.79-.04l-2.7-.1.06.06c-18.09-.39-27.56-2.1-29.35-4.99-1.03-1.65-1.81-3.45-2.33-5.34l-.19-.71c-.06-.24-.1-.48-.15-.72l-.08-.36-.06-.36c-.04-.24-.08-.48-.11-.73-.05-.49-.12-.98-.14-1.47-.04-.5-.05-.97-.05-1.46.01-.97.1-1.93.29-2.89.18-.96.44-1.9.78-2.82.7-1.84,1.72-3.58,3.05-5.09,1.33-1.5,2.94-2.8,4.76-3.74.91-.47,1.86-.86,2.85-1.16.99-.28,2.01-.49,3.04-.59l.39-.04.39-.02c.26-.01.52-.03.77-.02h.39c.13,0,.26.02.38.02l.38.03.38.04c1.02.12,2.03.35,2.99.71,1.93.71,3.69,1.88,5.07,3.4l.26.29.24.3c.17.19.31.41.46.61.15.2.29.42.43.63.13.22.27.44.39.66.48.9.87,1.84,1.13,2.82.07.24.12.49.18.73.05.25.09.49.13.74.03.25.06.49.08.75l.03.38c.01.12.02.25.02.37,0,.25.01.5,0,.75v.37c-.02.12-.04.24-.04.36-.02.24-.06.48-.09.72l-.07.36-.04.18-.04.18c-.45,1.86-1.43,3.54-2.76,4.82-1.33,1.28-2.97,2.16-4.7,2.57-.21.06-.43.09-.65.13l-.33.04-.16.02h-.16c-.44.06-.88.06-1.32.05-.83-.03-1.64-.2-2.4-.5-.76-.29-1.47-.72-2.09-1.26s-1.17-1.16-1.57-1.88c-.41-.71-.69-1.49-.84-2.3-.03-.2-.07-.41-.08-.62-.01-.1-.02-.21-.02-.31,0-.11-.01-.21,0-.3v-.29s0-.1,0-.14l.02-.14c.03-.19.04-.38.09-.57.16-.75.48-1.47.95-2.1.05-.08.13-.15.19-.23.06-.07.12-.15.19-.22l.21-.2c.07-.07.14-.14.22-.2.16-.12.3-.26.47-.36l.25-.17c.08-.05.17-.09.26-.14.7-.38,1.48-.6,2.3-.66.38-.02.76-.02,1.13.07l.14.03s.09.03.13.04l.28.08c.09.04.18.07.27.11.04.02.09.03.13.05l.13.07c.7.34,1.29.9,1.72,1.58l.15.26c.06.08.09.18.13.27.1.18.15.38.22.57.03.1.05.2.07.3l.04.15c.01.05.01.1.02.15l.04.31c0,.1,0,.19.01.29,0,.78-.25,1.58-.78,2.23-.26.32-.58.61-.94.84-.36.22-.77.4-1.2.49-.45.09-.87.12-1.3.05-.43-.07-.86-.24-1.23-.51-.76-.52-1.33-1.4-1.46-2.42h-.51c-.06.58,0,1.19.2,1.76.2.57.53,1.12.97,1.57.11.12.23.21.35.32.12.1.26.19.38.29.14.08.28.17.42.24.15.06.29.14.45.19.31.11.63.2.95.24.34.05.65.05.97.04.65-.02,1.3-.18,1.91-.43.61-.26,1.18-.63,1.68-1.08,1.01-.9,1.66-2.21,1.85-3.6.02-.17.04-.35.05-.52v-.5c0-.08,0-.17,0-.25l-.03-.25c-.02-.17-.03-.34-.06-.51-.07-.33-.13-.67-.24-.99-.05-.16-.1-.33-.17-.48l-.2-.47c-.59-1.24-1.53-2.33-2.71-3.08-.29-.2-.61-.35-.92-.52l-.49-.2c-.09-.03-.17-.07-.25-.1l-.25-.07c-.68-.22-1.39-.31-2.09-.34-1.36-.04-2.74.25-3.99.82-1.26.56-2.4,1.41-3.29,2.48-.89,1.06-1.57,2.33-1.92,3.69-.1.34-.15.69-.21,1.03l-.04.26c-.01.09-.01.17-.02.26l-.03.53c-.02.18-.01.35-.01.51,0,.17,0,.34.02.5.02.34.05.67.1,1,.19,1.34.64,2.64,1.28,3.82,1.29,2.38,3.46,4.27,6.02,5.19,1.27.46,2.63.69,3.98.68,1.29-.02,2.58-.22,3.81-.62.31-.09.61-.21.91-.32.15-.06.3-.13.44-.19.15-.06.29-.13.44-.2.58-.28,1.13-.61,1.66-.96,1.05-.72,1.99-1.59,2.78-2.56,1.59-1.95,2.58-4.33,2.85-6.76l.03-.23.02-.23c.01-.15.02-.3.03-.46,0-.3.02-.61,0-.91,0-.15,0-.3-.02-.45l-.03-.44c-.02-.29-.06-.59-.1-.88-.17-1.17-.45-2.31-.86-3.4-.81-2.19-2.09-4.17-3.72-5.79-1.62-1.63-3.58-2.9-5.72-3.72-.27-.1-.54-.19-.81-.28-.28-.08-.55-.16-.83-.23-.55-.14-1.12-.26-1.68-.34C21.09,0,19.94-.03,18.81.03c-4.55.21-9.06,2.05-12.5,5.24-1.73,1.58-3.18,3.49-4.25,5.63-.53,1.07-.97,2.19-1.3,3.34-.32,1.16-.56,2.35-.67,3.55-.05.6-.09,1.21-.08,1.8-.02.59.02,1.19.05,1.78.09,1.19.24,2.37.51,3.54.52,2.33,1.77,5.55,2.57,6.69.67.97,2.03,2.58,4.22,3.08,1.56.36,3.76.66,4.35.66l26.04-.09.02.02s29.88,1.3,30.99,1.3,34.1,0,34.1,0l-58.19-2.18c.33-.07.48-.13.41-.16Z'/%3E%3C/svg%3E");
}
.text_alphabetTitle::after{
    right: 0px;
    --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='a' data-name='Warstwa 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 102.85 36.59'%3E%3Cdefs%3E%3Cstyle%3E .b %7B fill: %23fff; stroke-width: 0px; %7D %3C/style%3E%3C/defs%3E%3Cpath class='b' d='m102.77,17.79c-.1-1.2-.34-2.4-.67-3.55-.33-1.16-.77-2.27-1.3-3.34-1.06-2.14-2.52-4.05-4.25-5.63C93.11,2.08,88.59.24,84.05.03c-1.13-.06-2.28-.03-3.42.14-.57.07-1.13.2-1.68.34-.28.07-.55.15-.83.23-.27.09-.54.18-.81.28-2.14.82-4.1,2.08-5.72,3.72-1.63,1.62-2.9,3.6-3.72,5.79-.42,1.09-.7,2.24-.86,3.4-.04.29-.08.59-.1.88l-.03.44c-.01.15-.01.3-.02.45-.02.3,0,.6,0,.91,0,.15.02.3.03.46l.02.23.03.23c.27,2.43,1.26,4.81,2.85,6.76.79.98,1.73,1.84,2.78,2.56.53.35,1.08.69,1.66.96.14.07.29.14.44.2.15.06.29.13.44.19.3.11.6.23.91.32,1.23.39,2.52.6,3.81.62,1.34.02,2.7-.21,3.98-.68,2.56-.93,4.73-2.82,6.02-5.19.65-1.19,1.1-2.49,1.28-3.82.04-.33.08-.67.1-1,.01-.17.02-.34.02-.5,0-.17,0-.34-.01-.51l-.03-.53c0-.09-.01-.18-.02-.26l-.04-.26c-.06-.35-.11-.7-.21-1.03-.36-1.36-1.03-2.63-1.92-3.69-.89-1.07-2.03-1.91-3.29-2.48-1.26-.57-2.64-.86-3.99-.82-.7.03-1.42.12-2.09.34l-.25.07c-.09.03-.17.06-.25.1l-.49.2c-.31.16-.63.31-.92.52-1.18.76-2.12,1.85-2.71,3.08l-.2.47c-.07.15-.11.32-.16.48-.11.32-.17.66-.24.99-.03.17-.04.34-.06.51l-.03.25c0,.09,0,.17,0,.25v.5c.01.17.03.35.05.52.19,1.39.85,2.69,1.85,3.6.5.45,1.07.82,1.68,1.08.61.25,1.26.41,1.91.43.32,0,.64.01.97-.04.33-.04.65-.13.95-.24.15-.05.3-.13.45-.19.14-.07.28-.16.42-.24.13-.1.26-.19.38-.29.12-.11.24-.2.35-.32.44-.45.77-.99.97-1.57.2-.57.27-1.18.2-1.76h-.51c-.13,1.02-.7,1.9-1.46,2.42-.38.26-.8.43-1.23.51-.43.08-.86.04-1.3-.05-.43-.09-.84-.27-1.2-.49-.36-.23-.68-.51-.94-.84-.52-.65-.78-1.45-.78-2.23,0-.1,0-.19.01-.29l.04-.31c0-.05.01-.1.02-.15l.04-.15c.02-.1.04-.2.07-.3.07-.19.12-.39.22-.57.05-.09.07-.19.13-.27l.15-.26c.43-.68,1.03-1.24,1.72-1.58l.13-.07s.09-.04.13-.05c.09-.03.18-.07.27-.11l.28-.08s.09-.03.13-.04l.14-.03c.37-.09.75-.09,1.13-.07.82.06,1.6.28,2.3.66.09.05.18.09.26.14l.25.17c.17.1.31.24.47.36.08.06.15.13.22.2l.21.2c.07.07.13.15.19.22.06.08.13.15.19.23.47.63.79,1.35.95,2.1.05.19.06.38.09.57l.02.14s0,.1,0,.14v.29c.01.09,0,.2,0,.3,0,.1-.01.21-.02.31-.02.21-.05.41-.08.62-.15.81-.43,1.59-.84,2.3-.4.71-.95,1.35-1.57,1.88s-1.33.96-2.09,1.26c-.76.29-1.57.47-2.4.5-.44,0-.88,0-1.32-.04h-.16s-.16-.04-.16-.04l-.33-.04c-.22-.04-.44-.07-.65-.13-1.72-.4-3.37-1.29-4.7-2.57-1.33-1.27-2.31-2.96-2.76-4.82l-.04-.18-.04-.18-.07-.36c-.03-.24-.07-.47-.09-.72,0-.12-.03-.24-.03-.36v-.37c-.03-.25-.02-.5-.02-.75,0-.13,0-.25.02-.37l.03-.38c.02-.25.05-.5.08-.75.04-.25.09-.5.13-.74.06-.24.1-.49.18-.73.26-.97.65-1.92,1.13-2.82.12-.22.26-.44.39-.66.14-.21.28-.43.43-.63.15-.2.3-.42.46-.61l.24-.3.26-.29c1.38-1.52,3.14-2.69,5.07-3.4.96-.36,1.97-.6,2.99-.71l.38-.04.38-.03c.13,0,.26-.02.38-.02h.39c.26,0,.52.01.77.02l.39.02.39.04c1.03.09,2.05.3,3.04.59.98.3,1.94.68,2.85,1.16,1.82.94,3.43,2.24,4.76,3.74,1.33,1.51,2.35,3.25,3.05,5.09.35.92.61,1.87.78,2.82.18.95.28,1.92.29,2.89,0,.48,0,.96-.05,1.46-.02.49-.09.98-.14,1.47-.03.24-.08.48-.11.73l-.06.36-.08.36c-.05.24-.1.48-.15.72l-.19.71c-.52,1.88-1.3,3.69-2.33,5.34-1.79,2.89-11.25,4.6-29.35,4.99l.06-.06-2.7.1c-1.85.03-3.78.04-5.79.04-.08.04.08.09.41.16L0,36.58s32.98,0,34.1,0,30.99-1.3,30.99-1.3l.02-.02,26.04.09c.59,0,2.78-.3,4.35-.66,2.19-.51,3.55-2.11,4.22-3.08.8-1.15,2.05-4.36,2.57-6.69.27-1.17.42-2.35.51-3.54.03-.6.07-1.19.05-1.78,0-.59-.03-1.2-.08-1.8Z'/%3E%3C/svg%3E");
} 

.ic_button_nextpage {
    right: 15px;
    left: unset !important;
    transform: translateY(-50%) scale(-1, 1);
}

.ic_button_nextpage:not(.ic_button_nextpage-up-disabled):hover {
    transform: translateY(-50%) translateX(5px) scaleX(-100%);
}

.ic_button_nextpage-up-disabled:hover, .ic_button_prevpage-up-disabled:hover {
    cursor: default;
}

.ic_button_nextpage-up-disabled, .ic_button_prevpage-up-disabled {
    opacity: 0;
}

.ic_button_prevpage {
    left: 15px !important;
    transform: translateY(-50%);
}

.ic_button_prevpage:not(.ic_button_prevpage-up-disabled):hover {
    transform: translateY(-50%) translateX(-5px);
}

:is(.ic_button_nextpage, .ic_button_prevpage) :is(input) {
    display: none;
}

:is(.ic_button_nextpage, .ic_button_prevpage) {
    background: transparent;
    mask-image: var(--mask);
    mask-size: 100% 100%;
    mask-position: center center;
    mask-repeat: no-repeat;
    -webkit-mask-image: var(--mask);
    -webkit-mask-size: 100% 100%;
    -webkit-mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    width: 45px !important;
    height: 27px !important;
    top: 50% !important;
    transition: all 0.2s ease-in-out;
    outline: none !important;
}

:is(.ic_button_nextpage, .ic_button_prevpage)::before, :is(.ic_button_nextpage, .ic_button_prevpage)::after, :is(.ic_button_nextpage, .ic_button_prevpage) .html-face, :is(.ic_button_nextpage, .ic_button_prevpage) .html-face::before {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 45px !important;
    height: 27px !important;
    mask-image: var(--mask);
    mask-size: 100% 100%;
    mask-position: center center;
    mask-repeat: no-repeat;
    -webkit-mask-image: var(--mask);
    -webkit-mask-size: 100% 100%;
    -webkit-mask-position: center center;
    -webkit-mask-repeat: no-repeat;
}

:is(.ic_button_nextpage, .ic_button_prevpage) .html-face::after {
    position: absolute;
    content: '';
    left: 29px;
    top: 18px;
    width: 4px;
    height: 4px;
    background: rgb(255, 255, 255);
    border-radius: 50%;
    filter: blur(2px);
}

:is(.ic_button_nextpage, .ic_button_prevpage) .html-face {
    z-index: 2;
}

:is(.ic_button_nextpage, .ic_button_prevpage)::before, :is(.ic_button_nextpage, .ic_button_prevpage)::after, :is(.ic_button_nextpage, .ic_button_prevpage) .html-face::before {
    content: '';
    z-index: 1;
}

:is(.ic_button_nextpage, .ic_button_prevpage) .html-face {
    filter: drop-shadow(1.5px 1.5px 2px rgba(255, 255, 255, 0.6));
    --mask:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='a' data-name='Warstwa 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15.52 8.98'%3E%3Cdefs%3E%3Cstyle%3E .b %7B fill: rgba(255, 255, 255, 1); stroke: %23fff; stroke-miterlimit: 10; stroke-width: 2px; %7D %3C/style%3E%3C/defs%3E%3Cpath vector-effect='non-scaling-stroke' class='b' d='m2.65,4.49l8.24,3.32,3.21-3.21-3.42-3.42L2.65,4.49Z'/%3E%3C/svg%3E");
}

:is(.ic_button_nextpage, .ic_button_prevpage) .html-face::before {
    background: var(--themeVioletAlt3);   
    --mask:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='a' data-name='Warstwa 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15.52 8.98'%3E%3Cdefs%3E%3Cstyle%3E .b %7B fill: rgba(255, 255, 255, 0); stroke: %23fff; stroke-miterlimit: 10; stroke-width: 2px; %7D %3C/style%3E%3C/defs%3E%3Cpath vector-effect='non-scaling-stroke' class='b' d='m2.65,4.49l8.24,3.32,3.21-3.21-3.42-3.42L2.65,4.49Z'/%3E%3C/svg%3E");
}

:is(.ic_button_nextpage, .ic_button_prevpage)::before {
    background: var(--themeViolet);
    --mask:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='a' data-name='Warstwa 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15.52 8.98'%3E%3Cdefs%3E%3Cstyle%3E .b %7B fill: rgba(255, 255, 255, 1); stroke: %23fff; stroke-miterlimit: 10; stroke-width: 2px; %7D %3C/style%3E%3C/defs%3E%3Cpath vector-effect='non-scaling-stroke' class='b' d='m2.65,4.49l8.24,3.32,3.21-3.21-3.42-3.42L2.65,4.49Z'/%3E%3C/svg%3E");
}

#scoring_btns {
    display: flex;
    width: 140px !important;
    height: 40px !important;
    top: calc(100% + 15px) !important;
    left: unset !important;
    right: 75px;
    justify-content: space-between;
}

#scoring_btns > * {
    position: relative !important;
    width: 40px !important;
    height: 40px !important;
    left: unset !important;
    top: unset !important;
}

:is(.ic_button_reset, .ic_button_check, .ic_button_uncheck) input {
    display: none;
}

.addon_Show_Answers *, :is(.ic_button_reset, .ic_button_check, .ic_button_uncheck) .html-face {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: transparent;
}

:is(.ic_button_reset, .ic_button_check, .ic_button_uncheck) .html-face::after, .addon_Show_Answers .show-answers-wrapper .show-answers-container::after {
    content: 'lorem';
    position: absolute;
    line-height: 18px;
    background: rgba(0, 0, 0, 0.65);
    color: #fff;
    font-family: 'Open Sans';
    font-size: 12px;
    padding: 3px 5px;
    padding-bottom: 13px;
    clip-path: polygon(0% 3px, 3px 3px, 3px 0, calc(100% - 3px) 0px, calc(100% - 3px) 3px, 100% 3px, 100% calc(100% - 13px), calc(100% - 3px) calc(100% - 13px), calc(100% - 3px) calc(100% - 10px), calc(50% + 6px) calc(100% - 10px), 50% 100%, calc(50% - 6px) calc(100% - 10px), 3px calc(100% - 10px), 3px calc(100% - 13px), 0% calc(100% - 13px));
    width: auto;
    height: auto;
    position: absolute;
    top: 0px;
    white-space: nowrap;
    left: 50%;
    transform: translate(-50%, calc(-50% - 5px));
    opacity: 0;
    transition: all 0.3s ease-in-out;
}

:is(.ic_button_reset, .ic_button_check, .ic_button_uncheck):hover .html-face::after, .addon_Show_Answers:hover .show-answers-wrapper .show-answers-container::after {
    transform: translate(-50%, calc(-100% - 5px));
    opacity: 1;
}

.ic_button_check .html-face::after {
    content: 'Sprawdź';
}

.ic_button_uncheck .html-face::after {
    content: 'Odznacz';
}

.ic_button_reset .html-face::after {
    content: 'Zresetuj';
}

.addon_Show_Answers .show-answers-wrapper .show-answers-container::after {
    content: 'Klucz odpowiedzi';
}

.addon_Show_Answers .show-answers-wrapper .show-answers-container {
    z-index: 2;
}

.addon_Show_Answers .show-answers-wrapper .show-answers-container * {
    opacity: 0;
    z-index: 2;
}

:is(.ic_button_reset, .ic_button_check, .ic_button_uncheck), .addon_Show_Answers .show-answers-wrapper {
    width: 40px !important;
    height: 40px !important;
    border-radius: 50%;
    box-sizing: border-box;
    border: 2px #000 solid;
    transition: all 0.3s ease-in-out;
}

:is(.ic_button_reset, .ic_button_check, .ic_button_uncheck):hover {
    transform: scale(1.1);
}

.addon_Show_Answers .show-answers-wrapper:hover {
    transform: translate(-50%, -50%) scale(1.1);
}

.ic_button_check, .ic_button_uncheck {
    background: var(--lessonColorAlt);
    border-color: var(--lessonColor);
}

.addon_Show_Answers .show-answers-wrapper {
    background: var(--correctColorAlt);
    border-color: var(--correctColor);
}

:is(.ic_button_check, .ic_button_uncheck)::after, :is(.ic_button_check, .ic_button_uncheck)::before, .addon_Show_Answers .show-answers-wrapper::after, .addon_Show_Answers .show-answers-wrapper::before, .ic_button_reset::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    mask-image: var(--mask);
    mask-size: 100% 100%;
    mask-position: center center;
    mask-repeat: no-repeat;
    -webkit-mask-image: var(--mask);
    -webkit-mask-size: 100% 100%;
    -webkit-mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    z-index: 1;
    opacity: 1;
}

:is(.ic_button_check, .ic_button_uncheck)::after {
    width: 18px;
    height: 24.15px;
    background: var(--lessonColor);
    --mask:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='a' data-name='Warstwa 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13.75 18.45'%3E%3Cdefs%3E%3Cstyle%3E .b %7B fill: none; stroke: %23fff; stroke-linecap: round; stroke-linejoin: round; stroke-width: 3px; %7D %3C/style%3E%3C/defs%3E%3Cpath vector-effect='non-scaling-stroke' class='b' d='m1,9.13c4.06,2.62,6.06,8.31,6.06,8.31,0,0-.95-2.7,0,0,0,0-.98-11.14,5.69-16.45'/%3E%3C/svg%3E");
}

:is(.ic_button_check, .ic_button_uncheck)::before, .addon_Show_Answers .show-answers-wrapper::before {
    background: var(--lessonColor);
    width: 15px;
    height: 21.65px;
    --mask:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='a' data-name='Tryb izolacji' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 35.03 50.56'%3E%3Cdefs%3E%3Cstyle%3E .c %7B fill: %23fff; stroke-width: 0px; %7D %3C/style%3E%3C/defs%3E%3Cg id='b' data-name='Warstwa 1'%3E%3Cpath class='c' d='m30.53,5.34C27.59,1.8,23.41,0,18.1,0h-.01c-5,0-9.01,1.53-11.91,4.54C1.45,9.45,1.64,16.49,1.65,16.79c.06,1.56,1.38,2.79,2.92,2.72,1.56-.05,2.79-1.36,2.74-2.92,0-.05-.1-5,2.97-8.16,1.79-1.84,4.41-2.77,7.8-2.77h0c3.59,0,6.22,1.07,8.06,3.28,3.28,3.95,3.38,10.54,3.1,14.42H2.22c-1.23,0-2.22,1-2.22,2.22v22.75c0,1.23,1,2.22,2.22,2.22h30.23c1.23,0,2.22-1,2.22-2.22v-22.17c.49-3.74,1.27-14.29-4.15-20.82Zm-12.96,37.31c-1.89.13-3.53-1.3-3.66-3.2-.09-1.37.63-2.6,1.75-3.23v-3.46c0-.93.75-1.68,1.68-1.68s1.68.75,1.68,1.68v3.46c.98.55,1.67,1.56,1.75,2.77.13,1.89-1.3,3.53-3.2,3.66Z'/%3E%3C/g%3E%3C/svg%3E");
}

.addon_Show_Answers .show-answers-wrapper::before {
    background: var(--correctColor);
}

.addon_Show_Answers .show-answers-wrapper::after {
    background: var(--correctColor);
    width: 23px;
    height: 22.75px;
    --mask:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='a' data-name='Warstwa 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 324.16 320.22'%3E%3Cdefs%3E%3Cstyle%3E .b %7B fill: %23fff; stroke-width: 0px; %7D %3C/style%3E%3C/defs%3E%3Cpath class='b' d='m173.32,25.88c-28.15,28.15-33.33,70.57-15.55,103.98l-90.22,90.22-33.21-.98-.19,34.38-34.14-2.85,3.55,33.44.56,35.59,35.59.56,154.1-154.1c33.48,18.1,76.18,13.01,104.48-15.28,34.51-34.51,34.51-90.45,0-124.96s-90.45-34.51-124.96,0Zm110.41,45.27c-8.48,8.48-22.23,8.48-30.71,0-8.48-8.48-8.48-22.23,0-30.71s22.23-8.48,30.71,0,8.48,22.23,0,30.71Z'/%3E%3C/svg%3E");

}

.ic_button_check::before, .addon_Show_Answers .show-answers-wrapper:not(.selected)::before {
    opacity: 0;
}

.ic_button_uncheck::after, .addon_Show_Answers .show-answers-wrapper.selected::after {
    opacity: 0;
}

.ic_button_reset::after {
    height: 21.5px;
    width: 23px;
    background: var(--wrongColor);
    --mask:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='a' data-name='Warstwa 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 31.27 29.34'%3E%3Cdefs%3E%3Cstyle%3E .b %7B fill: none; stroke: %23fff; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2px; %7D %3C/style%3E%3C/defs%3E%3Cpath vector-effect='non-scaling-stroke' class='b' d='m16.6,28.34c7.55,0,13.67-6.12,13.67-13.67S24.15,1,16.6,1c-6,0-11.09,3.86-12.93,9.24l-2.63,3.92s1.21-7.84-.03-10.17l.02,10.17s8.64-8.95,15.66-7.61'/%3E%3C/svg%3E");
}

.ic_button_reset {
    background: var(--wrongColorAlt);
    border-color: var(--wrongColor);
}

.ic_button_reset:hover::after {
    transition: all 0.5s ease-in-out;
    transform: translate(-50%, -50%) rotateZ(-360deg);
}

#scoring_btns .ic_button_check {
    order: 0;
}

#scoring_btns .addon_Show_Answers {
    order: 1;
}

#scoring_btns .ic_button_reset {
    order: 2;
}

#scoring_info .moduleSelector, #scoring_btns .moduleSelector {
    display: none;
}

#scoring_info {
    position: absolute;
    top: calc(100% + 35px) !important;
    transform: translateY(-50%);
    height: 25px !important;
    left: 75px !important;
    width: 685px !important;
    display: flex;
    justify-content: space-between;
}
#scoring_info > * {
    position: relative !important;
    left: unset !important;
    top: unset !important;
}

#scoring_info .ic_checkcounter {
    order: 1;
}

#scoring_info .errorcounter_mistake {
    order: 2;
}

#scoring_info .ic_errorcounter {
    order: 3;
}

#scoring_info .ic_pageprogress {
    order: 4;
}

#scoring_btns.one-element .ic_button_check, #scoring_btns.one-element .addon_Show_Answers {
    order: unset;
}

#scoring_btns.one-element .ic_button_reset {
    order: 1;
}

#scoring_btns.one-element {
    width: 40px !important;
}

#scoring_btns.two-elements {
    width: 90px !important;
}

#scoring_btns.two-elements .addon_Show_Answers {
    order: 1;
}

#scoring_btns.two-elements .ic_button_reset {
    order: 2;
}

.ic_checkcounter::after {
    background: var(--lessonColor);
}

.errorcounter_mistake::after {
    background: var(--errorColor);
}

.ic_errorcounter::after {
    background: var(--wrongColor);
}

.ic_checkcounter::before {
    content: 'Próby';
    background: var(--lessonColorAlt);
    border: 1.5px solid var(--lessonColor);
}

.errorcounter_mistake::before {
    content: 'Pomyłki';
    background: var(--errorColorAlt);
    border: 1.5px solid var(--errorColor);
}

.ic_errorcounter::before {
    content: 'Błędy';
    background: var(--wrongColorAlt);
    border: 1.5px solid var(--wrongColor);
}

.ic_checkcounter, .errorcounter_mistake, .ic_errorcounter {
    width: 33.3px !important;
    height: 25px !important;
    margin-left: 116.7px;
    font-family: 'Ropa Sans', 'Aldo';
    color: #fff;
    line-height: 25px;
    font-size: 18px;
    text-align: center;
    background: transparent;
}

:is(.ic_checkcounter, .errorcounter_mistake, .ic_errorcounter)::after {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    --mask:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='a' data-name='Warstwa 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 113.39 85.04'%3E%3Cdefs%3E%3Cstyle%3E .b %7B fill: %23fff; stroke-width: 0px; %7D %3C/style%3E%3C/defs%3E%3Cpath class='b' d='m99.21,0H14.17c0,7.83-6.35,14.17-14.17,14.17v56.69c7.83,0,14.17,6.35,14.17,14.17h85.04c0-7.83,6.35-14.17,14.17-14.17V14.17c-7.83,0-14.17-6.35-14.17-14.17Z'/%3E%3C/svg%3E");
    mask-image: var(--mask);
    mask-size: 100% 100%;
    mask-position: center center;
    mask-repeat: no-repeat;
    -webkit-mask-image: var(--mask);
    -webkit-mask-size: 100% 100%;
    -webkit-mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    z-index: -1;
}

:is(.ic_checkcounter, .errorcounter_mistake, .ic_errorcounter)::before {
    position: absolute;
    width: 121.7px;
    height: 25px;
    box-sizing: border-box;
    border-right: unset;
    left: -116.7px;
    top: 50%;
    z-index: -1;
    transform: translateY(-50%);
    font-size: 14px;
    line-height: 22px;
    color: #555;
    font-family: 'Open Sans';
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.ic_pageprogress {
    padding: 0px;
    border-radius: 0px;
    width: 150px !important;
    height: 25px !important;
    background: var(--correctColorAlt);
    box-sizing: border-box;
    border: 1.5px var(--correctColor) solid;
    border-radius: 5px;
}

.ic_pageprogress .ic_progress-bar {
    border-radius: 0px;
    position: relative;
    background: transparent;
}

.ic_pageprogress .ic_progress-bar::before {
    content: '';
    height: calc(100% - 3px);
    width: calc(100% - 3px);
    left: 1.5px;
    top: 1.5px;
    position: absolute;
    background: var(--correctColor);
    border-radius: 3px;
}

.ic_pageprogress .ic_progress-text {
    padding: 0px;
    font-family: 'Ropa Sans', 'Aldo';
    line-height: 25px;
    font-size: 18px;
    position: absolute;
    color: #fdfdfd;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%);
}

.ui-droppable{
    min-width: 1px !important;
}

.ic_gap, .ic_filled_gap, .ic_inlineChoice, .ic_draggableGapEmpty, .ic_draggableGapFilled {
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='a' data-name='Warstwa 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 85.04 42.52'%3E%3Cdefs%3E%3Cstyle%3E .b %7B fill: none; %7D .b, .c %7B stroke-width: 0px; %7D .c %7B fill: %234c1d53; %7D %3C/style%3E%3C/defs%3E%3Ccircle class='c' cx='21.26' cy='21.26' r='21.26'/%3E%3Ccircle class='b' cx='63.78' cy='21.26' r='21.26'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='a' data-name='Warstwa 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cdefs%3E%3Cstyle%3E .b %7B fill: %23fff; stroke-width: 0px; %7D %3C/style%3E%3C/defs%3E%3Crect class='b' width='100' height='100'/%3E%3C/svg%3E");
    background-repeat: repeat-x, no-repeat;
    background-position: 0px 21.5px, center center;
    background-size: 3px 1.5px, 100% 100%;
    background-clip: content-box, border-box;
    box-sizing: border-box;
    height: 28px !important;
    padding: 0px 5px;
    border: 1.5px var(--themeViolet) solid;
    font-size: 19px;
    font-family: Open Sans;
    line-height: 25px;
    border-radius: 5px;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    text-align: center;
    margin: 0px;
    outline: none;
}

.ic_gap-correct, .ic_filled_gap-correct, .ic_inlineChoice-correct, .ic_draggableGapFilled-correct {
    border: 1.5px var(--correctColorAlt) solid;
    color: var(--correctColor);
    -webkit-text-fill-color: var(--correctColor);
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='a' data-name='Warstwa 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 85.04 42.52'%3E%3Cdefs%3E%3Cstyle%3E .b %7B fill: none; %7D .b, .c %7B stroke-width: 0px; %7D .c %7B fill: %23608C31; %7D %3C/style%3E%3C/defs%3E%3Ccircle class='c' cx='21.26' cy='21.26' r='21.26'/%3E%3Ccircle class='b' cx='63.78' cy='21.26' r='21.26'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='a' data-name='Warstwa 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cdefs%3E%3Cstyle%3E .b %7B fill: %23fff; stroke-width: 0px; %7D %3C/style%3E%3C/defs%3E%3Crect class='b' width='100' height='100'/%3E%3C/svg%3E");
}

.ic_gap-wrong, .ic_filled_gap-wrong, .ic_inlineChoice-wrong, .ic_draggableGapFilled-wrong {
    border: 1.5px var(--wrongColorAlt) solid;
    color: var(--wrongColor);
    -webkit-text-fill-color: var(--wrongColor);
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='a' data-name='Warstwa 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 85.04 42.52'%3E%3Cdefs%3E%3Cstyle%3E .b %7B fill: none; %7D .b, .c %7B stroke-width: 0px; %7D .c %7B fill: %23AB3351; %7D %3C/style%3E%3C/defs%3E%3Ccircle class='c' cx='21.26' cy='21.26' r='21.26'/%3E%3Ccircle class='b' cx='63.78' cy='21.26' r='21.26'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='a' data-name='Warstwa 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cdefs%3E%3Cstyle%3E .b %7B fill: %23fff; stroke-width: 0px; %7D %3C/style%3E%3C/defs%3E%3Crect class='b' width='100' height='100'/%3E%3C/svg%3E");
}

.text_dottedBorderGap :is(.ic_gap, .ic_filled_gap, .ic_inlineChoice, .ic_draggableGapEmpty, .ic_draggableGapFilled) {
    border: 1.5px var(--lessonColor) dotted;
    border-radius: 5px;
    background: white;
}

.text_dottedBorderGap :is(.ic_gap-wrong, .ic_filled_gap-wrong, .ic_inlineChoice-wrong, .ic_draggableGapFilled-wrong) {
    border: 1.5px var(--wrongColorAlt) dotted;
    border-radius: 5px;
    background: white;
}

.text_dottedBorderGap :is(.ic_gap-correct, .ic_filled_gap-correct, .ic_inlineChoice-correct, .ic_draggableGapFilled-correct) {
    border: 1.5px var(--correctColorAlt) dotted;
    border-radius: 5px;
    background: white;
}

.ic_text, [class^="text"] {
    --ic_multilineGapWidth: 200px;
    --mulitlineGapLineHeight: 25px;
    --gapInnerHorizontalPadding:5px;
    --gapInnerVerticalPadding:0px;
    --rowCount: 2;
}

.ic_text strike, [class^="text"] strike, .ic_text .ic_multilineContainer, [class^="text"] .ic_multilineContainer {
    border: 1.5px var(--themeViolet) solid;
    border-radius: 5px;
    background: #fff;
    box-sizing: border-box;
    position: relative;
    padding: 0px var(--gapInnerHorizontalPadding);
    width: var(--ic_multilineGapWidth);
    display: inline-block;
    height: calc(calc(calc(var(--mulitlineGapLineHeight) * var(--rowCount)) + 3px) + calc(var(--gapInnerVerticalPadding) * 2));
    overflow: hidden;
}

.ic_text strike, [class^="text"] strike {
    text-decoration: none;
    color: transparent;
}

.ic_text strike::before, [class^="text"] strike::before, .ic_text .ic_multilineContainer::before, [class^="text"] .ic_multilineContainer::before {
    content: '';
    position: absolute;
    width: calc(100% - calc(var(--gapInnerHorizontalPadding) * 2));
    height: calc(var(--mulitlineGapLineHeight) * var(--rowCount));
    left: var(--gapInnerHorizontalPadding);
    top: calc(var(--gapInnerVerticalPadding) - 2px);
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='a' data-name='Warstwa 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 85.04 793.7'%3E%3Cdefs%3E%3Cstyle%3E .b %7B fill: none; %7D .b, .c %7B stroke-width: 0px; %7D .c %7B fill: %234c1d53; %7D %3C/style%3E%3C/defs%3E%3Ccircle class='c' cx='21.26' cy='772.44' r='21.26'/%3E%3Ccircle class='b' cx='63.78' cy='772.44' r='21.26'/%3E%3Crect class='b' width='85.04' height='793.7'/%3E%3C/svg%3E");
    z-index: 1;
    background-size: 3px var(--mulitlineGapLineHeight);
}

.ic_text .ic_multilineContainer .ic_multilineGap, [class^="text"] .ic_multilineContainer .ic_multilineGap {
    resize: none;
    background: transparent;
    font-size: 18px;
    position: relative;
    z-index: 2;
    overflow: hidden;
    position: absolute;
    left: var(--gapInnerHorizontalPadding);
    top: var(--gapInnerVerticalPadding);
    line-height: var(--mulitlineGapLineHeight);
    width: calc(100% - calc(var(--gapInnerHorizontalPadding) * 2));
    height: calc(var(--mulitlineGapLineHeight) * var(--rowCount));
    border-radius: 0px;
    border: none;
    outline: none;
    padding: 0;
    margin: 0;
    font-family: 'Open Sans', 'Arial';
}

.ic_text .ic_multilineContainer .ic_multilineGap-wrong, [class^="text"] .ic_multilineContainer .ic_multilineGap-wrong {
    color: var(--wrongColor);
}

.ic_text .ic_multilineContainer .ic_multilineGap-correct, [class^="text"] .ic_multilineContainer .ic_multilineGap-correct {
    color: var(--correctColor);
}

.ic_text .ic_multilineContainer-wrong, [class^="text"] .ic_multilineContainer-wrong {
    border: 1.5px var(--wrongColorAlt) solid;
}

.ic_text .ic_multilineContainer-wrong::before, [class^="text"] .ic_multilineContainer-wrong::before {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='a' data-name='Warstwa 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 85.04 793.7'%3E%3Cdefs%3E%3Cstyle%3E .b %7B fill: none; %7D .b, .c %7B stroke-width: 0px; %7D .c %7B fill: %23AB3351; %7D %3C/style%3E%3C/defs%3E%3Ccircle class='c' cx='21.26' cy='772.44' r='21.26'/%3E%3Ccircle class='b' cx='63.78' cy='772.44' r='21.26'/%3E%3Crect class='b' width='85.04' height='793.7'/%3E%3C/svg%3E");
}

.ic_text .ic_multilineContainer-correct, [class^="text"] .ic_multilineContainer-correct {
    border: 1.5px var(--correctColorAlt) solid;
}

.ic_text .ic_multilineContainer-correct::before, [class^="text"] .ic_multilineContainer-correct::before {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='a' data-name='Warstwa 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 85.04 793.7'%3E%3Cdefs%3E%3Cstyle%3E .b %7B fill: none; %7D .b, .c %7B stroke-width: 0px; %7D .c %7B fill: %23608C31; %7D %3C/style%3E%3C/defs%3E%3Ccircle class='c' cx='21.26' cy='772.44' r='21.26'/%3E%3Ccircle class='b' cx='63.78' cy='772.44' r='21.26'/%3E%3Crect class='b' width='85.04' height='793.7'/%3E%3C/svg%3E");
}

.text_multilineGap_no_protective_field .ic_multilineContainer, .text_multilineGap_no_protective_field_free .ic_multilineContainer,
.text_multilineGap_no_protective_field strike, .text_multilineGap_no_protective_field_free strike {
    padding: 0px 0px;
    border: 0px !important;
    border-radius: 0px;
    background: transparent;
}

.text_multilineGap_no_protective_field_free .ic_multilineContainer::before, .text_multilineGap_no_protective_field_free strike::before, .text_multilineGap_no_protective_field_free .ic_multilineContainer .ic_multilineGap {
    height: calc(100% - 3px);
    width: 100%;
}

.text_multilineGap_no_protective_field_free .ic_multilineContainer, .text_multilineGap_free .ic_multilineContainer, .text_multilineGap_dotted_field_free .ic_multilineContainer,
.text_multilineGap_no_protective_field_free strike, .text_multilineGap_free strike, .text_multilineGap_dotted_field_free strike {
    height: 100%;
    position: absolute;
    width: 100%;
}

.text_multilineGap_no_protective_field_free .ic_multilineContainer .ic_multilineGap, .text_multilineGap_no_protective_field .ic_multilineContainer .ic_multilineGap {
    left: 0px;
}

.text_multilineGap_free .ic_multilineContainer::before, .text_multilineGap_free strike::before, .text_multilineGap_free .ic_multilineContainer .ic_multilineGap, .text_multilineGap_dotted_field_free .ic_multilineContainer::before, .text_multilineGap_dotted_field_free strike::before, .text_multilineGap_dotted_field_free .ic_multilineContainer .ic_multilineGap {
    height: calc(100% - 3px);
    width: calc(100% - calc(var(--gapInnerHorizontalPadding) * 2));
}

.text_multilineGap_dotted_field_free .ic_multilineContainer, .text_multilineGap_dotted_field .ic_multilineContainer, .text_multilineGap_dotted_field_free strike, .text_multilineGap_dotted_field strike {
    border: 1.5px var(--lessonColor) dotted;
}

.text_multilineGap_dotted_field_free .ic_multilineContainer-wrong, .text_multilineGap_dotted_field .ic_multilineContainer-wrong {
    border: 1.5px var(--wrongColorAlt) dotted;
}

.text_multilineGap_dotted_field_free .ic_multilineContainer-correct, .text_multilineGap_dotted_field .ic_multilineContainer-correct {
    border: 1.5px var(--correctColorAlt) dotted;
}

[class^="text_table_listening"], [class^="text_table_observe"] {
    display: grid;
    grid-template-columns: 1fr;
    --row1Height: 27px;
    --row2Height: 1fr;
    --row3Height: 1fr;
    --row4Height: 0px;
    --row5Height: 0px;
    --row6Height: 0px;
    --row7Height: 0px;
    --row8Height: 0px;
    --row9Height: 0px;
    --row10Height: 0px;
    --row11Height: 0px;
    --row12Height: 0px;
    --row13Height: 0px;
    --row14Height: 0px;
    --row15Height: 0px;
    --row16Height: 0px;
    --row17Height: 0px;
    --row18Height: 0px;
    --row19Height: 0px;
    --row20Height: 0px;
    --row21Height: 0px;
    --row22Height: 0px;
    --row23Height: 0px;
    --row24Height: 0px;
    --row25Height: 0px;
    --row26Height: 0px;
    --row27Height: 0px;
    --row28Height: 0px;
    --row29Height: 0px;
    --row30Height: 0px;
    --row31Height: 0px;
    --row32Height: 0px;
    --row33Height: 0px;
    --row34Height: 0px;
    --row35Height: 0px;
    --row36Height: 0px;
    --row37Height: 0px;
    --row38Height: 0px;
    --row39Height: 0px;
    --row40Height: 0px;
    --col1Width: 1fr;
    --col2Width: 1fr;
    --col3Width: 1fr;
	--col4Width: 0px;
	--col5Width: 0px;
	--col6Width: 0px;
	--col7Width: 0px;
	--col8Width: 0px;
	--col9Width: 0px;
	--col10Width: 0px;
	--col11Width: 0px;
	--col12Width: 0px;
	--col13Width: 0px;
	--col14Width: 0px;
	--col15Width: 0px;
	--col16Width: 0px;
	--col17Width: 0px;
	--col18Width: 0px;
	--col19Width: 0px;
	--col20Width: 0px;
	--col21Width: 0px;
	--col22Width: 0px;
	--col23Width: 0px;
	--col24Width: 0px;
	--col25Width: 0px;
	--col26Width: 0px;
	--col27Width: 0px;
	--col28Width: 0px;
	--col29Width: 0px;
	--col30Width: 0px;
	--col31Width: 0px;
	--col32Width: 0px;
	--col33Width: 0px;
	--col34Width: 0px;
	--col35Width: 0px;
	--col36Width: 0px;
	--col37Width: 0px;
	--col38Width: 0px;
	--col39Width: 0px;
	--col40Width: 0px;
    --innerCellBackground: #f1f5f5;
    --innerBorderColor: #cbd9d6;
    --innerCellPadding:5px;
    box-sizing: border-box;
    font-size: 19px;
    grid-template-rows:var(--row1Height) var(--row2Height) var(--row3Height) var(--row4Height) var(--row5Height) var(--row6Height) var(--row7Height) var(--row8Height) var(--row9Height) var(--row10Height) var(--row11Height) var(--row12Height) var(--row13Height) var(--row14Height) var(--row15Height) var(--row16Height) var(--row17Height) var(--row18Height) var(--row19Height) var(--row20Height) var(--row21Height) var(--row22Height) var(--row23Height) var(--row24Height) var(--row25Height) var(--row26Height) var(--row27Height) var(--row28Height) var(--row29Height) var(--row30Height) var(--row31Height) var(--row32Height) var(--row33Height) var(--row34Height) var(--row35Height) var(--row36Height) var(--row37Height) var(--row38Height) var(--row39Height) var(--row40Height);
    background: transparent;
}

[class^="text_table_listening"] {
    padding-left: 40px;
    padding-bottom: 2px;
}

[class^="text_table_listening"]::before {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 100%;
    background: #69a297;
    --mask1:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='a' data-name='Warstwa 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.87 26.66'%3E%3Cdefs%3E%3Cstyle%3E .b %7B fill: %23fff; stroke-width: 0px; %7D %3C/style%3E%3C/defs%3E%3Cpath class='b' d='m5.74,6.17c.19-.02.4,0,.59.07.19.07.37.18.53.33.04.04.07.08.11.12.03.04.06.09.1.13.03.05.06.09.08.14.02.05.05.1.07.15.04.1.07.21.08.32.02.11.02.22.01.33,0,.22-.06.43-.14.64-.09.2-.21.4-.36.56-.3.34-.74.56-1.21.62-.06,0-.12.01-.18.02h-.17s-.06,0-.09,0h-.08c-.06-.02-.11-.02-.17-.03-.11-.02-.22-.04-.33-.08-.05-.02-.11-.03-.16-.06l-.16-.07c-.41-.2-.78-.51-1.03-.91-.07-.1-.12-.2-.17-.31l-.07-.16s-.02-.06-.03-.08l-.03-.09c-.07-.23-.1-.47-.11-.7-.01-.45.09-.92.27-1.34.19-.42.47-.81.83-1.1.36-.3.78-.52,1.24-.65.11-.03.23-.05.35-.07h.09s.06-.02.09-.02h.18c.06-.02.12-.02.17-.01.06,0,.11,0,.17,0,.11,0,.22.02.34.03.45.06.88.21,1.28.43.8.43,1.43,1.16,1.74,2.02.16.43.23.88.23,1.33,0,.43-.08.87-.21,1.28-.03.1-.07.2-.11.31-.02.05-.04.1-.06.15-.02.05-.04.1-.07.15-.09.19-.2.38-.32.56-.24.35-.53.67-.86.93-.65.53-1.45.87-2.27.96h-.08s-.08.02-.08.02c-.05,0-.1,0-.15.01-.1,0-.2,0-.31,0-.05,0-.1,0-.15,0h-.15c-.1-.02-.2-.03-.3-.04-.39-.06-.78-.15-1.14-.29-.73-.27-1.4-.7-1.94-1.25-.55-.54-.97-1.2-1.25-1.92-.03-.09-.06-.18-.09-.27-.03-.09-.06-.18-.08-.28-.05-.19-.09-.38-.11-.57C0,7.08-.01,6.69,0,6.31c.07-1.53.69-3.04,1.76-4.2.53-.58,1.17-1.07,1.89-1.42.36-.18.73-.33,1.12-.44.39-.11.79-.19,1.19-.22.2-.02.41-.03.6-.03.2,0,.4,0,.6.02.4.03.8.08,1.19.17.78.18,1.54.47,2.25.86.35.2.69.42,1.01.67.32.25.63.51.91.81.28.29.55.6.78.93.24.33.46.68.64,1.04.19.36.35.74.48,1.12l.05.14.04.15c.03.1.06.2.08.3.05.2.1.4.13.6.04.2.06.4.09.61.01.1.02.2.02.31v.15s.02.15.02.15v.3s0,.27,0,.27v.55c-.02,1.46-.05,2.92-.09,4.38-.04,1.46-.09,2.92-.16,4.38-.06,1.46-.14,2.92-.24,4.38-.1,1.46-.2,2.92-.35,4.38h-.17c-.15-1.46-.26-2.92-.35-4.38-.1-1.46-.17-2.92-.24-4.38-.07-1.46-.12-2.92-.16-4.38-.04-1.46-.07-2.92-.08-4.38v-.55s0-.27,0-.27v-.24s-.01-.12-.01-.12v-.12c-.02-.08-.02-.16-.03-.24-.02-.16-.04-.32-.07-.48-.02-.16-.06-.31-.1-.47-.02-.08-.04-.15-.06-.23l-.03-.12-.04-.11c-.1-.31-1.07,9.22-1.21,8.93,0-7.93-.59-12-1.7-12.68-.55-.35-1.16-.61-1.79-.78l-.24-.06c-.08-.02-.16-.03-.24-.05l-.12-.02-.12-.02c-.08-.01-.16-.03-.24-.04-.16-.02-.33-.04-.49-.05-.17-.01-.33-.02-.49-.02-.32,0-.65.03-.97.1-.32.06-.64.15-.95.26-.62.23-1.2.58-1.71,1.02-.51.45-.94.99-1.26,1.6-.16.3-.29.62-.39.96-.1.33-.16.67-.2,1.02v.13s-.02.13-.02.13c0,.09,0,.17,0,.26v.13s0,.09,0,.13v.13s.02.13.02.13c.04.34.12.68.24,1,.24.65.63,1.24,1.14,1.7l.1.09.1.08c.07.06.14.1.2.16.07.05.14.1.21.14.07.04.15.09.22.13.3.16.62.29.94.38.08.02.16.04.25.06.08.02.17.03.25.04.08,0,.17.02.25.03h.12s.08.01.13.01c.08,0,.17,0,.25,0h.12s.08-.01.12-.02c.08,0,.16-.02.24-.03l.12-.02h.06s.06-.03.06-.03c.62-.15,1.19-.48,1.62-.93.43-.45.73-1,.86-1.58.02-.07.03-.15.04-.22v-.11s.02-.06.02-.06v-.06c.02-.15.02-.3.02-.44,0-.28-.07-.55-.17-.81-.1-.26-.24-.49-.42-.7-.18-.21-.39-.39-.63-.53-.24-.14-.5-.23-.77-.28-.07-.01-.14-.02-.21-.03-.04,0-.07,0-.1,0-.04,0-.07,0-.1,0h-.1s-.03,0-.05,0h-.05c-.06.02-.13.02-.19.04-.25.05-.49.16-.7.32-.03.02-.05.04-.08.06-.02.02-.05.04-.07.06l-.07.07s-.05.05-.07.07c-.04.05-.09.1-.12.16l-.06.08s-.03.06-.05.09c-.13.24-.2.5-.22.77,0,.13,0,.25.03.38v.05s.02.03.02.05l.03.09s.03.06.04.09c0,.02.01.03.02.05l.02.04c.11.23.3.43.53.58l.09.05s.06.03.09.04c.06.03.13.05.19.07.03.01.07.01.1.02h.05s.03.02.05.02h.11s.06.02.1.02c.26,0,.53-.08.75-.26.11-.09.2-.19.28-.32.08-.12.14-.26.16-.4.03-.15.04-.29.02-.44-.03-.15-.08-.29-.17-.42-.17-.25-.47-.44-.81-.49v-.17Z'/%3E%3C/svg%3E");
    --maskBlank: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='a' data-name='Warstwa 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.22 14.22' preserveAspectRatio='none'%3E%3Cdefs%3E%3Cstyle%3E .b %7B fill: %23fff; stroke-width: 0px; %7D %3C/style%3E%3C/defs%3E%3Crect class='b' width='14.22' height='14.22'/%3E%3C/svg%3E");
    mask-image: var(--mask1), var(--maskBlank);
    mask-size: 30px 54px, calc(100% - 20px) 100%;
    mask-position: left 27px, 23px 0px;
    mask-repeat: no-repeat, no-repeat;
    -webkit-mask-image: var(--mask1), var(--maskBlank);
    -webkit-mask-size: 30px 54px, calc(100% - 20px) 100%;
    -webkit-mask-position: left 27px, 23px 0px;
    -webkit-mask-repeat: no-repeat, no-repeat;
    z-index: 1;
}

[class^="text_table_listening"]::after, .text_table_listening_pronouncing :is(ul, ol):first-of-type li:first-of-type::after {
    --mask:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='a' data-name='Warstwa 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15.13 11.83'%3E%3Cdefs%3E%3Cstyle%3E .b %7B fill: %23fff; stroke-width: 0px; %7D %3C/style%3E%3C/defs%3E%3Cpath class='b' d='m1.91,11.83c-.06-.07-.13-.14-.19-.22-.25-.32-.47-.66-.67-1.01-.4-.7-.69-1.46-.86-2.25-.09-.39-.14-.79-.17-1.19,0-.2-.02-.4-.02-.6,0-.2.01-.4.03-.6.03-.4.11-.8.22-1.19.11-.39.26-.76.44-1.12.36-.72.85-1.36,1.42-1.89C3.27.7,4.79.08,6.31,0c.38-.02.77,0,1.15.05.19.03.38.07.57.11.09.02.18.05.28.08.09.03.18.06.27.09.72.27,1.38.7,1.92,1.25.55.54.97,1.21,1.25,1.94.14.37.23.75.29,1.14.01.1.03.2.03.3v.15c.02.05.02.1.02.15,0,.1,0,.2,0,.3,0,.05,0,.1-.01.15v.08s-.01.08-.01.08c-.09.81-.42,1.61-.96,2.27-.27.33-.58.62-.93.86-.18.12-.36.23-.55.32-.05.02-.1.05-.15.07-.05.02-.1.04-.15.06-.1.04-.2.08-.3.11-.41.13-.84.2-1.28.21-.45,0-.91-.07-1.34-.23-.86-.31-1.59-.95-2.02-1.74-.22-.4-.37-.83-.43-1.28-.02-.11-.03-.22-.03-.34,0-.06,0-.11,0-.17,0-.06,0-.11,0-.17v-.18s.02-.06.02-.09v-.09c.03-.12.05-.23.08-.35.12-.46.35-.88.64-1.24.3-.36.68-.64,1.1-.83.42-.19.88-.29,1.34-.27.23,0,.48.04.7.11l.08.03s.06.02.08.03l.16.07c.11.05.21.1.31.17.4.25.71.62.91,1.04l.07.16c.02.05.04.11.06.16.04.11.06.22.08.33.01.06.01.11.02.17v.08s.01.06.01.09v.17c0,.06-.01.12-.02.17-.06.47-.28.9-.62,1.21-.17.15-.36.28-.56.36-.2.09-.42.14-.64.14-.11,0-.21,0-.33-.01-.11-.02-.22-.04-.32-.08-.05-.02-.1-.04-.15-.06-.05-.03-.1-.05-.14-.08-.04-.03-.09-.06-.13-.1-.04-.04-.08-.07-.12-.11-.15-.15-.26-.33-.33-.53-.07-.19-.09-.4-.07-.59h.17c.04.34.23.64.49.81.13.09.27.14.42.17.15.03.29.01.44-.02.15-.03.28-.09.4-.16.12-.08.23-.17.32-.28.17-.22.26-.49.26-.75,0-.03,0-.07,0-.1v-.11s-.02-.03-.02-.05v-.05s-.03-.07-.04-.1c-.02-.06-.04-.13-.07-.19-.02-.03-.03-.06-.04-.09l-.05-.09c-.15-.23-.35-.42-.58-.53l-.04-.02s-.03-.01-.05-.02c-.03-.01-.06-.02-.09-.04l-.09-.03s-.03-.01-.05-.01h-.05c-.12-.04-.25-.04-.38-.03-.27.02-.54.09-.77.22-.03.02-.06.03-.09.05l-.08.06c-.06.03-.1.08-.16.12-.03.02-.05.04-.07.07l-.07.07s-.04.05-.06.08-.04.05-.06.08c-.16.21-.27.45-.32.71-.02.06-.02.13-.03.19v.05s0,.03,0,.05v.1s0,.07,0,.1c0,.04,0,.07,0,.1,0,.07.02.14.03.21.05.27.14.54.28.77.14.24.32.45.53.63.21.18.45.32.7.42.26.1.53.16.81.17.15,0,.3,0,.44-.01h.06s.05-.01.05-.01l.11-.02c.07-.01.15-.03.22-.04.58-.13,1.13-.43,1.58-.86.45-.43.78-.99.93-1.62l.02-.06v-.06s.04-.12.04-.12c0-.08.02-.16.03-.24,0-.04,0-.08.01-.12v-.13c0-.08,0-.17,0-.25,0-.04,0-.08,0-.13v-.13c-.02-.08-.03-.17-.04-.25-.01-.08-.03-.17-.04-.25-.02-.08-.03-.17-.06-.25-.09-.33-.22-.64-.38-.94-.04-.08-.09-.15-.13-.22-.05-.07-.09-.14-.14-.21-.05-.07-.1-.14-.16-.2l-.08-.1-.09-.1c-.46-.51-1.05-.9-1.7-1.14-.32-.12-.66-.2-1-.24h-.13s-.13-.02-.13-.02c-.04,0-.09,0-.13,0h-.13c-.08,0-.17,0-.26,0h-.13s-.13.02-.13.02c-.35.03-.69.1-1.02.2-.33.1-.65.23-.96.39-.61.32-1.15.75-1.6,1.26-.45.51-.79,1.09-1.02,1.71-.12.31-.2.63-.26.95-.06.32-.09.64-.1.97,0,.16,0,.32.02.49,0,.17.03.33.05.49.01.08.03.16.04.24l.02.12.03.12c.02.08.03.16.05.24l.06.24c.18.63.44,1.24.78,1.79.69,1.11,4.75,1.7,12.68,1.7.09.05-.85.18-2.15.34H1.91Z'/%3E%3C/svg%3E");
    width: 33px;
    height: 25.8px;
    mask-image: var(--mask);
    mask-size: 100% 100%;
    mask-position: center center;
    mask-repeat: no-repeat;
    -webkit-mask-image: var(--mask);
    -webkit-mask-size: 100% 100%;
    -webkit-mask-position: center center;
    -webkit-mask-repeat: no-repeat;
}

[class^="text_table_listening"]::after {
    z-index: 4;
    background: #69a297;
    content: '';
    position: absolute;
    right: -28px;
    bottom: 0px;
}

[class^="text_table_listening"] :is(ul, ol), [class^="text_table_observe"] :is(ul, ol) {
    display: grid;
    width: 100%;
    padding: 0px;
    list-style-type: none;
    position: relative;
    z-index: 2;
    grid-template-columns:var(--col1Width) var(--col2Width) var(--col3Width) var(--col4Width) var(--col5Width) var(--col6Width) var(--col7Width) var(--col8Width) var(--col9Width) var(--col10Width) var(--col11Width) var(--col12Width) var(--col13Width) var(--col14Width) var(--col15Width) var(--col16Width) var(--col17Width) var(--col18Width) var(--col19Width) var(--col20Width) var(--col21Width) var(--col22Width) var(--col23Width) var(--col24Width) var(--col25Width) var(--col26Width) var(--col27Width) var(--col28Width) var(--col29Width) var(--col30Width) var(--col31Width) var(--col32Width) var(--col33Width) var(--col34Width) var(--col35Width) var(--col36Width) var(--col37Width) var(--col38Width) var(--col39Width) var(--col40Width);
}

[class^="text_table_listening"] :is(ul, ol):first-of-type, [class^="text_table_observe"] :is(ul, ol):first-of-type {
    z-index: 3;
}

[class^="text_table_listening"] :is(ul, ol):first-of-type::before {
    content: '';
    z-index: 4;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    left: -20px;
    top: 3px;
    transform: translate(-50%, -50%);
    position: absolute;
    background: #69a297;
}

[class^="text_table_listening"] :is(ul, ol):first-of-type::after {
    content: '';
    z-index: 4;
    width: 39px;
    height: 61.53px;
    left: -20px;
    top: -6px;
    transform: translate(-50%, -50%);
    position: absolute;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='a' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 57.88 91.32'%3E%3Cdefs%3E%3Cstyle%3E .b %7B fill: %23fff; %7D .b, .c %7B stroke-width: 0px; %7D .c %7B fill: %2369a297; %7D %3C/style%3E%3C/defs%3E%3Cg%3E%3Cpath class='b' d='m11.88,45.18c-1.35,0-2.43-.43-3.21-1.28l-.31-.33.4-.22c.07-.04,6.99-3.77,17.06-5.08l.95-.12-.64.71c-.13.14-3.13,3.42-7.33,3.87-.56.36-3.94,2.45-6.93,2.45h0Z'/%3E%3Cpath class='c' d='m25.87,38.62s-3.03,3.36-7.18,3.76c0,0-3.68,2.44-6.81,2.44-1.12,0-2.17-.31-2.95-1.16,0,0,6.81-3.72,16.94-5.04m1.81-.95l-1.9.25c-10.14,1.32-16.9,4.96-17.19,5.12l-.8.43.61.67c.85.92,2.02,1.39,3.47,1.39,2.97,0,6.3-1.99,7.05-2.46,4.29-.49,7.34-3.83,7.47-3.97l1.29-1.42h0Z'/%3E%3C/g%3E%3Cg%3E%3Cpath class='b' d='m7.77,44.1c-.77,0-2.69-.15-4.05-1.58-1.03-1.08-1.5-2.64-1.4-4.64v-.28s.29-.05.29-.05c1.91-.37,4.35-.56,7.26-.56,7.57,0,15.97,1.28,16.06,1.3l-.04.7c-.1,0-10.12.49-17.53,4.99l-.22.11h-.07s-.11.02-.3.02Z'/%3E%3Cpath class='c' d='m9.87,37.33c7.63,0,16,1.29,16,1.29,0,0-10.12.44-17.7,5.04l-.13.07s-.1,0-.27,0c-1.12,0-5.37-.36-5.1-5.86,2.07-.4,4.59-.55,7.2-.55m0-.71c-2.93,0-5.4.19-7.33.57l-.54.11-.03.55c-.11,2.1.4,3.75,1.5,4.91,1.45,1.53,3.5,1.69,4.31,1.69.21,0,.33-.01.33-.01h.14s.13-.08.13-.08l.13-.07c7.38-4.47,17.3-4.96,17.4-4.96l.08-1.41c-.08-.01-8.51-1.3-16.11-1.3h0Z'/%3E%3C/g%3E%3Cg%3E%3Cpolygon class='b' points='6.94 66.8 6.94 65.16 13.22 65.16 13.22 64.38 36.93 64.38 36.93 65.16 43.02 65.16 43.02 66.8 6.94 66.8'/%3E%3Cpath class='c' d='m36.58,64.73v.79h6.08v.93H7.3v-.93h6.28v-.79h23m.71-.71H12.87v.79h-6.28v2.35h36.78v-2.35h-6.08v-.79h0Z'/%3E%3C/g%3E%3Cg%3E%3Cpath class='b' d='m7.7,64.83c-.22,0-.43-.1-.57-.27-.14-.17-.2-.39-.17-.61.06-.36.38-.63.76-.63h14.74l-.05-1.49-6.73-3.51c-.18.08-.37.12-.57.12-.71,0-1.29-.52-1.29-1.15,0-.09.01-.17.03-.26-.28-.34-.43-.78-.43-1.24,0-1.02.75-1.85,1.68-1.85s1.68.83,1.68,1.85c0,.46-.16.9-.43,1.24,0,.02.01.04.01.07l7.34,3.7c.24.12.39.37.39.63v1.89h.58v-.54c0-.4.32-.72.72-.72h.12c.34.06.6.38.6.74v.52h16.56c.22,0,.43.1.58.27.14.17.21.39.17.61-.06.36-.39.63-.77.63H7.7Z'/%3E%3Cpath class='c' d='m15.11,54.31c.74,0,1.33.67,1.33,1.49,0,.47-.19.88-.49,1.16.06.1.09.22.09.34,0,.01,0,.02,0,.03l7.52,3.79c.12.06.19.18.19.32v2.24h1.29v-.9c0-.2.16-.37.37-.37.02,0,.04,0,.06,0,.18.03.31.2.31.38v.88h16.91c.24,0,.44.22.4.47-.03.19-.22.33-.42.33H7.7c-.24,0-.43-.22-.39-.47.03-.2.22-.33.41-.33h15.1l-.06-1.86c0-.13-.08-.24-.19-.3l-6.9-3.59c-.16.1-.35.17-.56.17-.51,0-.93-.36-.93-.8,0-.12.03-.24.09-.34-.3-.28-.49-.69-.49-1.16,0-.83.6-1.49,1.33-1.49m0-.71c-1.12,0-2.04.99-2.04,2.2,0,.48.15.95.41,1.33,0,.06-.01.11-.01.17,0,.83.74,1.51,1.64,1.51.19,0,.37-.03.54-.09l6.41,3.34.03.92H7.72c-.56,0-1.03.39-1.11.93-.05.32.04.65.25.9.21.25.52.39.84.39h34.98c.55,0,1.03-.4,1.12-.93.05-.32-.04-.65-.25-.9-.21-.25-.52-.39-.85-.39h-16.21v-.17c0-.54-.38-1-.9-1.08-.06,0-.12-.01-.17-.01-.29,0-.56.11-.76.32-.08.08-.14.16-.19.26v-.84c0-.4-.22-.76-.58-.95l-7.03-3.54c.19-.34.3-.74.3-1.15,0-1.22-.91-2.2-2.04-2.2h0Z'/%3E%3C/g%3E%3Cg%3E%3Cpolygon class='b' points='4.98 68.26 4.98 66.52 6.94 66.52 6.94 66.36 43.01 66.36 43.01 66.52 44.98 66.52 44.98 68.26 4.98 68.26'/%3E%3Cpath class='c' d='m42.66,66.71v.16h1.96v1.03H5.33v-1.03h1.96v-.16h35.36m.71-.71H6.59v.16h-1.96v2.45h40.7v-2.45h-1.96v-.16h0Z'/%3E%3C/g%3E%3Cg%3E%3Cpath class='b' d='m42.25,45.33l.2-.29c.7-.99,2.45-3.48,3.75-5.23l.25-.33.29.3c.74.76,1.54,1.54,2.38,2.33l.23.22-3.91,5.3-3.19-2.3Z'/%3E%3Cpath class='c' d='m46.48,40.02c.74.76,1.54,1.54,2.4,2.34l-3.52,4.77-2.63-1.89c1.03-1.46,2.59-3.66,3.75-5.22m-.07-1.09l-.5.67c-1.3,1.76-3.06,4.25-3.76,5.24l-.4.57.57.41,2.63,1.89.57.41.42-.56,3.52-4.77.37-.51-.46-.43c-.84-.78-1.64-1.56-2.37-2.32l-.58-.6h0Z'/%3E%3C/g%3E%3Cg%3E%3Cpath class='b' d='m41.84,45.49l-.47-.66.14-.2c1.14-1.62,2.78-3.93,3.97-5.56l.25-.34.96,1-4.24,5.76h-.61Z'/%3E%3Cpath class='c' d='m45.78,39.28c.15.16.3.32.46.48l-3.96,5.37h-.25l-.22-.3c.93-1.32,2.66-3.76,3.97-5.55m-.07-1.1l-.5.68c-1.19,1.63-2.84,3.94-3.98,5.56l-.29.41.29.41.22.3.21.3h.98l.21-.29,3.96-5.37.35-.48-.42-.43-.24-.25-.22-.23-.58-.61h0Z'/%3E%3C/g%3E%3Cg%3E%3Cpath class='b' d='m37.22,42.7s-1.38-.73-3.31-1.55c-1.75-.73-4.35-1.68-6.75-2.04l-.65-.13-.59-.13c-.92-.2-1.86-.41-2.74-.55-4.47-.83-8.84-1.25-12.99-1.25s-7.08.46-7.83.61c-.12.03-.21.04-.24.04h-.18l-.11-.14-.09-.11c-.08-.09-.16-.19-.22-.3-.14-.17-.3-.43-.43-.71-.85-1.61-1.4-4.45.88-8.72l.09-.18h.2s.44-.04,1.22-.04c1.74,0,5.27.12,9.46.96,2.14.42,4.18.97,6.11,1.65-1.46-.61-3.05-1.14-4.73-1.57-3.52-.97-7.43-1.51-11.61-1.62h-.35v-.35c0-.16-.03-.38-.06-.59,0-.32.15-6.78,5.33-11,.04-.03.5-.33.93-.78l.28-.29.26.31c3.3,4.07,6.3,6.93,8.81,8.93-4.9-4.48-8.49-9.78-8.53-9.85l-.1-.15.06-.17c.09-.26,2.3-6.28,9.57-8.31l.34-.09.1.34c1.91,6.64,5.09,11.79,7.86,15.34-4.17-6.77-7.4-15.37-7.57-15.85l-.08-.21.16-.16c1.33-1.38,4.01-3.69,7.1-3.69,1.06,0,2.09.28,3.04.84l.2.12-.02.23c-.47,4.33-.36,8.02.06,11.11-.51-6.12.41-11.3.43-11.39l.03-.18.17-.08c.62-.27,1.56-.6,2.55-.6,1.33,0,3.12.59,4.06,3.4.01.06.07.35.29.72l.09.16-.07.17c-.11.24-.19.45-.27.67-3.43,8.66-2.55,14.2-1.73,16.73l.02.05v.06c.27.89.64,1.7,1.08,2.36l.09.09.02.13c.03.21.08.54.2.97.16.56.37,1.16.63,1.79.26.6.58,1.27.97,2.03,1.46,2.74,3.61,5.66,6.37,8.68l.2.21-4.4,6.07-3.62-1.98Z'/%3E%3Cpath class='c' d='m26.82.71c.93,0,1.9.23,2.87.79-1.51,13.99,3,21.41,4.45,23.38-5.9-9.19-3.26-23.56-3.26-23.56.6-.27,1.48-.57,2.41-.57,1.39,0,2.89.68,3.73,3.16,0,0,.06.35.32.79-.12.26-.2.49-.29.73-3.34,8.43-2.68,13.99-1.72,16.93v.06c.47,1.54,1.05,2.36,1.16,2.53l.03.03c.03.23.09.58.2,1.02.15.49.35,1.11.64,1.83.26.61.58,1.28.99,2.07,1.19,2.24,3.17,5.21,6.43,8.75l-4.04,5.58-3.34-1.83s-1.37-.73-3.34-1.57c-1.95-.81-4.51-1.72-6.83-2.07h-.06c-.38-.09-.79-.17-1.16-.26-.93-.2-1.86-.41-2.76-.55-5.2-.96-9.62-1.25-13.05-1.25-4.43,0-7.21.48-7.89.61-.12.03-.17.03-.17.03-.09-.12-.2-.23-.29-.38-.15-.17-.29-.41-.41-.67-.81-1.54-1.34-4.28.87-8.41,0,0,.43-.02,1.2-.02,1.75,0,5.25.13,9.39.96,4.04.79,8.73,2.27,13,4.94,0,0-1.72-1.69-5.47-3.43-1.6-.76-3.61-1.51-5.99-2.12-3.17-.87-7.04-1.51-11.69-1.63,0-.17-.03-.41-.06-.64,0,0,.09-6.51,5.21-10.67,0,0,.49-.32.96-.81,5.26,6.49,9.83,10.03,13.17,11.95,3.2,1.89,5.26,2.24,5.76,2.3-1.77-.44-3.52-1.28-5.21-2.36-7.04-4.54-12.88-13.23-12.88-13.23,0,0,2.15-6.08,9.34-8.09,3.46,12.01,11.05,19.2,12.83,20.77-6.08-5.96-11.87-21.49-11.87-21.49,1.13-1.18,3.82-3.58,6.85-3.58m0-.71c-3.22,0-5.99,2.38-7.36,3.8l-.31.32.04.11-.37.1c-7.45,2.08-9.72,8.27-9.81,8.53l-.12.34.2.3c.04.07.28.41.68.96-.13-.15-.25-.31-.38-.47l-.51-.63-.56.59c-.4.42-.83.7-.83.71l-.03.02-.03.02C2.11,19.02,1.96,25.64,1.96,25.92v.05s0,.05,0,.05c.03.21.05.42.05.55v.61h-.16s-.19.36-.19.36c-2.36,4.4-1.78,7.36-.87,9.07.11.25.27.52.46.75.08.12.16.22.22.3.03.03.05.06.08.09l.21.28h.35c.05,0,.17,0,.35-.05.7-.13,3.45-.59,7.72-.59,4.13,0,8.47.42,12.92,1.24.9.14,1.83.35,2.73.55.19.04.39.09.59.13l.57.13.08.02h.09c2.36.36,4.89,1.29,6.61,2.01,1.92.82,3.27,1.54,3.29,1.54l3.34,1.83.55.3.37-.51,4.04-5.58.34-.47-.39-.43c-2.75-3-4.88-5.89-6.32-8.61-.39-.75-.71-1.41-.96-2.01-.24-.6-.45-1.19-.61-1.75-.1-.39-.16-.71-.18-.91l-.03-.24-.15-.15c-.41-.63-.75-1.35-1.01-2.18v-.06l-.04-.11c-.81-2.49-1.67-7.94,1.7-16.45.09-.24.17-.46.28-.7l.15-.34-.19-.32c-.18-.3-.23-.54-.23-.55v-.05s-.03-.05-.03-.05C36.67.68,34.73.05,33.29.05c-.85,0-1.75.21-2.7.63l-.34.15-.03.16-.18-.1c-1.01-.59-2.09-.89-3.22-.89h0Zm-4.43,11.86c-.38-.79-.76-1.62-1.11-2.48.33.77.71,1.6,1.11,2.48h0Z'/%3E%3C/g%3E%3Cg%3E%3Cpath class='b' d='m36.2,25.11c-4.3-8.89,1.54-19.45,1.6-19.56l.22-.38.33.29c.22.19.44.35.67.48.18.15,2.67,2.46,1.49,5.93,0,.03-.4,1.01-.56,2.13l-.02.1-.06.07v.84c0,.25.02.48.06.7.02.22.43,4.59-3.08,8.98,0,.05.01.12.03.21l.36,2.33-1.03-2.13Z'/%3E%3Cpath class='c' d='m38.11,5.73c.21.19.45.37.74.52,0,0,2.44,2.21,1.32,5.51,0,0-.4,1.02-.58,2.19-5.01,5.7-3.12,10.63-3.11,10.64-.82-5.21,3.03-9.56,3.03-9.56,0,.26.02.52.07.77,0,0,.46,4.43-3.1,8.8h0s0,.13.04.37c-4.27-8.83,1.59-19.23,1.59-19.23m-.19-1.11l-.43.77c-.06.11-1.52,2.73-2.47,6.48-1.26,5.01-.96,9.65.86,13.41l2.05,4.23-.71-4.65s0-.03,0-.05c3.5-4.46,3.09-8.9,3.07-9.09v-.03s0-.03,0-.03c-.04-.2-.06-.41-.06-.64v-.71l.05-.05.03-.21c.16-1.07.53-2.03.54-2.04,1.27-3.72-1.39-6.19-1.5-6.29l-.06-.06-.08-.04c-.21-.11-.41-.25-.61-.43l-.66-.58h0Z'/%3E%3C/g%3E%3Cg%3E%3Cpolygon class='b' points='1.92 87.94 1.92 85.63 2.85 85.63 2.85 85.5 47.97 85.5 47.97 85.63 48.63 85.63 48.63 87.94 1.92 87.94'/%3E%3Cpath class='c' d='m47.61,85.85v.13h.66v1.59H2.28v-1.59h.93v-.13h44.4m.71-.71H2.5v.13h-.93v3.01h47.42v-3.01h-.66v-.13h0Z'/%3E%3C/g%3E%3Cg%3E%3Cpath class='b' d='m2.86,85.93v-2.51h4.51v-15.59h36.08v3.97c.09,0,.18,0,.29,0,2.09,0,7.01-.75,7.46-7.66.04-.61.55-1.09,1.17-1.09h1.08c.08,0,.92-.11.92-1.51l-.02-1.54c-.29,1.17-.88,2.59-2.09,3.01l-.09.03-15.63-2.73.69-2.31,11.88.6c.08.01.14.03.22.03.12,0,.22-.04.29-.11.1-.11.16-.32.17-.59l-.67-.56.04-1.92.86-.25h4.66s1.37.32,1.37.32c.51.1.98.45,1.27.95.15.29.22.61.22.93v3.14c0,.48-.04.87-.12,1.24l-.15.61c-.22,1.01-.73,1.93-1.46,2.67l-.96.99-1.17,3.3s-1.76,7.45-10.22,7.82v6.22h4.51v2.51H2.86Zm38.16-2.95v-12.67H9.45v12.67h31.57Z'/%3E%3Cpath class='c' d='m54.67,55.56l1.28.32c.44.09.81.38,1.05.79.12.23.17.49.17.76v3.14c0,.41-.03.79-.12,1.16l-.15.61c-.2.93-.67,1.8-1.37,2.5l-1.02,1.05-1.19,3.37s-1.66,7.42-10.24,7.59v6.92h4.51v1.8H3.22v-1.8h4.51v-15.59h35.37v3.96c.11,0,.33.02.65.02,1.97,0,7.34-.64,7.82-7.99.03-.44.41-.76.81-.76h1.08s1.28-.06,1.28-1.86l-.06-3.78-.41.52s-.2,3.72-2.12,4.39l-15.15-2.65.49-1.66,11.6.58s.1.03.23.03c.32,0,.85-.16.81-1.22l-.67-.55.03-1.48.61-.17h4.57m-45.57,27.77h32.28v-13.38H9.09v13.38m45.66-28.48h-4.75l-.1.03-.61.17-.5.14v.52s-.04,1.48-.04,1.48v.34s.26.22.26.22l.4.33c-.02.14-.06.19-.06.19-.07,0-.09,0-.09,0h-.06s-.09-.02-.09-.02l-11.6-.58-.56-.03-.16.53-.49,1.66-.23.76.78.14,14.34,2.51c-.2.24-.34.54-.36.88-.41,6.33-4.56,7.32-7.05,7.33v-3.98H7.02v15.59H2.51v3.22h45.8v-3.22h-4.51v-5.53c8.07-.54,10.04-7.4,10.21-8.06l1.13-3.2.91-.94c.78-.78,1.31-1.76,1.55-2.84l.14-.6c.09-.4.14-.82.14-1.33v-3.14c0-.38-.09-.75-.25-1.07-.36-.63-.91-1.04-1.54-1.16l-1.25-.31-.08-.02h0Zm-1.36,7.85c.23-.23.43-.5.6-.79-.09.66-.44.77-.58.79h-.02Zm-43.59,7.96h30.87v11.96H9.8v-11.96h0Z'/%3E%3C/g%3E%3Cg%3E%3Cpolygon class='b' points='41.27 90.97 41.27 89.45 9.54 89.45 9.54 90.97 2.85 90.97 2.85 87.49 47.97 87.49 47.97 90.97 41.27 90.97'/%3E%3Cpath class='c' d='m47.61,87.85v2.77h-5.99v-1.52H9.19v1.52H3.21v-2.77h44.4m.71-.71H2.5v4.18h7.4v-1.52h31.02v1.52h7.4v-4.18h0Z'/%3E%3C/g%3E%3Cg%3E%3Cpath class='b' d='m28.26,62.54c-1.01-.85-1.54-2.09-1.43-3.37.16-1.91,1.71-3.45,3.62-3.58.09,0,.19,0,.28,0,1.59,0,3,.95,3.6,2.39h.06l.1.3c.07.49.16,1.25.06,2.18l-.03.32h-.09c-.54,1.55-2.02,2.62-3.69,2.62-.51,0-1.01-.1-1.52-.31l-2.2,2.26,1.24-2.81Zm2.47-3.59c-.37,0-.69.32-.69.69,0,.39.3.69.69.69.37,0,.66-.31.66-.69s-.32-.69-.66-.69Z'/%3E%3Cpath class='c' d='m30.73,55.93c1.55,0,2.88.99,3.35,2.39h.06c.09.58.15,1.28.06,2.09h-.03c-.41,1.51-1.8,2.62-3.43,2.62-.58,0-1.11-.15-1.6-.38l-.99,1.02.55-1.25c-.99-.73-1.63-1.89-1.51-3.23.15-1.75,1.57-3.14,3.29-3.26.09,0,.17,0,.26,0m0,4.75c.55,0,1.02-.47,1.02-1.05s-.47-1.05-1.02-1.05c-.58,0-1.05.49-1.05,1.05,0,.58.47,1.05,1.05,1.05m0-5.46c-.1,0-.2,0-.31.01-2.07.14-3.77,1.82-3.94,3.91-.11,1.3.39,2.57,1.35,3.49l-.34.76-1.6,3.62,2.75-2.84.65-.67c.47.17.94.25,1.43.25,1.74,0,3.29-1.05,3.94-2.62h.13l.1-.63c.08-.74.06-1.46-.06-2.27l-.09-.6h-.19c-.69-1.45-2.17-2.39-3.83-2.39h0Zm0,4.75c-.19,0-.34-.15-.34-.34,0-.16.14-.34.34-.34.15,0,.31.17.31.34,0,.18-.14.34-.31.34h0Z'/%3E%3C/g%3E%3Cg%3E%3Cpath class='b' d='m49.87,55.6l-.08-4.5c0-.24-.13-.46-.33-.59l-4.08-2.61-.16-.46.1-.15c1.61-2.28,2.86-4.02,3.72-5.17l.06-.07.58-.26,4.96,5.61c.23.26.36.6.36.94v7.27h-5.14Z'/%3E%3Cpath class='c' d='m49.6,42.21l4.78,5.42c.17.19.27.45.27.71v6.91h-4.44l-.07-4.15c0-.36-.19-.69-.49-.88l-3.97-2.55-.06-.17c1.09-1.54,2.63-3.7,3.72-5.17l.26-.12m.19-.86l-.47.21-.26.12-.17.08-.11.15c-1.09,1.47-2.63,3.63-3.73,5.18l-.21.3.12.34.06.17.08.23.21.13,3.97,2.55c.1.07.16.17.17.3l.07,4.15v.7h5.85v-7.62c0-.43-.16-.85-.44-1.17l-4.79-5.42-.34-.39h0Z'/%3E%3C/g%3E%3Cg%3E%3Cpath class='b' d='m34.89,61.07c-.13,0-.25-.02-.38-.06l-.28-.09.03-.29c.09-.78.06-1.57-.09-2.35l-.07-.34,2.47-.57.92.69-.68,2.31-.27-.05-.75.4s0,0,0,0c.01,0-.38.34-.92.34Z'/%3E%3Cpath class='c' d='m36.51,57.76l.59.45-.52,1.76h-.07s-.86.45-.86.45c0,0-.32.29-.75.29-.09,0-.18-.01-.27-.04.07-.64.09-1.49-.1-2.45l1.98-.46m.16-.76l-.32.07-1.98.46-.67.15.13.67c.14.74.17,1.5.09,2.24l-.07.58.55.18c.16.05.32.08.49.08.55,0,.97-.27,1.15-.41l.58-.31.46.09.18-.62.52-1.76.14-.47-.39-.3-.59-.45-.26-.2h0Z'/%3E%3C/g%3E%3C/svg%3E");
    background-size: 100% 100%;
    background-position: center center;
    background-repeat: no-repeat;
}


[class^="text_table_listening"] :is(ul, ol) li, [class^="text_table_observe"] :is(ul, ol) li {
    width: auto;
    background: var(--innerCellBackground);
    box-sizing: border-box;
    border-left: 1px var(--innerBorderColor) solid;
    border-top: 1px var(--innerBorderColor) solid;
    position: relative;
    padding: var(--innerCellPadding);
    font-size: 19px;
    z-index: 1;
}

[class^="text_table_listening"] :is(ul, ol) li sup, [class^="text_table_observe"] :is(ul, ol) li sup {
    font-size: 19px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

[class^="text_table_listening"] :is(ul, ol) li u, [class^="text_table_observe"] :is(ul, ol) li u, .u_text_table_observe, .u_text_table_listening, .u_text_table_listening_pronouncing {
    text-decoration: none;
    font-weight: 700;
    color: #69a297;
}

[class^="text_table_listening"] :is(ul, ol):first-of-type li, [class^="text_table_observe"] :is(ul, ol):first-of-type li {
    background: #69a297;
    color: #fff;
    font-weight: 700;
    padding: 0px;
    line-height: 25px;
    text-align: center;
}

[class^="text_table_listening"] :is(ul, ol):first-of-type li {
    border-color: #69a297;
}

[class^="text_table_listening"] :is(ul, ol) li:last-of-type, [class^="text_table_observe"] :is(ul, ol) li:last-of-type {
    border-right: 1px var(--innerBorderColor) solid;
}

[class^="text_table_listening"] :is(ul, ol):nth-of-type(2) li {
    border-top: none !important;
}

.text_table_listening_pronouncing, .text_table_observe {
    --innerCellBackground:#fff;
}

.text_table_observe {
    --row1Height: 27px;
    --row2Height: 27px;
    --secondRowBackground:#f1f5f5;
}

.text_table_listening_pronouncing :is(ul, ol):first-of-type li:first-of-type::after {
    position: absolute;
    content: '';
    background: #69a297;
    left: 0px;
    top: -25px;
}

.text_table_observe :is(ul, ol) li {
    box-sizing: border-box;
}

.text_table_listening_pronouncing :is(ul, ol) li, .text_table_observe :is(ul, ol) li {
    border-left: 2px var(--innerBorderColor) solid;
    border-top: 2px var(--innerBorderColor) solid;
}

.text_table_listening_pronouncing :is(ul, ol) li:last-of-type, .text_table_observe :is(ul, ol) li:last-of-type {
    border-right: 2px var(--innerBorderColor) solid;
}

.text_table_observe :is(ul, ol):last-of-type li {
    border-bottom: 2px var(--innerBorderColor) solid;
}

[class^="text_table_listening"] :is(ul, ol) li:first-of-type {
    border-left: none;
}

.text_table_listening_pronouncing :is(ul, ol):first-of-type li:last-of-type::before, .text_table_observe :is(ul, ol):nth-of-type(2) li:first-of-type::before {
    position: absolute;
    content: '';
    top: 0px;
    background: #fff;
    width: 35px;
    height: 35px;
    border: 1px #69a297 solid;
    border-radius: 50%;
    box-sizing: border-box;
}

[class^="text_table_listening"] :is(ul, ol):first-of-type li:last-of-type {
    border-right: 2px #69a297 solid;
}

.text_table_observe :is(ul, ol):nth-of-type(2) li {
    line-height: 25px;
    background: var(--secondRowBackground);
    text-align: center;
    padding: 0px;
}

.text_table_observe :is(ul, ol):nth-of-type(2) {
    z-index: 3;
}

.text_table_listening_pronouncing :is(ul, ol):first-of-type li:last-of-type::after, .text_table_observe :is(ul, ol):nth-of-type(2) li:first-of-type::after {
    content: '';
    position: absolute;
    top: 6px;
    width: 37px;
    height: 20.85px;
    /* aspect-ratio: 21.28 / 11.99; */
    --mask:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='a' data-name='Warstwa 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 21.28 11.99'%3E%3Cdefs%3E%3Cstyle%3E .b %7B fill: %23fff; %7D .b, .c %7B stroke-width: 0px; %7D .c %7B fill: %2369a297; %7D %3C/style%3E%3C/defs%3E%3Cpath class='b' d='m8.97,3.73c.07.1.4,1.98-1.13,3.04-1.53,1.05-3.08.99-3.21,1.08-.13.09-2.88.13-3.5-1.29-.62-1.42-.83-3.94-.41-4.39.42-.44,1.35-1.55,1.88-1.6.53-.06,2.28,1.05,2.72,1.05.45,0,2.31,1.03,2.8,1.31.49.28.85.8.85.8'/%3E%3Cpath class='b' d='m11.92,4.65c-.14.1-1.12,2.18-.85,2.71.26.54.06.83.75,1.84.69,1.01,1.63,2.06,2.46,2.26.84.2,1.54.58,2.18.25.64-.34,1.49-.82,1.92-1.32.43-.5,1.26-1.89,1.19-2.51-.07-.62.19-1.21-.53-1.74-.72-.53-1.9-1.05-2.19-1.16-.28-.11-2.13-.64-2.65-.64-.52,0-2.29.32-2.29.32'/%3E%3Cpath class='c' d='m11.52,3.98c-.23,0-.4-.11-.89-.26-.49-.16-.68-.17-.88-.3C4.8.15.21,0,.21,0,.21,0-.1,1.18.03,1.52c.13.34.44.45.44.45C.48,1.97-1.54,6.61,2.73,7.97c4.27,1.36,6.04-1.7,6.47-2.56.42-.86,1.06-.54,1.06-.54,0,0,.71.1.56,1.05-.15.95-.46,4.47,3.81,5.83,4.27,1.36,5.3-3.6,5.3-3.6,0,0,.32.1.62-.11.3-.21.73-1.35.73-1.35,0,0-3.84-2.52-9.76-2.71Zm-3.08.88c-.62,1.97-2.54,3.61-5.54,2.66C-.11,6.57.7,3.89,1.02,2.88c.32-1.01.95-2.15,3.65-1.29.9.29,4.39,1.31,3.76,3.28Zm10.52,3.71c-.32,1.01-1.2,3.67-4.2,2.72-3-.95-3.62-3.4-3-5.37.62-1.97,4.06-.79,4.96-.5,2.7.86,2.56,2.15,2.24,3.16Z'/%3E%3C/svg%3E");
    background-image: var(--mask);
    background-size: 100% auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.text_table_observe :is(ul, ol):nth-of-type(2) li:first-of-type::before {
    left: 5px;
    top: unset;
    bottom: 0px;
}

.text_table_observe :is(ul, ol):nth-of-type(2) li:first-of-type::after {
    left: 3px;
    top: unset;
    bottom: 8px;
}

.text_table_listening_pronouncing :is(ul, ol):first-of-type li:last-of-type::after, .text_table_listening_pronouncing :is(ul, ol):first-of-type li:last-of-type::before {
    right: 5px;
}

.ic_image .gwt-Image, [class^="image_"] .gwt-Image {
    width: 100% !important;
    height: 100% !important;
}

.addon_Audio, .addon_Audio .wrapper-addon-audio {
    width: 360px !important;
}

.addon_Audio .wrapper-addon-audio, .addon_Audio {
    height: 50px !important;
}

.addon_Audio .wrapper-addon-audio {
    display: flex;
    justify-content: center;
    align-items: center;
}

.addon_Audio .wrapper-addon-audio, .audioCotrols {
    position: relative;
    z-index: 200;
}

.customControls audio {
    display: none !important;
}

.addon_Audio .audioCotrols {
    height: 35px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    box-sizing: border-box;
    left: 11px;
    width: 335px;
    border-radius: 8px;
    background: var(--lessonColorAlt2);
    border: 1.5px var(--lessonColor) solid;
    padding-left: 30px;
    padding-right: 5px;
}

.addon_Audio .audioCotrols .playPauseBtn {
    position: absolute;
    color: transparent;
    text-indent: -99999px;
    background: var(--lessonColorAlt2);
    border: 2px var(--lessonColor) solid;
    top: 50%;
    left: 0px;
    transform: translate(-50%, -50%);
    box-sizing: border-box;
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.addon_Audio .audioCotrols .playPauseBtn::after, .addon_Audio .audioCotrols .playPauseBtn::before {
    content: '';
    background: var(--lessonColor);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(0);
    width: 19px;
    height: 21.2px;
    mask-image: var(--mask);
    mask-size: 100% 100%;
    mask-position: center center;
    mask-repeat: no-repeat;
    -webkit-mask-image: var(--mask);
    -webkit-mask-size: 100% 100%;
    -webkit-mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    transition: all 0.15s ease-in-out;
}

.addon_Audio .audioCotrols .playPauseBtn:hover {
    cursor: pointer;
}

.addon_Audio .audioCotrols .playPauseBtn::after {
    width: 19px;
    height: 21.2px;
    left: calc(50% + 1px);
    --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='a' data-name='Warstwa 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 538.58 602.09'%3E%3Cdefs%3E%3Cstyle%3E .b %7B fill: %23fff; stroke-width: 0px; %7D %3C/style%3E%3C/defs%3E%3Cpath class='b' d='m63.88,602.09c-10.97,0-21.95-2.89-31.95-8.66-19.99-11.54-31.93-32.22-31.93-55.3V63.96C0,40.88,11.94,20.21,31.93,8.66c20-11.55,43.88-11.55,63.88-.01l410.83,237.08c20,11.54,31.94,32.22,31.94,55.3,0,23.09-11.94,43.76-31.94,55.31l-410.83,237.08c-10,5.77-20.97,8.65-31.93,8.65Zm0-545.35c-1.44,0-2.67.48-3.61,1.02-1.63.94-3.58,2.79-3.58,6.2v474.17c0,3.42,1.95,5.26,3.58,6.2,1.64.95,4.22,1.72,7.19,0l410.83-237.08c2.96-1.71,3.59-4.32,3.59-6.2s-.62-4.49-3.59-6.2L67.47,57.76c-1.28-.74-2.49-1.02-3.59-1.02Z'/%3E%3C/svg%3E");
}

.addon_Audio .audioCotrols .playPauseBtn::before {
    --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='a' data-name='Warstwa 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 538.58 602.09'%3E%3Cdefs%3E%3Cstyle%3E .b %7B fill: %23fff; stroke-width: 0px; %7D %3C/style%3E%3C/defs%3E%3Cpath class='b' d='m174.71,56.69c10.29,0,18.63,8.34,18.63,18.63v451.44c0,10.29-8.34,18.63-18.63,18.63h-99.39c-10.29,0-18.63-8.34-18.63-18.63V75.32c0-10.29,8.34-18.63,18.63-18.63h99.39m0-56.69h-99.39C33.79,0,0,33.79,0,75.32v451.44c0,41.53,33.79,75.32,75.32,75.32h99.39c41.53,0,75.32-33.79,75.32-75.32V75.32C250.03,33.79,216.24,0,174.71,0h0Z'/%3E%3Cpath class='b' d='m463.26,56.69c10.29,0,18.63,8.34,18.63,18.63v451.44c0,10.29-8.34,18.63-18.63,18.63h-99.39c-10.29,0-18.63-8.34-18.63-18.63V75.32c0-10.29,8.34-18.63,18.63-18.63h99.39m0-56.69h-99.39c-41.53,0-75.32,33.79-75.32,75.32v451.44c0,41.53,33.79,75.32,75.32,75.32h99.39c41.53,0,75.32-33.79,75.32-75.32V75.32c0-41.53-33.79-75.32-75.32-75.32h0Z'/%3E%3C/svg%3E");
}

.addon_Audio .audioCotrols .playPauseBtn.paused::after, .addon_Audio .audioCotrols .playPauseBtn.playing::before {
    transform: translate(-50%, -50%) scale(1);
}

.addon_Audio .audioCotrols > * {
    margin: 0px;
    padding: 0px;
}

.addon_Audio .audioCotrols .audioProgress {
    line-height: 32px;
    font-size: 14px;
    color: var(--lessonColor);
}

.addon_Audio .audioCotrols .progressBarCont {
    --percentage:0;
    --negativePercentage:1;
    margin: 0 5px;
    width: 120px;
}

.addon_Audio .audioCotrols .progressBarCont, .addon_Audio .audioCotrols .volumeBarCont {
    height: 10px;
    box-sizing: border-box;
    border: 1px var(--lessonColor) solid;
    padding: 0px 2px;
    border-radius: 3px;
    position: relative;
}

.addon_Audio .audioCotrols .progressBarCont::before, .addon_Audio .audioCotrols .volumeBarCont::before {
    content: '';
    position: absolute;
    left: 1px;
    top: 1px;
    border-radius: 2px;
    background: var(--lessonColorAlt);
    height: 6px;
    z-index: 1;
}

.addon_Audio .audioCotrols .progressBarCont::before {
    width: calc(calc(var(--percentage) * 116px) + calc(var(--negativePercentage) * 6px));
}

.addon_Audio .audioCotrols .volumeBarCont::before {
    width: calc(calc(var(--percentage) * 56px) + calc(var(--negativePercentage) * 6px));
}

.addon_Audio .audioCotrols .progressBarCont .progressBar, .addon_Audio .audioCotrols .volumeBarCont .volumeBar {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: 6px;
    z-index: 2;
    margin: 0px;
    padding: 0px;
}

.addon_Audio .audioCotrols .progressBar {
    width: 116px;
    --gapWidth: 116px;
}

.addon_Audio .audioCotrols .volumeBarCont {
    --percentage:0.75;
    --negativePercentage:0.25;
    width: 60px;
}

.addon_Audio .audioCotrols .volumeBar {
    width: 56px;
    --gapWidth: 56px;
}

.addon_Audio .audioCotrols .soundBtn {
    border-radius: 0px;
    border: none;
    box-sizing: border-box;
    width: 25px;
    height: 25px;
    margin-left: 10px;
    margin-right: 5px;
    text-indent: -9999px;
    color: transparent;
    background: transparent;
    position: relative;
}

.addon_Audio .audioCotrols .soundBtn:hover {
    cursor: pointer;
}

.addon_Audio .audioCotrols .soundBtn::after, .addon_Audio .audioCotrols .soundBtn::before {
    width: 100%;
    height: 100%;
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(0);
    mask-image: var(--mask);
    mask-size: 100% 100%;
    mask-position: center center;
    mask-repeat: no-repeat;
    -webkit-mask-image: var(--mask);
    -webkit-mask-size: 100% 100%;
    -webkit-mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    transition: all 0.15s ease-in-out;
    background: var(--lessonColor);
}

.addon_Audio .audioCotrols .soundBtn::after {
    --mask:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='a' data-name='Warstwa 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 70.87 70.87'%3E%3Cdefs%3E%3Cstyle%3E .b %7B stroke-width: 0px; %7D .b, .c, .d %7B fill: none; %7D .c %7B stroke-linecap: round; %7D .c, .d %7B stroke: %23fff; stroke-miterlimit: 10; stroke-width: 2.83px; %7D %3C/style%3E%3C/defs%3E%3Crect class='b' width='70.87' height='70.87'/%3E%3Cpath class='d' d='m27.26,19.84l-13.17,7.63c-.34.21-.76.32-1.2.32H3.61c-1.04,0-1.87.62-1.87,1.38v12.56c0,.76.84,1.38,1.87,1.38h9.27c.44,0,.87.11,1.2.32l13.17,7.63c1.22.75,3.08.11,3.08-1.06v-29.11c0-1.17-1.86-1.81-3.08-1.06Z'/%3E%3Cpath class='c' d='m42.13,29.49c2.76.57,4.84,3.01,4.84,5.94s-2.05,5.35-4.79,5.93'/%3E%3Cpath class='c' d='m43.94,46.53c5.16-1.06,9.05-5.62,9.05-11.1s-3.81-9.95-8.89-11.07'/%3E%3Cpath class='c' d='m46.06,51.35c7.26-1.66,12.69-8.15,12.69-15.91s-5.43-14.26-12.69-15.91'/%3E%3C/svg%3E");
}

.addon_Audio .audioCotrols .soundBtn::before {
    --mask:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='a' data-name='Warstwa 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 70.87 70.87'%3E%3Cdefs%3E%3Cstyle%3E .b %7B stroke-width: 0px; %7D .b, .c, .d %7B fill: none; %7D .c %7B stroke-linecap: round; %7D .c, .d %7B stroke: %23fff; stroke-miterlimit: 10; stroke-width: 2.83px; %7D %3C/style%3E%3C/defs%3E%3Crect class='b' width='70.87' height='70.87'/%3E%3Cpath class='d' d='m27.26,19.84l-13.17,7.63c-.34.21-.76.32-1.2.32H3.61c-1.04,0-1.87.62-1.87,1.38v12.56c0,.76.84,1.38,1.87,1.38h9.27c.44,0,.87.11,1.2.32l13.17,7.63c1.22.75,3.08.11,3.08-1.06v-29.11c0-1.17-1.86-1.81-3.08-1.06Z'/%3E%3Cline class='c' x1='63.58' y1='45.89' x2='42.68' y2='24.98'/%3E%3Cline class='c' x1='42.68' y1='45.89' x2='63.58' y2='24.98'/%3E%3C/svg%3E");
}

.addon_Audio .audioCotrols .soundBtn.soundON::after, .addon_Audio .audioCotrols .soundBtn.soundOFF::before {
    transform: translate(-50%, -50%) scale(1);
}

.addon_Audio .audioCotrols input[type=range] {
    -webkit-appearance: none;
    background: transparent;
    position: relative;
}
  
/*  {
    -webkit-appearance: none;
} */
  
.addon_Audio .audioCotrols input[type=range]:focus, .addon_Audio .audioCotrols input[type=range]:hover {
    outline: none;
    cursor: pointer;
}
  
.addon_Audio .audioCotrols input[type=range]::-ms-track {
    cursor: pointer;
    background: transparent; 
    border-color: transparent;
    color: transparent;
}
.addon_Audio .audioCotrols input[type=range]::-webkit-slider-runnable-track, .addon_Audio .audioCotrols input[type=range]::-moz-range-track {
    background: transparent;
    color: transparent;
}
.addon_Audio .audioCotrols input[type=range]::-webkit-slider-thumb, .addon_Audio .audioCotrols input[type=range]::-moz-range-thumb {
    -webkit-appearance: none; /* Override default look */
   appearance: none;
    height: 6px;
    width: 6px;
    box-sizing: border-box;
    border: 0px;
    border-radius: 0px;
    outline:none;
    background: var(--lessonColor);
    border-radius: 2px;
}

.addon_Audio .audioCotrols input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none; /* Override default look */
   appearance: none;
   height: 6px;
    width: 6px;
    box-sizing: border-box;
    border: 0px;
    border-radius: 0px;
    outline:none;
    background: var(--lessonColor);
    border-radius: 2px;
}

.addon_Audio {
    z-index: 1;
}

.addon_Audio.ice_module {

}

.addon_Audio.ice_module .audioplayer {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    border-radius: 0px;
    height: 100%;
}
.addon_Audio.ice_module .audioplayer::after {
    z-index: 3;
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    background-image: url("https://files.wydawnictwodraco.pl/webload2_offlineCompatible/index.php?img=guide");
    background-size: auto 100%;
    background-position: center center;
    background-repeat: no-repeat;
}

.addon_Audio.ice_module .wrapper-addon-audio {
    z-index: 1;
    position: relative;
    width: 360px !important;
    height: 50px !important;
}

.addon_Audio.ice_module .wrapper-addon-audio audio {
    z-index: 1;
    display: none;
}

.addon_Audio.ice_module .wrapper-addon-audio::before {
    content: '';
    z-index: 2;
    position: absolute;
    width: 360px !important;
    height: 50px !important;
    left: 0px;
    top: 0px;
    background-image: url("https://files.wydawnictwodraco.pl/webload2_offlineCompatible/index.php?img=audiobg");
    background-size: auto 100%;
    background-position: center center;
    background-repeat: no-repeat;
}

.addon_Audio:not(.ice_module) .wrapper-addon-audio .audioplayer {
    display: none;
}
/* klasy modułówy */

.text_irregular_crossword {
    --gridAreas: "cell_0 cell_1 cell_2 cell_3"
    "cell_4 cell_5 cell_6 cell_7";
    --gridColumns:var(--cellSize) var(--cellSize) var(--cellSize) var(--cellSize);
    --cellSize:40px;
    --indicatorNumberLeft: 2px;
    --indicatorNumberTop: 2px;
    --indicatorNumberRight: unset;
    --indicatorNumberBottom: unset;

}

.text_irregular_crossword.doc_module {
    --gridAreas: "cell_0 cell_1 cell_2 cell_3 cell_4 cell_5"". cell_6 . . . .""cell_7 cell_8 cell_9 cell_10 . ."". cell_11 . cell_12 . ."". . . cell_13 . .""cell_14 cell_15 cell_16 cell_17 cell_18 .";
    --gridColumns:var(--cellSize) var(--cellSize) var(--cellSize) var(--cellSize) var(--cellSize) var(--cellSize);
}

.text_irregular_crossword ul {
    position: absolute;
    left: 0px;
    top: 0px;
    padding: 0px;
    list-style-type: none;
    row-gap: 1px;
    column-gap: 1px;
    display: grid;
    grid-template-columns: var(--gridColumns);
    grid-template-rows: auto;
    grid-template-areas: var(--gridAreas);
}

.text_irregular_crossword ul li {
    width: var(--cellSize);
    position: relative;
    height: var(--cellSize);
    background: #fff;
    box-shadow: 0px 0px 0px 1px black;
}

.text_irregular_crossword.ice_module ul li u {
    text-decoration: none;
}

.text_irregular_crossword.ice_module ul li u, .text_irregular_crossword ul li input {
    position: absolute;
    width: 100% !important;
    height: 100% !important;
    line-height: var(--cellSize);
    text-align: center;
    border: none;
    border-radius: 0px;
    padding: 0px;
    box-sizing: border-box;
    z-index: 2;
    background: transparent;
    font-size: 20px;
}

.text_irregular_crossword ul li.correctCell input {
    color: var(--correctColor);
}

.text_irregular_crossword ul li.wrongCell input {
    color: var(--wrongColor);
}

.text_irregular_crossword.ice_module ul li u, .text_irregular_crossword ul li.showAnswersCel input {
    color: #555;
}

.text_irregular_crossword.ice_module ul li i, .text_irregular_crossword ul li .number {
    position: absolute;
    z-index: 1;
    font-size: 12px;
    line-height: 12px;
    left: var(--indicatorNumberLeft);
    top: var(--indicatorNumberTop);
    right: var(--indicatorNumberRight);
    bottom: var(--indicatorNumberBottom);
    font-style: normal;
}

.text_irregular_crossword:not(.ice_module) ul li u {
    color: transparent;
    display: none;
}

#scoring_info > *:not(.moduleSelector), #scoring_btns > *:not(.moduleSelector) {
    display: unset !important;
    visibility: unset !important;
}

#scoring_info, #scoring_btns {
    display: flex !important;
}

.ui-droppable.fixedWidth {
    width: var(--prevWidth) !important;
}

.game_playerCount_question {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 300px;
    height: 150px;
    z-index: 200;
    filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.5));
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    box-sizing: border-box;
    padding: 20px;
    --bg: var(--lessonColorAlt);
    --borderColor: var(--lessonColor);
    --borderWidth: 2px;
    --cutRadius: 15px;
}

.game_playerCount_question p, .game_playerCount_question input, .game_playerCount_question button {
    z-index: 2;
    position: relative;
}

.game_playerCount_question button {
    position: absolute;
    left: 50%;
    bottom: 20px;
    box-sizing: border-box;
    transform: translateX(-50%);
    --bg: var(--themeVioletAlt);
    --borderColor: var(--themeViolet);
    color: var(--themeViolet);
    --borderWidth: 1px;
    --cutRadius: 5px;
    transition: all 0.15s ease-in-out;
    background: transparent;
    border-radius: 0px;
    outline: none;
    border: none;
    line-height: 28px;
    font-size: 19px;
    height: 30px;
    text-align: center;
    width: 60px;
}

.game_playerCount_question button:hover {
    color: var(--themeVioletAlt);
    cursor: pointer;
}

.game_playerCount_question::before, .game_playerCount_question::after, .game_playerCount_question button::before, .game_playerCount_question button::after {
    z-index: 1;
    width: 100%;
    height: 100%;
    left: 0px;
    position: absolute;
    top: 0px;
    content: '';
    --mask1:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='a' data-name='Warstwa 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.22 14.22'%3E%3Cdefs%3E%3Cstyle%3E .b %7B fill: %23fff; stroke-width: 0px; %7D %3C/style%3E%3C/defs%3E%3Cpath class='b' d='m13.39,0c0,7.4-6,13.39-13.39,13.39v.83h14.22V0h-.83Z'/%3E%3C/svg%3E");
    --mask2:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='a' data-name='Warstwa 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.22 14.22'%3E%3Cdefs%3E%3Cstyle%3E .b %7B fill: %23fff; stroke-width: 0px; %7D %3C/style%3E%3C/defs%3E%3Cpath class='b' d='m14.22,13.39C6.83,13.39.83,7.4.83,0h-.83v14.22h14.22v-.83Z'/%3E%3C/svg%3E");
    --mask3:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='a' data-name='Warstwa 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.22 14.22'%3E%3Cdefs%3E%3Cstyle%3E .b %7B fill: %23fff; stroke-width: 0px; %7D %3C/style%3E%3C/defs%3E%3Cpath class='b' d='m.83,14.22C.83,6.83,6.83.83,14.22.83v-.83H0v14.22h.83Z'/%3E%3C/svg%3E");
    --mask4:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='a' data-name='Warstwa 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.22 14.22'%3E%3Cdefs%3E%3Cstyle%3E .b %7B fill: %23fff; stroke-width: 0px; %7D %3C/style%3E%3C/defs%3E%3Cpath class='b' d='m0,.83c7.4,0,13.39,6,13.39,13.39h.83V0H0v.83Z'/%3E%3C/svg%3E");
    --maskBlank: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='a' data-name='Warstwa 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.22 14.22' preserveAspectRatio='none'%3E%3Cdefs%3E%3Cstyle%3E .b %7B fill: %23fff; stroke-width: 0px; %7D %3C/style%3E%3C/defs%3E%3Crect class='b' width='14.22' height='14.22'/%3E%3C/svg%3E");
    transition: all 0.15s ease-in-out;
}

.game_playerCount_question button::before, .game_playerCount_question button::after {
    z-index: -1;
}

.game_playerCount_question::after, .game_playerCount_question button::after {
    background: var(--bg);
    width: 100%;
    height: 100%;
    --borderCutRadius: calc(var(--cutRadius) + calc(var(--borderWidth)*1.1));
    clip-path: polygon(var(--borderWidth) var(--borderWidth), calc(100% - var(--borderWidth)) var(--borderWidth), calc(100% - var(--borderWidth)) calc(100% - var(--borderWidth)), var(--borderWidth) calc(100% - var(--borderWidth)));
    mask-image: var(--mask1), var(--mask2), var(--mask3), var(--mask4), var(--maskBlank), var(--maskBlank);
    mask-size: var(--borderCutRadius) var(--borderCutRadius), var(--borderCutRadius) var(--borderCutRadius), var(--borderCutRadius) var(--borderCutRadius), var(--borderCutRadius) var(--borderCutRadius), 100% calc(calc(100% - calc(var(--borderCutRadius)*2)) + 1px), calc(calc(100% - calc(var(--borderCutRadius)*2)) + 1px) 100%;
    mask-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
    mask-position: top left, top right, bottom right, bottom left, 0px calc(var(--borderCutRadius) - 0.5px), calc(var(--borderCutRadius) - 0.5px) 0px;
    -webkit-mask-image: var(--mask1), var(--mask2), var(--mask3), var(--mask4), var(--maskBlank), var(--maskBlank);
    -webkit-mask-size: var(--borderCutRadius) var(--borderCutRadius), var(--borderCutRadius) var(--borderCutRadius), var(--borderCutRadius) var(--borderCutRadius), var(--borderCutRadius) var(--borderCutRadius), 100% calc(calc(100% - calc(var(--borderCutRadius)*2)) + 1px), calc(calc(100% - calc(var(--borderCutRadius)*2)) + 1px) 100%;
    -webkit-mask-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
    -webkit-mask-position: top left, top right, bottom right, bottom left, 0px calc(var(--borderCutRadius) - 0.5px), calc(var(--borderCutRadius) - 0.5px) 0px;
}

.game_playerCount_question::before, .game_playerCount_question button::before {
    background: var(--borderColor);
    width: 100%;
    height: 100%;
    mask-image: var(--mask1), var(--mask2), var(--mask3), var(--mask4), var(--maskBlank), var(--maskBlank);
    mask-size: var(--cutRadius) var(--cutRadius), var(--cutRadius) var(--cutRadius), var(--cutRadius) var(--cutRadius), var(--cutRadius) var(--cutRadius), 100% calc(calc(100% - calc(var(--cutRadius)*2)) + 1px), calc(calc(100% - calc(var(--cutRadius)*2)) + 1px) 100%;
    mask-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
    mask-position: top left, top right, bottom right, bottom left, 0px calc(var(--cutRadius) - 0.5px), calc(var(--cutRadius) - 0.5px) 0px;
    -webkit-mask-image: var(--mask1), var(--mask2), var(--mask3), var(--mask4), var(--maskBlank), var(--maskBlank);
    -webkit-mask-size: var(--cutRadius) var(--cutRadius), var(--cutRadius) var(--cutRadius), var(--cutRadius) var(--cutRadius), var(--cutRadius) var(--cutRadius), 100% calc(calc(100% - calc(var(--cutRadius)*2)) + 1px), calc(calc(100% - calc(var(--cutRadius)*2)) + 1px) 100%;
    -webkit-mask-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
    -webkit-mask-position: top left, top right, bottom right, bottom left, 0px calc(var(--cutRadius) - 0.5px), calc(var(--cutRadius) - 0.5px) 0px;
}

.game_playerCount_question button:hover::before {
    background: var(--bg);
}

.game_playerCount_question button:hover::after {
    background: var(--borderColor);
}

.game_playerCount_question p {
    width: 100%;
    margin-bottom: 10px;
    text-align: center;
}

.game_playerCount_question input {
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='a' data-name='Warstwa 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 85.04 42.52'%3E%3Cdefs%3E%3Cstyle%3E .b %7B fill: none; %7D .b, .c %7B stroke-width: 0px; %7D .c %7B fill: %234c1d53; %7D %3C/style%3E%3C/defs%3E%3Ccircle class='c' cx='21.26' cy='21.26' r='21.26'/%3E%3Ccircle class='b' cx='63.78' cy='21.26' r='21.26'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='a' data-name='Warstwa 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cdefs%3E%3Cstyle%3E .b %7B fill: %23fff; stroke-width: 0px; %7D %3C/style%3E%3C/defs%3E%3Crect class='b' width='100' height='100'/%3E%3C/svg%3E");
    background-repeat: repeat-x, no-repeat;
    background-position: 0px 21.5px, center center;
    background-size: 3px 1.5px, 100% 100%;
    background-clip: content-box, border-box;
    box-sizing: border-box;
    height: 28px !important;
    padding: 0px 5px;
    border: 1.5px var(--themeViolet) solid;
    font-size: 19px;
    line-height: 25px;
    border-radius: 5px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-align: center;
    margin: 0px;
    outline: none;
}

.game_playerCount_question input.wrongNumber {
    border: 1.5px var(--wrongColorAlt) solid;
    color: var(--wrongColor);
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='a' data-name='Warstwa 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 85.04 42.52'%3E%3Cdefs%3E%3Cstyle%3E .b %7B fill: none; %7D .b, .c %7B stroke-width: 0px; %7D .c %7B fill: %23AB3351; %7D %3C/style%3E%3C/defs%3E%3Ccircle class='c' cx='21.26' cy='21.26' r='21.26'/%3E%3Ccircle class='b' cx='63.78' cy='21.26' r='21.26'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='a' data-name='Warstwa 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cdefs%3E%3Cstyle%3E .b %7B fill: %23fff; stroke-width: 0px; %7D %3C/style%3E%3C/defs%3E%3Crect class='b' width='100' height='100'/%3E%3C/svg%3E");
}

.ic_choice .ic_soption-up{
background-image: none !important;
border-radius: 1000px !important;
background-image: none;
border: 1.5px var(--lessonColor) solid;
width: 29px !important;
height: 29px !important;
background-color: #fff;
padding-left: 0px;
padding-right: 0px;
position: relative;
}
.ic_choice .ic_soption .html-face{
min-height: 30px;
  padding-left: 39px;
  padding-top: 0px;
  width: 100px;
  display: inline-block;
}

.ic_soption-up-hovering{
    background-image: none !important;
    border-radius: 1000px !important;
    background-image: none;
    border: 1.5px var(--lessonColor) solid;
    width: 29px !important;
    height: 29px !important;
    background-color: #fff;;
    padding-left: 0px;
    padding-right: 0px;
    position: relative;
    }

.ic_soption-up-hovering::before{
    content: "";
    background-color: var(--lessonColor);
    width: 20px !important;
    height: 20px !important;
    top: 4.5px;
    left: 4.5px;
    position: absolute;
    z-index: 4;
    border-radius: 1000px;
    }

.ic_soption-down{
    background-image: none !important;
    border-radius: 1000px !important;
    background-image: none;
    border: 1.5px var(--lessonColor) solid;
    width: 29px !important;
    height: 29px !important;
    background-color: #fff;
    padding-left: 0px;
    padding-right: 0px;
    position: relative;
    }
    
.ic_soption-down::before{
    content: "";
    background-color: var(--lessonColor);
    width: 20px !important;
    height: 20px !important;
    top: 4.5px;
    left: 4.5px;
    position: absolute;
    z-index: 4;
    border-radius: 1000px;
    }

.ic_soption-down-hovering{
    background-image: none !important;
    border-radius: 1000px !important;
    background-image: none;
    border: 1.5px var(--lessonColor) solid;
    width: 29px !important;
    height: 29px !important;
    background-color: #fff;
    padding-left: 0px;
    padding-right: 0px;
    position: relative;
            }
        
.ic_soption-down-hovering::before{
    content: "";
    background-color: var(--lessonColor);
    width: 20px !important;
    height: 20px !important;
    top: 4.5px;
    left: 4.5px;
    position: absolute;
    z-index: 4;
    border-radius: 1000px;
    }

.ic_soption-down-correct, .ic_soption-down-correct-answer{
    background-image: none !important;
    border-radius: 1000px !important;
    background-image: none;
    border: 1.5px var(--correctColor) solid;
    width: 29px !important;
    height: 29px !important;
    background-color: #fff;
    padding-left: 0px;
    padding-right: 0px;
    position: relative;
    }

.ic_soption-down-correct::before, .ic_soption-down-correct-answer::before{
    content: "";
    background-color: var(--correctColor);
    width: 20px !important;
    height: 20px !important;
    top: 4.5px;
    left: 4.5px;
    position: absolute;
    z-index: 4;
    border-radius: 1000px;  
    }

.ic_soption-down-wrong{
    background-image: none !important;
    border-radius: 1000px !important;
    background-image: none;
    border: 1.5px var(--wrongColor) solid;
    width: 29px !important;
    height: 29px !important;
    background-color: #fff;
    padding-left: 0px;
    padding-right: 0px;
    position: relative;
    }

.ic_soption-down-wrong::before{
    content: "";
    background-color: var(--wrongColor);
    width: 20px !important;
    height: 20px !important;
    top: 4.5px;
    left: 4.5px;
    position: absolute;
    z-index: 4;
    border-radius: 1000px;  
    }
    
.ic_soption-up-disabled{
background-image: none !important;
border-radius: 1000px !important;
background-image: none;
border: 1.5px var(--themeGrayAlt) solid;
width: 29px !important;
height: 29px !important;
background-color: #fff;
padding-left: 0px;
padding-right: 0px;
position: relative;
}

/* .zoomGroup {
    transition: all 0.3s ease-in-out;
    --imageRotation:0deg;
    --maxScale:0.5;
    --extraSpace:0px;
}

.zoomGroup.maximized {
    left: 50% !important;
    top: 50% !important;
    transform: translateX(var(--extraSpace)) rotateZ(var(--imageRotation)) translate(-50%, -50%) scale(var(--maxScale)) !important;
    z-index: 200;
}

.zoomGroup.maximized .imageParent {
    position: absolute;
    left: 50% !important;
    top: 50% !important;
} */

.zoomGroup-viewer {
    overflow: hidden;
    --cutX:0px;
    --cutY:0px;
    clip-path: polygon(var(--cutX) 0, 100% var(--cutY), calc(100% - var(--cutX)) 100%, 0 calc(100% - var(--cutY)));
}

.zoomGroup-viewer .viewedGroup {
    --targetScale: 1;
    --startPos: translate(-50%, -50%);
    transition: 0.3s transform ease-in-out;
}

.zoomGroup-viewer:not(.viewed) .viewedGroup {
    transform: var(--startPos) scale(var(--targetScale));
}

.zoomGroup-viewer.viewed .viewedGroup {
    --currentXOffset:0%;
    --currentYOffset:0%;
    left: calc(50% + var(--currentXOffset)) !important;
    top: calc(50% + var(--currentYOffset)) !important;
    transform: translate(-50%, -50%);
}

.zoomGroupMoving:not(.zoomGroup-viewer) > *, .zoomGroupMoving {
    touch-action: none !important;
    user-select: none !important;
}

.clockDrag > * {
    touch-action: none !important;
    user-select: none !important;
}

.ic_page.WorkBook.etape3.Zadanie1i2 .text_dottedBorderGap {
    z-index: 5 !important;
}

.extrasButtonCont {
    position: absolute;
    height: 30px !important;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    justify-content: space-between;
}

.extrasButtonCont.two-elements {
    width: 80px;
    left: -90px;
}

.extrasButtonCont.one-element {
    width: 35px;
    left: -45px;
}

.extrasButtonCont button {
    background: transparent;
    border: none;
    outline: none;
    border-radius: 0px;
    position: relative;
    width: 35px;
    height: 30px;
    padding: 0px;
}

.extrasButtonCont button::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    transition: all 0.15s ease-in-out;
    background: var(--lessonColor);
    mask-image:var(--mask);
    mask-size: auto 100%;
    mask-position: center center;
    mask-repeat: no-repeat;
    -webkit-mask-image:var(--mask);
    -webkit-mask-size: auto 100%;
    -webkit-mask-position: center center;
    -webkit-mask-repeat: no-repeat;
}

.extrasButtonCont button::after {
    content: '';
    line-height: 18px;
    background: rgba(0, 0, 0, 0.65);
    color: #fff;
    font-family: 'Open Sans';
    font-size: 12px;
    padding: 3px 5px;
    padding-top: 13px;
    clip-path: polygon(0% 13px, 3px 13px, 3px 10px, calc(50% + 6px) 10px, 50% 0px, calc(50% - 6px) 10px, calc(100% - 3px) 10px, calc(100% - 3px) 13px, 100% 13px, 100% calc(100% - 3px), calc(100% - 3px) calc(100% - 3px), calc(100% - 3px) 100%, 3px 100%, 3px calc(100% - 3px), 0% calc(100% - 3px));
    width: auto;
    height: auto;
    position: absolute;
    bottom: 0px;
    white-space: nowrap;
    pointer-events: none;
    left: 50%;
    transform: translate(-50%, 50%);
    opacity: 0;
    transition: all 0.3s ease-in-out;
}

.extrasButtonCont button.extrasBtn {
    --mask:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='a' data-name='Warstwa 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25.86 27.9'%3E%3Cdefs%3E%3Cstyle%3E .b %7B fill: none; stroke: %23fff; stroke-miterlimit: 10; %7D %3C/style%3E%3C/defs%3E%3Cpath class='b' d='m2.79,11.75l14.3,14.3s3.2,3.2,6.66-.27.27-6.66.27-6.66L6.48,1.58s-2.19-2.49-4.77.08-.23,4.91-.23,4.91l13.55,13.55s1.41,1.63,3.05-.01.13-3.17.13-3.17L7.93,6.66'/%3E%3C/svg%3E");
}

.extrasButtonCont button.extrasBtn::after {
    content: 'Materiały dodatkowe';
}

.extrasButtonCont button.otherBookBtn {
    --mask:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='a' data-name='Warstwa 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28.67 28.42'%3E%3Cdefs%3E%3Cstyle%3E .b %7B stroke-miterlimit: 10; %7D .b, .c %7B fill: none; stroke: %23fff; %7D .c %7B stroke-miterlimit: 10; stroke-width: 1px; %7D %3C/style%3E%3C/defs%3E%3Crect class='c' x='10.72' y='.88' width='6.56' height='26.22' rx='.23' ry='.23' transform='translate(-5.79 14) rotate(-45)'/%3E%3Cpath class='b' d='m7.04,2.4L2.4,7.04l-1.52-1.52c-.51-.51-.51-1.34,0-1.85L3.67.88c.51-.51,1.34-.51,1.85,0l1.52,1.52h0Z'/%3E%3Cpath class='b' d='m27.95,27.52l-2.38-6.39s-.09-.07-.13-.03l-4.39,4.39s-.03.11.03.13l6.49,2.28c.24.08.46-.15.37-.38h.01Z'/%3E%3C/svg%3E");
}

.extrasButtonCont button.otherBookBtn::after {
    content: 'Ćwiczenia';
}

.extrasButtonCont button.otherBookBtn.workbook {
    --mask:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='a' data-name='Warstwa 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29.3 21.16'%3E%3Cdefs%3E%3Cstyle%3E .b %7B stroke-linecap: round; %7D .b, .c %7B fill: none; stroke: %23fff; stroke-miterlimit: 10; %7D %3C/style%3E%3C/defs%3E%3Cpath class='b' d='m2.4,1.86h-1.3c-.3,0-.6.3-.6.6v17.6c0,.3.3.6.6.6h27.1c.3,0,.6-.3.6-.6V2.46c0-.3-.3-.6-.6-.6h-1.4'/%3E%3Cpath class='c' d='m25.4,1.16v15.8c0,.3-.2.7-.6.7-2.2,0-8.1.6-10.2,2.9-.1.1,0-14.8,0-17,1.5-1.8,7.5-3.4,10.2-3,.4-.1.6.2.6.6Z'/%3E%3Cpath class='c' d='m3.8,1.16v15.8c0,.3.2.7.6.7,2.2,0,8.1.6,10.2,2.9.1.1,0-14.8,0-17C13.1,1.76,7.1.16,4.4.56c-.4-.1-.6.2-.6.6Z'/%3E%3C/svg%3E");
}

.extrasButtonCont button.otherBookBtn.workbook::after {
    content: 'Podręcznik';
}

.extrasButtonCont button.otherBookBtn.workbook::before {
    mask-size: 100% 100%;
    -webkit-mask-size: 100% 100%;
}

.extrasButtonCont button:hover {
    cursor: pointer;
}

.extrasButtonCont button:hover::before {
    background: var(--themeViolet);
}

.extrasButtonCont button:hover::after {
    opacity: 1;
    transform: translate(-50%, 100%);
}

.ic_page.manual.etape1-9 .text_cutCorners_double {
    font-size: 21px;
}


.ic_page.manual:is(.etapes1-3, .etapes4-6, .etapes7-9) .text_end {
    font-size: 19px;
    line-height: 30px;
}

.ic_page.manual.etapes1-3.Część1a #Text3.text_end {
    font-size: 19px;
    line-height: 29px;
}

.ic_page.manual.etapes1-3.Część2a #Text1.text_end {
    font-size: 19px;
    line-height: 33px !important;
}

.ic_page.manual.etapes1-3.Część4 #Text13 {
    line-height: 30px !important;
}

.ic_page.manual.etapes1-3.Część9 #Text3.text_end {
    line-height: 33px !important;
}

.ic_page.manual.etapes1-3.Część9 #Text1 {
    line-height: 26px !important;
}

.ic_page.manual.etapes1-3.Część10 #Text3 {
    line-height: 30px !important;
}

.ic_page.manual.etapes1-3.Część10 #Text1 {
    line-height: 27px !important;
}

.fakeImg {
    position: absolute !important;
    user-select: none;
}

.navigationCont.etape0.manual .extrasButtonCont{
    top: -42px;
}

.ic_page.manual.etape7.Zadanie8 #Choice5{
    width: 308px !important;
}

.ic_page.manual.etapes1-3.Część2a #Text6, .ic_page.manual.etapes1-3.Część2b #Text6{
    width: 429px !important;
}

.ic_page.manual.etapes4-6.Część4 .text_unorderedList ul li u {
    color: transparent;
    position: relative;
    left: -12px;
}