.roche-faq{--faq-gold: 176, 134, 62;--faq-gold-light: 239, 206, 129;--faq-rule: rgba(var(--text-color), .14);--faq-ease: cubic-bezier(.22, .61, .36, 1)}.roche-faq__header{max-width:760px;margin:0 auto 48px;text-align:center}.roche-faq__eyebrow{display:inline-block;margin:0 0 14px;font-size:11px;line-height:1;letter-spacing:.28em;text-transform:uppercase;color:rgb(var(--faq-gold))}.roche-faq__eyebrow:after{content:"";display:block;width:34px;height:1px;margin:14px auto 0;background:linear-gradient(90deg,rgba(var(--faq-gold),0),rgb(var(--faq-gold-light)),rgba(var(--faq-gold),0))}.roche-faq__title{margin:0;color:rgb(var(--heading-color))}.roche-faq__description{margin:14px auto 0;max-width:620px;opacity:.82}.roche-faq__search{position:relative;max-width:520px;margin:0 auto 40px}.roche-faq__search-input{width:100%;padding:16px 46px 16px 20px;font-family:var(--text-font-family);font-size:var(--text-large);color:rgb(var(--text-color));background:rgba(var(--foreground-color),.4);border:1px solid var(--faq-rule);border-radius:0;outline:none;transition:border-color .3s var(--faq-ease),background .3s var(--faq-ease)}.roche-faq__search-input::placeholder{color:rgba(var(--text-color),.5)}.roche-faq__search-input:focus{border-color:rgb(var(--faq-gold));background:rgba(var(--foreground-color),.7)}.roche-faq__search-icon{position:absolute;top:50%;right:18px;width:18px;height:18px;transform:translateY(-50%);pointer-events:none;color:rgba(var(--text-color),.5)}.roche-faq__no-results{display:none;margin:0;padding:28px 0;text-align:center;opacity:.7}.roche-faq.is-empty .roche-faq__no-results{display:block}.roche-faq__nav{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:0 auto 48px;padding:0;list-style:none;max-width:900px}.roche-faq__nav-link{display:inline-block;padding:9px 18px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;color:rgb(var(--text-color));border:1px solid var(--faq-rule);transition:color .3s var(--faq-ease),border-color .3s var(--faq-ease)}.roche-faq__nav-link:hover,.roche-faq__nav-link:focus-visible{color:rgb(var(--faq-gold-light));border-color:rgb(var(--faq-gold))}.roche-faq__list{max-width:860px;margin:0 auto;border-top:1px solid var(--faq-rule)}.roche-faq__item{border-bottom:1px solid var(--faq-rule)}.roche-faq__item[hidden]{display:none}.roche-faq__question{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;width:100%;padding:24px 4px;cursor:pointer;list-style:none;transition:padding-left .35s var(--faq-ease),color .35s var(--faq-ease)}.roche-faq__question::-webkit-details-marker{display:none}.roche-faq__question:hover,.roche-faq__question:focus-visible{padding-left:10px;color:rgb(var(--faq-gold-light));outline:none}.roche-faq__item[open]>.roche-faq__question{color:rgb(var(--faq-gold-light))}.roche-faq__question-text{margin:0;font-family:var(--heading-font-family);font-size:var(--text-h6);font-weight:var(--heading-font-weight);line-height:1.4;letter-spacing:.01em;color:inherit}.roche-faq__icon{position:relative;flex:0 0 auto;width:34px;height:34px;margin-top:2px;border:1px solid var(--faq-rule);border-radius:50%;transition:border-color .4s var(--faq-ease),transform .5s var(--faq-ease)}.roche-faq__question:hover .roche-faq__icon,.roche-faq__item[open] .roche-faq__icon{border-color:rgb(var(--faq-gold))}.roche-faq__item[open] .roche-faq__icon{transform:rotate(180deg)}.roche-faq__icon:before,.roche-faq__icon:after{content:"";position:absolute;top:50%;left:50%;width:12px;height:1px;background:currentColor;transform:translate(-50%,-50%);transition:transform .4s var(--faq-ease),opacity .3s var(--faq-ease)}.roche-faq__icon:after{transform:translate(-50%,-50%) rotate(90deg)}.roche-faq__item[open] .roche-faq__icon:after{opacity:0;transform:translate(-50%,-50%) rotate(0)}.roche-faq__answer{overflow:hidden}.roche-faq__answer-inner{padding:0 58px 30px 4px;max-width:68ch;opacity:.88}.roche-faq__answer-inner>*:first-child{margin-top:0}.roche-faq__answer-inner>*:last-child{margin-bottom:0}.roche-faq__answer-inner p{margin:0 0 14px;line-height:1.75}.roche-faq__answer-inner ul,.roche-faq__answer-inner ol{margin:0 0 14px;padding-left:20px}.roche-faq__answer-inner li{margin-bottom:8px;line-height:1.7}.roche-faq__answer-inner a{color:rgb(var(--faq-gold-light));text-underline-offset:3px}.roche-faq__item.is-match>.roche-faq__question{color:rgb(var(--faq-gold-light))}@media only screen and (max-width:767px){.roche-faq__header{margin-bottom:32px}.roche-faq__question{gap:16px;padding:20px 2px}.roche-faq__icon{width:28px;height:28px}.roche-faq__answer-inner{padding:0 8px 24px 2px}}@media(prefers-reduced-motion:reduce){.roche-faq *{transition-duration:.01ms!important}}.roche-faq.is-empty:not(.roche-faq--search-host){display:none}.roche-faq.is-empty .roche-faq__list{display:none}.roche-faq.is-empty:not(.roche-faq--search-host) .roche-faq__header{display:none}roche-faq{display:block}.roche-faq__header:not(:has(.roche-faq__eyebrow)) .roche-faq__title:after{content:"";display:block;width:46px;height:1px;margin:18px auto 0;background:linear-gradient(90deg,rgba(var(--faq-gold),0),rgb(var(--faq-gold-light)),rgba(var(--faq-gold),0))}
/*# sourceMappingURL=/cdn/shop/t/9/assets/roche-faq.css.map */