.custom-faq{--custom-faq-color-text: var(--color-foreground, currentColor);--custom-faq-color-heading: var(--color-foreground-heading, var(--custom-faq-color-text));--custom-faq-color-background: var(--color-background, transparent);--custom-faq-color-primary: var(--color-primary, var(--custom-faq-color-text));--custom-faq-color-border: var(--color-border, color-mix(in srgb, currentColor 16%, transparent));--custom-faq-color-shadow: var(--color-shadow, currentColor);--custom-faq-input-background: var( --color-input-background, var(--color-input_background, var(--custom-faq-color-background)) );--custom-faq-input-text: var( --color-input-text-color, var(--color-input-text, var(--custom-faq-color-text)) );--custom-faq-input-border: var( --color-input-border-color, var(--color-input-border, var(--custom-faq-color-border)) );--custom-faq-input-hover-background: var( --color-input-hover-background, var(--color-input_hover_background, var(--custom-faq-input-background)) );--custom-faq-variant-background: var( --color-variant-background-color, var(--color-variant-background, var(--custom-faq-color-background)) );--custom-faq-variant-text: var( --color-variant-text-color, var(--color-variant-text, var(--custom-faq-color-text)) );--custom-faq-variant-border: var( --color-variant-border-color, var(--color-variant-border, var(--custom-faq-color-border)) );--custom-faq-variant-hover-background: var( --color-variant-hover-background-color, var(--color-variant-hover-background, var(--custom-faq-variant-background)) );--custom-faq-variant-hover-text: var( --color-variant-hover-text-color, var(--color-variant-hover-text, var(--custom-faq-variant-text)) );--custom-faq-variant-hover-border: var( --color-variant-hover-border-color, var(--color-variant-hover-border, var(--custom-faq-variant-border)) );--custom-faq-focus: color-mix(in srgb, var(--custom-faq-color-primary) 18%, transparent);--custom-faq-shadow: 0 4px 12px color-mix(in srgb, var(--custom-faq-color-shadow) 8%, transparent);--custom-faq-shadow-hover: 0 4px 12px color-mix(in srgb, var(--custom-faq-color-shadow) 12%, transparent);--custom-faq-transition: .26s cubic-bezier(.22, 1, .36, 1);width:100%;background:transparent;color:var(--custom-faq-color-text);font-size:var(--custom-faq-body-size);line-height:var(--custom-faq-body-line-height)}.custom-faq *,.custom-faq *:before,.custom-faq *:after{box-sizing:border-box}.custom-faq [hidden]{display:none!important}.custom-faq__inner{width:min(100%,var(--custom-faq-max-width));margin-inline:auto}.custom-faq__header{width:min(100%,var(--custom-faq-content-width));margin:0 auto 44px;text-align:center}.custom-faq__search-wrap{position:relative;margin:0 auto}.custom-faq__search-icon{position:absolute;left:22px;top:50%;width:22px;height:22px;transform:translateY(-50%);color:color-mix(in srgb,var(--custom-faq-input-text) 55%,transparent);pointer-events:none}.custom-faq__search{width:100%;min-height:64px;padding:0 92px 0 58px;border:var(--custom-faq-input-border-width) solid var(--custom-faq-input-border);border-radius:var(--custom-faq-input-radius);background:var(--custom-faq-input-background);color:var(--custom-faq-input-text);font:inherit;font-size:max(16px,calc(var(--custom-faq-body-size) + 2px));line-height:1.2;box-shadow:none;-webkit-appearance:none;appearance:none;transition:border-color var(--custom-faq-transition),box-shadow var(--custom-faq-transition),transform var(--custom-faq-transition),background-color var(--custom-faq-transition)}.custom-faq__search::placeholder{color:color-mix(in srgb,var(--custom-faq-input-text) 50%,transparent);opacity:1}.custom-faq__search:hover{background:var(--custom-faq-input-hover-background)}.custom-faq__search:focus{outline:none;border-color:var(--custom-faq-color-primary);box-shadow:0 0 0 4px var(--custom-faq-focus);transform:translateY(-1px)}.custom-faq__clear{position:absolute;right:14px;top:50%;display:grid;width:38px;height:38px;place-items:center;padding:0;border:0;border-radius:999px;background:transparent;color:color-mix(in srgb,var(--custom-faq-input-text) 55%,transparent);cursor:pointer;opacity:0;transform:translateY(-50%) scale(.92);pointer-events:none;transition:opacity var(--custom-faq-transition),transform var(--custom-faq-transition),background-color var(--custom-faq-transition),color var(--custom-faq-transition)}.custom-faq__clear.is-visible{opacity:1;transform:translateY(-50%) scale(1);pointer-events:auto}.custom-faq__clear:hover{background:color-mix(in srgb,var(--custom-faq-input-text) 8%,transparent);color:var(--custom-faq-input-text)}.custom-faq__filters{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:26px}.custom-faq__filter{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 26px;border:var(--custom-faq-pill-border-width) solid var(--color-secondary-button-border, var(--custom-faq-color-border));border-radius:var(--custom-faq-pill-radius);background:var(--color-secondary-button-background, transparent);color:var(--color-secondary-button-text, var(--custom-faq-color-text));font:inherit;font-size:var(--custom-faq-body-size);font-weight:600;line-height:1;text-transform:var(--custom-faq-pill-text-transform);white-space:nowrap;cursor:pointer;box-shadow:var(--custom-faq-shadow);transition:background-color var(--custom-faq-transition),border-color var(--custom-faq-transition),color var(--custom-faq-transition),box-shadow var(--custom-faq-transition),transform var(--custom-faq-transition)}.custom-faq__filter:hover{transform:translateY(-1px);background:var(--color-secondary-button-hover-background, var(--color-secondary-button-background, transparent));color:var(--color-secondary-button-hover-text, var(--color-secondary-button-text, var(--custom-faq-color-text)));border-color:var(--color-secondary-button-hover-border, var(--custom-faq-color-border));box-shadow:var(--custom-faq-shadow-hover)}.custom-faq__filter.is-active{border-color:var(--color-primary-button-border, var(--custom-faq-color-primary));background:var(--color-primary-button-background, var(--custom-faq-color-primary));color:var(--color-primary-button-text, var(--custom-faq-color-background));box-shadow:var(--custom-faq-shadow)}.custom-faq__filter-count{display:none;min-width:22px;height:22px;padding:0 7px;border-radius:999px;align-items:center;justify-content:center;background:color-mix(in srgb,currentColor 12%,transparent);color:inherit;font-size:12px;line-height:22px}.custom-faq[data-show-counts=true] .custom-faq__filter-count{display:inline-flex}.custom-faq__toolbar{width:min(100%,var(--custom-faq-content-width));margin:-18px auto 26px;display:flex;align-items:center;justify-content:space-between;gap:16px}.custom-faq__result-count{margin:0;color:color-mix(in srgb,var(--custom-faq-color-text) 62%,transparent);font-size:calc(var(--custom-faq-body-size) - 1px);line-height:var(--custom-faq-body-line-height)}.custom-faq__toggle-all{padding:0;border:0;background:transparent;color:var(--custom-faq-color-primary);font:inherit;font-size:calc(var(--custom-faq-body-size) - 1px);font-weight:600;cursor:pointer}.custom-faq__sections{width:min(100%,var(--custom-faq-content-width));margin:0 auto;display:grid;gap:44px}.custom-faq__section{transition:opacity var(--custom-faq-transition),transform var(--custom-faq-transition),max-height .34s ease,margin .34s ease}.custom-faq__section-title{margin:0 0 16px;color:var(--custom-faq-color-heading);font-size:var(--custom-faq-section-title-size);line-height:var(--custom-faq-section-title-line-height);letter-spacing:var(--custom-faq-section-title-letter-spacing);text-transform:var(--custom-faq-section-title-transform);font-weight:600;text-align:left;display:flex;align-items:center;gap:10px}.custom-faq__section-icon{width:22px;height:22px;flex:0 0 auto;color:currentColor}.custom-faq__items{display:grid;gap:12px}.custom-faq__item{max-height:900px;border:var(--custom-faq-input-border-width) solid var(--custom-faq-variant-border);border-radius:var(--custom-faq-input-radius);background:var(--custom-faq-variant-background);color:var(--custom-faq-variant-text);overflow:hidden;opacity:1;transform:translateY(0);transition:opacity var(--custom-faq-transition),transform var(--custom-faq-transition),max-height .34s ease,background-color var(--custom-faq-transition),border-color var(--custom-faq-transition),color var(--custom-faq-transition),box-shadow var(--custom-faq-transition),margin .34s ease}.custom-faq__item:hover,.custom-faq__item.is-open{border-color:var(--custom-faq-variant-hover-border);background:var(--custom-faq-variant-hover-background);color:var(--custom-faq-variant-hover-text)}.custom-faq__item.is-open{box-shadow:0 12px 30px color-mix(in srgb,var(--custom-faq-color-shadow) 5%,transparent)}.custom-faq__item-button{width:100%;min-height:68px;padding:20px 24px;border:0;background:transparent;color:inherit;display:flex;align-items:center;justify-content:space-between;gap:22px;text-align:left;cursor:pointer;font:inherit}.custom-faq__question{font-size:var(--custom-faq-question-size);line-height:var(--custom-faq-question-line-height);letter-spacing:var(--custom-faq-question-letter-spacing);text-transform:var(--custom-faq-question-transform);font-weight:600}.custom-faq__chevron{flex:0 0 auto;width:22px;height:22px;color:color-mix(in srgb,currentColor 60%,transparent);transition:transform var(--custom-faq-transition),color var(--custom-faq-transition)}.custom-faq__item.is-open .custom-faq__chevron{transform:rotate(180deg);color:currentColor}.custom-faq__panel{height:0;overflow:hidden;transition:height .32s cubic-bezier(.22,1,.36,1)}.custom-faq__answer{padding:0 24px 24px;color:color-mix(in srgb,currentColor 72%,transparent);font-size:var(--custom-faq-body-size);line-height:var(--custom-faq-body-line-height)}.custom-faq__answer>*:first-child{margin-top:0}.custom-faq__answer>*:last-child{margin-bottom:0}.custom-faq__answer a{color:currentColor;text-decoration:underline;text-underline-offset:.18em}.custom-faq__empty,.custom-faq__warning{width:min(100%,var(--custom-faq-content-width));margin:0 auto;padding:28px 24px;border:var(--custom-faq-input-border-width) solid var(--custom-faq-color-border);border-radius:var(--custom-faq-input-radius);background:var(--custom-faq-color-background);color:color-mix(in srgb,var(--custom-faq-color-text) 72%,transparent);text-align:center}.custom-faq__warning{border-color:#f1c232;background:#fff8df;color:#5f4300;text-align:left}.custom-faq__empty-title{margin:0 0 8px;color:var(--custom-faq-color-heading);font-size:var(--custom-faq-question-size);line-height:var(--custom-faq-question-line-height);font-weight:600}.custom-faq__filter:focus-visible,.custom-faq__item-button:focus-visible,.custom-faq__clear:focus-visible,.custom-faq__toggle-all:focus-visible,.custom-faq__search:focus-visible{outline:3px solid var(--custom-faq-focus);outline-offset:3px}@media screen and (max-width:749px){.custom-faq__header{margin-bottom:36px}.custom-faq__search{min-height:58px;padding-left:50px;padding-right:84px;font-size:max(16px,var(--custom-faq-body-size))}.custom-faq__search-icon{left:18px;width:20px;height:20px}.custom-faq__filters{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;padding:2px 4px 10px;margin-left:-4px;margin-right:-4px;scrollbar-width:none}.custom-faq__filters::-webkit-scrollbar{display:none}.custom-faq__filter{flex:0 0 auto;min-height:46px;padding:0 20px}.custom-faq__toolbar{align-items:flex-start;margin-top:-10px}.custom-faq__section-title{margin-bottom:12px}.custom-faq__item-button{min-height:62px;padding:18px}.custom-faq__answer{padding-left:18px;padding-right:18px;padding-bottom:20px}}@media(prefers-reduced-motion:reduce){.custom-faq *,.custom-faq *:before,.custom-faq *:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}.custom-faq__search-wrap:after{content:"";position:absolute;right:58px;top:50%;width:16px;height:16px;border:2px solid color-mix(in srgb,var(--custom-faq-input-text) 18%,transparent);border-top-color:color-mix(in srgb,var(--custom-faq-input-text) 70%,transparent);border-radius:50%;opacity:0;transform:translateY(-50%);pointer-events:none;transition:opacity var(--custom-faq-transition)}.custom-faq.is-searching .custom-faq__search-wrap:after{opacity:1;animation:custom-faq-search-spin .7s linear infinite}@keyframes custom-faq-search-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}
/*# sourceMappingURL=/cdn/shop/t/53/assets/custom-faq.css.map */