.customer-selector{justify-content:center;align-items:center;gap:var(--gap);width:80vw;padding:var(--padding);flex-direction:column;display:flex;position:relative;& .search-input{width:100%;box-shadow:var(--shadow)}& .customer{width:100%;padding:var(--padding);border:1px solid var(--place-holder-color);border-radius:var(--border-radius);cursor:pointer;transition:var(--transition);flex-direction:column;justify-content:start;align-items:start;display:flex;&:hover{background-color:var(--almost-white);border-color:var(--active-color-one)}}& .search-actions{justify-content:center;align-items:center;gap:var(--gap);width:100%;display:flex}}dialog.campaigns-popup{position:fixed;& .popup-header{align-items:center;gap:var(--gap);grid-template-columns:1fr auto;display:grid;& .promotion-description{color:var(--active-color-one);font-weight:700}& .close-popup{box-shadow:unset;justify-self:end;align-items:center;display:flex;& .mingcute--close-fill{background-image:url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23555'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'%20xmlns='http://www.w3.org/2000/svg'%3e%3cline%20x1='18'%20y1='6'%20x2='6'%20y2='18'/%3e%3cline%20x1='6'%20y1='6'%20x2='18'%20y2='18'/%3e%3c/svg%3e");width:24px;height:24px}}}}@font-face{font-family:Avenir;src:url(/assets/Avenir-Cd_SlS5O.ttc)format("ttc");font-weight:400;font-style:normal;font-display:swap}::-webkit-scrollbar{display:none}html{font-size:12px}*{scrollbar-width:none;-ms-overflow-style:none;cursor:auto;inset:unset;border-collapse:collapse;box-shadow:none;box-sizing:border-box;--border-radius:.5rem;--gap:1rem;--padding:.5rem;--active-color-one:#008375;--disabled-color-one:#f0f5ff;--active-color-two:#cf2e2e;--disabled-color-two:#f9f9f7;--color-three:#3d3d3d;--place-holder-color:#b8b8b8;--white-color:#fff;--almost-white:#f5f5f5;--color-success:#2d884d;--color-error:#b34045;--color-warning:#f39c12;--color-default:#00c0ef;--shadow:0 2px 10px #0000001a;--min-width-for-input:82vw;--min-width-for-input-on-td:7vw;--width-for-input-on-td:9vw;--width-for-form-control:calc(var(--min-width-for-input) + var(--padding) * 2);--transition:all .3s ease;--min-card-height:60dvh;--max-card-height:60dvh;color:var(--color-three);font-synthesis:none;text-rendering:optimizelegibility;word-break:normal;overflow-wrap:break-word;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:0 0;border:none;outline:none;gap:0;margin:0;padding:0;font-family:Avenir,Roboto,system-ui,sans-serif;font-size:clamp(1rem,2vw + .5rem,2rem);text-decoration:none;list-style:none;overflow:auto}body{gap:var(--gap);grid-template:"header""main"1fr"footer"/1fr;width:100%;min-height:100dvh;display:grid}header{max-width:100vw;display:flex}main{place-items:center;gap:var(--gap);max-width:100vw;padding:var(--padding);grid-template-columns:1fr;grid-auto-rows:min-content;display:grid}footer{max-width:100vw;padding:var(--padding);flex-flow:column;justify-content:space-between;place-items:center;display:flex}form,aside,article{padding:var(--padding);place-content:center;align-items:center;gap:var(--gap);background-color:var(--white-color);flex-wrap:wrap;display:flex}form,article{flex-direction:row}aside{flex-direction:column}h1{font-size:2rem;font-weight:900}h2{font-size:1.9rem;font-weight:900}h3{font-size:1.8rem;font-weight:900}h4{font-size:1.7rem;font-weight:900}h5{font-size:1.6rem;font-weight:900}h6{font-size:1.5rem;font-weight:900}select,input{padding:var(--padding);border:solid 1px var(--place-holder-color);background-color:var(--white-color);line-height:normal}select,input[type=text],input[type=url],input[type=number],input[type=date],input[type=email],input[type=password]{width:stretch}select::placeholder,input::placeholder{color:var(--place-holder-color);opacity:1}select:focus,input:focus{border:solid 1px var(--disabled-color-one)}input[type=checkbox]{appearance:none;border:1px solid var(--place-holder-color);border-radius:calc(var(--border-radius) / 2);cursor:pointer;width:1rem;height:1rem;margin:1rem;transition:background-color .2s;transform:scale(1.2);box-shadow:inset 0 0 0 2px #fff}input[type=checkbox]:checked{padding:var(--padding);background-color:var(--active-color-one)}.text-area{field-sizing:content;resize:none;width:stretch;min-height:3lh;padding:var(--padding);border:solid 1px var(--disabled-color-two);background-color:var(--white-color);line-height:normal}.text-area::-webkit-scrollbar{display:none}table{width:stretch;display:table;& caption{padding:var(--padding);font-weight:900}& thead{background-color:var(--active-color-one)}& th{padding:calc(var(--padding) / 2);color:var(--white-color);text-align:right}& tbody{& tr:nth-child(2n){background-color:var(--white-color)}& tr:hover{background-color:var(--disabled-color-one)}}& td[colspan]{text-align:center}& td{padding:calc(var(--padding) / 2);text-align:right}}dialog{padding:var(--padding);z-index:3;background-color:var(--white-color);width:max-content;max-width:90vw;height:max-content;max-height:95dvh;box-shadow:var(--shadow);flex-direction:column;justify-content:flex-start;align-items:stretch;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}dialog:first-child{place-items:center;gap:var(--gap);display:grid}dialog dialog{z-index:4;position:relative;transform:translate(-50%)}.button-emulator,button{height:4dvh;padding:var(--padding);color:var(--white-color);border-radius:var(--border-radius);transition:var(--transition);cursor:pointer;background-color:#0000;border:none;justify-content:center;align-items:center;font-weight:900;display:inline-flex}button:hover{transform:scale(1.05)}.button-emulator{border:solid 1px var(--active-color-one);background-color:var(--disabled-color-one);color:var(--active-color-one)}pre,.jsonData{white-space:pre-wrap;word-wrap:break-word;scrollbar-width:none;max-height:80dvh;overflow:auto}input[type=number]::-webkit-outer-spin-button{appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{appearance:none;margin:0}input[type=number]{appearance:textfield}select:disabled,input:read-only{background-color:var(--disabled-color-two)}.active-color-one-text{color:var(--active-color-one)}.active-color-two-text{color:var(--active-color-two)}.white-color-text{color:var(--white-color)}hr{background-color:var(--place-holder-color);width:100%;height:1px}button.close-popup{box-shadow:unset;flex-wrap:wrap;display:flex;& .mingcute--close-fill{background-image:url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23555'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'%20xmlns='http://www.w3.org/2000/svg'%3e%3cline%20x1='18'%20y1='6'%20x2='6'%20y2='18'/%3e%3cline%20x1='6'%20y1='6'%20x2='18'%20y2='18'/%3e%3c/svg%3e");width:24px;height:24px}}section.page-content{gap:var(--gap);width:stretch;display:grid}summary{padding:var(--padding);background-color:var(--almost-white);cursor:pointer;font-weight:900;position:relative;&:after{content:"^";color:var(--active-color-one);font-size:2rem;font-weight:900;transition:transform .3s;position:absolute;top:30%;right:5%;transform:translate(-30%,-50%)rotate(180deg)}}details.summary-detail[open]{& summary:after{transform:translate(-30%,-5%)}}.full-width{width:stretch}.section-card{background-color:var(--almost-white);border-radius:var(--border-radius);padding:var(--padding);flex-direction:column;display:flex}.page-title{flex-direction:column;align-self:center;align-items:center;font-size:2rem;font-weight:900;display:flex}.section-title{font-size:2rem;font-weight:900}.go-back-button{max-width:5vh}.relative-center{place-self:center;place-items:center;position:relative}.light-overlay{opacity:.7;background-color:#d3d3d3}.icon{width:100%}@media screen and (width>=768px){*{--min-card-height:35dvh;--max-card-height:35dvh}.button-emulator,button{width:fit-content;min-width:min-content}}header{flex-flow:column}.active-text{color:var(--active-color-one)}.nav-bar,.footer-nav-bar{width:stretch;padding:var(--padding);background-color:var(--active-color-one);flex-flow:row;place-content:space-between;place-items:center;display:flex;& .header-logo{object-fit:contain;filter:brightness(0)invert()contrast()saturate(0%);width:25%;height:25%}& section{place-items:center;height:8dvh;display:grid;& ._label{height:1rem;color:var(--almost-white)}}& .sellers-section{padding:var(--padding);gap:var(--gap)}& button{box-shadow:none}& .button-search{filter:brightness(0)invert()contrast()saturate(0%);background-image:url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23555'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='11'%20cy='11'%20r='7'/%3e%3cline%20x1='21'%20y1='21'%20x2='16.65'%20y2='16.65'/%3e%3c/svg%3e")}}.footer-nav-bar{& section{height:6dvh;& .nav-label{text-align:center;white-space:nowrap;width:15vw;color:var(--almost-white);font-weight:900}}}.finder{width:100vw;height:6dvh;padding:var(--padding);background-color:var(--active-color-one);& input{border-radius:var(--border-radius);height:4dvh}}.menu-and-logo{place-items:center;gap:var(--gap);flex-flow:row;display:flex}.menu-options{z-index:1;background-color:var(--white-color);position:fixed;bottom:5dvh;right:5vw;& li{padding:var(--padding);& a{color:var(--color-three)}& details>summary{font-weight:900}& details>ul{padding:var(--padding);& li{padding:var(--padding)}}}}.session-comp{z-index:1;place-items:start;gap:var(--gap);width:max-content;padding:var(--padding);border-radius:var(--border-radius);background-color:var(--almost-white);flex-direction:column;display:flex;position:fixed;bottom:12vh;left:50%;transform:translate(-50%);& h1{color:var(--active-color-one)}& li{padding:var(--padding);place-items:center;gap:var(--gap);flex-direction:row;display:flex;& span{padding:var(--padding);color:var(--place-holder-color);filter:grayscale();width:2rem;font-size:1.2rem}& a{color:var(--color-three)}}}.button-options{font-size:1.5rem}.button-save,.button-primary{background-color:var(--active-color-one)}.button-cancel,.button-secondary,.button-quaternary{border-color:var(--active-color-one);color:var(--active-color-one);background-color:#0000;border-style:solid;border-width:1px}.button-tertiary{background-color:var(--active-color-two)}.button-quaternary{border-color:var(--active-color-two);color:var(--active-color-two)}.button-white{background-color:var(--white-color);color:var(--active-color-one)}.button-save:after{content:"Grabar"}.button-cancel:after{content:"Atrás"}.button-add,.button-edit,.button-delete,.button-menu,.button-vertical-options,.button-forward,.button-tree,.button-search,.button-cart,.button-home,.button-user,.button-offer,.button-pill{background-position:50%;background-repeat:no-repeat;background-size:contain;place-self:center;width:2rem;height:2rem}.button-add{background-image:url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23555'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'%20xmlns='http://www.w3.org/2000/svg'%3e%3cline%20x1='12'%20y1='5'%20x2='12'%20y2='19'/%3e%3cline%20x1='5'%20y1='12'%20x2='19'%20y2='12'/%3e%3c/svg%3e")}.button-edit{background-image:url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23555'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12%2020h9'/%3e%3cpath%20d='M16.5%203.5a2.121%202.121%200%200%201%203%203L7%2019l-4%201%201-4%2012.5-12.5z'/%3e%3c/svg%3e")}.button-delete{background-image:url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23555'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpolyline%20points='3%206%205%206%2021%206'/%3e%3cpath%20d='M19%206l-1%2014a2%202%200%200%201-2%202H8a2%202%200%200%201-2-2L5%206'/%3e%3cpath%20d='M10%2011v6'/%3e%3cpath%20d='M14%2011v6'/%3e%3cpath%20d='M9%206V4a1%201%200%200%201%201-1h4a1%201%200%200%201%201%201v2'/%3e%3c/svg%3e")}.button-menu{filter:brightness(0)invert()contrast()saturate(0%);background-image:url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23555'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'%20xmlns='http://www.w3.org/2000/svg'%3e%3cline%20x1='3'%20y1='12'%20x2='21'%20y2='12'/%3e%3cline%20x1='3'%20y1='6'%20x2='21'%20y2='6'/%3e%3cline%20x1='3'%20y1='18'%20x2='21'%20y2='18'/%3e%3c/svg%3e")}.button-vertical-options{background-image:url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23555'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='12'%20cy='5'%20r='1.5'/%3e%3ccircle%20cx='12'%20cy='12'%20r='1.5'/%3e%3ccircle%20cx='12'%20cy='19'%20r='1.5'/%3e%3c/svg%3e")}.button-forward{background-image:url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23555'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'%20xmlns='http://www.w3.org/2000/svg'%3e%3cline%20x1='5'%20y1='12'%20x2='19'%20y2='12'/%3e%3cpolyline%20points='12%205%2019%2012%2012%2019'/%3e%3c/svg%3e")}.button-tree{background-image:url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23555'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'%20xmlns='http://www.w3.org/2000/svg'%3e%3c!--%20Nodo%20raíz%20--%3e%3ccircle%20cx='12'%20cy='5'%20r='2'/%3e%3c!--%20Rama%20izquierda%20--%3e%3cline%20x1='12'%20y1='7'%20x2='7'%20y2='12'/%3e%3ccircle%20cx='7'%20cy='14'%20r='2'/%3e%3c!--%20Rama%20derecha%20--%3e%3cline%20x1='12'%20y1='7'%20x2='17'%20y2='12'/%3e%3ccircle%20cx='17'%20cy='14'%20r='2'/%3e%3c/svg%3e")}.button-home{filter:brightness(0)invert()contrast()saturate(0%);background-image:url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23555'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M3%2011.5L12%203l9%208.5v9a1%201%200%200%201-1%201h-5v-6H9v6H4a1%201%200%200%201-1-1v-9z'/%3e%3c/svg%3e")}.button-user{filter:brightness(0)invert()contrast()saturate(0%);background-image:url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23555'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='12'%20cy='7'%20r='4'/%3e%3cpath%20d='M5.5%2021a6.5%206.5%200%200%201%2013%200'/%3e%3c/svg%3e")}.button-offer{filter:brightness(0)invert()contrast()saturate(0%);background-image:url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23555'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M20%2012v6a2%202%200%200%201-2%202h-6l-8-8%208-8h6a2%202%200%200%201%202%202v6z'/%3e%3ccircle%20cx='12'%20cy='12'%20r='1'/%3e%3c/svg%3e")}.button-pill{filter:brightness(0)invert()contrast()saturate(0%);background-image:url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23555'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='6'%20y='8'%20width='12'%20height='8'%20rx='4'%20ry='4'%20transform='rotate(45%2012%2012)'/%3e%3cline%20x1='7.5'%20y1='16.5'%20x2='16.5'%20y2='7.5'/%3e%3c/svg%3e")}& .customer-button{border:solid 1px var(--white-color);white-space:nowrap;text-overflow:ellipsis;width:25vw;display:block;overflow:hidden}.customer-visit-timer{cursor:pointer;padding:var(--padding);color:var(--almost-white);place-items:center;font-weight:900;display:grid;position:relative}.container-of-button-cart{cursor:pointer;place-items:center;display:grid;position:sticky;& span{background-color:var(--active-color-two);width:28px;height:28px;color:var(--almost-white);border-radius:50%;place-items:center;font-size:1rem;line-height:1;display:grid;position:absolute;top:0;right:50%;transform:translate(50%)}& .button-cart{filter:brightness(0)invert()contrast()saturate(0%);background-image:url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23555'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'%20xmlns='http://www.w3.org/2000/svg'%3e%3c!--%20Cesta%20del%20carrito%20--%3e%3cpath%20d='M3%206h2l3.6%207.59-1.35%202.44A1%201%200%200%200%207%2017h12v-2H8.42a.25.25%200%200%201-.23-.15L9.1%2014h7.45a1%201%200%200%200%20.92-.61l3.58-8.59a.5.5%200%200%200-.46-.8H5.21'/%3e%3c!--%20Ruedas%20--%3e%3ccircle%20cx='9'%20cy='20'%20r='1.5'/%3e%3ccircle%20cx='17'%20cy='20'%20r='1.5'/%3e%3c/svg%3e");position:relative}}.loading{background-image:url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23555'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='8.5'%20cy='12'%20r='3.5'%20/%3e%3ccircle%20cx='15.5'%20cy='12'%20r='3.5'%20/%3e%3c/svg%3e");background-position:50%;background-repeat:no-repeat;background-size:contain;place-self:center;width:4rem;height:4rem}.notify,.toast{gap:var(--gap);max-width:90vw;padding:var(--padding);flex-direction:column;margin-inline:auto;display:flex;position:relative;inset-block-end:10%;& .info,& .error{padding:var(--padding);border-radius:20px;animation:.5s forwards fade-in,.5s 3s forwards fade-out}& .info:after,& .error:after{content:"";border-left:10px solid #0000;border-right:10px solid #0000;border-top:10px solid var(--white-color);opacity:.5}& .info{background-color:var(--disabled-color-one)}& .error{background-color:var(--disabled-color-two);color:var(--white-color)}}.notify{background-color:var(--white-color);& .info,& .error{animation:.5s forwards fade-in}}@keyframes fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.card,.shadow-card{height:auto;padding:var(--padding);place-content:space-between;gap:var(--gap);flex-wrap:wrap;display:flex;position:relative;top:0;left:0}.shadow-card{box-shadow:var(--shadow);background-color:var(--disabled-color-one);& form{width:stretch}}.form-control{width:var(--width-for-form-control);height:fit-content;padding:var(--padding);flex-direction:column;display:flex}.form-actions{width:100%;height:100%;padding:var(--padding);flex-flow:row;place-content:space-between;place-items:center;display:flex;position:relative;top:0;left:0}.small-form{width:100%;height:100%;padding:var(--padding);gap:var(--gap);display:grid}select.on-td,input.on-td{min-width:var(--min-width-for-input-on-td);width:var(--width-for-input-on-td)}input.on-td-tiny{min-width:var(--min-width-for-input-on-td);width:var(--min-width-for-input-on-td);text-align:right}select.small,input.small{width:var(--min-width-for-input-on-td)}.text-on-cell{text-overflow:ellipsis;max-width:0;overflow:hidden}.overlay{z-index:2;background-color:var(--white-color);width:100vw;height:100dvh;display:flex;position:fixed;top:0;left:0;overflow:hidden}.collapse{flex-flow:column;width:100%;display:flex;& .toggle{display:none}& .trigger{cursor:pointer}& .content{display:none}& .toggle:checked~.content{width:100%;padding:var(--padding);gap:var(--gap);transition:var(--transition);flex-flow:column;display:flex}}.quote-and-favorite{width:stretch;padding:var(--padding);place-content:flex-end;place-items:center;gap:var(--gap);flex-flow:row;display:flex}.hero{text-align:center;place-content:center;align-items:center;gap:var(--gap);flex-direction:column;width:stretch;height:35dvh;margin:0 auto;display:flex}.info{height:45dvh;padding:var(--padding);& .wrapper{width:stretch;height:stretch;padding:var(--padding);gap:var(--gap);flex-wrap:wrap;place-content:space-between;display:flex;& .item{width:stretch;padding:var(--padding);gap:var(--gap);box-shadow:var(--shadow);transition:var(--transition);display:grid}& .item:nth-child(2n){box-shadow:0 2px 10px var(--active-color-one)}& .item:last-child{box-shadow:0 2px 10px var(--active-color-two)}}}._footer{width:100vw;position:absolute;bottom:0}.home{place-content:space-between;gap:var(--gap);flex-flow:column wrap;display:flex}.title{-webkit-line-clamp:2;line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;min-height:2lh;font-weight:900;display:-webkit-box;overflow:hidden}.title:empty:before{content:" "}.copy{font-weight:900}.sub-title{color:var(--place-holder-color);-webkit-line-clamp:2;line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;min-height:2lh;font-size:1rem;font-style:italic;display:-webkit-box;overflow:hidden}.sub-title:empty:before{content:" "}.status-badge{width:fit-content;padding:calc(var(--padding) / 2);border-radius:var(--border-radius);& span{font-weight:900}& span:before{content:"• "}}.status-cancelled,.status-INA,.status-REJ{background-color:var(--color-error-bg,#f8e3e2);& span{color:var(--color-error)}}.status-delivered,.status-CLO,.status-PRO{background-color:var(--color-success-bg,#e3f4e2);& span{color:var(--color-success)}}.status-pending,.status-ACT,.status-OPN,.status-PEN,.status-AUT{background-color:var(--color-warning-bg,#fdf6db);& span{color:var(--color-warning)}}@media screen and (width>=768px){.nav-bar{& .header-logo{width:30%;height:30%}& .button-search{width:4rem;height:4rem}}& .customer-button{width:14vw}.container-of-button-cart{& span{width:48px;height:48px;font-size:2rem}}.button-add,.button-edit,.button-delete,.button-menu,.button-vertical-options,.button-forward,.button-tree,.button-search,.button-cart,.button-home,.button-user,.button-offer,.button-pill{width:4rem;height:4rem}}