*{box-sizing:border-box}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}.container{width:1400px;margin:0 auto;padding:0 24px}.btn{min-width:150px;font-size:14px;line-height:24px;font-family:inherit;padding:8px 0;border:none;outline:none;border-radius:8px;cursor:pointer}.btn--blue{background:#2a81dd;color:#fff}.btn--white{background:#fff;color:#2a81dd}.btn--white:hover{background:#2a81dd;color:#fff}@font-face{font-family:Open Sans;src:url(/src/fonts/OpenSans-Light.ttf) format("truetype");font-weight:300}@font-face{font-family:Open Sans;src:url(/src/fonts/OpenSans-Regular.ttf) format("truetype");font-weight:400}@font-face{font-family:Open Sans;src:url(/src/fonts/OpenSans-Medium.ttf) format("truetype");font-weight:500}@font-face{font-family:Open Sans;src:url(/src/fonts/OpenSans-SemiBold.ttf) format("truetype");font-weight:600}@font-face{font-family:Open Sans;src:url(/src/fonts/OpenSans-Bold.ttf) format("truetype");font-weight:700}@font-face{font-family:Open Sans;src:url(/src/fonts/OpenSans-ExtraBold.ttf) format("truetype");font-weight:800}.card{position:relative;width:330px;align-items:center;justify-content:space-between;border-radius:8px;transition:all .1s}.card,.card__info{display:flex;flex-direction:column}.card__info{justify-content:flex-start;padding:0 16px}.card__new{position:absolute;top:300px;left:16px;color:#fff;background-color:#64bd38;padding:0 4px;border-radius:4px;border:none;font-size:14px;line-height:20px}.card__points{padding:16px 0 8px;color:#2a81dd;font-weight:600;font-size:24px;line-height:36px}.card__title{width:290px;padding-bottom:4px;font-weight:600;font-size:16px;line-height:24px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.card__sizes{font-size:14px;line-height:24px;font-weight:400;color:#888b94;padding-bottom:16px}.card:hover{box-shadow:0 0 8px -2px rgba(34,60,80,.6);cursor:pointer}.card .btn{visibility:hidden;margin-bottom:16px}.card:hover .btn{visibility:visible}.footer{flex-direction:column;background-color:#1c1819;color:#fff;flex-shrink:0}.footer,.footer__wrapper{display:flex;align-items:center}.footer__wrapper{padding:20px 0;width:100%;justify-content:space-between}.footer__social{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:16px}.footer__contact{display:flex;align-items:center;gap:40px}.footer__desc{font-size:14px;line-height:24px}.footer__copyright{font-size:16px;line-height:24px}.footer__icons{gap:16px}.footer__icons,.header{display:flex;align-items:center}.header{justify-content:space-between;grid-area:header}.header__search{position:relative}.main{display:flex;flex-direction:column;flex-grow:1;padding:32px 0;width:100%;align-items:center;justify-content:flex-start}.main__modal{position:fixed;top:25%;left:25%;z-index:10}.main__wrapper{display:grid;gap:12px;grid-template-columns:250px 1fr;grid-template-areas:"logo header" "aside content"}.main__aside{flex-direction:column;grid-area:aside;align-items:start}.main__aside,.main__logo{display:flex;justify-content:flex-start}.main__logo{align-items:center;grid-area:logo}.main__content{display:flex;flex-direction:column;padding:24px 0;grid-area:content;align-items:center;justify-content:space-between}.main__banner{width:100%}.main__points{padding:24px 0 40px;width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.main__products{width:100%}.main__products,.nav{display:flex;flex-direction:column;align-items:flex-start}.nav{justify-content:space-between}.nav__item{margin-bottom:24px;font-size:16px;line-height:24px;position:relative;color:#1c1819;cursor:pointer}.nav__item-active,.nav__item:hover{color:#2a81dd}.nav__item-active:before{content:"";width:4px;height:36px;position:absolute;left:-12px;top:-25%;background-color:#2a81dd;border-radius:4px}.points{padding:24px 0 40px;width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.points__box{padding:20px 24px;display:flex;align-items:center;gap:16px;outline:none;border-radius:14px;color:#1c1819;font-weight:600;font-size:20px;line-height:32px;cursor:pointer;transition:border .1s;border:1px solid transparent;font-family:inherit}.points__box:hover{color:#2a81dd;box-shadow:0 0 8px -4px rgba(34,60,80,.8)}.points__emoji{width:48px}.points__get{background-color:#eff8eb}.points__howto{background-color:#fffae7}.points__gift{background-color:#e9f2fb}.products{display:flex;flex-direction:column;align-items:flex-start;width:100%}.products__types{display:inline-flex;gap:9px;padding:0 0 16px}.products__type{padding:12px 24px;border:1px solid #e9e8e8;border-radius:8px;color:#2a81dd;font-size:14px;line-height:24px;transition:all .1s}.products__type:hover{border:1px dashed #2a81dd}.products__radio{position:absolute;width:0;height:0;opacity:0}.products__radio+.products__type{cursor:pointer}.products__radio:checked+.products__type{background-color:#d6ecfb;color:#1c1819}.products__cards{width:100%;display:grid;grid-template-columns:repeat(auto-fit,330px);gap:12px;justify-content:space-between}.search{display:flex;align-items:center;justify-content:flex-start}.search__icon{width:16px;height:16px;position:absolute;left:20px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGFSURBVHgBpZNPTsJAFIffK2AlKVIWxDaFpN4Ad+7sFTyB7lwCJ9AbWE6AnsC4ZFdu4A1sIoQaNlUqVrF9viGBNC0I4pd0ks6fL/ObeYOQoKZpFhA2UUKLiFRE9CkmB5A6A89zYA3SUqAbNgF2uceZfEyPBt4IZxQfE9KD6K8f6jfrJLgUUFR+D8O2z6QnmaapRp9fXYjJfX4ZtTMWEcHQ9CeVgV8QIjFvHjkdB1FqAtD1qh0kcV3XzyHYQNTMSPizIoA+bIEky3fcWpmBmqYT/IFV8yVxjZvOY4GpaSYQZGKLOI4iy+fbSDi2BRA7GQlR3OHDbW28nfk4XgGinR7LvQWBWy6VzL1c4UIq5Hshs0ow2y9yMZI79LxORiIaFvXKB6UTOV+wVUXxK4ry6geBLxYfVCqXcb5wKwQSoFUqFvuT6dRLSjD5w4V0ygfd4jLnN0Qqb91HIIffkc1vp28aRiOK4vs4+j4bjsePsCtCVOfKNarVBvyHtAhhR5LRdpYsRGEU+T/Ya6fsRKlySQAAAABJRU5ErkJggg==);background-size:cover;background-color:transparent;outline:none;border:none;cursor:pointer}.search__field{height:44px;padding:0 20px 0 54px;background-color:#f2f2f3;border:none;outline:none;border-radius:8px;font-size:18px;line-height:28px;transition:all .1s}.search__field:active,.search__field:focus{background-color:#e9f2fb;box-shadow:inset 0 0 12px 0 rgba(42,129,221,.2)}.user{padding:5px;border-radius:8px;display:flex;align-items:center;justify-content:space-between;gap:16px}.user__avatar{border-radius:50%}.user__desc{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.user__name{color:#2a81dd;font-weight:600;font-size:14px;line-height:24px}.user__points{font-size:14px;font-weight:400;line-height:20px;color:#1c1819}.user:hover{background-color:#e9f2fb}.modal{display:block;width:1400px}.modal__background{width:100vw;height:100vh;background-color:rgba(0,0,0,.3);position:fixed;top:0;left:0}.modal__wrapper{position:relative;background-color:#fff;border-radius:16px;max-width:1100px;min-width:700px;padding:64px;gap:24px;display:grid;grid-template-columns:330px 1fr;align-content:flex-start;box-shadow:0 0 14px 1px rgba(0,0,0,.2)}.modal__close{position:absolute;right:30px;top:30px;width:18px;height:18px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAD1SURBVHgBpdVNCsIwEAXgmc6F9AwqKB5FXIq6Mi5EjIgL8RBeQMEfqCfwGp5BaGrGWqjYppP2QaFMwgctjwTAZqH3DagZvU0M1BYzGD9iE8+n46GCClmudwoBZ9ELm3S5HJ+dbp/nqtXu4e16Cqtg9lHTyeBAPLyej/cqaBYbjwZznlG66IvmYT+gD1qE/YES1IXlgi60DOMgOLLa7Ge2ToorBQFvdmOlYBZNNrsxTgAlMcZg3ntRyLWY/WcYYAiCSpEE48+UVookWDqXoCTFpCj5YBKUfLEylKpgLhT5tCZ7wPpi2aTlj2JsfgZab+tfAd9r5A2p9OLuMfstcwAAAABJRU5ErkJggg==);background-repeat:no-repeat;background-size:cover;border:none;cursor:pointer}.modal__pics{flex-direction:column;justify-content:space-between}.modal__hint,.modal__pics{display:flex;align-items:center}.modal__hint{padding:16px 0;max-width:330px;justify-content:center;flex-wrap:wrap}.modal__radio{position:absolute;width:0;height:0;opacity:0}.modal__radio+img{cursor:pointer;padding:0 5px}.modal__radio:checked+img{border:1px solid #2a81dd;border-radius:5px}.modal__btn{margin-top:8px}.modal__desc{display:block}.modal__name{margin:8px 0;font-size:20px;font-weight:400}.modal__actions{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 0 12px}.modal__info{display:block}.modal__points{margin:8px 0;font-weight:600}.modal__balance{background:#f0fafd;border:none;border-radius:5px;padding:8px 16px;align-items:center}.modal__balance,.modal__balance-desc{display:flex;justify-content:space-between}.modal__balance-desc{flex-direction:column;padding:0 6px;height:100%;font-size:14px;font-weight:400;color:#888b94;align-items:start}.modal__balance-value{color:#1c1819;font-size:16px;padding-top:12px}.modal__balance-logo{font-size:40px;padding-left:12px}.modal__color{display:flex;flex-direction:column;padding:12px 0;align-items:flex-start;justify-content:space-between}.modal__color-desc{font-size:14px}.modal__options{width:100%;padding:8px 0;display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap}.modal__options label{border:1px solid rgba(28,24,25,.10196078431372549);border-radius:4px;overflow:hidden;margin:5px 8px 5px 0}.modal__radio-container{padding:8px;display:flex;align-items:center}.modal__radio+.modal__radio-container{cursor:pointer}.modal__radio:checked+.modal__radio-container{background-color:#d6ecfb}.modal__color-box{width:25px;height:25px;border-radius:4px}.modal__color-name{padding:0 8px}.modal__size{display:flex;flex-direction:column;padding:12px 0;align-items:flex-start;justify-content:space-between}.modal__size-desc{font-size:14px}.modal__size-name{padding:0 8px}.modal__details{display:flex;flex-direction:column;padding:12px 0;align-items:start;justify-content:space-between}.modal__headers{font-size:14px;font-weight:600;line-height:24px}.modal__description{font-weight:400;font-size:14px;padding-top:4px;line-height:24px}.modal__choose{padding:12px 0}#blue-darkest{background-color:#00458a}#milk{background-color:#efe8d8}#gray-lightest{background-color:#d4d4da}#app,body,html{height:100%}body{font-family:Open Sans,sans-serif}#app{display:flex;flex-direction:column}a{text-decoration:none;color:#2a81dd}