@import url(https://fonts.googleapis.com/css2?family=Oswald:wght@300;400&display=swap);body{font-family:Oswald,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{font-family:Oswald,sans-serif}.card{background:#fff;border-radius:10px;display:flex;height:450px;left:50%;margin-right:-50%;padding:20px;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:600px}.card__exit{background:red;height:20px;position:absolute;right:10px;top:10px;width:20px}.card__canvas{background:#f1f1f1;height:400px;width:250px}.card__info{padding-left:40px}.card__type{font-size:14px;margin:0}.card__name{font-size:32px;font-weight:300;margin:-5px 0 15px}.card__sizes{display:flex}.size{background:#f1f1f1;border-radius:4px;cursor:pointer;font-size:14px;font-weight:600;height:25px;justify-content:center;margin-right:15px;width:25px}.card__count,.size{align-items:center;display:flex}.card__count{margin-bottom:20px}.card__qty{margin-right:20px}.card__span{align-items:center;background:#f2f2f2;border:1px solid #ddd;border-radius:4px;display:flex;height:20px;justify-content:center;padding:8px 5px;width:20px}.card__input{border:1px solid #ddd;border-radius:4px;display:inline-block;font-size:16px;height:22px;margin:0 5px;text-align:center;vertical-align:middle;width:45px}.card__colors{display:flex;margin-bottom:20px}.card__color{border-radius:100%;height:15px;margin-right:10px;width:15px}.active{scale:1.4}.card__color-1{background:red}.card__color-2{background:green}.card__color-3{background:blue}.card__color-4{background:#ff0}.card__color-5{background:#000}.card__price{font-size:26px}@media (max-width:600px){.card{flex-direction:column;height:auto;width:100%}.card__canvas{height:150px;width:150px}}.assortment{background:#fff;display:flex;flex-wrap:wrap;height:70vh;position:absolute;right:200px;top:100px;width:600px}.assortment.assortment-show{display:flex;height:100%;width:100%}@media (max-width:1200px){.assortment{right:0}}@media (max-width:900px){.assortment{display:none}}.assortment-getter{background:blue;display:none;height:20px;position:absolute;right:10px;top:10px;width:20px}@media (max-width:900px){.assortment-getter{display:block}}.person{height:100vh;position:absolute;width:100vw}
/*# sourceMappingURL=main.4c7cd1d4.css.map*/