body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#757575;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}.page{display:flex;flex-direction:column;min-height:100vh;overflow:hidden}.footer{margin-top:auto}.content{min-height:calc(100vh - 122.5px);padding:1.5rem 0}.goods{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.hiden{margin-bottom:40px}.header{background-color:#000;position:fixed;width:100%;z-index:3}.header__logo{color:#fff;font-size:35px;font-style:italic;margin-left:1rem;position:relative}.nav__link{background-color:#ff0;color:#000;font-size:20px;margin-right:8px;padding:11.5px 15px;position:absolute;right:0;top:0;-webkit-transform:skewX(-15deg);transform:skewX(-15deg);transition:all .3s linear}.nav__link:hover{background-color:#000;color:#fff}.slogan{color:#fff;font-size:20px;left:50%;position:absolute;text-align:center;top:15px;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.You{color:#ff0;text-transform:uppercase}.dark{color:#000;font-weight:900}.frog{color:green}.link__txt{color:#fff;font-weight:500;opacity:.7;transition:opacity .2s linear}.link__txt:hover{opacity:1}.card{background:#000}.card-content{color:#fff;display:flex;flex-direction:column}.card .card-content{padding:0}.card__up{border-bottom:1px solid #ff0;margin-bottom:15px;max-height:150px;min-height:150px;padding:24px}.but{display:flex;justify-content:center}.butn{border:3px solid #ff0;cursor:pointer;font-weight:500;margin-bottom:10px;margin-top:15px;padding:15px;-webkit-transform:skewX(-15deg);transform:skewX(-15deg);transition:all .3s linear}.butn,.butn:focus{background-color:#ff0}.butn:hover{background-color:#000;border:3px solid #000;color:#fff;font-weight:500}.price{align-items:center;color:#fff;display:flex;justify-content:center;padding:0 15px}.cart{background-color:#000;border-radius:3px;color:#ff0;cursor:pointer;padding:12px 15px 11px;position:fixed;right:7rem;top:0;transition:all .3s linear;z-index:4}.cart:hover{background-color:#ff0;color:#000}.collection{background-color:#757575;border:1px solid #ff0;margin:initial}.collection .collection-item{background-color:#757575;border-bottom:1px solid #ff0;color:#fff}.collection .collection-item.active{background-color:#000;color:#fff}.basket__list{-webkit-animation:show .5s ease-in-out;animation:show .5s ease-in-out;background-color:#757575;left:50%;max-width:95%;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:50rem}@-webkit-keyframes show{0%{opacity:0;top:70%}to{opacity:1;top:50%}}@keyframes show{0%{opacity:0;top:70%}to{opacity:1;top:50%}}.close{color:#ff0;cursor:pointer}.delete{color:#000;cursor:pointer}.item__neg,.item__plus{color:#ff0;cursor:pointer;font-size:20px;font-weight:600}.unselectable{-webkit-user-select:none;-ms-user-select:none;user-select:none}.toast__container{-webkit-animation:toast 6s ease-out;animation:toast 6s ease-out;max-width:180px;position:fixed;right:1rem;top:5rem}@-webkit-keyframes toast{0%{opacity:0;top:30rem}20%{opacity:1;top:5rem}to{opacity:0;top:5rem}}@keyframes toast{0%{opacity:0;top:30rem}20%{opacity:1;top:5rem}to{opacity:0;top:5rem}}.toast{background-color:#000;color:#ff0}.buy{background-color:#ff0;border:none;bottom:5px;color:#000;cursor:pointer;font-weight:600;padding:10px;position:absolute;right:20px;-webkit-transform:skew(-15deg);transform:skew(-15deg);transition:all .3s linear}.buy:focus,.buy:hover{background-color:#000;color:#fff}.buy:focus{font-weight:600}.collection__item__act{background-color:#000;color:#fff;line-height:1.5rem;margin:0;padding:0 20px 20px}.total__price{padding:15px}@media (max-width:768px){.slogan{font-size:15px}.header__logo{font-size:20px;top:13px}.header{height:52.5px}}@media (max-width:493px){.cart{bottom:2rem;right:1rem;top:auto}.slogan{left:53%;top:18px;-webkit-transform:translateX(-47%);transform:translateX(-47%)}.header__logo{top:13px}.header{height:52.5px}}@media (max-width:423px){.slogan{font-size:14px;left:53%;top:18px;-webkit-transform:translateX(-47%);transform:translateX(-47%)}.header__logo{font-size:19px;top:13px}.header{height:52.5px}.cart{bottom:2rem;right:1rem;top:auto}.slogan{font-size:12px}.header__logo{font-size:17px}}@media (max-width:359px){.slogan{font-size:10px}.header__logo{font-size:15px}}@media (max-width:310px){.slogan{display:none}}
/*# sourceMappingURL=main.4d011ba0.css.map*/