.trinsic-faq-video{--trinsic-faq-card: var(--trinsic-white);--trinsic-faq-ink: var(--trinsic-green);--trinsic-faq-ink-soft: rgb(var(--trinsic-green-rgb) / .72);--trinsic-faq-ink-on-blue: rgb(var(--trinsic-green-rgb) / .75);--trinsic-faq-line: rgb(var(--trinsic-green-rgb) / .16);--trinsic-faq-line-hover: rgb(var(--trinsic-green-rgb) / .32);--trinsic-faq-line-open: rgb(var(--trinsic-green-rgb) / .28);width:100%}.trinsic-faq-video__inner{max-width:var(--trinsic-content-width);margin-inline:auto;padding-inline:var(--trinsic-gutter)}.trinsic-faq-video__header{text-align:center;margin-bottom:48px}.trinsic-faq-video__title{font-family:var(--font-heading--family);font-size:40px;font-weight:400;letter-spacing:var(--trinsic-heading-spacing);line-height:1.3;color:var(--trinsic-faq-ink);margin:0 0 12px}.trinsic-faq-video__subtitle{font-family:var(--font-body--family);font-size:18px;font-weight:400;line-height:1.3;color:var(--trinsic-faq-ink-on-blue);margin:0}.trinsic-faq-video__layout{display:flex;align-items:stretch;gap:40px}.trinsic-faq-video__faq-col,.trinsic-faq-video__media{flex:1 1 0;min-width:0}.trinsic-faq-video__list{display:flex;flex-direction:column;gap:12px}.trinsic-faq-video__item{background:var(--trinsic-faq-card);border:1px solid var(--trinsic-faq-line);border-radius:12px;overflow:hidden;box-shadow:0 1px 2px rgb(var(--trinsic-green-rgb) / .05);transition:border-color .3s ease,box-shadow .3s ease}.trinsic-faq-video__item.is-active,.trinsic-faq-video__item[open]{border-color:var(--trinsic-faq-line-open);box-shadow:0 2px 10px rgb(var(--trinsic-green-rgb) / .07)}.trinsic-faq-video__item summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:20px 24px;cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none;border-radius:11px}@media(hover:hover){.trinsic-faq-video__item:not([open]):hover{border-color:var(--trinsic-faq-line-hover)}.trinsic-faq-video__item:not([open]):hover .trinsic-faq-video__arrow{border-color:rgb(var(--trinsic-green-rgb) / .4);background:rgb(var(--trinsic-green-rgb) / .06)}}.trinsic-faq-video__item summary:focus-visible{outline:2px solid var(--trinsic-faq-ink);outline-offset:-3px}.trinsic-faq-video__item summary::-webkit-details-marker{display:none}.trinsic-faq-video__item summary::marker{content:""}.trinsic-faq-video__question{font-family:var(--font-subheading--family, var(--font-body--family));font-size:16px;font-weight:var(--font-subheading--weight, 600);color:var(--trinsic-faq-ink);line-height:1.4;margin:0;flex:1}.trinsic-faq-video__arrow{display:flex;align-items:center;justify-content:center;width:36px;height:36px;min-width:36px;border-radius:50%;border:1px solid rgb(var(--trinsic-green-rgb) / .22);background:transparent;color:var(--trinsic-faq-ink);transition:transform .3s ease,background .3s ease,color .3s ease,border-color .3s ease;pointer-events:none}.trinsic-faq-video__item.is-active .trinsic-faq-video__arrow{transform:rotate(90deg);background:var(--trinsic-faq-ink);border-color:var(--trinsic-faq-ink);color:var(--trinsic-white)}.trinsic-faq-video__arrow svg{display:block}.trinsic-faq-video__answer-wrap,.trinsic-faq-video__answer-inner{overflow:hidden}.trinsic-faq-video__answer{padding:0 24px 20px;font-family:var(--font-body--family);font-size:14px;font-weight:400;line-height:1.65;color:var(--trinsic-faq-ink-soft)}.trinsic-faq-video__answer p{margin:0 0 12px}.trinsic-faq-video__answer p:last-child{margin-bottom:0}.trinsic-faq-video__answer a{color:var(--trinsic-faq-ink);text-decoration:underline;text-underline-offset:2px}.trinsic-faq-video__answer a:focus-visible{outline:2px solid var(--trinsic-faq-ink);outline-offset:2px}.trinsic-faq-video__media{border-radius:16px;overflow:hidden}.trinsic-faq-video__media img,.trinsic-faq-video__media video{width:100%;height:100%;object-fit:cover;display:block}.trinsic-faq-video__media .placeholder-svg{width:100%;height:100%}@media screen and (max-width:749px){.trinsic-faq-video__layout{flex-direction:column;gap:32px}.trinsic-faq-video__media{order:-1;flex:0 0 auto;aspect-ratio:3 / 4;min-height:320px}.trinsic-faq-video__header{margin-bottom:32px}.trinsic-faq-video__title{font-size:28px}.trinsic-faq-video__subtitle{font-size:15px}.trinsic-faq-video__question{font-size:14px}.trinsic-faq-video__answer{font-size:13px;padding:0 16px 16px}.trinsic-faq-video__item summary{padding:16px}.trinsic-faq-video__arrow{width:30px;height:30px;min-width:30px}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/trinsic-faq-video.css.map */