:root{--accent-bg__color: hsl(0, 4%, 95%);--active-nav-bg__color: hsl(0, 0%, 91%)}.breadcrumbs{display:none}#page{display:flex;gap:4rem;margin-block:30px;font-family:var(--font-body-family);min-height:300px}#faq-header{position:relative;z-index:4}#faq-header h1{word-break:normal}#faq-header .search{display:flex;position:relative;align-items:center;max-width:420px;min-width:225px;width:100%}.search-bar{width:100%;height:48px;border:none;border-radius:5px;font-size:1.4rem;padding-inline:1rem 3.5rem}.search-button{position:absolute;top:50%;transform:translateY(-50%);right:.5rem;background-color:transparent;border:none}.search-button i{font-size:2rem}.search-suggestions{opacity:0;position:absolute;top:calc(100% - .5rem);left:0;max-height:0;width:100%;overflow-y:auto;background-color:#fff;border:1px solid lightgrey;border-radius:5px;box-shadow:0 0 5px #0000001a;transition:.15s ease-in-out;z-index:-1}.search-suggestions ul{list-style:none;margin:0;padding:0}#search-suggestions li{padding-inline:.5rem;border-radius:5px}#search-suggestions li:not(:last-of-type) a{border-bottom:2px solid hsl(0,0%,85%)}#search-suggestions li:hover{background-color:var(--accent-bg__color)}#search-suggestions a{display:block;width:100%;padding:.5rem 0;font-weight:400}.search-suggestions__result{text-decoration:none;color:rgb(var(--color-foreground))!important}.search-bar:focus~.search-suggestions.open,.search-button:focus-visible~.search-suggestions.open,.search-suggestions:focus-within.open,.search-suggestions__results:focus-visible{max-height:10em;top:calc(100% + .5rem);opacity:1;z-index:1}.header-content__container{container-type:inline-size;container-name:header-content;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;min-height:150px;padding:1rem 0}.header-content__container h1{margin:0}#faq-nav{width:100%;max-width:300px;min-height:100%;padding-right:10px;border-right:2px solid #dee2e6}#faq-nav ul{list-style:none;padding-left:0}#faq-nav a{font-weight:400}#faq-nav .faq-nav-link__category{padding-block:.5rem;display:flex;justify-content:space-between;align-items:center;text-decoration:none;color:rgb(var(--color-foreground))}.faq-nav-link__category>div{display:flex;align-items:center;gap:.5rem}.faq-nav-link__category .chevron{transition:.15s}.faq-nav-link__category[aria-expanded=true] .chevron{transform:rotate(-180deg)}#faq-nav .faq-nav__subcategories{padding-left:3rem;max-height:0;overflow:hidden;transition:max-height .2s ease-out}#faq-nav__categories{margin-top:0}.faq-nav-link__category:focus-visible~#faq-nav__subcategories[style],.faq-nav-link__category~#faq-nav__subcategories:focus-within[style]{max-height:max-content!important}#faq-nav .faq-nav-link__subcategory{display:flex;justify-content:space-between;align-items:center;padding-block:.5rem;padding-inline:1rem;border-radius:5px;transition:.15s;text-decoration:none;color:rgb(var(--color-foreground))}#faq-nav .faq-nav-link__subcategory[aria-current=page]{background-color:var(--active-nav-bg__color)}#page section{display:flex;flex-direction:column;gap:2rem;width:100%}.faq-content h2{margin:0}#main-page{display:flex;flex-direction:column;gap:48px;width:100%}#main-page__header{container-type:inline-size;container-name:header}#main-page__header-content{display:flex;align-items:center;justify-content:space-around;gap:2rem;margin-top:.5rem;background-color:var(--accent-bg__color);border-radius:5px}#main-page__header-content>div{display:grid;gap:1rem;padding:16px}#main-page__header-content h2{font-weight:500;max-width:35ch}#main-page__header img{max-height:225px;max-width:300px;height:100%;width:100%}#main-page__content{display:flex;flex-direction:column;gap:2rem}#main-page__content h3{margin:0;font-weight:500;font-size:2rem}#main-page__search-button{right:.5rem}section .accordion-item{border-top:2px solid black!important}section .accordion-item:last-of-type{border-bottom:2px solid black!important}section .accordion-button:focus{box-shadow:none!important}section .accordion-header{margin:0}section .accordion-button{display:flex;justify-content:space-between;align-items:center;cursor:pointer;background-color:transparent;border:0;font-size:16px;font-weight:600;border-bottom-left-radius:5px!important;border-bottom-right-radius:5px!important;width:100%;text-align:left;padding:1rem}.accordion-collapse{overflow:hidden;transition:max-height .25s}.accordion-collapse.collapse{max-height:0}.accordion-collapse.collapse.show{max-height:1000px}section .accordion-button:focus-visible{border:2px solid lightgrey}section .accordion-button:not(.collapsed){color:#000;background-color:#e8e8e8}section .accordion-button svg{transition:transform .25s;pointer-events:none}section .accordion-button:not(.collapsed) svg{transform:rotate(180deg)}section .accordion-button:not(.collapsed):after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")}.accordion-button:after{width:2rem;height:2rem;background-size:2rem}section .accordion-body{display:flex;gap:2rem;flex-direction:column;padding-block:1rem}section .accordion-body>*{margin:0}section .accordion-body a{width:fit-content}section .accordion-body img{display:block;max-height:500px;max-width:500px;height:auto;margin-inline:auto}.contact-section{margin-top:42px;min-height:120px;background-color:var(--accent-bg__color);border-radius:5px;display:flex;justify-content:center;align-items:center;gap:1rem;padding:2rem}.contact-section p{text-align:center;margin-bottom:0}.contact-section a{transition:.15s}.hidden{display:none}.fade-in{animation:fadeIn .5s ease-in-out}.fade-out{animation:fadeOut .5s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@media screen and (max-width: 768px){#page{flex-direction:column;gap:32px}#main-page{gap:32px}#faq-nav{max-width:100%;border-right:0;border-bottom:2px solid #dee2e6}.search{max-width:100%}}@container header-content (max-width: 575px){.header-content__container>div{flex-direction:column;gap:1rem}.header-content__container h1{margin-top:1rem;align-self:baseline}}@container header (max-width: 400px){#main-page__header-content{flex-direction:column-reverse;gap:1rem}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/template-faq.css.map */