@import url(https://fonts.googleapis.com/css2?family=Fira+Sans+Condensed:wght@400;500;700&display=swap);html{--eoppi-grey-5:#0d0d0d;--eoppi-grey-15:#262626;--eoppi-grey-50:gray;--eoppi-grey-90:#e6e6e6;--eoppi-grey-95:#f2f2f2;--eoppi-grey-98:#fafafa;--eoppi-white:#fff;--eoppi-blue-logo:#006da7;--eoppi-blue-logo-40:#99c5dc;--eoppi-blue-logo-25:#bfdbe9;--eoppi-blue-logo-10:#e5f0f6;--eoppi-blue-logo-dark:#00537e;--eoppi-blue-light:#008bc3;--eoppi-blue-light-70:#4badd4;--eoppi-blue-bg:#e3f3f6;--eoppi-blue-bg-alt:#cce8f3;--eoppi-red:#a61416;--eoppi-red-40:#dba1a2;--eoppi-red-25:#e9c4c5;--eoppi-green-hl:#24b34b;--eoppi-green-hl-40:#a7e1b7;--eoppi-green-hl-25:#c8ecd2;--eoppi-purple-light-hl:#933cef;--eoppi-color-0:#dbeff7;--eoppi-color-1:#55158c;--eoppi-color-1-80:#7643a2;--eoppi-color-1-40:#bba1d1;--eoppi-color-1-25:#d4c4e2;--eoppi-color-2:#253a6d;--eoppi-color-2-40:#a8b0c5;--eoppi-color-2-25:#c8cedb;--eoppi-color-3:#3a7527;--eoppi-color-3-40:#b0c8a9;--eoppi-color-3-25:#cedcc9;--eoppi-color-4:#9d764f;--eoppi-color-4-40:#d8c8b9;--eoppi-color-4-25:#e6ddd3;--eoppi-color-5:#cc5817;--eoppi-color-5-40:#ebbca2;--eoppi-color-5-25:#f2d5c5;--eoppi-color-6:#8c210f;--eoppi-color-6-40:#d1a69f;--eoppi-color-6-25:#e2c7c3;--eoppi-color-7:#ffee25;--eoppi-color-7-40:#fff8a8;--eoppi-color-7-25:#fffbc8;--eoppi-subject-color:#00787f;--eoppi-subject-color-40:#99c9cc;--eoppi-subject-color-25:#bfdddf;--eoppi-subject-color-10:#e5f1f2;--eoppi-pattern:url(https://e-oppi.fi/opiq/patterns/pattern-20-science.svg);--eoppi-pattern-dark:url(https://e-oppi.fi/opiq/patterns/pattern-dark-20-science.svg);--eoppi-pattern-02:url(https://e-oppi.fi/opiq/patterns/pattern-02-science.svg);--eoppi-pattern-dark-02:url(https://e-oppi.fi/opiq/patterns/pattern-dark-02-science.svg);--eoppi-pattern-size:6.83rem;--eoppi-pattern-size-large:13.65rem;--gap:1rem;--radiussmall:.15rem;--radius:.3rem;--radiuslarge:.5rem}.chapterBar,.taskbar{background:var(--eoppi-white);padding:calc(var(--gap)/2) var(--gap);opacity:1;overflow:auto;border-bottom:1px solid var(--eoppi-grey-95)}.chapterBar>span{padding:.7rem 0}.chapterBar>span span{padding:0}.block .answers,.block .exercise-description,.block .fiveCols,.block .fourCols,.block .intro,.block .options,.block .threeCols,.block .twoCols,.block cite,.block p,.block span.origin,.block.section-speak-content,div[class*=kit-1e1W4-box-]{margin-bottom:var(--gap)}.container .block{padding-bottom:0}.kit-1e1W4-box-exercise .exercise .head h3,div[class*=kit-1e1W4-box-]>:first-child{margin-top:0}div[class*=kit-1e1W4-box-]>:last-child{margin-bottom:0}::selection{background:var(--eoppi-blue-logo-dark);color:var(--eoppi-blue-logo-10)}h1,h2,h3,h4,h5,h6{font-family:'Fira Sans Condensed',sans-serif;letter-spacing:normal;font-weight:700}h3,h4,h5,h6{font-weight:500}.block h3,.block h4,.block h5,.block h6{clear:both;margin-top:calc(var(--gap)*2);margin-bottom:var(--gap)}.block #mediaGallery p,.block .common.serif,.block .fox-sliders .value,.block .list li,.block .list:not(.sans-serif) li,.block p{font-family:Arial,sans-serif}.block #mediaGallery p,.block .answers,.block .caption,.block .common.serif,.block .fox-sliders .value,.block .list li,.block .options,.block cite,.block h6,.block p,.block span.origin{color:var(--eoppi-grey-15);font-size:1rem}#mediaCaptionContext .caption{color:var(--eoppi-grey-90)}.block .anchorMarker,.block .internalLinkMarker,.block a:link,.block a:visited,.chapterBar a:link,.chapterBar a:visited{color:var(--eoppi-blue-logo)}.block .anchorMarker:active,.block .anchorMarker:focus,.block .anchorMarker:hover,.block .internalLinkMarker:active,.block .internalLinkMarker:focus,.block .internalLinkMarker:hover,.block a:active,.block a:focus,.block a:hover,.chapterBar a:active,.chapterBar a:focus,.chapterBar a:hover{color:var(--eoppi-blue-light)}.block .anchorMarker,.block .internalLinkMarker{border-bottom:.1rem solid var(--eoppi-blue-logo)}.block .anchorMarker:active,.block .anchorMarker:focus,.block .anchorMarker:hover,.block .internalLinkMarker:active,.block .internalLinkMarker:focus,.block .internalLinkMarker:hover{border-bottom-color:#008bc3}.block .definition{color:var(--eoppi-color-1-80);border-bottom:.1rem dashed var(--eoppi-color-1-80);padding-bottom:0}.block .media .caption{font-style:italic;background:var(--eoppi-grey-95);padding:calc(var(--gap)/2) var(--gap)}.block blockquote{border-left:var(--eoppi-subject-color-10) solid calc(var(--gap)/2);padding-left:var(--gap)}.block blockquote p{quotes:"\0022" "\0022"}.block blockquote p::after,.block blockquote p::before{font-style:italic;font-weight:700;color:var(--eoppi-subject-color-40)}.block blockquote p::before{content:open-quote;padding-right:.4rem}.block blockquote p::after{content:close-quote}.block blockquote cite::before{content:"\2013\0020"}.block .drag-option-content,.block .dragdrop .group:not([data-default=true]),.block .dragdrop .groupContent>ul>li,.block .drop-option,.block .sortElements .elements>li{background:var(--eoppi-blue-bg)}.block .drag-option-content,.block .dragdrop .group,.block .dragdrop .group:not([data-default=true])>.groupContent,.block .dragdrop .groupContent>ul>li,.block .drop-option,.block .droppable-area .drag-option-content,.block .droppable-area:empty,.block .sortElements .elements>li{border-color:var(--eoppi-blue-light-70)}.block .sortElements .elements>li{border-radius:var(--radiussmall)}.block .sortElements .elements>li:first-child{border-top-left-radius:var(--radius);border-bottom-left-radius:var(--radius)}.block .sortElements .elements>li:last-child{border-top-right-radius:var(--radius);border-bottom-right-radius:var(--radius)}.block .puzzle input,.block .puzzle td.entry,.block .rf-tablestyle{background-color:var(--eoppi-grey-98)}.block .rf-tablestyle{border-color:var(--eoppi-grey-90)}.block .puzzle .active,.block .selectedWord,.puzzle-clues .clues-active{background-color:var(--eoppi-color-7-25)}.block .puzzle td input:focus,.block .selectedWord.selectedWordfirst{background-color:var(--eoppi-color-7-40)}.block .clickElement1{background-color:var(--eoppi-green-hl)}html .block table tr td.selectedWordTrajectory{background-color:var(--eoppi-grey-90)}.block .dragToArea li.wrong,.block .editText .performed-action-container .performed-action.incorrect,.block .gap.wrong,.block .math-entry.wrong,.block .puzzle-clues .wrong,.block .taskSelectNodes .node.wrong,.block .wordsearchContext .wrong,.block [data-is-evaluation-unit].wrong .gap,.block input.wrong,.block select.wrong{color:var(--eoppi-color-6)}.block .editText .needed-action-container,.block .taskSelectNodes .node.wrong{border-color:var(--eoppi-color-6)}.block .drag-option-content.wrong,.block .dragdrop .group .groupContent>ul>li.wrong,.block .socket.wrong,.block .socket.wrong .droppable-option,.block .sortElements .elements>li.wrong,.block .taskSelectNodes .node.selected.wrong{background-color:var(--eoppi-color-6);border-color:var(--eoppi-color-6)!important}.block .editText .performed-action-container .performed-action.incorrect{background-color:var(--eoppi-color-6-25)}.block .dragToArea li.correct,.block .editText .performed-action-container .performed-action.correct,.block .gap.correct,.block .math-entry.correct,.block .puzzle input.done,.block .puzzle-clues .correct,.block .taskSelectNodes .node.correct.selected,.block .wordsearchContext .correct,.block [data-is-evaluation-unit].correct .gap,.block input.correct,.block select.correct{color:var(--eoppi-color-3)}.block .taskSelectNodes .node.correct.selected{border-color:var(--eoppi-color-3);background-color:transparent}.block .drag-option-content.correct,.block .dragdrop .group .groupContent>ul>li.correct,.block .socket.correct,.block .socket.correct .droppable-option,.block .sortElements .elements>li.correct{background-color:var(--eoppi-color-3);border-color:var(--eoppi-color-3)}.block .editText .performed-action-container .performed-action.correct,.block .puzzle input.done{background-color:var(--eoppi-color-3-25)}.block .taskSelectNodes .node.selected{color:var(--eoppi-white);background-color:var(--eoppi-grey-15)}.block .checkbox-wrap.absolute-element,.block .gap-wrap.absolute-element,.block .radio-wrap.absolute-element,.block .select.absolute-element{background-color:rgba(242,242,242,.75);border:.1rem solid var(--eoppi-grey-50)}.block .dragToAreaItem.active,.block .dragToAreaItem:hover{background-color:var(--eoppi-color-7);box-shadow:0 0 var(--gap) calc(var(--gap)/2) var(--eoppi-color-7)}.block .droppable-element{border-radius:var(--radius)}.block .droppable-area,.block .droppable-content{border-radius:calc(var(--radius)/2)}.kit-1e1W4-text-highlight{background-color:var(--eoppi-green-hl-40);padding-left:.3rem;padding-right:.3rem}.kit-1e1W4-text-button{background:var(--eoppi-blue-logo);border-radius:var(--radius);color:var(--eoppi-white);display:inline-block;margin-bottom:.3rem;padding:.3rem .8rem;text-decoration:none!important}.kit-1e1W4-text-button:hover{background-color:var(--eoppi-blue-light)}.kit-1e1W4-box-example,.kit-1e1W4-box-exercise,.kit-1e1W4-box-extra-info,.kit-1e1W4-box-highlight{clear:both;padding:var(--gap);overflow:hidden}.kit-1e1W4-box-example,.kit-1e1W4-box-highlight{background:var(--eoppi-grey-95);border-left:.2rem solid var(--eoppi-subject-color-40)}.kit-1e1W4-box-highlight.kit-1e1W4-color-1{background:var(--eoppi-color-1-25);border-color:var(--eoppi-color-1-40)}.kit-1e1W4-box-highlight.kit-1e1W4-color-2{background:var(--eoppi-color-2-25);border-color:var(--eoppi-color-2-40)}.kit-1e1W4-box-highlight.kit-1e1W4-color-3{background:var(--eoppi-color-3-25);border-color:var(--eoppi-color-3-40)}.kit-1e1W4-box-highlight.kit-1e1W4-color-4{background:var(--eoppi-color-4-25);border-color:var(--eoppi-color-4-40)}.kit-1e1W4-box-highlight.kit-1e1W4-color-5{background:var(--eoppi-color-5-25);border-color:var(--eoppi-color-5-40)}.kit-1e1W4-box-highlight.kit-1e1W4-color-6{background:var(--eoppi-color-6-25);border-color:var(--eoppi-color-6-40)}.kit-1e1W4-box-highlight.kit-1e1W4-color-3.kit-1e1W4-box-highlight-correct,.kit-1e1W4-box-highlight.kit-1e1W4-color-6.kit-1e1W4-box-highlight-incorrect{background-position:center right;background-repeat:no-repeat;background-size:3rem;padding-right:3.5rem}.kit-1e1W4-box-highlight.kit-1e1W4-color-3.kit-1e1W4-box-highlight-correct{background-image:url(https://e-oppi.fi/pedanet/icons/highlight/highlight-correct.png)}.kit-1e1W4-box-highlight.kit-1e1W4-color-6.kit-1e1W4-box-highlight-incorrect{background-image:url(https://e-oppi.fi/pedanet/icons/highlight/highlight-incorrect.png)}.kit-1e1W4-box-example{border-left:.2rem solid var(--eoppi-red)}.kit-1e1W4-box-summary{background:var(--eoppi-subject-color-10);border-top:1px solid var(--eoppi-subject-color-40);border-bottom:1px solid var(--eoppi-subject-color-40);clear:both;padding:var(--gap);overflow:hidden}.kit-1e1W4-box-reference:before{content:'';border-top:solid 1px var(--eoppi-subject-color);display:block;margin-bottom:.3rem;width:25%}.kit-1e1W4-box-reference p{font-size:.8rem}.kit-1e1W4-box-exercise{border:.2rem solid var(--eoppi-subject-color-40);border-image:linear-gradient(135deg,var(--eoppi-subject-color-40),var(--eoppi-subject-color-10) 25%,var(--eoppi-grey-95) 35%,var(--eoppi-grey-95) 65%,var(--eoppi-subject-color-10) 75%,var(--eoppi-subject-color-40)) 1}.kit-1e1W4-box-exercise .reflect{margin-bottom:0}.kit-1e1W4-box-extra-info{background:var(--eoppi-grey-98);border:.1rem dashed var(--eoppi-subject-color)}.kit-1e1W4-box-formula{margin-left:1rem}.kit-1e1W4-box-table table.common{background:0 0;border-collapse:separate;border-spacing:.2rem 0;clear:both;vertical-align:middle;margin-bottom:var(--gap)}.kit-1e1W4-box-table table.common td{background-color:var(--eoppi-white);border:0;border-bottom:.05rem solid var(--eoppi-grey-50);color:var(--eoppi-grey-15);padding:.3rem .5rem;vertical-align:middle}.kit-1e1W4-box-table-caption h6{background:var(--eoppi-blue-logo);background-blend-mode:overlay;background-clip:padding-box;background-image:var(--eoppi-pattern);background-position:center;background-repeat:repeat;background-size:var(--eoppi-pattern-size);border:.2rem solid transparent;border-top:0;color:var(--eoppi-white);font-family:'Fira Sans Condensed',sans-serif;font-size:1.4rem;font-weight:500;margin-bottom:0;line-height:1.2rem;padding:.5rem;text-align:left}.kit-1e1W4-box-table-caption table.common{margin-top:0}.kit-1e1W4-box-table table.common tr:nth-child(odd) td{background-color:var(--eoppi-grey-98)}.kit-1e1W4-box-table-column table.common tr td:first-child,.kit-1e1W4-box-table-row table.common tr:first-child td{background:var(--eoppi-grey-90)!important;font-size:1rem;font-weight:700;line-height:1.2;vertical-align:middle}@media (max-width:768px){#page-kit-chapter .section:not(.permanently-visible) .sectionTitle{padding-bottom:0;margin-bottom:0}.chapterBar{margin-top:calc(var(--gap)*1.5)}.sectionTitle{margin-bottom:calc(var(--gap)*3)}}@media (min-width:769px){.section>.container{border-top:1px solid var(--eoppi-grey-50);padding:calc(var(--gap)*4) calc(var(--gap)/2)}.chapterBar,.taskBar{margin-top:calc(var(--gap)*2)}.block .main{width:calc(60% - (var(--gap)/2))}.block .side{width:calc(40% - (var(--gap)/2))}.sectionTitle{margin-bottom:calc(var(--gap)*3);width:100%;line-height:2rem}.block>h1,.container>.exercise h1,.container>h1{margin:calc(var(--gap)*3) 0;font-size:3rem;line-height:3rem}.block h2,.sectionTitle{font-size:2.5rem}.block h3{font-size:1.8rem}.block h4{font-size:1.5rem}.block h5{font-size:1.35rem}.block h6{font-size:1.25rem}.kit-1e1W4-box-float-media-left .media,.kit-1e1W4-box-float-media-right .media{width:calc(50% - (var(--gap)/2));margin-bottom:calc(var(--gap)/2)}.kit-1e1W4-box-float-media-left .media{clear:left;float:left;margin-right:var(--gap)}.kit-1e1W4-box-float-media-right .media{clear:right;float:right;margin-left:var(--gap)}.kit-1e1W4-box-float-media-left p,.kit-1e1W4-box-float-media-right p{display:inherit;clear:none}.kit-1e1W4-box-float-media-left .media+.media,.kit-1e1W4-box-float-media-right .media+.media{margin-top:calc(var(--gap)/2)}.section.kit-1e1W4-section-summary{background:var(--eoppi-grey-98);background-blend-mode:normal;background-clip:padding-box;background-image:var(--eoppi-pattern-dark-02);background-position:center;background-repeat:repeat;background-size:var(--eoppi-pattern-size-large);border-top:1px solid var(--eoppi-grey-90);border-bottom:1px solid var(--eoppi-grey-90)}#kit-last-section>.container,#opiq-footer>.container,.kit-1e1W4-section-intro .container,.kit-1e1W4-section-intro+.section .container,.section.kit-1e1W4-section-summary .container,.section.kit-1e1W4-section-summary+.section .container,.section:first-of-type .background~.container,.section:first-of-type>.container{border-top:0}}