.app{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:4rem minmax(0,1fr);gap:.3rem}.app__config{display:none;position:fixed;top:0;left:0;width:100%;height:100%}.app__config--show{display:block}@media print{.app{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)}}.board{max-width:100%;max-height:100%;align-self:center;justify-self:center}.board__border{stroke:none;fill:#ccc}.board__cut{fill:none;stroke:#000;stroke-width:.4;stroke-dasharray:.5mm;display:none}@media print{.board{width:var(--outer-width);height:var(--outer-height);min-width:unset!important;min-height:unset!important;box-sizing:content-box}.board__cut{display:block}}.colors{display:flex;flex-direction:row;overflow:auto;align-items:center;background:linear-gradient(to bottom,#fff,#aaa);border-bottom:1px solid #777}.colors__color{flex:0 0 auto;margin:0 .3rem;width:3rem;height:3rem;border-radius:50%;border:3px solid #ccc;display:grid;grid-template:minmax(0,1fr)/minmax(0,1fr);justify-items:center;align-items:center}.colors__color--selected{border:3px solid #000}.colors__add{flex:0 0 auto;margin:0 .3rem;width:3rem;height:3rem;border-radius:50%;border:3px solid #ccc;display:grid;grid-template:minmax(0,1fr)/minmax(0,1fr);justify-items:center;align-items:center;color:#aaa;font-weight:700;font-size:3rem;overflow:hidden}.colors__new-color{display:none;position:fixed;top:0;left:0;width:100%;height:100%;padding:2rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.colors__new-color--show{display:grid;grid-template:auto minmax(0,1fr)/minmax(0,1fr);justify-items:center;align-items:center}.colors__new-color>button{margin:.5rem;padding:.5rem;font-size:1.5rem;font-weight:700;border-radius:.5rem;border:1px solid #ccc;background:#fff;color:#000}.colors__new-color>input{width:min(50vw,50vh);height:min(50vw,50vh);margin:auto;display:block}@media print{.colors{display:none}}.config{padding:.5rem}.config__attribute{margin-top:1rem}@media print{.config{display:none}}*{margin:0;padding:0;box-sizing:border-box}html,body,#app,.app{height:100%;width:100%}