*{margin:0;padding:0;box-sizing:border-box}body,html{width:100%;height:100%}#wrapper{width:100%;height:100%;display:grid;grid-template-columns:15rem auto;grid-template-rows:6.3rem 12rem auto;grid-template-areas:"head  head" "input graphs" "input canvas";justify-items:start;align-items:start}#wrapper>header{grid-area:head;background-color:#eee;display:block;width:100%;height:100%;padding:.3rem;overflow-y:auto}header .home-and-logo{display:inline-block;width:100%}.home-and-logo>a{display:inline-block;border:2px solid black;border-radius:.5rem;text-decoration:none;font-size:1.5rem;padding:0 .5rem;font-weight:700;color:#000}.home-and-logo>a:hover{background-color:#b6eafd}header h1{display:inline-block;font-size:1.5rem;font-family:sans-serif;margin-bottom:.2rem}header img{display:inline-block;height:1.5rem}#form--simSett{height:100%;max-height:100%;grid-area:input;padding:.2rem;justify-items:stretch;align-items:stretch;border-right:1px solid black}#form--simSett .div__input--radio{display:inline-block;width:48%;text-align:left}#form--simSett label{padding:.2rem}input:checked+label{background-color:#b6eafd;border-radius:.5rem}#form__input--molecules>div{border-left:3px solid black;margin:.2rem 0 0 .5rem;padding:0rem}#form--simSett *{margin-bottom:.3rem}#form--simSett>div{border-bottom:1px solid black;min-height:3rem}#form__input--controlers button{width:7rem;height:2.5rem;border-radius:.5rem;box-shadow:3px 3px 5px gray;display:inline-block;margin:auto;font-size:150%;background-color:#b6eafd}#form__input--controlers #button--playStop{width:8rem}#form__input--controlers #button--reload{width:3rem}#graphs{width:100%;height:100%;grid-area:graphs;border-bottom:1px solid black;overflow-y:auto;scroll-snap-type:y mandatory;padding:.5rem}#graphs .graphs__div--graph{scroll-snap-align:center;display:inline-block;height:10.3rem;margin:.2rem;border:1px solid gray;box-shadow:2px 2px 5px gray;overflow:hidden;cursor:pointer;min-width:1.5rem}#graphs svg{display:inline-block;transition:width .5s ease-in-out 0s}#graphs .graph--head{display:inline-block;writing-mode:vertical-lr;text-orientation:sideways;transform:rotate(180deg);text-align:center;background-color:#ddd;height:160px}#canvas--wrapper{grid-area:canvas;width:100%;height:100%;overflow:hidden;cursor:crosshair!important}#canvas--wrapper canvas{cursor:crosshair!important}#help{position:absolute;left:1%;top:1%;width:98%;height:98%;background-color:#e2f7fff2;border:2px solid skyblue;box-shadow:gray 5px 5px 5px;font-weight:400;font-size:1.3rem;line-height:150%;color:#000;padding:1rem 2rem;z-index:-1;transition:ease-in-out .25s;text-align:justify;opacity:0;visibility:auto}#help:before{content:"[X] Nápověda :)";font-weight:700;font-size:1.5rem;width:100%;line-height:5rem}#help.visible{opacity:1;visibility:visible;z-index:100}.helpIcon{background-color:#add6fd;display:inline-block;width:1.5rem;height:1.5rem;text-align:center;border-radius:50%}.helpIcon:before{content:"ⓘ";color:#616161;font-size:1rem;font-weight:700}#cookie-banner{position:fixed;top:0;left:0;height:100%;width:100%;display:flex;justify-content:center;align-items:center;z-index:1000;text-align:justify;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}#cookie-banner.cookie-banner-hidden{display:none}#cookie-banner table{width:100%;height:100%;border:1px solid #000;border-collapse:collapse}#cookie-banner td,#cookie-banner th{vertical-align:middle;text-align:center;border:1px solid #000}#cookie-banner td:nth-child(1){width:20%}#cookie-banner td:nth-child(2){width:10%}#cookie-banner td:nth-child(3){width:70%}#cookie-banner-input-list,#cookie-banner-input-more{display:none}.cookie-banner-details{max-height:30vh}.cookie-banner-details label{display:block;cursor:pointer;padding:.2em .5em;background-color:#007bff;color:#fff;font-weight:700;border-radius:10px;margin:.1em;position:sticky;top:0}#list-content,#more-content{height:0rem;overflow:hidden}#cookie-banner-input-list:checked~#list-content,#cookie-banner-input-more:checked~#more-content{height:10rem;overflow-y:scroll}#cookie-banner-content{padding:1em;min-width:370px;max-width:100%;background-color:#e0f0ff;font-size:1.2rem;border-radius:10px;max-height:100vh;overflow-y:auto}#cookie-banner-content form{display:flex;flex-wrap:wrap;margin:1em 0;justify-content:center;align-items:center;gap:2em}#cookie-banner-content form label{margin-left:.3em}#cookie-banner-buttons{display:flex;justify-content:center;margin-top:1em;gap:1em}#cookie-banner-buttons button{padding:.5em 1em;border-radius:.1em;font-size:1rem;border:none;cursor:pointer}.cookie-banner-buttons{background-color:#007bff;color:#fff;font-weight:700}@media (min-width: 210mm){#cookie-banner-content{width:210mm}}