body,html{position:absolute;height:100%;width:100%;top:0;right:0;bottom:0;left:0;margin:0;padding:0}iframe#plan{position:absolute;height:100%;width:100%;top:0;right:0;bottom:0;left:0;margin:0;padding:0}#btn-wrapper{position:absolute;z-index:2;top:10px;right:10px;width:140px;height:130px}#btn-background{position:absolute;width:140px;height:130px;background-color:#fff;opacity:.8;border:1px solid #222;border-radius:5px}#btns{position:absolute;margin:10px 20px}.btn>img{width:80px;margin:5px 10px;transition:width 250ms,margin 250ms}.btn{width:100px;opacity:.7;cursor:pointer}.btn.selected{opacity:1}.btn.selected>img,.btn:hover>img{width:100px;margin:0}#btns:hover .btn:not(:hover)>img{width:80px;margin:5px 10px}.plan-wrapper{height:calc(100% - 100px);width:calc(100% - 100px);margin:50px;position:absolute;z-index:0;opacity:0;transition:opacity .8s ease-out}.plan-wrapper.active{z-index:1;opacity:1}img.plan{height:100%;width:100%;object-fit:contain}.puce{width:20px;height:20px;position:absolute;z-index:1;cursor:pointer}.puce,.puce div{margin:2px;border-top:solid 1px #a03636;border-radius:50%}.puce>div{width:16px;height:16px}.puce>div>div{width:12px;height:12px}.puce>div>div>div{border-top:none!important;background-color:#a03636;width:8px;height:8px;transition:width 150ms ease-out,height 150ms ease-out,margin 150ms ease-out}.puce:hover>div>div>div{width:10px;height:10px;margin:1px}.puce.visited,.puce.visited div{border-top:solid 1px #769ed1}.puce.visited>div>div>div{background-color:#769ed1}#cocoen{position:absolute;max-height:100%;max-width:100%;height:100%;z-index:3;display:none}.cocoen-drag{background-color:#b74747}.cocoen-drag::before{border:3px solid #b74747}#cocoen img{object-fit:contain;height:100%}#cocoen-background{display:none;position:absolute;height:100%;width:100%;top:0;right:0;bottom:0;left:0;margin:0;padding:0;background-color:#181818;z-index:2}#close-cocoen{display:none;background-image:url(../assets/images/close.png);background-repeat:no-repeat;background-size:contain;background-position:center center;width:40px;height:40px;z-index:4;position:absolute;top:10px;right:10px;cursor:pointer;transition:width 250ms ease-out,height 250ms ease-out,margin 250ms ease-out;opacity:.7}#close-cocoen:hover{width:45px;height:45px;margin:-3px 0 0 -3px}