[data-simplebar]{flex-flow:column wrap;place-content:flex-start;align-items:flex-start;position:relative}.simplebar-wrapper{width:inherit;height:inherit;max-width:inherit;max-height:inherit;overflow:hidden}.simplebar-mask{direction:inherit;z-index:0;margin:0;padding:0;position:absolute;inset:0;overflow:hidden;width:auto!important;height:auto!important}.simplebar-offset{-webkit-overflow-scrolling:touch;margin:0;padding:0;position:absolute;inset:0;direction:inherit!important;box-sizing:inherit!important;resize:none!important}.simplebar-content-wrapper{direction:inherit;scrollbar-width:none;-ms-overflow-style:none;width:auto;max-width:100%;height:100%;max-height:100%;display:block;position:relative;overflow:auto;box-sizing:border-box!important}.simplebar-content-wrapper::-webkit-scrollbar{width:0;height:0;display:none}.simplebar-hide-scrollbar::-webkit-scrollbar{width:0;height:0;display:none}.simplebar-content:before,.simplebar-content:after{content:" ";display:table}.simplebar-placeholder{pointer-events:none;width:100%;max-width:100%;max-height:100%}.simplebar-height-auto-observer-wrapper{float:left;z-index:-1;pointer-events:none;flex-grow:inherit;flex-shrink:0;flex-basis:0;width:100%;max-width:1px;height:100%;max-height:1px;margin:0;padding:0;position:relative;overflow:hidden;box-sizing:inherit!important}.simplebar-height-auto-observer{box-sizing:inherit;opacity:0;pointer-events:none;z-index:-1;width:1000%;min-width:1px;height:1000%;min-height:1px;display:block;position:absolute;top:0;left:0;overflow:hidden}.simplebar-track{z-index:1;pointer-events:none;position:absolute;bottom:0;right:0;overflow:hidden}[data-simplebar].simplebar-dragging,[data-simplebar].simplebar-dragging .simplebar-content{pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-khtml-user-select:none}[data-simplebar].simplebar-dragging .simplebar-track{pointer-events:all}.simplebar-scrollbar{min-height:10px;position:absolute;left:0;right:0}.simplebar-scrollbar:before{content:"";opacity:0;background:#000;border-radius:7px;transition:opacity .2s linear .5s;position:absolute;left:2px;right:2px}.simplebar-scrollbar.simplebar-visible:before{opacity:.5;transition-duration:0s;transition-delay:0s}.simplebar-track.simplebar-vertical{width:11px;top:0}.simplebar-scrollbar:before{inset:2px}.simplebar-track.simplebar-horizontal{height:11px;left:0}.simplebar-track.simplebar-horizontal .simplebar-scrollbar{width:auto;min-width:10px;min-height:0;inset:0 auto 0 0}[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical{left:0;right:auto}.simplebar-dummy-scrollbar-size{opacity:0;visibility:hidden;direction:rtl;width:500px;height:500px;position:fixed;overflow:scroll hidden;-ms-overflow-style:scrollbar!important}.simplebar-dummy-scrollbar-size>div{width:200%;height:200%;margin:10px 0}.simplebar-hide-scrollbar{visibility:hidden;scrollbar-width:none;-ms-overflow-style:none;position:fixed;left:0;overflow-y:scroll}:root{--sm:640px;--md:768px;--lg:1024px;--xl:1280px;--2xl:1536px;--primary-blue:#15333d;--midnight-green:#1a3c47;--maximum-blue:#66b8d9;--blush-pink:#ea5178;--dark-grey:#ababab;--light-grey:#f7f7f7;--off-white:#f7f7f7;--rich-black:#00191e}*{font-family:Inter,sans-serif}h1,h2{color:var(--primary-blue);font-size:16px;font-weight:700}a{color:var(--secondary-blue)}button{all:unset;text-align:center}.primary-button{cursor:pointer;width:272px;height:48px;color:var(--off-white);will-change:opacity;flex:0 0 48px;font-weight:500;transition-property:opacity;transition-duration:.3s;display:block}.primary-button:hover{opacity:.7}*{box-sizing:border-box;margin:0;padding:0}html{height:100%;font-size:16px}body{flex-direction:column;height:100%;max-height:100vh;display:flex}.guest{flex-direction:column;justify-content:center;align-items:center;gap:64px;width:100%;height:100%;max-height:100vh;display:flex;position:relative}.guest__title{text-transform:uppercase;text-align:center;font-size:16px}.guest__main{flex-direction:column;gap:16px;width:30%;min-width:320px;display:flex}.login{flex-direction:column;justify-content:center;align-items:stretch;gap:16px;display:flex}.login__email,.login__password{flex-direction:column;gap:4px;display:flex}.login__email-label,.login__password-label{font-size:14px}.login__email-input,.login__password-input{height:32px;padding:4px}.login__options{justify-content:space-between;align-items:center;display:flex}.login__options-left{cursor:pointer;align-items:center;gap:4px;display:flex}.login__options-left input{pointer-events:none}.login__options-left span,.login__options-right{font-size:14px}.login__button{background-color:var(--primary-blue);color:var(--off-white);align-self:center;margin-top:32px}.login__register{text-align:center;margin-top:16px}.forgot-password__form{flex-direction:column;gap:16px;display:flex}.forgot-password__email{flex-direction:column;gap:4px;display:flex}.forgot-password__email-label{font-size:14px}.forgot-password__email-input{height:32px;padding:4px}.forgot-password__button{background-color:var(--primary-blue);align-self:center;margin-top:32px}.register{flex-direction:column;justify-content:center;align-items:stretch;gap:16px;display:flex}.register__name,.register__email,.register__password,.register__confirmation{flex-direction:column;gap:4px;display:flex}.register__name-label,.register__email-label,.register__password-label,.register__confirmation-label{font-size:14px}.register__name-input,.register__email-input,.register__password-input,.register__confirmation-input{height:32px;padding:4px}.register__login{text-align:center;margin-top:16px}.register__button{background-color:var(--primary-blue);color:var(--off-white);align-self:center;margin-top:16px}.dashboard{flex-direction:column;gap:32px;width:100%;height:100%;min-height:0;padding:16px 32px 48px;display:flex;overflow-y:auto}.dashboard__main{box-sizing:border-box;flex-direction:column;gap:64px;width:100%;height:auto;min-height:100%;padding-top:32px;display:flex}@media screen and (width>=1024px){.dashboard__main{flex-direction:row;gap:0;height:100%}}.dashboard .details,.dashboard .history{flex-direction:column;gap:16px;display:flex}@media screen and (width>=1024px){.dashboard .details,.dashboard .history{gap:32px}}.dashboard .details{width:100%;min-width:320px}@media screen and (width>=1024px){.dashboard .details{border-right:1px solid var(--dark-grey);width:30%}}.dashboard .details__form{flex-direction:column;gap:16px;display:flex}.dashboard .details__form-name,.dashboard .details__form-email{flex-direction:column;gap:4px;display:flex}.dashboard .details__form-name-label,.dashboard .details__form-email-label{font-size:14px}.dashboard .history{box-sizing:border-box;width:100%;height:100%;overflow:hidden}@media screen and (width>=1024px){.dashboard .history{width:70%;padding-left:32px}}.dashboard .history__list{flex-direction:column;width:100%;display:flex}.dashboard .history__list-placeholder{font-style:italic}@media screen and (width>=1024px){.dashboard .history__list{padding-right:16px}}.dashboard .history__list-order{border-bottom:1px solid var(--dark-grey);width:100%}.dashboard .history__list-order:first-of-type{border-top:1px solid #ababab}.dashboard .history__list-order-item{gap:8px;display:flex}.dashboard .history__list-order-left{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.dashboard .history__list-order-button{cursor:pointer;box-sizing:border-box;padding-block:16px;justify-content:space-between;align-items:center;width:100%;padding-right:12px;transition:opacity .1s;display:flex}.dashboard .history__list-order-button:hover{opacity:.6}.dashboard .history__list-order-label{pointer-events:none;font-size:12px}.dashboard .history__list-order-chevron{transition:transform .3s}.dashboard .history__list-order-button.active .history__list-order-chevron{transform:scaleY(-1)}.dashboard .history__list-order-inner{flex-direction:column;gap:24px;max-height:0;padding-bottom:0;transition:max-height .3s,padding-bottom .3s;display:flex;overflow:hidden}.dashboard .history__list-order-inner.active{padding-bottom:16px}.dashboard .history__list-order-image-wrapper{border:1px solid rgb(from var(--dark-grey) r g b/50%);justify-content:center;align-items:center;width:80px;height:80px;display:flex}.dashboard .history__list-order-image{object-fit:cover;width:100%;height:100%}.dashboard .history__list-order-text{flex-direction:column;flex:1;justify-content:center;gap:12px;display:flex}.dashboard .history__list-order-details--top{font-size:14px;font-weight:700}.dashboard .history__list-order-details--bottom{flex-direction:column;justify-content:space-between;font-size:14px;display:flex}.dashboard #simplebar-history{width:100%;min-height:0;max-height:fit-content;display:flex;overflow-x:hidden}.dashboard .simplebar{flex:1;min-height:0}.dashboard .simplebar-track{width:10px}.dashboard .simplebar-scrollbar:before{background:var(--dark-grey);opacity:1;text-align:center;border-radius:999px;width:6px;transition:opacity .2s}.dashboard .simplebar-scrollbar.simplebar-hover:before{opacity:.7}.dashboard .simplebar-content{width:100%}.dashboard .logout{margin-top:auto}.dashboard .logout__button{cursor:pointer;text-align:center;text-decoration:underline}.dashboard .logout--desktop{display:none}@media screen and (width>=1024px){.dashboard .logout--desktop{display:block}}.dashboard .logout--mobile{margin-top:32px;margin-left:auto;display:block}@media screen and (width>=1024px){.dashboard .logout--mobile{display:none}}.main{flex-direction:column;gap:32px;width:100%;height:100%;min-height:0;padding:28px;display:flex}@media screen and (width>=1024px){.main{flex-direction:row;padding:16px 32px}}.header{flex-direction:column;justify-content:space-between;gap:16px;padding-top:16px;display:flex}@media screen and (width>=1024px){.header{flex-direction:row;align-items:flex-end;gap:32px;padding-inline:16px}}.header__left{justify-content:space-between;align-items:center;gap:16px;padding-inline:16px;display:flex}@media screen and (width>=1024px){.header__left{border:none;padding:0}}.header__right{justify-content:center;align-items:stretch;gap:16px;padding:16px 16px 4px;display:flex}.header__right:has(.header__index){justify-content:flex-start}@media screen and (width>=1024px){.header__right{padding:0 0 4px}}.header__title{text-transform:uppercase;font-size:14px;line-height:normal}@media screen and (width>=1024px){.header__title{font-size:16px}}.header__logo-wrapper{flex-direction:column;gap:4px;display:flex}@media screen and (width>=1024px){.header__logo-wrapper{flex-direction:row;align-items:flex-end;gap:8px}}.header__logo{display:flex}.header__logo-img{height:32px}.header__dashboard,.header__index{color:var(--rich-black);font-size:16px;text-decoration:none;transition:opacity .1s}.header__dashboard:hover,.header__index:hover{opacity:.6}.header__dashboard{text-transform:capitalize}.header__dashboard-icon{width:16px}.header__dashboard--mobile{gap:4px;display:flex}@media screen and (width>=1024px){.header__dashboard--mobile{display:none}}.header__dashboard--desktop{display:none}@media screen and (width>=1024px){.header__dashboard--desktop{display:block}}.header__index{text-transform:initial;gap:4px;display:flex}.header__index-arrow{width:14px}.header__divider{border:0;height:-webkit-fill-available;height:-moz-available;height:stretch;display:none}@media screen and (width>=1024px){.header__divider{display:block}}.header__divider--mobile{border-bottom:1px solid var(--dark-grey);width:100%;display:block}@media screen and (width>=1024px){.header__divider--mobile{display:none}}.header__divider--desktop{border-left:1px solid var(--dark-grey);display:none}@media screen and (width>=1024px){.header__divider--desktop{display:block}}.tabs{gap:16px;width:fit-content;display:flex;position:relative}.tabs:after{content:"";height:1px;width:var(--underline-width,0px);background:var(--rich-black);transform:translateX(var(--underline-x,0px));transition:transform .3s,width .3s;position:absolute;bottom:-4px;left:0}.tabs button{color:var(--rich-black);cursor:pointer;background:0 0;border:none;padding:0;font-size:16px;transition:opacity .1s}.tabs button:hover:not(.active){opacity:.6}.tabs button.active{font-weight:700}.types{background:var(--light-grey);border-radius:8px;flex-direction:column;padding-top:16px;display:flex;position:relative}@media screen and (width>=1024px){.types{flex:0 0 212px;overflow:hidden}}@media screen and (width>=1280px){.types{flex:0 0 272px;overflow:hidden}}.types__header{padding-top:16px;align-items:center;width:100%;padding-inline:32px;display:flex}@media screen and (width>=1024px){.types__header{padding-inline:16px}}.types__step{color:#fff;background:var(--dark-grey);border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:700;display:flex}.types__title{text-align:center;justify-self:center;position:absolute;left:50%;transform:translate(-50%)}.types__main-wrapper{border-radius:inherit;height:100%;min-height:0;position:relative;overflow:hidden}@media screen and (width>=1024px){.types__main-wrapper{padding:0}}.types__scroll-wrapper{height:100%;overflow-x:auto}@media screen and (width>=1024px){.types__scroll-wrapper{overflow-x:unset;overflow-y:auto}}.types .simplebar-track{height:10px}@media screen and (width>=1024px){.types .simplebar-track{height:unset;width:10px}}.types .simplebar-scrollbar:before{background:var(--dark-grey);opacity:1;border-radius:999px;height:6px;margin:0 30px;transition:opacity .2s}@media screen and (width>=1024px){.types .simplebar-scrollbar:before{height:unset;width:6px;margin:30px 0}}.types .simplebar-scrollbar.simplebar-hover:before{opacity:.7}.types__main{gap:16px;width:fit-content;padding:16px 32px;display:flex}@media screen and (width>=1024px){.types__main{flex-direction:column;gap:32px;padding:32px 16px}}.types__gradient{z-index:10;pointer-events:none;width:32px;height:100%;position:absolute;top:0}@media screen and (width>=1024px){.types__gradient{top:unset;width:100%;height:32px;left:0;right:6px}}.types__gradient-first{background-image:linear-gradient(to left, transparent, var(--light-grey) 50%);left:0}@media screen and (width>=1024px){.types__gradient-first{background-image:linear-gradient(to top, transparent, var(--light-grey) 50%);top:0}}.types__gradient-last{background-image:linear-gradient(to right, transparent, var(--light-grey) 50%);right:0}@media screen and (width>=1024px){.types__gradient-last{background-image:linear-gradient(to bottom, transparent, var(--light-grey) 50%);bottom:0}}.content{background:var(--light-grey);border-radius:8px;flex-direction:column;flex:1;align-items:center;gap:16px;width:100%;height:100%;padding:16px 32px 32px;display:flex}.content__header{align-items:center;width:100%;padding-top:16px;display:flex;position:relative}.content__step{color:#fff;background:var(--dark-grey);border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:700;display:flex}.content__title{text-align:center;justify-self:center;position:absolute;left:50%;transform:translate(-50%)}.content__main{flex-direction:column;align-items:center;gap:32px;width:100%;height:100%;min-height:0;display:flex}.content__main-inner{flex:1;gap:16px;width:100%;min-height:0;display:flex}.content__canvas-wrapper{justify-content:center;align-items:center;gap:4px;height:100%;display:flex;position:relative;overflow:hidden}.content__canvas-wrapper.signage{flex-basis:65%}.content__canvas-wrapper.clothing{flex-basis:100%}.content__canvas{background-color:rgb(from var(--maximum-blue) r g b/10%);border:1px solid rgb(from var(--maximum-blue) r g b/50%);width:100%;height:100%}.content__canvas.active{background-color:#fff}.content__clear-button{border-left:1px solid rgb(from var(--maximum-blue) r g b/50%);border-bottom:1px solid rgb(from var(--maximum-blue) r g b/50%);cursor:pointer;background:#fff;padding:8px 16px;transition-duration:.2s;display:none;position:absolute;top:1px;right:1px}.content__clear-button:hover{border-left:1px solid var(--maximum-blue);border-bottom:1px solid var(--maximum-blue)}.content__clear-button.active{display:flex}.content__clear-text{font-size:14px}.content__canvas-controls--signage{flex-direction:column;flex-basis:35%;gap:16px;display:none;position:relative}.content__canvas-controls--clothing{display:none;position:absolute;inset:0}.content__canvas-controls.active{display:flex}.content__textarea-wrapper{flex-direction:column;gap:4px;width:100%;height:50%;display:flex}.content__label{font-size:14px}.content__textarea{border:1px solid var(--dark-grey);resize:none;width:100%;height:100%;padding:8px}.content__textarea:focus{outline:none}.content__textarea::placeholder{font-style:italic}.content__arrows-wrapper{flex-flow:column;gap:12px;height:50%;max-height:100%;display:flex;overflow-y:auto}.content__arrows{flex-direction:column;align-items:center;gap:16px;padding-right:16px;display:flex}.content__arrow{cursor:pointer;box-sizing:border-box;grid-template-columns:auto minmax(max-content,1fr) auto;align-items:center;gap:16px;width:fit-content;display:grid}.content__arrow-label{color:var(--rich-black);text-align:center;width:100%;font-size:14px}.content__arrow-left,.content__arrow-right{width:fit-content;color:rgb(from var(--primary-blue) r g b/60%);transition-duration:.3s}.content__arrow-left:hover,.content__arrow-right:hover{color:var(--primary-blue)}.content__arrow-left.active,.content__arrow-right.active{color:var(--maximum-blue)}.content #simplebar-arrows{width:100%;min-height:0;max-height:fit-content;display:flex;overflow-x:hidden}.content .simplebar{flex:1;min-height:0}.content .simplebar-track{width:10px}.content .simplebar-scrollbar:before{background:var(--dark-grey);opacity:1;text-align:center;border-radius:999px;width:6px;transition:opacity .2s}.content .simplebar-scrollbar.simplebar-hover:before{opacity:.7}.content .simplebar-content-wrapper{width:max-content;margin:0 auto}.content__logo-button{pointer-events:auto;border-right:1px dashed rgb(from var(--maximum-blue) r g b/50%);border-bottom:1px dashed rgb(from var(--maximum-blue) r g b/50%);cursor:pointer;background:#fff;padding:8px 16px;transition-duration:.2s;position:absolute;top:1px;left:1px}.content__logo-button:hover{border-right:1px dashed var(--maximum-blue);border-bottom:1px dashed var(--maximum-blue)}.content__logo-text{font-size:14px}.content__logo-input{display:none}.content__canvas-text{color:var(--maximum-blue);text-align:center;width:100%;font-size:14px;font-style:italic;display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.content__canvas-text.active{display:block}.content__add-button{background-color:var(--maximum-blue)}.basket{box-sizing:border-box;border-top:1px solid var(--dark-grey);flex-direction:column;gap:16px;width:100%;padding:16px 32px 32px;display:flex}@media screen and (width>=1024px){.basket{border-top:0;border-left:1px solid var(--dark-grey);box-sizing:content-box;width:auto;padding:16px 0 32px 32px}}.basket__inner{flex-direction:column;align-self:center;align-items:center;gap:16px;width:100%;height:100%;display:flex}@media screen and (width>=1024px){.basket__inner{align-items:flex-start}}.basket__title{text-align:center;padding-block:16px}@media screen and (width>=1024px){.basket__title{text-align:left}}.basket__main{flex-direction:column;gap:32px;width:100%;min-width:272px;max-width:400px;height:100%;min-height:0;display:flex}@media screen and (width>=1024px){.basket__main{width:272px;max-width:272px}}.basket__list{flex-flow:column;align-items:stretch;gap:16px;height:auto;max-height:fit-content;padding-right:16px;display:flex;overflow-y:auto}.basket__list-item{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.basket__list-item-right{align-items:center;gap:8px;display:flex}.basket__list-item-remove{cursor:pointer;transition:opacity .1s;display:flex}.basket__list-item-remove:hover{opacity:.6}.basket__list-item-remove-icon{height:14px}.basket #simplebar-basket{min-height:0;max-height:fit-content;display:none}.basket .simplebar{flex:1;min-height:0}.basket .simplebar-track{width:10px}.basket .simplebar-scrollbar:before{background:var(--dark-grey);opacity:1;text-align:center;border-radius:999px;width:6px;transition:opacity .2s}.basket .simplebar-scrollbar.simplebar-hover:before{opacity:.7}.basket__notes{border-block:1px solid #ababab;flex-direction:column;width:100%;display:flex}.basket__notes:has(.active){padding-bottom:16px}.basket__notes-button{cursor:pointer;padding-block:16px;justify-content:space-between;align-items:center;padding-right:12px;transition:opacity .1s;display:flex}.basket__notes-button:hover{opacity:.6}.basket__notes-label{pointer-events:none;font-size:12px}.basket__notes-chevron{transition:transform .3s}.basket__notes-button:has(+.active) .basket__notes-chevron{transform:scaleY(-1)}.basket__notes-textarea-wrapper{max-height:0;transition:max-height .3s ease-out;display:flex;overflow:hidden}.basket__notes-textarea-wrapper.active{max-height:100px;transition:max-height .3s ease-out}.basket__notes-textarea{border:1px solid var(--dark-grey);width:100%;height:100px;padding:4px}.basket__notes-textarea:focus{outline:none}.basket__total{justify-content:space-between;width:100%;display:flex}.basket__total-left{flex-direction:column;font-weight:700;display:flex}.basket__total-left span:nth-of-type(2){font-size:12px;line-height:1}.basket__order-button{background-color:var(--blush-pink);align-self:center}.type{aspect-ratio:3/2;background:var(--off-white);cursor:pointer;border-radius:8px;outline:1px solid #0000;flex-direction:column;width:100%;height:160px;transition-property:transform;transition-duration:.2s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 8px #0000001a,0 6px 20px #0000001a}@media screen and (width>=1024px){.type{height:120px}}@media screen and (width>=1280px){.type{height:160px}}.type.active{outline:1px solid var(--primary-blue);transform:scale(1.02);box-shadow:0 4px 8px #0003,0 6px 20px #0003}.type:not(.active):hover .type__text-wrapper{opacity:.7}.type__image-wrapper{background:#fff;justify-content:center;align-items:center;height:100%;display:flex;position:relative;overflow:hidden}.type__image{-webkit-user-select:none;user-select:none;max-height:100%}.type__text-wrapper{background-color:var(--midnight-green);border-bottom-right-radius:8px;border-bottom-left-radius:8px;width:100%;padding-block:4px;transition-property:opacity;transition-duration:.3s}.type__text{color:var(--off-white);text-align:center;text-wrap:balance;font-size:14px}
