.loulex-faq{--loulex-faq-rule: rgb(var(--text-color) / .15);display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "nav" "content" "contact";max-width:78rem;margin-inline:auto}.loulex-faq__head{grid-area:head;display:grid;gap:1.25rem;margin-block-end:2rem}.loulex-faq__label{color:rgb(var(--text-color) / .65)}.loulex-faq__title{font-size:clamp(1.625rem,1.25rem + 1.2vw,1.875rem);line-height:1.2;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.loulex-faq__intro{max-width:34rem;font-size:.9375rem;line-height:1.75}.loulex-faq__search{display:block;margin-block-start:.25rem}.loulex-faq__search-field{position:relative}.loulex-faq__search-field>svg{position:absolute;inset-inline-start:1rem;inset-block-start:50%;transform:translateY(-50%);opacity:.55;pointer-events:none}.loulex-faq__search-input{padding-inline-start:2.75rem;background:#ffffffb3;border-color:var(--loulex-faq-rule)}.loulex-faq__search-input::-webkit-search-cancel-button{cursor:pointer;filter:grayscale(1)}.loulex-faq__status{margin-block-start:.75rem;font-size:.8125rem;color:rgb(var(--text-color) / .7)}.loulex-faq__status:empty{margin-block-start:0}.loulex-faq__aside{display:contents}.loulex-faq__nav{grid-area:nav;display:block}.loulex-faq__nav-link{display:flex;align-items:baseline;color:rgb(var(--text-color) / .7);transition:color .2s,border-color .2s,box-shadow .2s}.loulex-faq__nav-link:hover,.loulex-faq__nav-link.is-active{color:rgb(var(--text-color))}.loulex-faq__count{font-variant-numeric:tabular-nums;letter-spacing:0;color:rgb(var(--text-color) / .45)}.loulex-faq.is-empty .loulex-faq__nav{display:none}.loulex-faq__contact{grid-area:contact;display:grid;gap:.5rem;margin-block-start:3.5rem;padding:1.5rem;background:#ffffffb3}.loulex-faq.is-empty .loulex-faq__contact{margin-block-start:0}.loulex-faq__contact-title{font-family:var(--heading-font-family);font-weight:var(--heading-font-weight);font-style:var(--heading-font-style);font-size:1.125rem;line-height:1.35}.loulex-faq__contact-text{font-size:.875rem;line-height:1.6;color:rgb(var(--text-color) / .75)}.loulex-faq__contact .button{margin-block-start:.75rem}.loulex-faq__content{grid-area:content;display:grid;gap:3.5rem;min-width:0}.loulex-faq__category{display:flex;align-items:center;gap:.75rem;margin:0 0 1rem;font-family:var(--heading-font-family);font-weight:var(--heading-font-weight);font-style:var(--heading-font-style);font-size:1.25rem;line-height:1.35;letter-spacing:0;text-transform:none;scroll-margin-block-start:2rem}.loulex-faq__list{border-block-start:1px solid var(--loulex-faq-rule)}.loulex-faq .loulex-faq__item{border-block-width:0 1px;border-color:var(--loulex-faq-rule)}.loulex-faq .loulex-faq__item .accordion__toggle{column-gap:1.5rem;padding-block:1.125rem;font-size:1rem;line-height:1.5}.loulex-faq .loulex-faq__item .accordion__toggle>span:first-child{transition:color .2s}@media(hover:hover){.loulex-faq .loulex-faq__item summary:hover .accordion__toggle>span:first-child{color:rgb(var(--text-color) / .7)}}.loulex-faq .loulex-faq__item .accordion__content{margin-block-start:-.25rem;padding-block-end:1.5rem;padding-inline-end:2.5rem}.loulex-faq .loulex-faq__item .prose{max-width:40rem;font-size:.9375rem;line-height:1.75;color:rgb(var(--text-color) / .8)}.loulex-faq .loulex-faq__item .prose p:empty{display:none}@media screen and (max-width:699px){.loulex-faq__content{gap:2.75rem}.loulex-faq__category{font-size:1.125rem}.loulex-faq .loulex-faq__item .accordion__toggle{padding-block:1rem;font-size:.9375rem}.loulex-faq .loulex-faq__item .accordion__content{padding-inline-end:0}.loulex-faq .loulex-faq__item .prose{line-height:1.7}}@media screen and (max-width:999px){.loulex-faq__nav{position:sticky;top:var(--sticky-area-height, 0px);z-index:2;margin-inline:calc(-1 * var(--container-gutter));margin-block-end:2rem;background:rgb(var(--background));border-block-end:1px solid var(--loulex-faq-rule);transition:top .15s ease-in-out}.loulex-faq__nav-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.loulex-faq__nav-list{display:flex;gap:1.75rem;padding-inline:var(--container-gutter) 3rem;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-mask-image:linear-gradient(to right,transparent,#000 var(--container-gutter),#000 calc(100% - 3rem),transparent);mask-image:linear-gradient(to right,transparent,#000 var(--container-gutter),#000 calc(100% - 3rem),transparent)}.loulex-faq__nav-list::-webkit-scrollbar{display:none}.loulex-faq__nav-list>li{flex:none}.loulex-faq__nav-link{gap:.375rem;padding-block:1rem .875rem;font-family:var(--heading-font-family);font-weight:var(--heading-font-weight);font-size:.6875rem;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;box-shadow:inset 0 -2px 0 transparent}.loulex-faq__nav-link.is-active{box-shadow:inset 0 -2px rgb(var(--text-color))}.loulex-faq__count{font-size:.625rem}.loulex-faq__category{scroll-margin-block-start:4.5rem}}@media screen and (min-width:1000px){.loulex-faq{grid-template-columns:14rem minmax(0,46rem);grid-template-areas:"aside head" "aside content";column-gap:clamp(3rem,7vw,7rem);justify-content:center;align-items:start}.loulex-faq__head{margin-block-end:3rem}.loulex-faq__aside{grid-area:aside;position:sticky;top:calc(var(--sticky-area-height, 0px) + 2.5rem);display:grid;align-content:start;gap:2.5rem;max-height:calc(100vh - var(--sticky-area-height, 0px) - 5rem);overflow-y:auto;padding-block-start:.375rem;scrollbar-width:thin;transition:top .15s ease-in-out}.loulex-faq__nav-label{margin-block-end:.875rem}.loulex-faq__nav-list{display:grid;border-inline-start:1px solid var(--loulex-faq-rule)}.loulex-faq__nav-link{justify-content:space-between;gap:1rem;margin-inline-start:-1px;padding:.4375rem 0 .4375rem 1rem;border-inline-start:1px solid transparent;font-size:.875rem;line-height:1.4}.loulex-faq__nav-link.is-active{border-inline-start-color:rgb(var(--text-color))}.loulex-faq__count{font-size:.75rem}.loulex-faq__nav,.loulex-faq__contact{grid-area:auto}.loulex-faq__contact{margin-block-start:0;padding:1.5rem 0 0;background:none;border-block-start:1px solid var(--loulex-faq-rule)}.loulex-faq__contact .button{padding-inline:1rem}.loulex-faq__contact-title{font-size:.9375rem}.loulex-faq__contact-text{font-size:.8125rem}}@media(prefers-reduced-motion:reduce){.loulex-faq__nav,.loulex-faq__aside,.loulex-faq__nav-link,.loulex-faq .loulex-faq__item .accordion__toggle>span:first-child{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/33/assets/loulex-faq.css.map */