.Screen{box-shadow:10px 10px 50px 0 rgba(0,0,0,.27)}.Button{display:flex;justify-content:center;align-items:center;border-radius:5px;background-color:#eee;padding:5px;cursor:pointer}.Button:hover{background-color:#000;color:#fff}.Button:hover *{color:#fff}.Button.selected{box-shadow:2px 2px 7px 2px rgba(0,0,0,.2);transform:scale(1.2)}.ControlsHeader{display:flex;flex-direction:column;padding:20px;background-color:#a6b1e1;width:100%;box-sizing:border-box;border-top-left-radius:15px;border-top-right-radius:15px;cursor:pointer}.ControlsHeader .ButtonSet{display:grid;align-items:center;justify-content:space-around;grid-template-columns:auto auto auto auto auto;grid-gap:20px}.Card{background-color:#fff;border-radius:7px;box-shadow:5px 5px 20px 5px rgba(51,51,51,.07);padding:10px;cursor:pointer}.Card:hover{background-color:#333;color:#fff}.PatternsPagination{display:flex;flex-direction:row;flex-wrap:wrap;overflow-x:hidden;line-height:10px;padding:10px;background-color:#eee;justify-content:center}.PatternsPagination .Button{margin-left:5px;margin-top:5px;font-family:Ubuntu,monospace}.PatternsView{display:grid;grid-template-columns:1fr 1fr 1fr;grid-auto-rows:120px;grid-gap:5px;box-shadow:inset 1px 1px 20px 7px rgba(0,0,0,.07);width:100%;height:480px;padding:10px;overflow-y:scroll;box-sizing:border-box}.PatternsView .Card{display:flex;flex-direction:column;align-items:center;justify-content:space-between;overflow:hidden}.PatternsView .Card .title{margin:0;padding:0;line-height:12px;font-weight:700;font-size:11px;text-transform:uppercase;align-self:flex-start}.PatternsView .Card.selected{background-color:#333}.PatternsView .Card.selected .title{color:#fff}.Controls{display:flex;flex-direction:column;width:380px}.App{display:grid;flex-direction:row;grid-template-columns:auto auto;justify-content:center;align-items:center;height:95vh;grid-gap:60px}
/*# sourceMappingURL=main.db10c711.chunk.css.map */