@charset "UTF-8";.header-main{background-color:#d71964;box-shadow:0 2px 8px #85053899;position:sticky;display:flex;flex-direction:row;color:#fff;top:0;left:0;width:100%;font-family:Carlito,sans-serif}.header-main .header-container{width:100%;position:relative;display:flex;justify-content:space-between;align-items:center;margin:1rem auto;padding:0px 2vw}.header-main .header-container .centering-cheat{opacity:0;cursor:default;gap:2vw;display:flex;justify-content:space-around}.header-main .header-container .centering-cheat .header-icon{font-size:x-large;-webkit-user-select:none;user-select:none}.header-main .header-container .spacer{width:1px;height:34px;display:flex;box-sizing:border-box;flex-grow:1;overflow:hidden}.header-main .header-container .header-logo .header-title{font-size:x-large;font-weight:500;padding-bottom:5px}@media (max-width: 780px){.header-main .header-container .header-logo .header-title{font-size:xx-large}}.header-main .header-container .header-icons{float:right;flex-direction:row;display:flex;gap:2vw;justify-content:space-around}.header-main .header-container .header-icons .header-icon{font-size:x-large;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s ease}.header-main .header-container .header-icons .header-icon:hover{transform:scale(1.1)}.portal-wrapper{height:100vh;display:flex;flex-direction:column}.portal-wrapper .portal-main{display:grid;grid-template-areas:"sidebar main";grid-template-columns:minmax(165px,auto) 1fr;padding:1rem;column-gap:1rem;height:100%;overflow:hidden;margin-bottom:.5rem}@media (max-width: 468px){.portal-wrapper .portal-main{display:flex;flex-direction:column;row-gap:20px}}.portal-wrapper .topbar{display:none;background-color:#e3a8c0;border-radius:30px;box-shadow:0 2px 8px #85053899;padding:20px 20px 10px;align-items:center;justify-content:space-between;gap:20px}@media (max-width: 468px){.portal-wrapper .topbar{display:flex;flex-direction:row}}.portal-wrapper .sidebar{grid-area:sidebar;background-color:#e3a8c0;border-radius:30px;box-shadow:0 2px 8px #85053899;padding:15px;display:flex;flex-direction:column;align-items:flex-start;gap:15px}@media (max-width: 468px){.portal-wrapper .sidebar{display:none}}.portal-wrapper .main{grid-area:main;box-shadow:0 2px 8px #85053899;border-radius:30px;padding:30px 30px 0;display:flex;flex-direction:column;font-family:Rosario,serif;overflow:hidden;flex-grow:1}.portal-wrapper .footer{position:absolute;bottom:0;width:100%;--visibility-content: hidden;--translate-amount: 50%;overflow:hidden}.portal-wrapper .footer:hover{--visibility-content: visible;--translate-amount: 0%}.portal-wrapper .footer .footer-content{display:flex;justify-content:center;font-size:small;font-weight:700;visibility:var(--visibility-content);background:linear-gradient(180deg,transparent,#E3A8C0);transition:all .3s ease-in-out;transform:translateY(var(--translate-amount))}.button{background-color:#d71964;box-shadow:inset 0 2px 8px #fff9;color:#fff;border:none;border-radius:15px;padding:13px;cursor:pointer;font-family:Space Grotesk,sans-serif;font-size:medium;font-weight:700;width:100%;transition:all .1s ease-in-out}.button.button-disabled{background-color:#757575;box-shadow:none;cursor:not-allowed}.button:active:not(.button-disabled){box-shadow:inset 0 2px 8px #85053899}.button:hover:not(:active,.button-disabled){background-color:#e3a8c0;box-shadow:0 2px 8px #85053899,inset 0 2px 8px #fff9}.button:focus-visible{box-shadow:inset 0 0 0 2px #850538,inset 0 2px 8px #fff9;outline:none}.button-icon-with-label-wrapper{display:grid;grid-template-areas:"button" "label";grid-template-rows:1fr auto;grid-template-columns:1fr}.button-icon-with-label-wrapper .button-icon-with-label{grid-area:button;background-color:#d71964;box-shadow:inset 0 2px 8px #fff9;color:#fff;border:none;border-radius:20px;padding:20px;cursor:pointer;font-family:Space Grotesk,sans-serif;font-size:medium;font-weight:700;margin:0 auto;width:fit-content;transition:all .1s ease-in-out}.button-icon-with-label-wrapper .button-icon-with-label:not(.button-disabled):active{box-shadow:inset 0 2px 8px #85053899}.button-icon-with-label-wrapper .button-icon-with-label:focus-visible{box-shadow:inset 0 0 0 2px #850538,inset 0 2px 8px #fff9;outline:none}.button-icon-with-label-wrapper .button-disabled{background-color:#757575;box-shadow:none;cursor:not-allowed}.button-icon-with-label-wrapper .icon-display-fix{display:block;object-fit:contain;width:40px}@media (max-width: 350px){.button-icon-with-label-wrapper .icon-display-fix{width:24px}}.button-icon-with-label-wrapper label{font-size:.8rem;font-weight:500;color:#fff;grid-area:label;text-align:center;margin-top:.3rem;overflow:hidden;text-overflow:ellipsis}.button-reorder-cards-wrapper{display:flex;align-items:center}.button-reorder-cards-wrapper .button-reorder-cards{background-color:#dcb446;box-shadow:inset 0 2px 8px #fff9;color:#fff;border:none;border-radius:5px;padding:6px;cursor:pointer;font-family:Space Grotesk,sans-serif;font-size:x-small;font-weight:700;width:100%;transition:all .1s ease-in-out}@media (max-width: 468px){.button-reorder-cards-wrapper .button-reorder-cards{padding:12px;font-size:small}}.button-reorder-cards-wrapper .button-reorder-cards:active{box-shadow:inset 0 2px 8px #85053899}.button-reorder-cards-wrapper .button-reorder-cards:not(:active):not(.button-disabled):hover{background-color:#c08d00;box-shadow:0 2px 8px #85053899,inset 0 2px 8px #fff9}.button-reorder-cards-wrapper .button-reorder-cards:focus-visible{box-shadow:inset 0 0 0 2px #850538,inset 0 2px 8px #fff9;outline:none}.button-reorder-cards-wrapper .button-disabled{background-color:#757575;box-shadow:none;cursor:not-allowed}.button-simple-icon{border:none;box-shadow:inset 0 0 0 2px #757575;padding:calc(.8rem - 1.665px) calc(.9rem + 1.665px);border-radius:.8rem;background:none;color:#757575;font-size:large}.button-simple-icon.red-color{color:red}.button-simple-icon:hover:not(:active){opacity:.7}.button-simple-icon:active{box-shadow:inset 0 0 0 2px #757575,inset 0 2px 8px #85053899}.modal-underlay{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.7;background-color:#a9a9a9;border:none}.modal-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:30px;min-width:80%;box-shadow:0 2px 8px #85053899;margin:auto;background-color:#fff;border-radius:30px;opacity:1;z-index:1}#loading-spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:inline-block;width:50px;height:60px;border:5px solid rgba(255,255,255,0);border-radius:50%;box-shadow:inset 0 -2px 5px 6px #fff;border-bottom-color:#d71964;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}.app{background-color:#fff;margin:0;padding:0;height:100%}body{font-family:Space Grotesk,sans-serif;margin:0;padding:0;height:100vh}*{margin:0;box-sizing:border-box}#root{height:100%}.error-main{height:100%;display:flex;flex-direction:column}.error-main .error-container{margin:auto;display:flex;flex-direction:column}.error-main .error-container img{height:30vh;object-fit:contain}.error-main .error-container .error-emphasis{color:#d71964;font-size:5rem;text-align:center;margin:auto}.error-main .error-container .error-info{font-weight:400;text-align:center;margin:auto}.card-main{border-radius:15px;box-shadow:0 2px 8px #85053899;padding:20px;font-family:Space Grotesk,sans-serif}.card-main .block-flex{flex-grow:1}.card-main .open-wrapper{transition:all 5s ease-in-out;opacity:0;transform:translate(-1%);animation:fadeIn .3s ease-in-out forwards}@keyframes fadeIn{to{transform:translate(0);opacity:1;height:100%}}.card-main .close-wrapper{transition:all 5s ease-in-out;opacity:0;transform:translate(1%);display:flex;flex-direction:row;animation:fadeIn .3s ease-in-out forwards}.card-main .close-wrapper .chevron{margin:auto -5px 0 10px;cursor:pointer}.card-main .close-wrapper .chevron img{height:1.5rem}.card-main h6{margin:.3rem 0;font-weight:500;font-size:.8rem}.card-main .product-details{font-family:Rosario,sans-serif;font-size:small;font-weight:100;width:100%;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;white-space:break-spaces;line-clamp:3;-webkit-box-orient:vertical}.card-main .price-and-reorder{display:flex;flex-direction:row;justify-content:space-between;margin:.8rem .8rem 0 0}.card-main .price-and-reorder h6{margin:auto 0}.card-main .not-active{display:none}.card-main .order-details{cursor:pointer}.table{font-family:Space Grotesk,sans-serif;width:100%;text-align:left;border-spacing:0 1rem}@media (max-width: 330px){.table{word-break:break-all}}.table .heading-row th{padding-right:2vw}.table .heading-row th:last-child{padding-right:unset}.table .data-row .data-cell p{font-size:small}.order-card-list-wrapper{overflow-y:scroll;scrollbar-width:thin;scrollbar-color:#E3A8C0 white;margin-inline:-30px;padding:0 30px 30px}.order-card-list-wrapper .empty-text{font-size:small;font-family:Space Grotesk,sans-serif;margin-block:10px;color:gray}.order-card-list-wrapper .order-card-list{display:flex;flex-direction:column;gap:15px;margin:1rem 0 0}.place-order-wrapper{display:flex;flex-direction:column;height:100%;padding-bottom:30px}.place-order-wrapper .tab-heading{color:#d71964;margin:0}.place-order-wrapper .tab-sub-heading{margin:.5rem 0}.place-order-wrapper .wrapping-form{display:flex;flex-direction:column;flex-grow:1;overflow:hidden;margin:0 -30px -30px;padding:0 30px 30px}.input-field{display:flex;flex-flow:column;align-items:flex-start;min-width:12rem}.input-field .input-label{font-size:small;font-family:Space Grotesk,sans-serif;font-weight:400;margin-bottom:.3rem}.input-field .input-box{width:100%;padding:1rem;background:none;box-shadow:inset 0 0 0 2px #757575;border-radius:1rem;box-sizing:border-box;border:none}.input-field .input-box:focus{box-shadow:inset 0 0 0 2px #e3a8c0;outline:none}.input-field .input-box:hover{opacity:.6}.simple-dropdown{display:flex;flex-direction:column;--content-color: #757575;min-width:12rem;position:relative}.simple-dropdown .simple-dropdown-label{font-size:small;font-weight:400;font-family:Space Grotesk,sans-serif;margin-bottom:.3rem}.simple-dropdown .simple-dropdown-select{background:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;padding:1rem 1.5rem 1rem .8rem;text-overflow:ellipsis;box-shadow:inset 0 0 0 2px #757575;border-radius:1rem;border:none}.simple-dropdown .simple-dropdown-select:focus{box-shadow:inset 0 0 0 2px #e3a8c0;outline:none}.simple-dropdown .simple-dropdown-select:active{color:unset}.simple-dropdown .simple-dropdown-select.select-place-holder:not(:active,:focus){color:#757575}.simple-dropdown .simple-dropdown-select-wrapper:focus-within{--content-color: #E3A8C0}.simple-dropdown .simple-dropdown-select-wrapper:hover{opacity:.6}.simple-dropdown .simple-dropdown-select-wrapper:after{content:"⌄";position:absolute;margin-left:-1.5rem;margin-top:.4rem;color:var(--content-color);font-size:larger;font-weight:bolder}.add-items-wrapper{height:100%;display:flex;flex-direction:column;overflow:hidden;margin:0 -30px -30px;padding:0 30px 30px}@keyframes scrollShadowY{0%{box-shadow:inset 0 -8px 8px -10px #757575}10%{box-shadow:inset 0 -8px 8px -10px #757575,inset 0 8px 8px -10px #757575}90%{box-shadow:inset 0 -8px 8px -10px #757575,inset 0 8px 8px -10px #757575}to{box-shadow:inset 0 8px 8px -10px #757575}}@keyframes scrollShadowX{0%{box-shadow:inset -8px 0 8px -10px #757575}10%{box-shadow:inset 8px 0 8px -10px #757575,inset -8px 0 8px -10px #757575}90%{box-shadow:inset 8px 0 8px -10px #757575,inset -8px 0 8px -10px #757575}to{box-shadow:inset 8px 0 8px -10px #757575}}.add-items-wrapper .items-list{margin-bottom:.5rem;overflow:hidden;overflow-y:scroll;scrollbar-width:thin;scrollbar-color:#E3A8C0 white;scroll-snap-type:y mandatory}@supports (animation-timeline: scroll()) and (scroll-timeline: none y){.add-items-wrapper .items-list{animation:scrollShadowY .1s ease-in-out forwards;animation-timeline:--scrollItemsList;scroll-timeline:--scrollItemsList y;scrollbar-width:none}}.add-items-wrapper .items-list .line-item{display:flex;flex-direction:row;margin-bottom:.5rem;overflow-x:scroll;scrollbar-width:none;gap:1rem;align-items:end;scroll-snap-type:x proximity;scroll-snap-align:start}@supports (animation-timeline: scroll()) and (scroll-timeline: none x){.add-items-wrapper .items-list .line-item{animation:scrollShadowX .1s ease-in-out forwards;animation-timeline:--scrollLineItem;scroll-timeline:--scrollLineItem x}}.add-items-wrapper .items-list .line-item>*{scroll-snap-align:start}.add-items-wrapper .add-item-button{z-index:1;margin:0 auto}.welcome-heading{color:#d71964;margin:0}.recent-orders{margin:.5rem 0}.review-order-wrapper{display:flex;flex-direction:column;height:100%;padding-bottom:30px}.review-order-wrapper .tab-heading{color:#d71964;margin:0}.review-order-wrapper .tab-sub-heading{margin:.5rem 0}.review-order-wrapper .order-review-table{font-size:large!important;overflow-y:scroll;scrollbar-width:thin;scrollbar-color:#E3A8C0 white;margin-bottom:1rem}@supports (animation-timeline: scroll()) and (scroll-timeline: none y){.review-order-wrapper .order-review-table{animation:scrollShadowY .1s ease-in-out forwards;animation-timeline:--scrollTableY;scroll-timeline:--scrollTableY y;scrollbar-width:none}}.review-order-wrapper .order-review-table .scroll-x-hack{overflow-x:scroll;scrollbar-width:thin;scrollbar-color:#E3A8C0 white}@supports (animation-timeline: scroll()) and (scroll-timeline: none y){.review-order-wrapper .order-review-table .scroll-x-hack{animation:scrollShadowX .1s ease-in-out forwards;animation-timeline:--scrollTableX;scroll-timeline:--scrollTableX x;scrollbar-width:none}}.review-order-wrapper .order-review-table p{font-size:medium!important}.review-order-wrapper .buttons-wrapper{display:flex;flex-grow:1;align-items:end;gap:1rem}.width-fix{width:100%;font-size:medium;font-weight:700;padding:14px;white-space:nowrap}.login-screen{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;height:100%;background:#fff;color:#fff}.login-screen .login-container-padding{margin:auto;padding:10px}.login-screen .login-container{background:#fff;color:#333;padding:40px;border-radius:50px;box-shadow:0 2px 8px #85053899;width:100%;min-width:250px;max-width:500px;text-align:center;justify-content:space-between}@media (max-width: 768px){.login-screen .login-container{max-width:450px;min-width:350px}}@media (max-width: 450px){.login-screen .login-container{max-width:350px;min-width:200px}}.login-screen .login-container .login-logo{width:80px;margin-bottom:0}.login-screen .login-container .login-info{font-size:1.3rem;font-weight:700;transition:all .2s ease-out;margin:10px 0 20px}@media (max-width: 700px){.login-screen .login-container .login-info{font-size:1.1rem}}@media (max-width: 500px){.login-screen .login-container .login-info{font-size:.9rem}}.login-screen .login-container .login-title{font-family:Cambria,serif;font-size:xx-large;font-weight:700;margin:0;color:#dcb446}.login-screen .login-container .login-subtitle{font-size:16px;margin-bottom:30px;color:#555}.login-screen .login-container .login-footer{margin-bottom:0;margin-top:10px;font-size:small}.login-screen .login-container .register-link{color:#d71964}.login-screen .login-container .register-link:hover{text-decoration:underline;cursor:pointer}.login-screen .login-container .login-button-container{margin:30px 0 0}