.ol-b2b-faq{position:relative;width:100%;padding-block:88px;padding-inline:64px;background-color:var(--ol-color-configurateur-bg);overflow:hidden}.ol-b2b-faq__decor{position:absolute;z-index:0;pointer-events:none;opacity:.7;height:auto}.ol-b2b-faq__decor--olive-left{top:5%;left:3%;width:32%;max-width:460px;transform:scaleX(-1)}.ol-b2b-faq__decor--olive-right{top:5%;right:3%;width:32%;max-width:460px}.ol-b2b-faq__sticker{position:absolute;z-index:0;top:50%;right:60px;width:140px;height:auto;transform:translateY(-50%) rotate(-12deg);box-shadow:5px 8px 16px #00000029;pointer-events:none}.ol-b2b-faq__header{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:var(--ol-space-6);margin-bottom:72px;text-align:center;color:var(--ol-color-white)}.ol-b2b-faq__eyebrow{margin:0;font-family:var(--ol-font-family-body);font-size:var(--ol-font-size-body);font-weight:400;line-height:1.2;letter-spacing:var(--ol-letter-spacing-uppercase);text-transform:uppercase;color:inherit}.ol-b2b-faq__title{margin:0;font-family:var(--ol-font-family-display);font-size:var(--ol-font-size-h2);font-weight:500;font-style:italic;line-height:var(--ol-line-height-display);letter-spacing:var(--ol-letter-spacing-display-tight);color:inherit}.ol-b2b-faq__list{position:relative;z-index:1;display:flex;flex-direction:column;gap:var(--ol-space-3);width:100%;max-width:700px;margin:0 auto;padding:0;list-style:none}.ol-b2b-faq__item{list-style:none}.ol-b2b-faq__details{background-color:#ffffff1a;border-radius:var(--ol-radius-lg);padding:var(--ol-space-4);transition:background-color var(--ol-transition-slow)}.ol-b2b-faq__details[open]{background-color:var(--ol-color-white)}.ol-b2b-faq__summary{display:flex;align-items:center;justify-content:space-between;gap:var(--ol-space-4);width:100%;cursor:pointer;list-style:none}.ol-b2b-faq__summary::-webkit-details-marker{display:none}.ol-b2b-faq__summary::marker{display:none}.ol-b2b-faq__question{flex:1 0 0;font-family:var(--ol-font-family-body);font-size:24px;font-weight:500;line-height:32px;letter-spacing:-.72px;text-align:center;color:var(--ol-color-white);transition:color var(--ol-transition-slow)}.ol-b2b-faq__details[open] .ol-b2b-faq__question{color:var(--ol-color-ink-800)}.ol-b2b-faq__toggle{position:relative;flex-shrink:0;width:32px;height:32px;background-color:var(--ol-color-white);border-radius:var(--ol-radius-lg);transition:background-color var(--ol-transition-slow)}.ol-b2b-faq__details[open] .ol-b2b-faq__toggle{background-color:var(--ol-color-green-500)}.ol-b2b-faq__toggle:before,.ol-b2b-faq__toggle:after{content:"";position:absolute;top:50%;left:50%;width:12px;height:2px;background-color:var(--ol-color-ink-800);transform:translate(-50%,-50%);transition:background-color var(--ol-transition-slow),opacity var(--ol-transition-slow),transform var(--ol-transition-slow)}.ol-b2b-faq__toggle:after{transform:translate(-50%,-50%) rotate(90deg)}.ol-b2b-faq__details[open] .ol-b2b-faq__toggle:before{background-color:var(--ol-color-white)}.ol-b2b-faq__details[open] .ol-b2b-faq__toggle:after{transform:translate(-50%,-50%) rotate(0);opacity:0}.ol-b2b-faq__answer{margin-top:var(--ol-space-4);font-family:var(--ol-font-family-body);font-size:var(--ol-font-size-body);font-weight:400;line-height:1.5;color:var(--ol-color-ink-800);text-align:center}@supports (interpolate-size: allow-keywords){.ol-b2b-faq__details{interpolate-size:allow-keywords}.ol-b2b-faq__details::details-content{block-size:0;opacity:0;overflow:clip;transition:content-visibility .5s allow-discrete,opacity .5s ease-out,block-size .5s ease-out}.ol-b2b-faq__details[open]::details-content{block-size:auto;opacity:1}}.ol-b2b-faq__details[open] .ol-b2b-faq__answer{animation:ol-faq-fade-in .6s ease-out both;will-change:opacity,transform}@keyframes ol-faq-fade-in{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.ol-b2b-faq__details,.ol-b2b-faq__question,.ol-b2b-faq__toggle,.ol-b2b-faq__toggle:before,.ol-b2b-faq__toggle:after{transition:none}.ol-b2b-faq__details[open] .ol-b2b-faq__answer{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/ol-b2b-faq.css.map */