.tiroir{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;visibility:hidden;pointer-events:none;transition:visibility 0s linear var(--mouvement-lent)}.tiroir[data-ouvert]{visibility:visible;pointer-events:auto;transition:visibility 0s}.tiroir__voile{position:absolute;top:0;right:0;bottom:0;left:0;background:#1c141080;opacity:0;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);transition:opacity var(--mouvement-lent) var(--mouvement-courbe),backdrop-filter var(--mouvement-lent) var(--mouvement-courbe),-webkit-backdrop-filter var(--mouvement-lent) var(--mouvement-courbe)}.tiroir[data-ouvert] .tiroir__voile{opacity:1;-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem)}.tiroir__panneau{position:absolute;top:0;right:0;bottom:0;width:480px;max-width:100vw;display:flex;flex-direction:column;background:var(--k00);color:var(--encre);transform:translate(100%);transition:transform var(--mouvement-lent) var(--mouvement-courbe)}.tiroir[data-ouvert] .tiroir__panneau{transform:translate(0)}@media(max-width:767px){.tiroir__panneau{width:363px;max-width:90vw}}.tiroir__entete{flex:0 0 auto;padding:var(--e2) var(--e3) var(--e1);display:flex;align-items:baseline;gap:var(--e2)}.tiroir__titre{font-family:var(--titre);font-weight:400;font-size:22px;line-height:var(--lh-titre);letter-spacing:-.02em;color:var(--encre)}.tiroir__compte{margin-left:var(--e1);font-size:var(--t-spec);color:var(--ombre)}.tiroir__fermer{margin-left:auto;width:44px;height:44px;margin-block:-14px;display:inline-flex;align-items:center;justify-content:center;background:none;border:0;color:var(--encre);cursor:pointer}.tiroir__fermer svg{display:block}.tiroir__forme{flex:1 1 auto;display:flex;flex-direction:column;min-height:0}.tiroir__corps{flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain;padding:0 var(--e3)}.lignes{list-style:none;margin:0;padding:0}.ligne{padding:var(--e2) 0;display:flex;gap:var(--e2);border-bottom:var(--trait) solid var(--filet-mou)}.ligne__media{flex:0 0 72px;width:72px;align-self:flex-start}.ligne__media img{display:block;width:72px;height:96px;object-fit:cover;background:var(--k10)}.ligne__texte{flex:1 1 auto;display:flex;flex-direction:column}.ligne__haut{display:flex;gap:var(--e2);align-items:baseline}.ligne__nom{font:400 var(--t-objet)/var(--lh-court) var(--titre);letter-spacing:-.01em;color:var(--encre);text-decoration:none}.ligne__nom:hover{text-decoration:underline;text-underline-offset:3px}.ligne__prix{margin-left:auto;font-size:var(--t-spec);color:var(--encre);white-space:nowrap}.ligne__variante{margin:var(--e1) 0 0;font-size:var(--t-label);color:var(--ombre)}.ligne__bas{margin-top:var(--e2);display:flex;align-items:center;gap:var(--e2)}.qte{display:inline-flex;align-items:center;border:var(--trait) solid var(--filet-mou)}.qte button{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;background:none;border:0;color:var(--encre);cursor:pointer;font:400 var(--t-spec) / 1 var(--texte);transition:background var(--duree-court) linear,color var(--duree-court) linear}.qte button:hover{background:var(--encre);color:var(--k00)}.qte button[disabled]{color:var(--filet-mou);cursor:not-allowed;background:none}.qte output{min-width:32px;text-align:center;font-size:var(--t-spec);font-variant-numeric:tabular-nums}.ligne__retirer{margin-left:auto;padding:0;background:none;border:0;border-bottom:var(--trait) solid currentColor;color:var(--ombre);cursor:pointer;font:500 var(--t-label) / 1.2 var(--texte);letter-spacing:.12em;text-transform:uppercase;transition:color var(--duree-court) linear}.ligne__retirer:hover{color:var(--encre)}.tiroir__vide{padding:var(--e4) 0}.tiroir__vide p{margin:0 0 var(--e2);font-size:var(--t-corps)}.suggestions{padding:var(--e4) 0 var(--e2)}.suggestions__titre{font-family:var(--titre);font-weight:400;font-size:22px;line-height:var(--lh-titre);letter-spacing:-.02em;color:var(--encre);margin:0 0 var(--e2)}.suggestions__piste{display:grid;grid-auto-flow:column;grid-auto-columns:148px;gap:var(--e2);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;margin-inline:calc(var(--e3) * -1);padding-inline:var(--e3)}.suggestions__piste::-webkit-scrollbar{height:0}.suggestion{scroll-snap-align:start}.suggestion img{display:block;width:100%;height:auto;aspect-ratio:2 / 3;object-fit:cover;background:var(--k10)}.suggestion__meta{margin-top:var(--e1);display:flex;align-items:flex-start;gap:var(--e2)}.suggestion__nom{font-size:var(--t-spec);color:var(--encre);text-decoration:none;display:block}.suggestion__prix{margin:0;font-size:var(--t-label);color:var(--ombre)}.suggestion__ajouter{margin:-10px -14px 0 auto;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0;background:none;border:0;color:var(--encre);cursor:pointer;transition:color var(--duree-court) linear}.suggestion__ajouter:hover{color:var(--filet)}@media(min-width:992px){.suggestions{position:absolute;top:0;bottom:0;right:100%;width:360px;background:var(--k05);padding:var(--e2) var(--e3);overflow-y:auto;overscroll-behavior:contain}.tiroir__panneau:has(.suggestions){transform:translate(calc(100% + 360px))}.tiroir[data-ouvert] .tiroir__panneau:has(.suggestions){transform:translate(0)}.suggestions__piste{grid-auto-flow:row;grid-template-columns:1fr;grid-auto-columns:1fr;gap:var(--e3);overflow:visible;margin-inline:0;padding-inline:0}}.tiroir__pied{flex:0 0 auto;background:var(--k05);padding:var(--e2) var(--e3)}.total{display:flex;align-items:baseline;gap:var(--e2)}.total__label{font:500 var(--t-label) / 1.2 var(--texte);letter-spacing:.12em;text-transform:uppercase;color:var(--ombre)}.total__prix{margin-left:auto;font:400 30px / var(--lh-titre) var(--titre);letter-spacing:-.02em;color:var(--encre);font-variant-numeric:tabular-nums}.total__mention{margin:var(--e1) 0 0;font-size:var(--t-label);color:var(--ombre)}.tiroir__pied .btn{width:100%;margin-top:var(--e2)}.garanties{margin:var(--e2) 0 0;padding:var(--e2) 0 0;border-top:var(--trait) solid var(--filet-mou);list-style:none;display:flex;justify-content:space-between;gap:var(--e2)}.garanties li{display:flex;align-items:center;gap:var(--e1);font-size:var(--t-label);color:var(--ombre);white-space:nowrap}.garanties svg{flex:0 0 auto;color:var(--encre)}.paiement{margin:var(--e2) 0 0;display:flex;align-items:center;justify-content:space-between;color:var(--filet)}.paiement svg{display:block;flex:0 0 auto}.note__declencheur{margin:var(--e2) auto 0;display:block;padding:0;background:none;border:0;border-bottom:var(--trait) solid currentColor;color:var(--ombre);cursor:pointer;font:500 var(--t-label) / 1.2 var(--texte);letter-spacing:.12em;text-transform:uppercase;transition:color var(--duree-court) linear}.note__declencheur:hover{color:var(--encre)}.note__declencheur:before{content:"+ "}.tiroir .note{position:absolute;left:0;right:0;bottom:0;z-index:5;background:var(--k05);box-shadow:0 -1px #2f241b14;padding:var(--e3);transform:translateY(100%);transition:transform var(--mouvement-vif) var(--mouvement-sortie)}.tiroir .note[data-ouvert]{transform:translateY(0)}.tiroir__panneau:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;background:#1c141038;opacity:0;pointer-events:none;transition:opacity var(--mouvement-vif) var(--mouvement-sortie)}.tiroir__panneau:has(.note[data-ouvert]):after{opacity:1;pointer-events:auto}.note__entete{display:flex;align-items:baseline;gap:var(--e2)}.note__titre{font-family:var(--titre);font-weight:400;font-size:22px;line-height:var(--lh-titre);letter-spacing:-.02em;color:var(--encre)}.note__annuler{margin-left:auto;padding:0;background:none;border:0;border-bottom:var(--trait) solid currentColor;color:var(--ombre);cursor:pointer;font:500 var(--t-label) / 1.2 var(--texte);letter-spacing:.12em;text-transform:uppercase}.note__label{display:block;margin:var(--e3) 0 var(--e1);color:var(--ombre)}.note__champ{width:100%;padding:var(--e2);background:var(--k00);border:var(--trait) solid rgb(47 36 27 / .16);font:400 var(--t-corps) / var(--lh-corps) var(--texte);color:var(--encre);resize:none;transition:border-color var(--duree-court) linear}.note__champ:focus{outline:none;border-color:var(--encre)}.tiroir .note .btn{width:100%;margin-top:var(--e3)}@media(max-width:767px){.tiroir__pied,.note{padding:var(--e2)}.garanties{flex-wrap:wrap;justify-content:flex-start;gap:var(--e1) var(--e2)}}@media(prefers-reduced-motion:reduce){.tiroir__panneau{transition:none}.tiroir[data-ouvert] .tiroir__panneau{transform:translate(0)}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/kilim-tiroir.css.map */