.wms{--font-size-xsmall:.625rem;& table{& thead{& tr{& th{font-size:var(--font-size-small);& span{color:var(--color-neutral-10)}}}}& tbody tr{&:nth-child(2n){background-color:var(--color-neutral-20)}&:hover{background-color:var(--color-neutral-30);cursor:pointer;& td{cursor:pointer}}&.row--selected,&.row--selected:hover{background-color:var(--color-neutral-30)}}}& dialog{& .change-user{& .field{width:100%}}}& select,& textarea,& input[type=text],& input[type=tel],& input[type=url],& input[type=number],& input[type=date],& input[type=email],& input[type=datetime-local],& input[type=password],& input.text-area,& input[name=name_],& input[type=time],& input[type=date-time],& input[type=file]{&:disabled{background-color:var(--color-neutral-20);color:var(--color-neutral-40);border-color:var(--color-alpha-black-20);cursor:not-allowed;opacity:.6}}& .button-primary,& .button-duplicate,& .button-add,& .button-save,& .button-view{background-color:var(--color-brand-main-40);color:var(--color-neutral-10);transition:all .5s;&:hover{background-color:var(--color-brand-main-50)}}& .button-view{justify-content:center;align-items:center;width:2.5rem;height:2.5rem;padding:0;&:after{content:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%3e%3cpath%20fill='%23fff'%20d='M12%209a3%203%200%200%201%203%203a3%203%200%200%201-3%203a3%203%200%200%201-3-3a3%203%200%200%201%203-3m0-4.5c5%200%209.27%203.11%2011%207.5c-1.73%204.39-6%207.5-11%207.5S2.73%2016.39%201%2012c1.73-4.39%206-7.5%2011-7.5M3.18%2012a9.821%209.821%200%200%200%2017.64%200a9.821%209.821%200%200%200-17.64%200'/%3e%3c/svg%3e");line-height:0;display:block}}& .create-pickin-button{position:fixed;bottom:23vh;right:2vw;&:disabled{cursor:not-allowed;opacity:.6}}& .status-badge{width:fit-content;padding:var(--space-100) var(--space-200);border-radius:var(--border-radius);color:var(--color-neutral-10);& span{font-weight:900}}& .filter-content{z-index:10;background-color:var(--color-neutral-10);border:1px solid var(--color-neutral-30);border-radius:.375rem;width:100%;min-width:180px;padding:.5rem;display:none;position:absolute;top:100%;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0000001f;&.active{display:block}& label{text-align:left;display:block}& input{border:1px solid var(--color-neutral-30);border-radius:.25rem;width:100%;padding:.35rem .5rem;font-size:.85rem}}}.pwa-update-banner{left:var(--percent-50);bottom:var(--space-1000);transform:translateX(--percent-n50);background:var(--color-default);width:60dvw;padding:var(--padding);border-radius:var(--border-radius);justify-content:center;place-items:center;gap:var(--gap);box-shadow:var(--shadow);z-index:999;flex-flow:row;display:flex;position:fixed}.dialog-message{border-radius:var(--radius-150);left:var(--percent-50);transform:translateX(var(--percent-n50));bottom:5rem;top:unset;width:max-content;max-width:90vw;padding:0;animation:2s ease-out 1s forwards fadeOut;position:fixed;& .message-content{color:var(--color-neutral-10);padding:var(--space-300);text-wrap-mode:wrap;background-color:var(--color-neutral-80);gap:var(--space-200);font-size:var(--font-size-small);justify-content:center;align-items:center;font-weight:500;display:flex;&:before{line-height:0;display:block}&.message-success{&:before{content:url(/icons/icon-message-success.svg)}}&.message-error{&:before{content:url(/icons/icon-message-error.svg)}}&.message-warning{&:before{content:url(/icons/icon-message-warning.svg)}}}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@media screen and (width>=1024px){.dialog-message{bottom:1.25rem}}@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 (width>=480px){:root{--grid-columns:6}}@media screen and (width>=1024px){:root{--grid-columns:12;--grid-margin:38px}}.container{width:100%;padding:0 var(--space-500);box-sizing:border-box}.page-container{width:100%;padding:var(--space-500);gap:var(--space-250);flex-direction:column;height:100%;display:flex;&>article{background-color:unset;border:none;padding:0;&.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)}}}.row{grid-template-columns:repeat(var(--grid-columns), 1fr);gap:var(--grid-gutter);box-sizing:border-box;width:100%;display:grid}[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 (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 (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 (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 (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 (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;cursor:auto;inset:unset;border-collapse:collapse;box-shadow:none;box-sizing:border-box;--border-radius:.5rem;--gap:1rem;--padding:.5rem;--color-neutral-10:#fff;--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:#000;--color-brand-main-10:#eaf2fb;--color-brand-main-20:#cfe0f6;--color-brand-main-30:#9dbbea;--color-brand-main-40:#184b9d;--color-brand-main-50:#203f7f;--color-brand-main-60:#132958;--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:#184b9d33;--color-alpha-brand-30:#184b9d4d;--color-alpha-brand-40:#184b9d66;--color-alpha-white-05:#8383831a;--color-alpha-white-10:#ffffff1a;--color-alpha-white-20:#fff3;--color-alpha-white-40:#fff6;--color-alpha-white-60:#fff9;--color-alpha-black-10:#0000001a;--color-alpha-black-20:#0003;--color-alpha-black-40:#0006;--color-alpha-black-60:#0009;--color-alpha-neutral-50:#d9dbe980;--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;--space-n500:-1.5rem;--percent-n100:-100%;--percent-n50:-50%;--percent-n25:-25%;--percent-0:0%;--percent-10:10%;--percent-25:25%;--percent-50:50%;--percent-90:90%;--percent-95:95%;--percent-100:100%;--percent-full:100%;--elevation-color-10:#0000001f;--elevation-color-20:#00000024;--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 #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-neutral-70);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:Poppins,Roboto,system-ui,sans-serif;text-decoration:none;list-style:none;overflow:auto}body{background-color:var(--color-neutral-20);background-color:var(--color-neutral-10);grid-template:"header""main"1fr"footer"/1fr;width:100%;min-height:100vh;display:grid;position:relative}main{max-width:100vw}aside,article{place-content:center;align-items:center;gap:var(--gap);flex-wrap:wrap;display:flex}form,article{flex-direction:row}article{background-color:var(--color-neutral-10);border:2px solid var(--color-alpha-black-10);border-radius:var(--radius-300);padding:var(--space-250);& h2.title{color:var(--color-brand-main-40)}& h2.title,& h2.title+p{width:100%;margin:auto}}form{background-color:var(--color-neutral-10);border:2px solid var(--color-alpha-black-10);border-radius:var(--radius-300);padding:var(--space-250);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px 20px;width:100%;margin:0 auto;display:grid;& .form-actions,& .title,& .form-control.brands{grid-column:1/-1}& .title{color:var(--color-brand-main-40)}& .form-control.brands{& .item-list{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px 20px;display:grid;& .flex-center{justify-content:flex-start}}}}aside{flex-direction:column}h1{font-size:1.6rem;font-weight:600}h2{font-size:1.5rem;font-weight:600}h3{font-size:1.3rem;font-weight:500}h4{font-size:1.3rem}h5{font-size:1.2rem;font-weight:600}h6{font-size:1.1rem;font-weight:600}b,strong{font-weight:600}select,input{padding:var(--padding);line-height:normal}select,textarea,input[type=text],input[type=tel],input[type=url],input[type=number],input[type=date],input[type=email],input[type=datetime-local],input[type=password],input.text-area,input[name=name_],input[type=time],input[type=date-time],input[type=file]{width:stretch;padding:var(--space-200) var(--space-250);border:2px solid var(--color-alpha-black-20);border-radius:var(--radius-200);font-size:var(--font-size-small);resize:none;background-color:var(--color-neutral-10);transition:all .5s;&:hover{background-color:var(--color-neutral-20);color:var(--color-neutral-70)}&:focus{border:2px solid var(--color-brand-main-40)}}select{appearance:none;background-image:url(/icons/icon-arrow-down.svg);background-position:right 10px center;background-repeat:no-repeat;background-size:16px;padding-right:30px}select::placeholder,input::placeholder{color:var(--color-neutral-40);opacity:1}input[type=checkbox]{appearance:none;border-radius:var(--radius-100);border:2px solid var(--color-alpha-black-20);background-color:#0000;width:20px;height:20px;transition:all .5s;position:relative;&:disabled{opacity:.5;cursor:not-allowed}&:checked{border:0;&:after{content:"✓";color:var(--color-neutral-10);font-weight:700;line-height:1;position:absolute;top:3px;left:5px}&:before{content:"";background-color:var(--color-brand-main-40);border:1px solid var(--color-brand-main-40);box-sizing:border-box;border-radius:3px;width:20px;height:20px;position:absolute;top:0;left:0}}&:hover{background-color:var(--color-alpha-neutral-50)}}input[type=radio]{appearance:none;border-radius:var(--radius-full);border:2px solid var(--color-alpha-black-20);background-color:#0000;background-color:var(--color-neutral-10);width:20px;height:20px;transition:all .5s;position:relative;&:checked{border:2px solid var(--color-brand-main-40);&:after{content:"";background:var(--color-brand-main-40);border-radius:var(--radius-full);box-sizing:border-box;width:10px;height:10px;position:absolute;top:3px;left:3px}}&:hover{background-color:var(--color-alpha-neutral-50)}}table{width:100%;margin:0 auto;display:table;& .sort-icon{color:var(--color-neutral-10);font-size:var(--font-size-large)}& caption{padding:var(--padding);font-weight:500}& thead{background-color:var(--color-brand-main-40);& tr{&>:first-child{border-radius:var(--radius-150) 0 0 0}&>:last-child{border-radius:0 var(--radius-150) 0 0}& th{padding:calc(var(--padding) / 2);color:var(--color-neutral-10);text-align:right;font-weight:500;& span{color:var(--color-neutral-10)}}}}& tbody{& thead{background-color:var(--color-brand-main-40);& tr{background-color:unset}}& tr{border-left:1px solid var(--color-alpha-black-10);border-bottom:1px solid var(--color-alpha-black-10);border-right:1px solid var(--color-alpha-black-10);background-color:var(--color-neutral-20);& td{padding:var(--space-150);text-align:right;&[colspan]{text-align:right}}&>:last-child{justify-content:right;gap:var(--space-200);display:flex}&:nth-child(2n){background-color:var(--color-neutral-10)}}&>:last-child{&>:first-child{border-radius:0 0 0 var(--radius-150)}&>:last-child{border-radius:0 0 var(--radius-150) 0}}}& tfoot{height:58px;position:relative;& tr{justify-content:center;align-items:center;gap:var(--space-250);padding:var(--space-200);height:fit-content;display:flex;position:absolute;left:0;right:0;& td{& section{align-items:right;gap:var(--space-250);width:100%;padding:var(--space-200);display:flex;&.between{justify-content:space-between}&.center{justify-content:center}}}}& .not-full{justify-content:space-between;width:50%}& .pagination{justify-content:flex-end;width:50%;left:50%;& button{justify-content:center;align-items:center;width:2.5rem;height:2.5rem;padding:0;display:flex;&:after{line-height:0;display:block}}&>:first-child{& button{&:after{content:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%201024%201024'%3e%3cpath%20fill='%23fff'%20d='M609.4%20149.4L277.8%20489.6a32%2032%200%200%200%200%2044.7l331.6%20340.3a29%2029%200%200%200%2041.7%200a30.6%2030.6%200%200%200%200-42.7l-311.8-320L651%20192.1a30.6%2030.6%200%200%200%200-42.7a29%2029%200%200%200-41.7%200'/%3e%3c/svg%3e")}}}&>:last-child{& button{&:after{content:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%201024%201024'%3e%3cpath%20fill='%23fff'%20d='M340.9%20149.3a30.6%2030.6%200%200%200%200%2042.8L652.7%20512L341%20831.9a30.6%2030.6%200%200%200%200%2042.7a29%2029%200%200%200%2041.7%200l331.6-340.3a32%2032%200%200%200%200-44.6L382.6%20149.4a29%2029%200%200%200-41.7%200z'/%3e%3c/svg%3e")}}}}}}dialog{background-color:var(--color-neutral-10);box-shadow:var(--shadow);border-radius:var(--radius-300);padding:var(--space-250) var(--space-300);border:1px solid var(--color-alpha-black-10);z-index:5;flex-direction:column;justify-content:flex-start;align-items:stretch;width:100%;max-width:70vw;max-height:80vh;margin:auto;display:flex;position:fixed;inset:0;overflow:auto;& form,& article{place-content:unset;border:none;padding:0}& .title{justify-content:space-between;display:flex;& h1{color:var(--color-neutral-40);font-size:var(--font-size-medium)}}& span,& label{font-weight:500;font-size:var(--font-size-small)}& button{padding:var(--space-100) var(--space-200);font-size:var(--font-size-small)}}dialog:first-child{place-items:center;gap:var(--gap);display:grid}dialog dialog:not(.table-modal){position:unset;z-index:4;grid-column:1/-1;width:100%}button{padding:var(--space-200) var(--space-250);font-weight:500;font-size:var(--font-size-base);border-radius:var(--radius-200);cursor:pointer;line-height:1.5;transition:all .5s}.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;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(--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{background-color:var(--color-neutral-40);width:100%;height:1px}button.close-popup{padding:var(--space-100);border:1px solid var(--color-neutral-60);background-color:var(--color-brand-main-50);place-content:center;display:flex;&:after{content:url(/icons/icon-close-modal.svg);line-height:0;display:block}}section.page-content{gap:var(--gap);width:100%;display:grid;position:relative}ul{& strong{margin-right:var(--space-100);font-size:var(--font-size-small);font-weight:600}}.full-width{width:stretch}.section-card{background-color:var(--color-neutral-20);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}.flex-equal{gap:var(--space-200);display:flex}.flex-equal>*{flex:1}.section-title{font-size:2rem;font-weight:900}.active-text{color:var(--active-color-one)}.nav-bar{place-content:space-between;place-items:center;gap:var(--gap);box-sizing:border-box;background-color:var(--extreme-white-color);flex-flow:row;width:-webkit-fill-available;display:flex}.required{& label{justify-content:flex-start;gap:var(--space-50);&:after{content:"*";color:var(--color-critical-30)}}}.accordion{background-color:var(--color-neutral-10);border:2px solid var(--color-alpha-white-05);border-radius:var(--radius-300);flex-direction:column;width:100%;height:fit-content;display:flex;&[open]{&>summary{&:after{line-height:1;transition:all .3s;transform:rotate(180deg)}}}& summary{background-color:var(--color-neutral-10);padding:var(--space-200) var(--space-250);font-size:var(--font-size-base);cursor:pointer;color:var(--color-neutral-60);justify-content:space-between;align-self:stretch;align-items:center;font-weight:500;transition:all .3s;display:flex;&.parent{&:after{content:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%201024%201024'%3e%3cpath%20fill='%234E4B66'%20d='M831.9%20340.9L512%20652.7L192.1%20340.9a30.6%2030.6%200%200%200-42.7%200a29%2029%200%200%200%200%2041.6l340.3%20331.7a32%2032%200%200%200%2044.6%200l340.3-331.7a29%2029%200%200%200%200-41.7a30.6%2030.6%200%200%200-42.7%200z'/%3e%3c/svg%3e");line-height:1;transition:all .3s;display:block}}}& .accordion-content{padding:var(--space-200) var(--space-250);background-color:var(--color-neutral-20);border-top:1px solid var(--color-alpha-black-10)}}.menu-and-logo{place-items:center;gap:var(--gap);flex-flow:row;display:flex}.menu-container{& .overlay{background-color:var(--color-alpha-black-10);height:auto;top:0;bottom:0}& .menu-options{z-index:10;background-color:var(--color-neutral-10);border-radius:0 var(--radius-300) var(--radius-300) 0;padding:var(--space-300);gap:var(--space-200);flex-direction:column;width:90%;max-width:35vw;display:flex;position:fixed;top:0;bottom:0;left:0;&>li{color:var(--color-neutral-60);flex-shrink:0;&>a{border-radius:var(--radius-300);background-color:var(--color-neutral-10)}& a{padding:var(--space-250);padding:var(--space-250);cursor:pointer;color:var(--color-neutral-60);font-weight:500;display:block}&>details{border:none;&>summary{background-color:unset}&[open]{border-radius:0}& .accordion-content{background-color:var(--color-neutral-30);border:none;padding:0;& details{background-color:unset;border:none;border-radius:0;&>summary{padding-left:var(--space-500);background-color:unset;border-left:4px solid var(--color-brand-main-40)}& .accordion-content{border:none;& a{padding-left:var(--space-800)}}}}}}& li{box-sizing:border-box;& a{color:var(--color-three)}}}}.title{width:100%;color:var(--color-brand-main-40);font-weight:600;&.center{text-align:center;justify-content:center}& section{gap:var(--space-200);align-items:center;display:flex}& h1,& h2{-webkit-line-clamp:2;line-clamp:2;text-overflow:ellipsis;font-weight:600;font-size:var(--font-size-large);color:var(--color-brand-main-40);-webkit-box-orient:vertical;font-weight:500;display:-webkit-box;overflow:hidden}}.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);&.heading{flex-flow:row;align-items:flex-end;display:flex;& .field,& .form-control{flex:1;padding:0}& .form-actions{width:fit-content;height:fit-content;padding:0}}&.products{gap:var(--space-250) var(--space-500);background-color:var(--color-neutral-10);border:2px solid var(--color-alpha-black-10);border-radius:var(--radius-300);width:100%;padding:var(--space-250);grid-template-columns:repeat(auto-fill,minmax(25rem,1fr));margin:0 auto;display:grid;& .full{grid-column:1/-1}& .form-actions{gap:var(--space-500);grid-column:1/-1;padding:0;display:flex;&>*{flex:1;min-width:12.5rem}}}}.flex-center{justify-content:center;align-items:center;gap:var(--space-200);display:flex;&.column{flex-direction:column;&>*{width:100%}}}.page-title{width:100%}.session-comp{z-index:1;padding:var(--padding);place-items:center;gap:var(--gap);display:grid}.field,.form-control{gap:var(--space-100);flex-direction:column;display:flex;& label{color:var(--color-neutral-80);font-weight:500}}.button-primary,.button-duplicate,.button-add,.button-save{background-color:var(--color-brand-main-40);color:var(--color-neutral-10);transition:all .5s;&:hover{background-color:var(--color-brand-main-50)}}.button-duplicate{&:after{content:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2020%2020'%3e%3cg%20fill='%23fff'%3e%3cpath%20fill-rule='evenodd'%20d='M15%207.5H8a.5.5%200%200%200-.5.5v7a.5.5%200%200%200%20.5.5h7a.5.5%200%200%200%20.5-.5V8a.5.5%200%200%200-.5-.5m-6.5%207v-6h6v6z'%20clip-rule='evenodd'/%3e%3cpath%20d='M5.5%2011.5h3v1H5a.5.5%200%200%201-.5-.5V5a.5.5%200%200%201%20.5-.5h7a.5.5%200%200%201%20.5.5v3.5h-1v-3h-6z'/%3e%3c/g%3e%3c/svg%3e");line-height:0;display:block}}.button-add{justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex;&:after{content:url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23fff'%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");line-height:0;display:block}}.button-secondary,.button-cancel{border:1.8px solid var(--color-neutral-30);background-color:var(--color-neutral-10);color:var(--color-neutral-50);transition:all .5s;&:hover{background-color:var(--color-neutral-20);border:1.8px solid var(--color-neutral-30);color:var(--color-neutral-60)}&.wishlist,&.quotes,&.cartera{justify-content:center;align-items:center;gap:var(--space-200);display:flex}&.wishlist:before{content:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%3e%3cpath%20fill='%236e7191'%20d='M2%209.137C2%2014%206.02%2016.591%208.962%2018.911C10%2019.729%2011%2020.5%2012%2020.5s2-.77%203.038-1.59C17.981%2016.592%2022%2014%2022%209.138S16.5.825%2012%205.501C7.5.825%202%204.274%202%209.137'/%3e%3c/svg%3e");line-height:1;display:block}&.quotes:before{content:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%236e7191'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='M14%202H6a2%202%200%200%200-2%202v16a2%202%200%200%200%202%202h12a2%202%200%200%200%202-2V8z'/%3e%3cpolyline%20points='14%202%2014%208%2020%208'/%3e%3cline%20x1='16'%20y1='13'%20x2='8'%20y2='13'/%3e%3cline%20x1='16'%20y1='17'%20x2='8'%20y2='17'/%3e%3cline%20x1='10'%20y1='9'%20x2='8'%20y2='9'/%3e%3c/svg%3e");line-height:1;display:block}&.cartera:before{content:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%236e7191'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='M20%2012V8H6a2%202%200%200%201-2-2c0-1.1.9-2%202-2h12v4'/%3e%3cpath%20d='M4%206v12a2%202%200%200%200%202%202h14v-4'/%3e%3cpath%20d='M18%2012a2%202%200%200%200-2%202c0%201.1.9%202%202%202h4v-4h-4z'/%3e%3c/svg%3e");line-height:1;display:block}}.button-cancel:after{content:"Atrás"}.button-tertiary{background-color:var(--color-neutral-10);color:var(--color-brand-main-40);transition:all .5s;&:hover{color:var(--color-brand-main-50);background-color:var(--color-neutral-20)}}.button-quaternary{border-color:var(--active-color-two);color:var(--active-color-two)}.button-save:after{content:"Grabar"}.button-next:after{content: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-previous:after{content: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='19'%20y1='12'%20x2='5'%20y2='12'/%3e%3cpolyline%20points='12%2019%205%2012%2012%205'/%3e%3c/svg%3e")}.button-view:after{content:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%3e%3cpath%20fill='%231e4ab1'%20d='M12%209a3%203%200%200%200-3%203a3%203%200%200%200%203%203a3%203%200%200%200%203-3a3%203%200%200%200-3-3m0%208a5%205%200%200%201-5-5a5%205%200%200%201%205-5a5%205%200%200%201%205%205a5%205%200%200%201-5%205m0-12.5C7%204.5%202.73%207.61%201%2012c1.73%204.39%206%207.5%2011%207.5s9.27-3.11%2011-7.5c-1.73-4.39-6-7.5-11-7.5'/%3e%3c/svg%3e")}.button-options{font-size:1.5rem}.button-delete,.button-menu,.button-vertical-options,.button-forward,.button-tree,.button-search{background-position:50%;background-repeat:no-repeat;background-size:contain;place-self:center;width:1rem;height:1rem}.button-next,.button-previous,.button-view{border-color:var(--active-color-one);color:var(--active-color-one);background-color:#0000;border-style:solid;border-width:1px}.button-edit,.button-duplicate,.button-delete{justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex;&:after{line-height:0;display:block}}.button-edit{border:1.8px solid var(--color-neutral-30);background-color:var(--color-neutral-10);color:var(--color-neutral-50);transition:all .5s;&:hover{background-color:var(--color-neutral-20);border:1.8px solid var(--color-neutral-30);color:var(--color-neutral-60)}&:after{content:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2012%2012'%3e%3cpath%20fill='%236e7191'%20d='M10.443%201.56a1.914%201.914%200%200%200-2.707%200l-.55.551a.5.5%200%200%200-.075.074l-5.46%205.461a.5.5%200%200%200-.137.255l-.504%202.5a.5.5%200%200%200%20.588.59l2.504-.5a.5.5%200%200%200%20.255-.137l6.086-6.086a1.914%201.914%200%200%200%200-2.707M7.502%203.21l1.293%201.293L3.757%209.54l-1.618.324l.325-1.616zm2%20.586L8.209%202.502l.234-.234A.914.914%200%201%201%209.736%203.56z'/%3e%3c/svg%3e")}}.button-delete{background-color:var(--color-brand-main-40);color:var(--color-neutral-10);transition:all .5s;&:hover{background-color:var(--color-brand-main-50)}&:after{content:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%3e%3cpath%20fill='none'%20stroke='%23fff'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='2'%20d='M4%207h16m-10%204v6m4-6v6M5%207l1%2012a2%202%200%200%200%202%202h8a2%202%200%200%200%202-2l1-12M9%207V4a1%201%200%200%201%201-1h4a1%201%200%200%201%201%201v3'/%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-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")}.loading{z-index:999;background-color:var(--color-alpha-black-40);place-items:center;width:100vw;height:100dvh;display:grid;position:fixed;top:0;left:0;&:after{content:"";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:60%;background-color:var(--color-neutral-10);border-radius:var(--radius-300);width:4rem;height:4rem;padding:var(--space-300)}}.notify,.toast{gap:var(--gap);box-sizing:border-box;background-color:var(--color-neutral-10);border:2px solid var(--color-alpha-black-10);border-radius:var(--radius-300);padding:var(--space-250);flex-direction:column;width:100%;max-width:fit-content;margin:auto;display:flex;& .info,& .error{padding:var(--padding);box-sizing:border-box;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(--extreme-white-color);opacity:.5}& .info{background-color:var(--disabled-color-one)}& .error{background-color:var(--color-neutral-20);color:var(--extreme-white-color)}}dialog{& .notify{background:unset;max-width:unset;border:none}}.notify{background-color:var(--extreme-white-color);& .info,& .error{padding:var(--padding);box-sizing:border-box;border-radius:20px;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)}}.table-modal{flex-direction:unset;max-height:80vh;& table{& tbody{& tr{&>:last-child{display:table-cell}}}}}.card,.shadow-card{height:auto;padding:var(--padding);box-sizing:border-box;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:-webkit-fill-available}}.form-control{height:fit-content;padding:var(--padding);box-sizing:border-box;flex-direction:column;display:flex;&.full{grid-column:1/-1;width:100%}&.full-width{width:100%}}.form-actions{width:-webkit-fill-available;height:fit-content;padding:var(--padding);box-sizing:border-box;flex-flow:wrap;place-content:space-between;place-items:center;display:flex;position:relative;top:0;left:0;&.right{justify-content:flex-end}}.small-form{width:100%;height:100%;padding:var(--padding);box-sizing:border-box;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);font-size:.8rem}input.on-td-tiny{min-width:var(--min-width-for-input-on-td);width:var(--min-width-for-input-on-td);text-align:right;font-size:.8rem}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(--color-alpha-white-40);width:100vw;height:100vh;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);box-sizing:border-box;gap:var(--gap);transition:var(--transition);flex-flow:column;display:flex}}.quote-and-favorite{width:-webkit-fill-available;padding:var(--padding);box-sizing:border-box;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:-webkit-fill-available;margin:0 auto;display:flex}.info{padding:var(--padding);box-sizing:border-box;& .wrapper{width:-webkit-fill-available;height:-webkit-fill-available;padding:var(--padding);box-sizing:border-box;gap:var(--gap);flex-wrap:wrap;place-content:space-between;display:flex;& .item{width:-webkit-fill-available;padding:var(--padding);box-sizing:border-box;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)}}}header{background-color:var(--color-brand-main-40);box-shadow:var(--shadow-02);z-index:2;width:100%;padding:var(--space-250) var(--space-500);position:sticky;top:0;left:0;& .nav-bar{& .menu-and-logo{& button.button-options{padding:0 var(--space-250);color:var(--color-neutral-10)}& h1{color:var(--color-neutral-10)}}}}footer.app-footer{margin-top:var(--space-300);background-color:var(--color-brand-main-40);width:100%;box-shadow:var(--shadow-02);padding:var(--space-400) var(--space-500);border-radius:var(--radius-300) var(--radius-300) 0 0;z-index:2;bottom:0;left:0;& article{justify-content:space-between;align-items:center;gap:var(--space-200);background-color:unset;border:none;border-radius:0;flex-flow:row;padding:0;display:flex;& .title{width:fit-content;color:var(--color-neutral-10);font-size:var(--font-size-base);cursor:pointer;text-align:center;justify-content:center;font-weight:700;&:hover{color:var(--color-brand-secondary-30)}}& .copy{color:var(--color-brand-main-20);font-size:var(--font-size-small);text-align:center;max-width:20vw;font-weight:400;line-height:1.4}& ._auth-logos{gap:var(--space-300);margin-top:var(--space-100);display:flex;overflow:visible;& a{transition:transform .2s;display:flex;& img{filter:brightness(0)invert()contrast()saturate(0%);opacity:.8;width:24px}&:hover{transform:scale(1.1);& img{opacity:1}}}}}}._footer{width:100vw;position:absolute;bottom:0}.status-badge{width:fit-content;padding:calc(var(--padding) / 2);border-radius:var(--border-radius);& span{font-weight:900}}.status-DRA{color:var(--white-text-color);background-color:var(--color-neutral-40)}.status-PEN{color:var(--white-text-color);background-color:var(--color-warning-40)}.status-APP,.status-PAI{color:var(--white-text-color);background-color:var(--color-success-40)}.status-REJ{color:var(--white-text-color);background-color:var(--color-critical-30)}