body{background-image:url(images/background.gif);background-size:cover;background-repeat:no-repeat;background-attachment:fixed;background-position:center;display:flex;justify-content:center;align-items:center;}main{display:flex;justify-content:center;align-items:center;height:97vh;width:90vw;max-width:70em;position:relative;}.window{width:100%;}.inside{padding:1em;}.inside:not(.recipe){display:flex;flex-direction:row;flex-wrap:wrap;}article{height:65vh;overflow-y:scroll;flex:1 1 100%;}.field-row{flex:1 0 100%;}.popup{width:94vw;max-width:90em;}.popup>.window-body{max-height:80vh;overflow-y:scroll;}.inside ul{padding:0 0 0 1em;}ul:not([role="menubar"],[role="menu"],.tree-view,details>ul,ul>ul)>li{list-style:none;&::before{content:url(images/tiny-bee.webp);position:relative;top:0;margin-right:10px}}ul.tree-view a{color:var(--w7-link-c);&:hover{text-decoration:underline}}.divider{display:block;margin:1em auto;}a[label="Close"]{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAKCAYAAABi8KSDAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACUSURBVHgBlZFNCoQwDIVbmRvOMHOAAd0K/uDGlYKiCG4VPICi9yu0oCSQoFUXFtKEl6+voZXvr7sKay1TL690FOexY+Hz87i2decOuDKQsNGVe8AGYTRJIh0Y+orBvxszCPllOymlxN06jNE26Qnwg4zdHQLrMhFaawwAqAadDPE1ijwUxhiMKCmxCZk06OMYTz5lAx3xWDeXkLNAAAAAAElFTkSuQmCC") no-repeat 50%,var(--w7-wct-bg),var(--w7-wct_close-bg);box-shadow:var(--w7-wct-sd);min-width:48px;border-color:var(--w7-w-bd);border-bottom-right-radius:var(--w7-wct-bdr);}a[label="Close"]::before{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAKCAYAAABi8KSDAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACUSURBVHgBlZFNCoQwDIVbmRvOMHOAAd0K/uDGlYKiCG4VPICi9yu0oCSQoFUXFtKEl6+voZXvr7sKay1TL690FOexY+Hz87i2decOuDKQsNGVe8AGYTRJIh0Y+orBvxszCPllOymlxN06jNE26Qnwg4zdHQLrMhFaawwAqAadDPE1ijwUxhiMKCmxCZk06OMYTz5lAx3xWDeXkLNAAAAAAElFTkSuQmCC") no-repeat 50%,var(--w7-wct-bg),radial-gradient(circle at 50% 170%,#f4e676 10% 20%,#0000 60%),radial-gradient(circle at -60% 50%,#000a 5% 10%,#0000 50%),radial-gradient(circle at 160% 50%,#000a 5% 10%,#0000 50%),linear-gradient(#fb9d8b,#ee6d56 25% 50%,#d42809 50%);border-bottom-right-radius:var(--w7-wct-bdr);box-shadow:0 0 7px 3px #e68e75,var(--w7-wct-sd);content:"";opacity:0;transition:opacity .3s linear;}label::before,label::after{display:none!important;}input[type="radio"]+label{width:min-content;background-image:var(--w7-el-grad);border:1px solid var(--w7-el-bd);box-shadow:var(--w7-el-sd);box-sizing:border-box;font:var(--w7-font);min-height:23px;position:relative;text-align:center;border-radius:0;color:#222;display:block;min-width:unset;padding:2px 6px;margin:0 -1px -1px -1px;text-decoration:none;z-index:2;transition:border-color .3s ease;&:first-of-type{margin-left:0}}input[type="radio"]:not(:checked,:disabled)+label{cursor:pointer;}input[type="radio"]:disabled+label{z-index:1;}input[type="radio"]:checked+label{background:var(--w7-tab-bg);border-bottom:0;border-bottom-color:currentcolor;box-shadow:none;margin:-2px 0 -1px 0;position:relative;z-index:8;}input[type="radio"]:not(:checked,:disabled):hover+label{border-color:var(--w7-el-bd-h);background-image:var(--w7-el-grad-h);}input#tabToggle01:checked~article:not(:nth-of-type(1)),input#tabToggle02:checked~article:not(:nth-of-type(2)),input#tabToggle03:checked~article:not(:nth-of-type(3)),input#tabToggle04:checked~article:not(:nth-of-type(4)){display:none;}