.trinsic-faq-video{--trinsic-faq-card: var(--trinsic-white);--trinsic-faq-ink: var(--trinsic-green);--trinsic-faq-ink-soft: rgba(9, 47, 29, .72);--trinsic-faq-ink-on-blue: rgba(9, 47, 29, .75);--trinsic-faq-line: rgba(9, 47, 29, .16);--trinsic-faq-line-hover: rgba(9, 47, 29, .32);--trinsic-faq-line-open: rgba(9, 47, 29, .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 #092f1d0d;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 #092f1d12}.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:#092f1d66;background:#092f1d0f}}.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 rgba(9,47,29,.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/21/assets/trinsic-faq-video.css.map */