html,body{margin:0;padding:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;height:100%;--head-size: 6rem;--nav-size: 8rem;--mobile-cart: 7.75rem;--cart-width: 370px;--padding-size: var(--base-size)}@media screen and (max-width: 1280px){body{--padding-size: calc(var(--base-size) * 2)}}@media (--md-viewport){body{--padding-size: calc(var(--base-size) * 2)}}#root,.ant-app{height:100%}#app{display:flex;flex-direction:column;height:100%}.store__layout{display:flex;height:100%;flex-direction:row;width:100%}.store__wrapper{flex:1 1;width:100%}@media screen and (max-width: 1280px){.store__layout{display:flex;flex-direction:column;width:100%}}@media (--md-viewport){.store__layout{display:flex;flex-direction:column;width:100%}}.store__layout header{background-color:#fff;color:var(--antd-color-bg-base)}.mainContainer{border-right:1px solid var(--antd-color-border);overflow-y:auto;height:100%}.main__productsWrapper{padding-top:var(--padding-size);padding:var(--padding-size) 0;padding-bottom:calc(var(--base-size) * 8)}.mainHeader{display:flex;align-items:center;justify-content:space-between;position:relative;flex-shrink:0;flex-grow:0;max-width:100%}.header__logoWrapper{height:auto;color:var(--antd-color-primary)}.header__logoWrapper #header-logo-button{height:60px;width:60px;display:flex;justify-content:center;align-items:center;background-color:var(--antd-color-accent);border-radius:12px}.header__logoWrapper #header-logo-button svg{width:48px}.header__content{display:flex;gap:1rem}.header__content h4,.header__content h3{margin:0;text-transform:uppercase;font-weight:400;color:var(--antd-color-primary);font-size:calc(var(--base-size) * 1.25)!important}.header__content h4 span{opacity:.6}h1.header__title{margin-top:calc(var(--base-size) * .5)!important;font-size:calc(var(--base-size) * 1.75)!important}h1.header__title span{display:inline-block;margin-left:.5rem;font-weight:400!important;color:var(--antd-color-primary)!important;text-decoration:underline}header .ant-btn-ghost{border:1px solid var(--antd-color-bg-base)}header .header__itemCount{background-color:var(--antd-color-primary);color:var(--antd-color-bg-base);font-size:var(--base-size);padding:0 var(--base-size);display:flex;flex-direction:column;justify-content:center}header a{text-decoration:none}aside .aside__header{padding:0rem 2rem;border-bottom:1px solid var(--antd-color-border);height:7rem;display:flex;flex-direction:column;justify-content:center;gap:.5rem}aside .aside__header h4{margin-top:0;margin-bottom:0}aside .aside__footer{position:sticky;bottom:0;width:100%;background-color:var(--antd-color-bg-base);border-top:1px solid var(--antd-color-border)}.header__cart-button{display:none}@media screen and (max-width: 1280px){html,body{--base-size: .8rem;--head-size: 4rem;--nav-size: 4rem}h1.header__title{margin-top:0!important;font-size:calc(var(--base-size) * 1.25)!important}.store__wrapper{flex-grow:1}.header__cart-button{display:flex;justify-content:flex-end}}@media (--md-viewport){html,body{--base-size: .8rem;--head-size: 4rem;--nav-size: 4rem}h1.header__title{margin-top:0!important;font-size:calc(var(--base-size) * 1.25)!important}.store__wrapper{flex-grow:1}.header__cart-button{display:flex;justify-content:flex-end}}@media screen and (max-width: 992px){header .header__wrapper{grid-template-columns:auto}header .header__title h1{font-size:1.125rem!important}header .header__contentWrapper{margin-top:1rem}header .header__title h1 span{display:block;margin-left:0;margin-top:.125rem}header .header__content h4{font-size:.875rem!important}header .header__itemCount{font-size:.875rem}header .header__actions{justify-content:center;margin:1rem 0}header .header__actions .ant-btn{width:50%;display:flex;justify-content:center}}@media (--sm-viewport){header .header__wrapper{grid-template-columns:auto}header .header__title h1{font-size:1.125rem!important}header .header__contentWrapper{margin-top:1rem}header .header__title h1 span{display:block;margin-left:0;margin-top:.125rem}header .header__content h4{font-size:.875rem!important}header .header__itemCount{font-size:.875rem}header .header__actions{justify-content:center;margin:1rem 0}header .header__actions .ant-btn{width:50%;display:flex;justify-content:center}}
