body{min-height:100vh;margin:0;color:#3c3c3c;background:#f8f8f8;transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}main{padding:0 50px}.header{padding:10px 50px}.header__content{display:flex;justify-content:space-between;align-items:center;flex-direction:column;row-gap:10px}@media (min-width: 992px){.header__content{flex-direction:row}}.header__content__title{color:#3c3c3c;font-weight:700;font-size:20px}.header__content__buttons{display:flex;column-gap:10px}.header__content__button{height:min-content;font-size:15px;line-height:20px;font-weight:700;--color: rgb(120, 120, 120);color:var(--color);border:1px solid var(--color);border-bottom:4px solid var(--color);border-left:4px solid var(--color);padding:3px 5px;background:white;text-decoration:none;transition:.2s color;cursor:pointer}.header__content__button:hover{background:var(--color);color:#fff}.header__content__button--primary{--color: black}.form{display:grid;grid-template-columns:1fr;row-gap:20px;column-gap:20px}@media (min-width: 992px){.form{grid-template-columns:repeat(2,1fr)}}.form__field{display:flex;flex-direction:column}.form__field input,.form__field select{padding:10px;border:2px solid rgb(60,60,60);box-shadow:none}.form__field__input--unitable{display:flex}.form__field__input--unitable select{flex:1;border-left:none}.form__field__input--unitable input{flex:2}.form__field--error input,.form__field--error select{border:2px solid red}.form__field__description{font-size:12px;margin-top:5px}.form__field__errors{padding:0 20px;margin-top:10px}.form__field__errors__error{margin:0;color:red;font-size:12px}.product-list{display:grid;grid-template-columns:1fr;row-gap:20px;column-gap:20px}@media (min-width: 992px){.product-list{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1200px){.product-list{grid-template-columns:repeat(4,1fr)}}.product-box{position:relative;background:white;border:1px solid rgb(60,60,60);aspect-ratio:3/2}.product-box--selected{background:whitesmoke;border-width:2px}.product-box__checkbox{position:absolute;top:10px;left:10px;z-index:1}.product-box__content{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;row-gap:5px}.product-box__content__info{margin:0;text-align:center}.not-found{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;column-gap:5px}.not-found__title{color:#fff;text-shadow:2px 0 black,0 6px black,-6px 0 black,0 -2px black;font-size:70px;font-weight:700;margin:0}.not-found__message{font-size:20px;margin:0}.products-enter-active,.products-leave-active{transition:all .5s ease}.products-leave-to{opacity:0;transform:scale(0) rotate(360deg)}