.pwa-update-banner{position:fixed;left:50%;bottom:80px;transform:translate(-50%);width:60vw;width:60dvw;background:var(--color-default);padding:var(--padding);border-radius:var(--border-radius);display:flex;flex-flow:row;align-items:center;place-items:center;justify-content:center;gap:var(--gap);box-shadow:var(--shadow);z-index:999}.dialog-message{position:fixed;padding:0;border-radius:5px;animation:fadeOut 2s ease-out forwards;animation-delay:1s}.message-content{color:#fff;padding:10px;text-wrap-mode:wrap}.message-success{background-color:var(--color-success-40)}.message-error{background-color:var(--color-critical-30)}.message-warning{background-color:var(--color-warning-40)}.message-default{background-color:var(--color-brand-main-30)}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.customer-selector{position:relative;width:80vw;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--gap);padding:var(--padding);.search-input{width:100%;box-shadow:var(--shadow)}.customer{width:100%;display:flex;flex-direction:column;align-items:start;justify-content:start;padding:var(--padding);border:1px solid var(--color-neutral-40);border-radius:var(--border-radius);cursor:pointer;transition:var(--transition);&:hover{background-color:var(--color-neutral-20);border-color:var(--color-brand-main-40)}}.search-actions{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--gap)}}.address-card{padding:var(--padding);border:1px solid var(--color-neutral-40);border-radius:var(--border-radius);margin-block:calc(var(--gap) / 2);background-color:var(--color-neutral-10);cursor:pointer;transition:var(--transition);&:hover{border-color:var(--color-brand-main-40)}.main,span{font-weight:500;color:var(--color-neutral-60)}.logistics,.to-code{display:block;color:var(--color-neutral-70)}& small{display:block;color:var(--color-neutral-40)}&.selected{background-color:var(--color-neutral-20);border-color:var(--color-brand-main-40);border-width:2px}}.price-loading{min-height:3lh!important}.price{font-size:var(--font-size-large)}.price:empty:before{content:" "}.discount-label{background:var(--color-brand-secondary-30);border-radius:var(--radius-100);color:var(--color-neutral-70);font-weight:500;padding:var(--space-50) var(--space-100);line-height:var(--font-size-base)}.discount,.discount-fixed{background-color:var(--color-warning-20);color:var(--color-neutral-70);font-size:var(--font-size-caption);padding:var(--space-50) var(--space-100);border-radius:var(--radius-0);line-height:1.3}.discount:empty,.discount-fixed:empty{background-color:transparent;padding:0}.discount:empty:before,.discount-fixed:empty:before{content:" "}.price-with-discount{font-weight:700;min-height:1.5rem}.price-with-discount:empty:before{content:" "}.old-price{color:var(--color-neutral-40);display:flex;flex-flow:row;align-items:center;gap:var(--gap)}.old-price-value{text-decoration:line-through;color:var(--color-neutral-40);font-size:var(--font-size-small);line-height:1}.old-price-value:empty{text-decoration:none}.old-price-value:empty:before{content:" "}.product-card,.product-card-hr{position:relative;background-color:var(--color-neutral-10);border:2px solid var(--color-alpha-black-10);border-radius:var(--radius-300);.image-wrapper{position:relative;overflow:hidden;display:grid;place-items:center;background:linear-gradient(180deg,#0000 16.9%,#0003),url(<path-to-image>) #d3d3d37a 50% / contain no-repeat;.image{object-fit:contain;display:block;cursor:pointer;mix-blend-mode:multiply}}.content{.title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;text-overflow:ellipsis;&:empty:before{content:" "}}.sub-title{font-size:var(--font-size-small);font-style:italic;color:var(--color-neutral-40);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1;overflow:hidden;text-overflow:ellipsis;min-height:1lh;&:empty:before{content:" "}}.um-container{display:block}.discount{&:before{content:"-"}&:after{content:"%"}}}.buttons-container{width:100%;display:flex;gap:var(--space-300);>button{flex:1;&.view-details{display:flex;justify-content:center;white-space:nowrap;&:after{content:url(/icons/icon-arrow-down.svg);transform:rotate(270deg);display:block;line-height:0}}}}}.product-card{display:flex;flex-direction:column;height:100%;justify-content:space-between;.image-wrapper{.image{max-height:20vh;max-height:20dvh}.availability-label{position:absolute;left:0;top:var(--space-250)}}.content{padding:0 var(--space-300) var(--space-300);.availability-label{display:none}.title,.price{font-weight:600}.discount-label{position:absolute;top:var(--space-250);right:var(--space-200);font-size:var(--font-size-caption)}.buttons-container{margin-top:var(--space-500)}}}.product-card-hr.row{gap:var(--space-200);.image-wrapper{.image{max-width:25vw;height:100%}.availability-label{display:none}}.content{height:auto;padding:var(--space-200) var(--space-200) var(--space-200) 0;.title{font-size:var(--font-size-small)}.qty-changer{display:none}.discount-label{position:absolute;top:var(--space-250);right:var(--space-200);font-size:var(--font-size-caption)}}}@media screen and (min-width:768px){.product-card-hr{.image-wrapper{.image{max-width:15vw}}}}dialog.campaigns-popup{position:fixed;.popup-header{display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--gap);.promotion-description{font-weight:700;color:var(--color-brand-main-40)}.close-popup{display:flex;align-items:center;justify-self:end;box-shadow:unset;.mingcute--close-fill{width:24px;height:24px;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")}}}}@font-face{font-family:Poppins;src:url(/assets/Poppins-Thin-leD9T1nx.ttf) format("truetype");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(/assets/Poppins-ThinItalic-DeF98U39.ttf) format("truetype");font-weight:100;font-style:italic;font-display:swap}@font-face{font-family:Poppins;src:url(/assets/Poppins-ExtraLight-u2IJXg5c.ttf) format("truetype");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(/assets/Poppins-ExtraLightItalic-DV_5Lr0Z.ttf) format("truetype");font-weight:200;font-style:italic;font-display:swap}@font-face{font-family:Poppins;src:url(/assets/Poppins-Light-DT6-CsId.ttf) format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(/assets/Poppins-LightItalic-CDXp65eX.ttf) format("truetype");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:Poppins;src:url(/assets/Poppins-Regular-CTKNfV9P.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(/assets/Poppins-Italic-PjgN8SAi.ttf) format("truetype");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Poppins;src:url(/assets/Poppins-Medium-Cxde2ZoM.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(/assets/Poppins-MediumItalic-C6e40Oak.ttf) format("truetype");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:Poppins;src:url(/assets/Poppins-SemiBold-B_fPDAUb.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(/assets/Poppins-SemiBoldItalic-1z_hA9Cm.ttf) format("truetype");font-weight:600;font-style:italic;font-display:swap}@font-face{font-family:Poppins;src:url(/assets/Poppins-Bold-qTAUjFF7.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(/assets/Poppins-BoldItalic-DRcRqYlu.ttf) format("truetype");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:Poppins;src:url(/assets/Poppins-ExtraBold-W_qeO1XX.ttf) format("truetype");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(/assets/Poppins-ExtraBoldItalic-C9zKPiZo.ttf) format("truetype");font-weight:800;font-style:italic;font-display:swap}@font-face{font-family:Poppins;src:url(/assets/Poppins-Black-yHqY0KRU.ttf) format("truetype");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(/assets/Poppins-BlackItalic-cm4Pcmzs.ttf) format("truetype");font-weight:900;font-style:italic;font-display:swap}:root{--grid-gutter: 16px;--grid-margin: 32px;--grid-columns: 4}@media screen and (min-width:480px){:root{--grid-columns: 6}}@media screen and (min-width:1024px){:root{--grid-columns: 12;--grid-margin: 38px}}.container{width:100%;margin-inline:auto;padding:0 var(--space-500);box-sizing:border-box}@media screen and (min-width:1768px){.container{max-width:1768px}}.row{display:grid;grid-template-columns:repeat(var(--grid-columns),1fr);gap:var(--grid-gutter);width:100%;box-sizing:border-box}[class*=col-]{box-sizing:border-box;min-width:0}.col-xxs-1{grid-column:span 1}.col-xxs-2{grid-column:span 2}.col-xxs-3{grid-column:span 3}.col-xxs-4{grid-column:span 4}@media screen and (min-width:480px){.col-xs-1{grid-column:span 1}.col-xs-2{grid-column:span 2}.col-xs-3{grid-column:span 3}.col-xs-4{grid-column:span 4}.col-xs-5{grid-column:span 5}.col-xs-6{grid-column:span 6}}@media screen and (min-width:768px){.col-s-1{grid-column:span 1}.col-s-2{grid-column:span 2}.col-s-3{grid-column:span 3}.col-s-4{grid-column:span 4}.col-s-5{grid-column:span 5}.col-s-6{grid-column:span 6}}@media screen and (min-width:1024px){.col-m-1{grid-column:span 1}.col-m-2{grid-column:span 2}.col-m-3{grid-column:span 3}.col-m-4{grid-column:span 4}.col-m-5{grid-column:span 5}.col-m-6{grid-column:span 6}.col-m-7{grid-column:span 7}.col-m-8{grid-column:span 8}.col-m-9{grid-column:span 9}.col-m-10{grid-column:span 10}.col-m-11{grid-column:span 11}.col-m-12{grid-column:span 12}}@media screen and (min-width:1440px){.col-l-1{grid-column:span 1}.col-l-2{grid-column:span 2}.col-l-3{grid-column:span 3}.col-l-4{grid-column:span 4}.col-l-5{grid-column:span 5}.col-l-6{grid-column:span 6}.col-l-7{grid-column:span 7}.col-l-8{grid-column:span 8}.col-l-9{grid-column:span 9}.col-l-10{grid-column:span 10}.col-l-11{grid-column:span 11}.col-l-12{grid-column:span 12}}@media screen and (min-width:1768px){.col-xl-1{grid-column:span 1}.col-xl-2{grid-column:span 2}.col-xl-3{grid-column:span 3}.col-xl-4{grid-column:span 4}.col-xl-5{grid-column:span 5}.col-xl-6{grid-column:span 6}.col-xl-7{grid-column:span 7}.col-xl-8{grid-column:span 8}.col-xl-9{grid-column:span 9}.col-xl-10{grid-column:span 10}.col-xl-11{grid-column:span 11}.col-xl-12{grid-column:span 12}}::-webkit-scrollbar{display:none}*{scrollbar-width:none;-ms-overflow-style:none;overflow-y:auto;overflow-x:auto;cursor:auto;margin:0;padding:0;gap:0;outline:none;inset:unset;list-style:none;border:none;background:none;border-collapse:collapse;box-shadow:none;box-sizing:border-box;--border-radius: .5rem;--gap: 1rem;--padding: .5rem;--color-neutral-10: #ffffff;--color-neutral-20: #f7f8f9;--color-neutral-30: #d9dbe9;--color-neutral-40: #a0a3bd;--color-neutral-50: #6e7191;--color-neutral-60: #4e4b66;--color-neutral-70: #262338;--color-neutral-80: #14142a;--color-neutral-90: #0c0c1a;--color-neutral-100: #000000;--color-brand-main-10: #f3e6e8;--color-brand-main-20: #d9bfc3;--color-brand-main-30: #b37a82;--color-brand-main-40: #5e2129;--color-brand-main-50: #4a1a21;--color-brand-main-60: #331217;--color-brand-secondary-10: #fff1e6;--color-brand-secondary-20: #ffd9bf;--color-brand-secondary-30: #ffb680;--color-brand-secondary-40: #f58a1f;--color-brand-secondary-50: #e07812;--color-brand-secondary-60: #c5670d;--color-success-10: #eaf9de;--color-success-20: #e6fbf4;--color-success-30: #cbffae;--color-success-40: #008a00;--color-warning-10: #fff8e9;--color-warning-20: #fff7d6;--color-warning-30: #ffdf9a;--color-warning-40: #eaac30;--color-warning-50: #8d6f08;--color-critical-10: #ffeceb;--color-critical-20: #f87168;--color-critical-30: #e2483d;--color-critical-40: #9b0f05;--color-alpha-brand-20: rgba(24, 75, 157, .2);--color-alpha-brand-30: rgba(24, 75, 157, .3);--color-alpha-brand-40: rgba(24, 75, 157, .4);--color-alpha-white-10: rgba(255, 255, 255, .1);--color-alpha-white-20: rgba(255, 255, 255, .2);--color-alpha-white-40: rgba(255, 255, 255, .4);--color-alpha-white-60: rgba(255, 255, 255, .6);--color-alpha-black-10: rgba(0, 0, 0, .1);--color-alpha-black-20: rgba(0, 0, 0, .2);--color-alpha-black-40: rgba(0, 0, 0, .4);--color-alpha-black-60: rgba(0, 0, 0, .6);--color-alpha-neutral-50: rgba(217, 219, 233, .5);--font-size-subtle: .5rem;--font-size-caption: .75rem;--font-size-small: .875rem;--font-size-base: 1rem;--font-size-medium: 1.125rem;--font-size-large: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 1.75rem;--font-size-3xl: 2rem;--radius-0: 0rem;--radius-100: .25rem;--radius-150: .375rem;--radius-200: .5rem;--radius-300: .75rem;--radius-pill: 3.75rem;--radius-full: 624.938rem;--space-0: 0rem;--space-50: .125rem;--space-100: .25rem;--space-150: .375rem;--space-200: .5rem;--space-250: .75rem;--space-300: 1rem;--space-400: 1.25rem;--space-500: 1.5rem;--space-600: 2rem;--space-700: 2.5rem;--space-800: 3rem;--space-900: 4rem;--space-1000: 5rem;--percent-n100: -100%;--percent-n50: -50%;--percent-n25: -25%;--percent-0: 0%;--percent-25: 25%;--percent-50: 50%;--percent-90: 90%;--percent-100: 100%;--percent-full: 100%;--elevation-color-10: rgba(0, 0, 0, .12);--elevation-color-20: rgba(0, 0, 0, .14);--shadow-01: 0 1px 2px 0 var(--elevation-color-10), 0 1px 2px 0 var(--elevation-color-20);--shadow-02: 0 0 2px 0 var(--elevation-color-10), 0 2px 4px 0 var(--elevation-color-20);--shadow-03: 0 0 2px 0 var(--elevation-color-10), 0 4px 8px 0 var(--elevation-color-20);--shadow-04: 0 2px 2px 0 var(--elevation-color-10), 0 8px 16px 0 var(--elevation-color-20);--shadow-05: 0 0 8px 0 var(--elevation-color-10), 0 14px 28px 0 var(--elevation-color-20);--shadow-06: 0 0 8px 0 var(--elevation-color-10), 0 32px 64px 0 var(--elevation-color-20);--shadow: 0 2px 10px rgba(0, 0, 0, .1);--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-neutral-70);font-family:Poppins,Roboto,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;text-decoration:none;word-break:normal;overflow-wrap:break-word;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{width:100%;margin:66px 0;display:grid;grid-template-columns:1fr;grid-template-areas:"header" "main" "footer";grid-template-rows:auto 1fr auto;background-color:var(--color-neutral-20)}main{max-width:100vw;display:grid;place-items:center;grid-template-columns:1fr;grid-auto-rows:min-content;gap:var(--gap)}form,aside,article{display:flex;flex-wrap:wrap;place-content:center;align-items:center;gap:var(--gap)}form,article{flex-direction:row}aside{flex-direction:column}h1{font-size:2rem;font-weight:600}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);line-height:normal}select,textarea,input[type=text],input[type=url],input[type=number],input[type=date],input[type=email],input[type=password]{width:100%;width:-webkit-fill-available;width:stretch;padding:var(--space-200) var(--space-250);border:2px solid var(--color-alpha-black-20);border-radius:var(--radius-200);transition:all ease .5s;font-size:var(--font-size-small);resize:none;&:hover{background-color:var(--color-alpha-neutral-50);color:var(--color-neutral-70)}&:focus{border:2px solid var(--color-brand-main-40)}}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url(/icons/icon-arrow-down.svg);background-repeat:no-repeat;background-position:right 10px center;background-size:16px;padding-right:30px}select::placeholder,input::placeholder{color:var(--color-neutral-40);opacity:1}input[type=checkbox]{appearance:none;-webkit-appearance:none;background-color:transparent;border-radius:var(--radius-100);position:relative;width:20px;height:20px;border:2px solid var(--color-alpha-black-20);transition:all ease .5s;&:disabled{opacity:.5;cursor:not-allowed}&:checked{border:0;&:after{content:"✓";position:absolute;font-weight:700;top:3px;left:5px;color:var(--color-neutral-10);line-height:1}&:before{content:"";position:absolute;height:20px;width:20px;top:0;left:0;background-color:var(--color-brand-main-40);border:1px solid var(--color-brand-main-40);border-radius:3px;box-sizing:border-box}}&:hover{background-color:var(--color-alpha-neutral-50)}}input[type=radio]{appearance:none;-webkit-appearance:none;background-color:transparent;border-radius:var(--radius-full);position:relative;width:20px;height:20px;border:2px solid var(--color-alpha-black-20);background-color:var(--color-neutral-10);transition:all ease .5s;&:checked{border:2px solid var(--color-brand-main-40);&:after{content:"";position:absolute;height:10px;width:10px;top:3px;left:3px;background:var(--color-brand-main-40);border-radius:var(--radius-full);box-sizing:border-box}}&:hover{background-color:var(--color-alpha-neutral-50)}}table{display:table;width:100%;width:-webkit-fill-available;width:stretch;& caption{font-weight:900;padding:var(--padding)}& thead{background-color:var(--color-brand-main-40)}& th{padding:calc(var(--padding) / 2);color:var(--color-neutral-10);text-align:right}& td[colspan]{text-align:center}& td{padding:calc(var(--padding) / 2);text-align:right}}dialog{background-color:var(--color-brand-main-60);box-shadow:var(--shadow);border-radius:var(--radius-300);padding:var(--space-250) var(--space-300);border:1px solid var(--color-alpha-black-10);max-width:90vw;width:var(--percent-90);overflow:auto;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;position:fixed;top:50%;left:50%;z-index:5;transform:translate(-50%,-50%);span{color:var(--color-neutral-10)}button{padding:var(--space-100) var(--space-200);font-size:var(--font-size-small);&.button-primary{background-color:var(--color-brand-secondary-50);color:var(--color-neutral-10);&:hover{background-color:var(--color-brand-secondary-60)}}}}dialog:first-child{display:grid;place-items:center;gap:var(--gap)}dialog dialog{position:relative;transform:translate(-50%);z-index:4}button{padding:var(--space-200) var(--space-250);transition:all ease .5s;font-weight:500;font-size:var(--font-size-base);line-height:1.5;border-radius:var(--radius-200);cursor:pointer}.button-emulator{border:solid 1px var(--color-brand-main-40);background-color:var(--color-brand-main-10);color:var(--color-brand-main-40)}pre,.jsonData{white-space:pre-wrap;word-wrap:break-word;overflow-y:auto;overflow-x:auto;scrollbar-width:none;max-height:80vh;max-height:80dvh}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0}input[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}select:disabled,input:read-only{background-color:var(--color-neutral-20)}.active-color-one-text{color:var(--color-brand-main-40)}.active-color-two-text{color:var(--color-brand-secondary-50)}.white-color-text{color:var(--color-neutral-10)}hr{width:100%;height:1px;background-color:var(--color-neutral-40)}button.close-popup{display:flex;place-content:center;padding:var(--space-100);&:after{content:url(/icons/icon-close-modal.svg);display:block;line-height:0}}section.page-content{width:100%;width:-webkit-fill-available;width:stretch;display:grid;gap:var(--gap)}.full-width{width:100%;width:-webkit-fill-available;width:stretch}.section-card{display:flex;flex-direction:column;background-color:var(--color-neutral-20);border-radius:var(--border-radius);padding:var(--padding)}.page-title{display:flex;flex-direction:column;font-size:2rem;align-self:center;align-items:center;font-weight:900}.section-title{font-size:2rem;font-weight:900}@media screen and (min-width:768px){*{--min-card-height: 35dvh;--max-card-height: 35dvh}}.active-text{color:var(--color-brand-main-40)}.dots{width:100%;display:flex;justify-content:space-between;align-items:center;padding:var(--space-150) var(--space-100);gap:var(--space-300);.dot-arrow{&:after{display:block;line-height:0}&.disabled{opacity:.5;cursor:default}&.previus{&:after{content:url(/icons/icon-arrow-previus.svg)}}&.next{&:after{content:url(/icons/icon-arrow-next.svg)}}}.dots-container{display:flex;gap:var(--space-500)}.dot{display:block;width:var(--space-250);height:var(--space-250);background-color:var(--color-alpha-black-20);border-radius:50%;cursor:pointer;transition:var(--transition);&:hover,&.active{background-color:var(--color-alpha-black-60);transform:scale(1.09)}}}.availability-label{border-radius:0 var(--radius-100) var(--radius-100) 0;border-left:6px solid var(--color-success-40);background-color:var(--color-neutral-20);padding:var(--space-100) var(--space-200);font-weight:400;font-size:var(--font-size-caption);color:var(--color-neutral-60)}.qty-changer{display:flex;flex-flow:row;align-items:center;justify-content:space-between;padding:var(--space-100);border-radius:var(--radius-200);background-color:var(--color-neutral-20);.decrease,.increase{display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition);padding:var(--space-250);&:disabled{opacity:.5;cursor:not-allowed}&:after{display:block;line-height:0}}.decrease{&:after{content:url(/icons/icon-minus.svg)}}.increase{&:after{content:url(/icons/icon-plus.svg)}}.qty{width:60%;text-align:center;background-color:unset;border:none}}body{>header{background-color:var(--color-brand-main-40);box-shadow:var(--shadow-02);position:fixed;top:0;width:100%;z-index:2;border-radius:0 0 var(--radius-300) var(--radius-300);.nav-bar{display:grid;grid-template-columns:repeat(var(--grid-columns),1fr);gap:var(--grid-gutter);align-items:center;padding:var(--space-250) var(--space-500);.header-logo{max-height:32px;width:100%;object-fit:contain;object-position:left center;cursor:pointer}.sellers-section{display:flex;align-items:center;justify-content:center;button.customer-button.button-secondary{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}}.actions-section{display:flex;flex-direction:row;justify-content:flex-end;gap:var(--space-200);overflow:visible;button.button-search{padding:var(--space-150);border-radius:var(--radius-150);border:1.8px solid transparent;&:after{content:url(/icons/icon-search-white.svg);display:block;line-height:0}&:hover{background-color:var(--color-neutral-20);border:1.8px solid var(--color-alpha-black-10);color:var(--color-neutral-60);&:after{content:url(/icons/icon-search.svg)}}}.container-of-button-cart{position:relative;overflow:visible;button.button-cart{padding:var(--space-150);border-radius:var(--radius-150);&:after{content:url(/icons/icon-cart-white.svg);display:block;line-height:0}&:hover{background-color:var(--color-neutral-20);border:1.8px solid var(--color-alpha-black-10);color:var(--color-neutral-60);&:after{content:url(/icons/icon-cart.svg)}}}.cart-qty{position:absolute;top:-4px;right:-4px;background-color:var(--color-critical-20);border:1px solid var(--color-alpha-black-10);padding:var(--space-50) var(--space-150);border-radius:var(--radius-full);color:var(--color-neutral-10);font-weight:500;font-size:var(--font-size-caption);line-height:1rem}}}}.finder{padding:var(--space-200) var(--space-500);background-color:var(--color-neutral-10);input{background-image:url(/icons/icon-search.svg);background-repeat:no-repeat;background-position:left var(--space-250) center;background-size:var(--font-size-large);padding-left:calc(var(--space-300) + 1rem + var(--space-200))}}}>footer{background-color:var(--color-brand-main-40);box-shadow:var(--shadow-02);position:fixed;bottom:0;width:100%;z-index:2;border-radius:var(--radius-300) var(--radius-300) 0 0;.footer-nav-bar{width:100%;padding:var(--space-250) var(--space-500);section{display:flex;flex-direction:column;align-items:center;position:relative;&.active{button{background-color:var(--color-neutral-20);border:1.8px solid var(--color-neutral-30);color:var(--color-neutral-60);&.button-home{&:after{content:url(/icons/icon-home.svg)}}&.button-user{&:after{content:url(/icons/icon-user.svg)}}&.button-offer{&:after{content:url(/icons/icon-discount.svg)}}}.nav-label{color:var(--color-brand-main-40)}}button{padding:.63rem;border-radius:var(--radius-150);border:1.8px solid transparent;&:after{display:block;line-height:0;transform:translateY(-8px)}&:hover{background-color:var(--color-neutral-20);border:1.8px solid var(--color-neutral-30);color:var(--color-neutral-60)}&.button-home{&:after{content:url(/icons/icon-home-white.svg)}&:hover{&:after{content:url(/icons/icon-home.svg)}}}&.button-user{&:after{content:url(/icons/icon-user-white.svg)}&:hover{&:after{content:url(/icons/icon-user.svg)}}}&.button-offer{&:after{content:url(/icons/icon-discount-white.svg)}&:hover{&:after{content:url(/icons/icon-discount.svg)}}}}.nav-label{text-align:center;line-height:1;font-weight:500;font-size:var(--font-size-caption);white-space:nowrap;color:var(--color-neutral-10);position:absolute;bottom:var(--space-100);left:var(--percent-50);transform:translate(var(--percent-n50))}}}}}.menu-and-logo{display:flex;flex-flow:row;place-items:center;gap:var(--gap)}.menu-options{position:fixed;right:5vw;bottom:5vh;bottom:5dvh;z-index:1;background-color:var(--color-neutral-10);& li{padding:var(--padding);& a{color:var(--color-neutral-70)}& details>summary{font-weight:900}& details>ul{padding:var(--padding);& li{padding:var(--padding)}}}}.session-comp{position:fixed;bottom:12vh;inset:66px 0 71px;z-index:5;border-radius:var(--border-radius);background-color:var(--color-neutral-20);h1{font-size:var(--font-size-large);color:var(--color-neutral-70);margin:var(--space-600) 0 0}.date{display:block;margin-bottom:var(--space-600)}ul{display:flex;gap:var(--space-300);flex-direction:column;li{padding:0;background-color:unset;a{background-color:var(--color-neutral-10);border:2px solid var(--color-alpha-black-10);border-radius:var(--radius-300);padding:var(--space-250) var(--space-200);margin:0;position:relative;display:flex;align-items:center;gap:var(--space-100);color:var(--color-neutral-70);font-weight:500;font-size:var(--font-size-small);&:after{content:url(/icons/icon-arrow-down.svg);display:block;position:absolute;top:var(--percent-50);right:var(--space-200);transform:translateY(var(--percent-n50)) rotate(270deg)}&:before{display:block;line-height:0}}&.routes{a{&:before{content:url(/icons/account/icon-route.svg)}}}&.invoices{a{&:before{content:url(/icons/account/icon-invoice.svg)}}}&.account{a{&:before{content:url(/icons/account/icon-user.svg)}}}&.orders{a{&:before{content:url(/icons/account/icon-orders.svg)}}}&.addresses{a{&:before{content:url(/icons/account/icon-address.svg)}}}&.offices{a{&:before{content:url(/icons/account/icon-offices.svg)}}}&.terms-and-conditions{a{&:before{content:url(/icons/account/icon-terms-and-conditions.svg)}}}&.help{a{&:before{content:url(/icons/account/icon-help.svg)}}}&.coupons{a{&:before{content:url(/icons/account/icon-exit.svg)}}}&.credit{a{&:before{content:url(/icons/account/icon-credit.svg)}}}&.exit{a{background-color:unset;border:none;padding:var(--space-200) var(--space-200);&:before{content:url(/icons/account/icon-exit.svg)}}}}}}.button-options{font-size:1.5rem}.breadcrumbs{padding:var(--space-100) var(--space-500);width:100%;.breadcrumbs__list{list-style:none;display:flex;align-items:center;flex-wrap:nowrap;margin:0;padding:0;.breadcrumbs__item{display:flex;&:before{content:"/";margin:0 var(--space-200);color:var(--color-neutral-60)}a{color:var(--color-neutral-60);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}&.home{flex-direction:row;&:before{display:none}a{color:var(--color-brand-main-40)}}&.current{a{text-decoration:underline}}}}}.accordion{display:flex;flex-direction:column;gap:var(--space-300);.summary-detail{border:2px solid var(--color-alpha-black-10);border-radius:var(--radius-200);summary{background-color:var(--color-neutral-10);padding:var(--space-200) var(--space-250);display:flex;justify-content:space-between;align-items:center;align-self:stretch;font-size:var(--font-size-base);font-weight:400;transition:all ease .3s;cursor:pointer;&:after{position:relative;content:url(/icons/icon-arrow-down.svg);width:20px;transition:all ease .3s;line-height:1}}.accordion-content{padding:var(--space-200) var(--space-250);background-color:var(--color-neutral-20);border-top:1px solid var(--color-alpha-black-10)}&[open]{summary{background-color:var(--color-neutral-10);&:after{transform:rotate(180deg);transition:all ease .3s;line-height:1}}}}}.button-primary{background-color:var(--color-brand-main-40);color:var(--color-neutral-10);&:hover{background-color:var(--color-brand-main-50)}}.go-back-button{max-width:40px;margin:var(--space-200) 0;display:flex;place-content:center;&:after{content:url(/icons/icon-arrow-down.svg);display:block;transform:rotate(90deg);line-height:1;max-height:var(--space-500)}}.button-secondary{border:1.8px solid var(--color-neutral-30);background-color:var(--color-neutral-10);color:var(--color-neutral-50);&:hover{background-color:var(--color-neutral-20);border:1.8px solid var(--color-neutral-30);color:var(--color-neutral-60)}}.button-tertiary{background-color:var(--color-neutral-10);color:var(--color-brand-main-40);&:hover{color:var(--color-brand-main-50);background-color:var(--color-neutral-20)}}.button-save{background-color:var(--color-brand-main-40)}.button-cancel,.button-quaternary{background-color:transparent;border-color:var(--color-brand-main-40);border-style:solid;border-width:1px;color:var(--color-brand-main-40)}.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-pill{width:2rem;height:2rem;background-size:contain;background-repeat:no-repeat;background-position:center;place-self:center}.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{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");filter:brightness(0) invert(1) contrast(100%) saturate(0%)}.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")}.filter-action{.icon{&:after{content:url(/icons/icon-filter.svg);display:block;line-height:0}}}.checkout-steps{display:flex;justify-content:space-between;margin-top:var(--space-400);.steps{font-size:var(--font-size-small);font-weight:500;color:var(--color-neutral-70)}.dots{width:fit-content;gap:var(--space-400);.dot{width:var(--space-500);height:var(--space-150);border-radius:var(--radius-pill);background-color:var(--color-neutral-40);&.active{background-color:var(--color-brand-main-40)}}}}.check-out-addresses-message,.check-out-payment-message{.title{font-weight:600;color:var(--color-neutral-70);font-size:var(--font-size-large)}span{color:var(--color-neutral-60);font-size:var(--font-size-small);font-weight:400}}.box-container{background-color:var(--color-neutral-10);border:2px solid var(--color-alpha-black-10);border-radius:var(--radius-300);padding:var(--space-250)}.summary-container{.totals{>.container{padding:0;table{tbody{tr{td{&:first-child{text-align:left;color:var(--color-neutral-60)}&:last-child{text-align:right;font-weight:500;color:var(--color-neutral-70)}}}}tfoot{border-top:1px solid var(--color-alpha-black-10);tr{td{color:var(--color-neutral-70);font-weight:600;&:first-child{text-align:left}&:last-child{text-align:right}}}}}}}}.field{display:flex;flex-direction:column;gap:var(--space-100)}.customer-visit-timer{position:relative;display:grid;place-items:center;cursor:pointer;padding:var(--padding);color:var(--color-neutral-20);font-weight:900}.container-of-button-cart{position:sticky;display:grid;place-items:center;cursor:pointer}.loading{width:100vw;height:100vh;height:100dvh;position:fixed;top:0;left:0;z-index:999;background-color:var(--color-alpha-black-40);display:grid;place-items:center;&:after{content:"";width:4rem;height:4rem;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-size:60%;background-repeat:no-repeat;background-position:center;background-color:var(--color-neutral-10);border-radius:var(--radius-300);padding:var(--space-300)}}.notify,.toast{position:relative;inset-block-end:10%;display:flex;flex-direction:column;gap:var(--gap);max-width:90vw;padding:var(--padding);margin-inline:auto;.info,.error{padding:var(--padding);border-radius:20px;animation:fade-in .5s forwards,fade-out .5s forwards 3s}.info:after,.error:after{content:"";border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid var(--color-neutral-10);opacity:.5}.info{background-color:var(--color-brand-main-10)}.error{background-color:var(--color-neutral-20);color:var(--color-neutral-10)}}.notify{background-color:var(--color-neutral-10);.info,.error{animation:fade-in .5s forwards}}@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);position:relative;left:0;top:0;display:flex;place-content:space-between;flex-wrap:wrap;gap:var(--gap)}.shadow-card{box-shadow:var(--shadow);background-color:var(--color-brand-main-10);& form{width:100%;width:-webkit-fill-available;width:stretch}}.form-control{width:var(--width-for-form-control);height:fit-content;padding:var(--padding);display:flex;flex-direction:column}.form-actions{width:100%;height:100%;padding:var(--padding);position:relative;left:0;top:0;display:flex;flex-flow:row;place-items:center;place-content:space-between}.small-form{width:100%;height:100%;padding:var(--padding);display:grid;gap:var(--gap)}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{max-width:0vw;text-overflow:ellipsis;overflow:hidden}.overlay{position:fixed;left:0;top:0;z-index:4;width:100vw;height:100vh;display:flex;overflow:hidden;background-color:var(--color-alpha-white-40)}.collapse{width:100%;display:flex;flex-flow:column;.toggle{display:none}.trigger{cursor:pointer}.content{display:none}.toggle:checked~.content{width:100%;padding:var(--padding);gap:var(--gap);display:flex;flex-flow:column;transition:var(--transition)}}.quote-and-favorite{width:100%;width:-webkit-fill-available;width:stretch;padding:var(--padding);display:flex;flex-flow:row;place-items:center;place-content:flex-end;gap:var(--gap)}.hero{width:100%;width:-webkit-fill-available;width:stretch;height:35vh;height:35dvh;margin:0 auto;display:flex;align-items:center;place-content:center;text-align:center;flex-direction:column;gap:var(--gap)}.info{height:45vh;height:45dvh;padding:var(--padding);.wrapper{width:100%;width:-webkit-fill-available;width:stretch;height:100%;height:-webkit-fill-available;height:stretch;padding:var(--padding);gap:var(--gap);display:flex;flex-wrap:wrap;place-content:space-between;.item{width:100%;width:-webkit-fill-available;width:stretch;padding:var(--padding);gap:var(--gap);display:grid;box-shadow:var(--shadow);transition:var(--transition)}.item:nth-child(2n){box-shadow:0 2px 10px var(--color-brand-main-40)}.item:last-child{box-shadow:0 2px 10px var(--color-brand-secondary-50)}}}._footer{width:100vw;position:absolute;bottom:0}.home{display:flex;flex-flow:column;flex-wrap:wrap;place-content:space-between;gap:var(--gap)}.title{display:flex;justify-content:left;align-items:center;gap:var(--space-200);width:100%;.icon{background-color:var(--color-brand-main-10);border-radius:var(--radius-200);padding:var(--space-200);width:40px;height:40px;font-size:var(--font-size-medium);color:var(--color-neutral-10);img{width:100%}}h1{font-weight:600;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;text-overflow:ellipsis;font-size:var(--font-size-large);color:var(--color-brand-main-40)}}.title:empty:before{content:" "}.copy{font-weight:900}.sort-options-container{position:fixed;top:0;left:0;bottom:0;z-index:5;width:var(--percent-90);max-width:20rem;background-color:var(--color-neutral-10);padding:0;.filter-title{padding:var(--space-200) var(--space-300);border-bottom:1px solid var(--color-neutral-30);border-left:2px solid var(--color-brand-main-30);display:flex;align-items:center;justify-content:space-between;h3{color:var(--color-neutral-70);font-weight:500;font-size:var(--font-size-base)}}.filter-content{display:grid;gap:var(--gap);box-sizing:border-box;padding:var(--space-250) var(--space-300);border-bottom:1px solid var(--color-neutral-30);.summary-detail{summary{color:var(--color-neutral-70);font-weight:500;font-size:var(--font-size-small);display:flex;justify-content:space-between}ul{li{display:flex;justify-content:space-between;padding:var(--space-250) var(--space-300);span{color:var(--color-neutral-60);font-size:var(--font-size-small)}input[type=checkbox]{background-color:var(--color-neutral-10)}}}}}}.status-badge{width:fit-content;padding:var(--space-100) var(--space-200);border-radius:var(--border-radius);border:1px solid var(--color-alpha-black-10);span{font-weight:900;display:flex;gap:var(--space-100);align-items:center;font-size:var(--font-size-caption);font-weight:500;text-transform:capitalize;&:before{content:"";width:8px;height:8px;border-radius:var(--radius-full)}}&.status-in-progress{background-color:var(--color-brand-main-20);span{color:var(--color-brand-main-40);&:before{background-color:var(--color-brand-main-40)}}}&.status-pending,&.status-ACT,&.status-OPN,&.status-PEN,&.status-AUT{background-color:var(--color-warning-20);span{color:var(--color-warning-50);&:before{background-color:var(--color-warning-40)}}}&.status-cancelled,&.status-INA,&.status-REJ{background-color:var(--color-critical-10);span{color:var(--color-critical-40);&:before{background-color:var(--color-critical-30)}}}&.status-delivered,&.status-CLO,&.status-PRO,&.status-completed{background-color:var(--color-success-20);span{color:var(--color-success-40);&:before{background-color:var(--color-success-40)}}}}@media screen and (min-width:768px){.nav-bar{.header-logo{width:30%;height:30%}}.customer-button{width:14vw}.button-add,.button-edit,.button-delete,.button-menu,.button-vertical-options,.button-forward,.button-tree,.button-pill{width:4rem;height:4rem}}