.sb-faq{--sb-faq-radius: 10px;scroll-margin-top:calc(var(--sticky-area-height, 0px) + var(--spacing-4));padding-block:var(--spacing-16)}.sb-faq__container{display:flex;flex-direction:column;gap:var(--spacing-10)}.sb-faq__layout{display:grid;grid-template-columns:1fr;gap:var(--spacing-6)}.sb-faq__nav{display:flex;flex-direction:column;gap:var(--spacing-3);min-width:0}.sb-faq__nav-label{margin:0;font-weight:600}.sb-faq__tabs{display:flex;gap:var(--spacing-2);overflow-x:auto;scrollbar-width:none;padding-block-end:var(--spacing-1)}.sb-faq__tabs::-webkit-scrollbar{display:none}.sb-faq__tab{flex:none;-webkit-appearance:none;appearance:none;padding:var(--spacing-2-5) var(--spacing-4);border:1px solid rgb(var(--border-color));border-radius:var(--sb-faq-radius);background:rgb(var(--background-primary));color:rgb(var(--text-primary));font:inherit;text-align:start;white-space:nowrap;cursor:pointer}.sb-faq__tab[aria-selected=true]{background:var(--sb-brand-subtle);border-color:var(--sb-brand-border);color:rgb(var(--text-primary));font-weight:600}.sb-faq__tab:focus-visible{outline:2px solid rgb(var(--accent));outline-offset:2px}.sb-faq__panels{min-width:0}.sb-faq__panel{display:flex;flex-direction:column;gap:var(--spacing-4)}.sb-faq:not(.is-enhanced) .sb-faq__panel+.sb-faq__panel{margin-top:var(--spacing-10)}.sb-faq__panel[hidden]{display:none}.sb-faq__panel-title{margin:0}.sb-faq.is-enhanced .sb-faq__panel-title{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.sb-faq__item{border:1px solid rgb(var(--border-color));border-radius:var(--sb-faq-radius);background:rgb(var(--background-primary))}.sb-faq__question{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-4);padding:var(--spacing-5) var(--spacing-6);font-weight:600;list-style:none;cursor:pointer}.sb-faq__question::-webkit-details-marker{display:none}.sb-faq__question:focus-visible{outline:2px solid rgb(var(--accent));outline-offset:2px;border-radius:var(--sb-faq-radius)}.sb-faq__chevron{flex:none;transition:transform .2s ease}.sb-faq__item[open] .sb-faq__chevron{transform:rotate(180deg)}.sb-faq__answer{padding:0 var(--spacing-6) var(--spacing-5);max-width:70ch}@media screen and (min-width:1000px){.sb-faq__layout{grid-template-columns:minmax(200px,1fr) 3fr;gap:var(--spacing-12);align-items:start}.sb-faq__layout--single{grid-template-columns:1fr}.sb-faq__container--single>*{box-sizing:border-box;width:100%;max-width:var(--container-narrow-max-width);margin-inline:auto}.sb-faq__nav{position:sticky;top:calc(var(--sticky-area-height, 0px) + var(--spacing-6))}.sb-faq__tabs{flex-direction:column;overflow:visible}.sb-faq__tab{white-space:normal;border-color:transparent;background:transparent}.sb-faq__tab[aria-selected=true]{border-color:transparent;background:var(--sb-brand-subtle)}}@media(prefers-reduced-motion:reduce){.sb-faq__chevron{transition:none}}.sb-faq__aside{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-6);min-width:0}.sb-faq__link{display:inline-flex;align-items:center;min-block-size:var(--spacing-11);color:var(--sb-brand-text);font-size:var(--sb-type-article);font-weight:var(--sb-weight-emphasis);line-height:1.4;letter-spacing:0}.sb-faq__link:focus-visible{outline:2px solid currentColor;outline-offset:var(--spacing-1);border-radius:var(--rounded-xs)}.sb-faq--refined .sb-faq__panel{gap:0}.sb-faq--refined .sb-faq__item{border:0;border-block-end:1px solid rgb(var(--border-color));border-radius:0;background:none}.sb-faq--refined .sb-faq__item:first-of-type{border-block-start:1px solid rgb(var(--border-color))}.sb-faq--refined .sb-faq__question{gap:var(--spacing-6);padding:var(--spacing-6) 0;color:var(--sb-text);font-size:var(--sb-type-card);font-weight:var(--sb-weight-emphasis);line-height:1.35;letter-spacing:0}.sb-faq--refined .sb-faq__item[open] .sb-faq__question{padding-block-end:var(--spacing-3)}.sb-faq--refined .sb-faq__question:focus-visible{outline:2px solid var(--sb-brand-text);outline-offset:var(--spacing-1);border-radius:var(--rounded-xs)}.sb-faq__toggle{flex:none;display:grid;place-items:center;box-sizing:border-box;inline-size:var(--spacing-8);block-size:var(--spacing-8);border:2px solid var(--sb-white);border-radius:var(--rounded-full);background:var(--sb-band-navy);box-shadow:var(--shadow-sm);color:var(--sb-white)}.sb-faq__toggle-icon{width:var(--spacing-3);height:var(--spacing-3)}.sb-faq__item[open] .sb-faq__toggle{transform:rotate(45deg)}@media(hover:hover){.sb-faq--refined .sb-faq__question:hover .sb-faq__toggle{background:var(--sb-brand-on-white)}}.sb-faq--refined .sb-faq__answer{max-width:60ch;padding:0 0 var(--spacing-6);color:var(--sb-text-secondary)}.sb-faq--refined .sb-faq__answer :is(strong,b){color:var(--sb-text)}@media(prefers-reduced-motion:no-preference){.sb-faq__toggle{transition:transform .3s cubic-bezier(.2,.7,.2,1),background-color .2s ease}.sb-faq--refined .sb-faq__item[open] .sb-faq__answer{animation:sb-faq-answer-in .3s cubic-bezier(.2,.7,.2,1) both}}@keyframes sb-faq-answer-in{0%{opacity:0;transform:translateY(var(--spacing-1))}}@media screen and (min-width:1000px){.sb-faq--refined{padding-block:var(--spacing-20)}.sb-faq--refined .sb-faq__container{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:var(--spacing-16);align-items:start}.sb-faq--refined .sb-faq__aside{position:sticky;top:calc(var(--sticky-area-height, 0px) + var(--spacing-6))}.sb-faq--refined .sb-faq__question{padding-block:var(--spacing-8)}.sb-faq--refined .sb-faq__item[open] .sb-faq__question{padding-block-end:var(--spacing-4)}.sb-faq--refined .sb-faq__answer{padding-block-end:var(--spacing-8)}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/sb-faq.css.map */
