.calculateur-panneaux{--cp-fg: var(--color-foreground);--cp-bg: var(--color-background);--cp-accent: var(--color-button, var(--color-foreground));--cp-accent-text: var(--color-button-text, var(--color-background));--cp-radius: 1.2rem;container-type:inline-size;display:block;width:100%;border:1px solid rgba(var(--cp-fg),.14);border-radius:var(--cp-radius);background:rgb(var(--cp-bg));color:rgb(var(--cp-fg));text-align:left;transition:border-color .2s ease,box-shadow .2s ease}.calculateur-panneaux[open]{border-color:rgba(var(--cp-accent),.45);box-shadow:0 .4rem 1.6rem rgba(var(--cp-fg),.05)}.calculateur-panneaux p{margin:0}.calculateur-panneaux__summary{display:flex;align-items:center;gap:1.2rem;padding:1.2rem 1.4rem;cursor:pointer;list-style:none;border-radius:var(--cp-radius);-webkit-tap-highlight-color:transparent}.calculateur-panneaux__summary::-webkit-details-marker,.calculateur-panneaux__summary::marker{display:none;content:""}.calculateur-panneaux__summary:focus-visible{outline:2px solid rgb(var(--cp-fg));outline-offset:2px}.calculateur-panneaux__icon{flex:none;display:grid;place-items:center;width:3.6rem;height:3.6rem;border-radius:50%;background:rgb(var(--cp-accent));color:rgb(var(--cp-accent-text))}.calculateur-panneaux__summary-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:.2rem}.calculateur-panneaux__titre{font-size:1.6rem;font-weight:600;line-height:1.3}.calculateur-panneaux__subtitle{font-size:1.3rem;line-height:1.3;color:rgba(var(--cp-fg),.6)}.calculateur-panneaux.has-result .calculateur-panneaux__subtitle{color:rgb(var(--cp-accent));font-weight:600}.calculateur-panneaux__chevron{flex:none;color:rgba(var(--cp-fg),.55);transition:transform .25s ease}.calculateur-panneaux[open] .calculateur-panneaux__chevron{transform:rotate(180deg)}.calculateur-panneaux__body{display:grid;gap:1.2rem;padding:.2rem 1.4rem 1.4rem;animation:cp-reveal .25s ease}@keyframes cp-reveal{0%{opacity:0;transform:translateY(-.4rem)}to{opacity:1;transform:none}}.calculateur-panneaux__fields{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:.6rem}.calculateur-panneaux__times{padding-top:1.6rem;font-size:1.5rem;line-height:1;color:rgba(var(--cp-fg),.4)}.calculateur-panneaux__field{display:flex;flex-direction:column;gap:.2rem;padding:.8rem 1.2rem .9rem;border:1px solid rgba(var(--cp-fg),.18);border-radius:.8rem;background:rgba(var(--cp-fg),.025);cursor:text;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.calculateur-panneaux__field:hover{border-color:rgba(var(--cp-fg),.35)}.calculateur-panneaux__field:focus-within{border-color:rgb(var(--cp-accent));box-shadow:0 0 0 1px rgb(var(--cp-accent));background:rgb(var(--cp-bg))}.calculateur-panneaux__label{font-size:1.2rem;letter-spacing:.02em;color:rgba(var(--cp-fg),.6)}.calculateur-panneaux__control{display:flex;align-items:baseline;gap:.4rem}.calculateur-panneaux__input{flex:1;min-width:0;width:100%;margin:0;padding:0;border:0;background:transparent;color:rgb(var(--cp-fg));font-family:inherit;font-size:2.2rem;font-weight:600;line-height:1.2;font-variant-numeric:tabular-nums;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.calculateur-panneaux__input::-webkit-outer-spin-button,.calculateur-panneaux__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.calculateur-panneaux__input::placeholder{color:rgba(var(--cp-fg),.2)}.calculateur-panneaux__input:focus,.calculateur-panneaux__input:focus-visible{outline:none;box-shadow:none}.calculateur-panneaux__unit{font-size:1.3rem;color:rgba(var(--cp-fg),.5)}.calculateur-panneaux__option{display:flex;align-items:center;gap:1rem;cursor:pointer;-webkit-tap-highlight-color:transparent}.calculateur-panneaux__checkbox{flex:none;width:2rem;height:2rem;margin:0;accent-color:rgb(var(--cp-accent));cursor:pointer}.calculateur-panneaux__option-text{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:.6rem;font-size:1.4rem;line-height:1.35}.calculateur-panneaux__option-hint{font-size:1.2rem;color:rgba(var(--cp-fg),.55)}.calculateur-panneaux__result{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:.8rem;padding:.8rem;border-radius:1rem;background:rgba(var(--cp-accent),.1);animation:cp-reveal .25s ease}.calculateur-panneaux__result[hidden],.calculateur-panneaux__preview[hidden]{display:none}.calculateur-panneaux__result:has(.calculateur-panneaux__preview[hidden]){grid-template-columns:1fr}@container (max-width: 24rem){.calculateur-panneaux__result{grid-template-columns:1fr}}.calculateur-panneaux__preview{display:flex;align-items:center;justify-content:center;min-height:11.2rem;padding:1.4rem;border-radius:.7rem;background:rgb(var(--cp-bg))}.calculateur-panneaux__wall{display:grid;gap:1.5px;padding:1.5px;border-radius:2px;background:rgb(var(--cp-accent));box-shadow:0 .6rem 1.2rem -.6rem rgba(var(--cp-accent),.7)}.calculateur-panneaux__panel{display:block;border-radius:1px;background:rgb(var(--cp-bg));box-shadow:inset 0 0 0 100vmax rgba(var(--cp-accent),.18)}.calculateur-panneaux__panel--cut{box-shadow:inset 0 0 0 100vmax rgba(var(--cp-accent),.05);background-image:repeating-linear-gradient(135deg,rgba(var(--cp-accent),.45) 0 1px,transparent 1px 4px)}.calculateur-panneaux .calculateur-panneaux__figures{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.2rem;margin:0;padding:1rem .6rem;text-align:center}.calculateur-panneaux__result-label{font-size:1.2rem;letter-spacing:.06em;text-transform:uppercase;color:rgba(var(--cp-fg),.6)}.calculateur-panneaux__count{display:flex;flex-direction:column;align-items:center;line-height:1}.calculateur-panneaux__number{font-size:4.8rem;font-weight:700;letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:rgb(var(--cp-accent))}.calculateur-panneaux__count-unit{margin-top:.2rem;font-size:1.5rem;font-weight:500;color:rgb(var(--cp-fg))}.calculateur-panneaux--section{max-width:72rem;margin-inline:auto}.calculateur-panneaux--section .calculateur-panneaux__titre{font-weight:var(--font-heading-weight, 600);font-family:var(--font-heading-family)}.calculateur-panneaux--section .calculateur-panneaux__number{font-size:6rem}.calculateur-panneaux__notice{padding:1rem 1.2rem;border:1px dashed rgba(var(--color-foreground),.4);border-radius:.6rem;font-size:1.3rem;color:rgba(var(--color-foreground),.7)}@media(prefers-reduced-motion:reduce){.calculateur-panneaux,.calculateur-panneaux__chevron,.calculateur-panneaux__field{transition:none}.calculateur-panneaux__body,.calculateur-panneaux__result{animation:none}}.calculateur-panneaux__cart{grid-column:1 / -1;display:grid;gap:.8rem}.calculateur-panneaux__cart[hidden],.calculateur-panneaux__saving[hidden],.calculateur-panneaux__error[hidden]{display:none}.calculateur-panneaux .calculateur-panneaux__lots{font-size:1.5rem;line-height:1.4;text-align:center}.calculateur-panneaux__lots strong{font-weight:700}.calculateur-panneaux .calculateur-panneaux__saving{justify-self:center;padding:.3rem 1rem;border-radius:99rem;background:rgba(var(--cp-accent),.12);color:rgb(var(--cp-accent));font-size:1.3rem;font-weight:600;text-align:center}.calculateur-panneaux__add{width:100%;min-height:4.8rem;margin-top:.2rem}.calculateur-panneaux__add[aria-busy=true]{opacity:.6;pointer-events:none}.calculateur-panneaux .calculateur-panneaux__error{font-size:1.3rem;line-height:1.35;text-align:center;color:#b3261e}
/*# sourceMappingURL=/cdn/shop/t/3/assets/calculateur-panneaux.css.map */