a{font-weight:700}a:hover{text-decoration:underline}.description{background-color:#fff;border-radius:10px;padding:20px}.description .title.is-1{border-bottom:1px solid #ccc;margin-bottom:10px;padding-bottom:10px;font-size:32px}.attribution{color:#666;padding:10px;font-size:14px}.attribution a{color:#666;font-weight:400}.canvas-wrapper{background-color:#fff;flex-grow:1;padding:20px}.canvas-wrapper section.header{border-bottom:1px solid #ccc}.canvas-wrapper section.header .title{margin-bottom:0;font-size:32px}.canvas-wrapper section.header .dropdown-item{padding-right:16px;text-decoration:none}.canvas-wrapper section.header .column{padding:10px}.canvas-wrapper section .instructions .title.is-3{margin-bottom:10px;font-size:16px;font-weight:700}.canvas-wrapper section .instructions .text-block{border:1px solid #ccc;border-radius:5px;height:210px;margin-right:10px;padding:10px;font-size:14px;overflow:scroll}.canvas-wrapper section .instructions .text-block ol{margin-top:0}.canvas-wrapper section.pyramid{margin-top:20px;padding-top:20px;padding-bottom:20px}.canvas-wrapper section.pyramid .dropareas{padding:20px 50px;transition:all .5s;position:relative}.canvas-wrapper section.pyramid .dropareas .sun,.canvas-wrapper section.pyramid .dropareas .info,.canvas-wrapper section.pyramid .dropareas .left-line,.canvas-wrapper section.pyramid .dropareas .right-line{position:absolute}.canvas-wrapper section.pyramid .dropareas .sun{text-align:center;background-image:radial-gradient(circle,#ff0,#f6bf35);border-radius:50%;width:75px;height:75px;font-size:14px;font-weight:700;line-height:75px;top:40px;left:75px}.canvas-wrapper section.pyramid .dropareas .info{text-align:center;background-color:#fff;width:120px;padding:8px;font-size:14px;font-weight:700;top:50px;right:25px}.canvas-wrapper section.pyramid .dropareas .left-line{cursor:not-allowed;pointer-events:none;top:77.5px;left:50px}.canvas-wrapper section.pyramid .dropareas .right-line{cursor:not-allowed;pointer-events:none;top:77.5px;right:50px}.canvas-wrapper section.pyramid .dropareas .capture-boxes .capture-box{width:500px;height:125px;position:absolute;top:20px;left:50px}.canvas-wrapper section.pyramid .dropareas .capture-boxes .capture-box.is-max:hover{background-color:#ff00001a}.canvas-wrapper section.pyramid .dropareas .capture-boxes .capture-box:nth-child(2){top:145px}.canvas-wrapper section.pyramid .dropareas .capture-boxes .capture-box:nth-child(3){top:270px}.canvas-wrapper section.pyramid .dropareas .capture-boxes .capture-box:nth-child(4){top:395px}.canvas-wrapper section.pyramid .dropareas .droparea{color:#000;text-align:center;background-color:#0000001a;height:125px;margin:auto auto 1px;position:relative}.canvas-wrapper section.pyramid .dropareas .droparea .organisms{flex-wrap:wrap;justify-content:center;padding-left:40px;padding-right:40px;display:flex}.canvas-wrapper section.pyramid .dropareas .droparea .organisms .tag{height:35px;margin-bottom:3px;margin-right:5px;font-size:14px;font-weight:700;position:relative}.canvas-wrapper section.pyramid .dropareas .droparea .organisms .tag .text.is-1{line-height:28px}.canvas-wrapper section.pyramid .dropareas .droparea .organisms .tag .text.is-2{line-height:14px}.canvas-wrapper section.pyramid .dropareas .droparea .organisms .tag .image{filter:invert();color:#000;opacity:.33;background-position:50%;background-repeat:no-repeat;background-size:contain;width:calc(100% - 15px);height:25px;display:block;position:absolute;top:5px}.canvas-wrapper section.pyramid .dropareas .droparea{box-sizing:border-box}.canvas-wrapper section.pyramid .dropareas .droparea .group-name{text-align:center;margin:auto;padding-top:5px;padding-bottom:0;font-size:14px;font-weight:700;line-height:16px}.canvas-wrapper section.pyramid .dropareas .droparea .group-name.is-solo{padding-bottom:5px}.canvas-wrapper section.pyramid .dropareas .droparea .group-details{text-align:center;margin:auto;padding-top:0;padding-bottom:5px;font-size:12px}.canvas-wrapper section.pyramid .dropareas .droparea .group-details strong{color:#000}.canvas-wrapper section.pyramid .dropareas .droparea:first-child{clip-path:polygon(0 100%,50px 0,250px 0,100% 100%);width:300px}.canvas-wrapper section.pyramid .dropareas .droparea:first-child .group-name{width:200px}.canvas-wrapper section.pyramid .dropareas .droparea:nth-child(2){clip-path:polygon(0 100%,50px 0,350px 0,100% 100%);width:400px}.canvas-wrapper section.pyramid .dropareas .droparea:nth-child(2) .group-name{width:300px}.canvas-wrapper section.pyramid .dropareas .droparea:nth-child(3){clip-path:polygon(0 100%,50px 0,450px 0,100% 100%);width:500px}.canvas-wrapper section.pyramid .dropareas .droparea:nth-child(3) .group-name{width:400px}.canvas-wrapper section.pyramid .dropareas .droparea:nth-child(4),.canvas-wrapper section.pyramid .dropareas .droparea:nth-child(4) .group-name{width:500px}.canvas-wrapper section.pyramid .eco-group .title.is-3{margin-bottom:5px;font-size:14px;font-weight:700}.canvas-wrapper section.pyramid .eco-group .tag{cursor:pointer;border-radius:3px;margin-bottom:10px;margin-right:10px;font-size:14px}@media (width<=768px){.canvas-wrapper{padding:10px;overflow-x:hidden}section.header .title{font-size:20px!important}section.header .buttons{flex-wrap:wrap}section.pyramid .column.dropareas{align-self:flex-start;flex:none!important;width:620px!important;max-width:620px!important}section.pyramid .instructions .text-block{height:auto;max-height:150px}}@media (prefers-color-scheme:dark){.canvas-wrapper,.description,.description .title,.description p,.attribution,.canvas-wrapper .instructions .text-block,.canvas-wrapper .instructions .title,.canvas-wrapper .instructions .title.is-3,.canvas-wrapper .droparea,.canvas-wrapper .group-name,.canvas-wrapper .group-details,.canvas-wrapper .eco-group .title,.canvas-wrapper .tag,.canvas-wrapper .sun,.canvas-wrapper .info,.text-block,.tag,.group-details strong,.organisms .tag .text,.canvas-wrapper .header,.canvas-wrapper .header .title,.canvas-wrapper .header .button,.canvas-wrapper .header .dropdown-item{color:#222!important}}.canvas-wrapper .button.is-dark,.canvas-wrapper .button.is-dark *{color:#fff!important}.canvas-wrapper .header .button,.canvas-wrapper .header .button *,.canvas-wrapper .header .button :before,.canvas-wrapper .header .button :after,.canvas-wrapper .header .button:before,.canvas-wrapper .header .button:after,.canvas-wrapper .header .dropdown-item,.canvas-wrapper .header .dropdown-item *,.canvas-wrapper .header .dropdown-item:before,.canvas-wrapper .header .dropdown-item:after{color:#fff!important;fill:#fff!important;stroke:#fff!important}