:root{--dagobaBlue:#4269af;--dagobaBlue50:rgba(66,105,175,0.7);--collectionBg:#EEfAFF;--editBoutiqueBg:#fff8e8;--editCollectionBg:#ffefcb;--errorCollectionBg:#ffd1cb;--helpTipBgTransp:rgba(44,110,74,0.6)}.demo-boutique{--font:var(--font-barlow-condensed),"Barlow Condensed";--font-title:"Interstate";--fs-3xl:clamp(2.1rem,5.5vw,3.5rem);--fs-xxl:clamp(1.8rem,5vw,3.3rem);--fs-xl:clamp(1.5rem,4vw,3rem);--fs-lg:clamp(1.3rem,3vw,2.5rem);--fs-md:clamp(1.15rem,2.5vw,2rem);--fs-normal:clamp(1rem,2vw,1.5rem);--fs-s:clamp(0.9rem,1.8vw,1.2rem);--fs-xs:clamp(0.75rem,1.5vw,1rem);--fs-catalog:clamp(0.8rem,1.8vw,1rem);font-family:var(--font),-apple-system,"Helvetica Neue",sans-serif;font-size:var(--fs-normal)}.demo-boutique h1{font-family:var(--font-title),-apple-system,"Helvetica Neue",sans-serif;font-size:var(--fs-xl);font-weight:700}.demo-boutique h2{font-size:var(--fs-lg);font-weight:600}.demo-boutique h3{font-size:var(--fs-md);font-weight:500}.demo-boutique h4{font-size:var(--fs-normal);font-weight:500}.demo-boutique .demo-title{font-family:var(--font-title),-apple-system,"Helvetica Neue",sans-serif;font-size:var(--fs-xxl);color:#4269af;font-weight:700}.demo-boutique .demo-subtitle{font-size:var(--fs-s);color:gray;font-weight:700}.demo-boutique .demo-loading{text-align:center;font-size:var(--fs-md);padding-top:40px;color:#4269af}.demo-boutique .demo-step-title{font-size:var(--fs-md);font-weight:700;cursor:pointer}.demo-boutique .radio-title{font-size:var(--fs-md);font-weight:700;color:#0e4a85}.demo-boutique .logo-choice{display:flex;margin-top:10px}.demo-boutique .logo-choice .MuiTypography-root{font-size:var(--fs-normal);line-height:var(--fs-normal);padding-top:5px}.demo-boutique .radio-choice{transition:color .3s}.demo-boutique .radio-choice.selected{color:#4269af;font-weight:700}.demo-boutique .radio-choice:hover{color:#1976d2;font-weight:700}.demo-boutique .logo-thumbnail{border:1px solid #a0a0a0;padding:3px;width:48px;max-height:36px;text-align:center;position:relative}.demo-boutique .logo-thumbnail img{max-height:32px;max-width:100%}.demo-boutique .image-wrapper{width:100%;display:flex;justify-content:center;position:relative;padding:0;margin-bottom:20px}.demo-boutique .image-wrapper .dropzone button{cursor:pointer}.demo-boutique .image-wrapper .load-logo{width:100%;min-height:50px;font-size:var(--fs-md)}.demo-boutique .image-wrapper .image-item{border:1px solid #a0a0a0;padding:16px;text-align:center;position:relative}.demo-boutique .image-wrapper .image-item .logo-preview{padding:10px;position:relative}.demo-boutique .image-wrapper .image-item .logo-preview.light{background-color:#f8f8f8}.demo-boutique .image-wrapper .image-item .logo-preview.dark{background-color:#101010}.demo-boutique .image-wrapper .image-item img{max-height:150px;max-width:100%}.demo-boutique .image-wrapper .image-item .image-change{position:absolute;top:-5px;left:-5px}.demo-boutique .image-wrapper .image-item .image-delete{position:absolute;top:-5px;right:-5px}.demo-boutique .image-wrapper .errors{padding:10px;text-align:center;color:red;font-size:var(--fs-s)}.demo-boutique .boutique-link{cursor:pointer;font-size:var(--fs-md);font-weight:700;color:#4269af;display:flex;justify-content:center;align-items:center}.dashboard{--font:var(--font-barlow-condensed),"Barlow Condensed";--font-title:"Interstate";--fs-3xl:clamp(2.1rem,5.5vw,3.5rem);--fs-xxl:clamp(1.8rem,5vw,3.3rem);--fs-xl:clamp(1.5rem,4vw,3rem);--fs-lg:clamp(1.3rem,3vw,2.5rem);--fs-md:clamp(1.15rem,2.5vw,2rem);--fs-normal:clamp(1rem,2vw,1.5rem);--fs-s:clamp(0.9rem,1.8vw,1.2rem);--fs-xs:clamp(0.75rem,1.5vw,1rem);--fs-catalog:clamp(0.8rem,1.8vw,1rem);font-family:var(--font),-apple-system,"Helvetica Neue",sans-serif;font-size:var(--fs-normal);width:100%;background-color:#f8fcff;position:relative;z-index:1}.dashboard h1{font-family:var(--font-title),-apple-system,"Helvetica Neue",sans-serif;font-size:var(--fs-xl);font-weight:700}.dashboard h2{font-size:var(--fs-lg);font-weight:600}.dashboard h3{font-size:var(--fs-md);font-weight:500}.dashboard h4{font-size:var(--fs-normal);font-weight:500}.dashboard .section{background-color:#8f8f8f!important;color:#fff;font-size:var(--fs-md);padding-bottom:3px}.dashboard .plan{border:1px solid #d0d0d0;border-radius:4px;padding:10px;margin-bottom:10px;font-size:var(--fs-s)}.dashboard .plan .plan-subtitle{font-weight:700}.dashboard .plan .plan-terms-list{-webkit-padding-start:20px;padding-inline-start:20px}.dashboard .plan.standard{color:#0f5c2e;background-color:#e9fbf0;border-color:#c6f6d9}.dashboard .plan.margins{color:#01659c;background-color:#e5f6fd;border-color:#5397e2}.dashboard .plan.error{color:#ba2d2d;background-color:#ffe6e6;border-color:#ff9c9c}.dashboard .boutique-selector{display:flex;align-items:center;font-size:var(--fs-s);margin:5px 0 0;color:#4269af;padding:5px;border-radius:3px;cursor:pointer}.dashboard .boutique-selector.selected{color:#fff;background-color:#4269af}.dashboard .boutique-selector.add{display:flex;margin-left:-5px;color:#014e01;opacity:.5;font-size:.9em}.dashboard .boutique-selector.add svg{height:20px;margin-right:5px}.dashboard .boutique-selector.draft{color:orange;margin-top:-5px;margin-left:15px}.dashboard .boutique-selector.disabled{opacity:.5;cursor:default}.dashboard .empty-boutique{padding:200px 5px;text-align:center;font-size:1.5em;line-height:1.5em;font-weight:300;color:#4269af}.dashboard .boutique{width:100%;position:relative;padding:10px;background-color:#fff;border:2px solid #d5d5d5;border-radius:5px}.dashboard .boutique.edit{border:2px dashed #ff8c00;background-color:#fff8e8}.dashboard .boutique .boutique-header{display:flex;margin-bottom:4px}.dashboard .boutique .boutique-header .boutique-logo{width:64px;height:64px;border:1px solid #d0d0d0;margin-right:10px;overflow:hidden}.dashboard .boutique .boutique-header .boutique-logo img{width:100%;height:100%;object-fit:cover}.dashboard .boutique .boutique-header .boutique-logo .logo{width:64px;height:64px}.dashboard .boutique .boutique-header .boutique-logo .logo.dark-bg{background-color:#404040}.dashboard .boutique .boutique-header .boutique-title .name{font-size:var(--fs-lg);line-height:var(--fs-lg);font-weight:700;margin-bottom:4px}.dashboard .boutique .boutique-header .boutique-title .subtitle{font-size:var(--fs-md);line-height:var(--fs-md);margin-bottom:4px}.dashboard .boutique .infos{width:100%;display:flex;justify-content:space-between;margin-bottom:4px}.dashboard .boutique .infos .subdomain-link{font-size:.9em;line-height:2em;color:#000;background-color:#eefaff;border:1px solid #aaa;border-radius:3px;padding:0 5px;margin-bottom:5px;display:flex;align-items:center}.dashboard .boutique .infos .subdomain-link.edit{background-color:#ffefcb}.dashboard .boutique .infos .subdomain-link .draft{color:#e0e0e0}.dashboard .boutique .infos .subdomain-link .boutique-status{cursor:pointer}.dashboard .boutique .infos .subdomain-link .boutique-status svg{width:.9em;height:.9em}.dashboard .boutique .infos .subdomain-link .open-link{cursor:pointer;margin-left:5px;margin-top:10px}.dashboard .boutique .infos .acronym{font-size:.8em}.dashboard .boutique .infos .acronym .inline-text{font-size:1.2em;color:navy}.dashboard .boutique .infos .color{font-size:.8em}.dashboard .boutique .infos .social{display:flex;justify-content:flex-end;align-items:center}.dashboard .boutique .persos{display:flex;flex-direction:column;padding:10px;border:1px solid #a0a0a0;border-radius:3px}.dashboard .boutique .persos .persos-title{font-weight:400;margin-bottom:5px}.dashboard .boutique .persos .persos-options{display:flex;justify-content:space-between;margin-top:10px}.dashboard .boutique .persos .persos-options .MuiFormHelperText-root{font-size:var(--fs-xs);color:#000}.dashboard .boutique .persos .persos-options .persos-color{width:35%}.dashboard .boutique .persos .persos-options .persos-color .pick-color{display:flex;align-items:center;justify-content:space-between;font-size:var(--fs-xs)}.dashboard .boutique .persos .persos-options .persos-color .pick-color .perso-color{display:inline-block;margin-left:5px}.dashboard .boutique .persos .persos-options .persos-color .pick-color .perso-color .select-color svg{right:0}.dashboard .boutique .persos .persos-options .persos-color .perso-preview{padding:15px 0;font-size:35px;text-align:center}.dashboard .boutique .persos .persos-options .persos-color .perso-preview.light{background-color:#e0e0e0}.dashboard .boutique .persos .persos-options .persos-color .perso-preview.dark{background-color:#404040}.dashboard .boutique .persos .persos-options .persos-color .perso-warning{text-align:center;font-size:.8em;color:red}.dashboard .boutique .perso-color{display:flex;align-content:center;justify-content:center;flex-wrap:wrap}.dashboard .boutique .perso-color .color-box{display:flex;align-content:center;width:24px;height:24px;border:1px solid #cbcbcb;margin-right:5px}.dashboard .boutique .perso-color .color-name{display:flex;align-items:center}.dashboard .boutique .markup{display:flex;flex-direction:column;margin-top:10px;padding:10px;border:1px solid #a0a0a0;border-radius:3px}.dashboard .boutique .markup .markup-title{font-weight:400;margin-bottom:5px}.dashboard .plan-name{display:flex;justify-content:flex-end;align-content:center;align-items:center;font-size:var(--fs-md);opacity:.7;color:#8f8f8f}.dashboard .collection{padding:10px;background-color:#eefaff;border:1px solid #a0a0a0;border-radius:3px;margin-bottom:10px;position:relative;cursor:-webkit-grab;cursor:grab;display:flex;flex-direction:column}.dashboard .collection.edit{background-color:#ffefcb}.dashboard .collection.error{background-color:#ffd1cb}.dashboard .collection .title{display:flex;align-items:center;align-content:center;font-size:var(--fs-md);font-weight:700;margin-left:0;margin-top:-8px;margin-bottom:8px}.dashboard .collection .nb-articles{margin-left:8px;font-size:.9em;color:#8f8f8f}.dashboard .collection .nb-articles.error{color:red}.dashboard .collection .separate{display:flex;justify-content:flex-end;align-content:center;align-items:center;margin-bottom:-15px;font-weight:300}.dashboard .collection .separate .check{opacity:.3}.dashboard .collection .separate.active{font-weight:400}.dashboard .collection .separate .help-icon,.dashboard .collection .separate.active .check{opacity:1}.dashboard .collection .products{margin-left:10px;display:flex;flex-wrap:wrap;min-height:100px;gap:10px 24px}.dashboard .collection .products .col-product{position:relative;margin-bottom:5px}.dashboard .collection .products .col-product.error{background-color:#ff9c9c}.dashboard .collection .products .col-product .gender-icon{position:absolute;z-index:1;top:3px;color:#a0a0a0}.dashboard .collection .products .col-product .attached-left{position:absolute;top:40%;left:-26px;color:#d0d0d0;z-index:1}.dashboard .collection .products .col-product .attached-right{position:absolute;top:40%;right:-26px;color:#d0d0d0;z-index:1}.dashboard .collection .products .col-product .product-tbn{width:105px;margin-right:5px;background-color:#fff;border:1px solid #d0d0d0;border-radius:4px;padding:3px;cursor:pointer}.dashboard .collection .products .col-product .product-tbn.has-changes{background-color:#e6e3ff}.dashboard .collection .products .col-product .product-tbn.hard-changes{background-color:#ffd18d}.dashboard .collection .products .col-product .product-tbn.error{background-color:#f4a2a2}.dashboard .collection .products .col-product .product-tbn.stick-right{border-right:4px solid #d0d0d0;margin-right:-12px}.dashboard .collection .products .col-product .product-tbn.stick-left{border-left:3px solid #d0d0d0;margin-left:-12px}.dashboard .collection .products .col-product .product-tbn .first-img{text-align:center;position:relative}.dashboard .collection .products .col-product .product-tbn .first-img .product-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.4)}.dashboard .collection .products .col-product .product-tbn .first-img .product-overlay .spinner{position:absolute;top:50%;left:60%;margin-top:-20px;margin-left:-20px;color:#fff}.dashboard .collection .products .col-product .product-tbn .product-footer{margin-top:2px;display:flex;position:relative;overflow-x:clip}.dashboard .collection .products .col-product .product-tbn .product-footer .logos{display:flex;justify-content:left;min-height:20px;margin-left:0}.dashboard .collection .products .col-product .product-tbn .product-footer .logos .logo{display:flex;width:18px;height:18px;margin-right:1px;border:1px solid #a0a0a0}.dashboard .collection .products .col-product .product-tbn .product-footer .logos .logo.dark-bg{background-color:#a0a0a0}.dashboard .collection .products .col-product .product-tbn .product-footer .logos .logo img{margin:1px}.dashboard .collection .products .col-product .product-tbn .product-footer .logos .logo .no-logo .icon{display:flex;height:18px;justify-content:center;align-content:center}.dashboard .collection .products .col-product .product-tbn .product-footer .logos .logo .no-logo .icon svg{font-size:20px}.dashboard .collection .products .col-product .product-tbn .product-footer .all-colors{position:absolute;bottom:0;right:0}.dashboard .add-collection{display:flex;justify-content:flex-end;margin-bottom:1rem}