#lentilles-app{width:90vw;display:inline-flex;flex-direction:column;align-items:center;justify-content:space-between;padding-bottom:2em;input:not([type=color]):not([type=checkbox]){width:100%}&>*{padding:.2em}}#lentilles-canvas{width:100%;height:70vh}#lentilles-section-selector{box-shadow:var(--gray) 0 0 1em .1em;border-radius:.5em;margin:.5em;.indicator{background:var(--gray)}.content{width:calc(100% - .8em)}}.lentilles-data{display:flex;flex-direction:row;align-items:center;width:100%;justify-content:space-around;&>*{flex:1 1;margin:.5em;display:flex;flex-direction:column;align-items:flex-start}}.rayon-input{display:inline-flex;align-items:center;& input{aspect-ratio:1!important}}.lentilles-controls{display:grid;grid-template-columns:repeat(2,1fr);>:not(:first-child){display:flex;flex-direction:column;align-items:center}}.lentille-values>div{>span:first-child{white-space:nowrap}>span:last-child{margin-left:.5em}}.lentille-image{border:.1em solid #ccc;border-radius:.3em;margin:.3em 0;padding:.5em}