@layer components{.pyctom-faq{isolation:isolate;padding-block:var(--pyctom-faq-pad-block);background-color:var(--pyctom-faq-band);position:relative}.pyctom-faq-kicker{font-family:var(--font-display);letter-spacing:.16em;text-transform:uppercase;color:var(--pyctom-cyan-300);align-items:center;gap:.75rem;margin-block-end:1rem;font-size:.8125rem;font-weight:600;display:inline-flex}.pyctom-faq-kicker:before{content:"";border-radius:var(--pyctom-radius-full);background-image:linear-gradient(90deg, var(--pyctom-cyan-400) 0%, var(--pyctom-violet-600) 100%);flex:none;width:1.75rem;height:2px}.pyctom-faq-lede{color:#ffffffb8;text-wrap:pretty;max-width:30rem;margin-block-start:1.25rem;font-size:1rem;line-height:1.68}.pyctom-faq-art{z-index:-1;object-fit:cover;object-position:left center;block-size:100%;inline-size:100%;opacity:var(--pyctom-faq-art-opacity);pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000 0% 30%,#00000059 55%,#0000 75%);mask-image:linear-gradient(90deg,#000 0% 30%,#00000059 55%,#0000 75%)}.pyctom-faq-card{isolation:isolate;border:1px solid var(--pyctom-faq-card-border);border-radius:var(--pyctom-faq-card-radius);background-color:var(--pyctom-faq-card-bg);background-image:var(--pyctom-faq-card-sheen);box-shadow:var(--pyctom-faq-card-shadow);transition:background-color var(--pyctom-duration-base) var(--pyctom-ease-standard), border-color var(--pyctom-duration-base) var(--pyctom-ease-standard), box-shadow var(--pyctom-duration-moderate) var(--pyctom-ease-standard), transform var(--pyctom-duration-moderate) var(--pyctom-ease-out-expo);position:relative;transform:translate(0,0)}.pyctom-faq-card:before{content:"";border-radius:calc(var(--pyctom-faq-card-radius) + 1px);background:var(--pyctom-faq-ring);-webkit-mask-composite:xor;opacity:0;pointer-events:none;transition:opacity var(--pyctom-duration-moderate) var(--pyctom-ease-standard);padding:1px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@media (hover:hover) and (pointer:fine){.pyctom-faq-card:hover{background-color:var(--pyctom-faq-card-bg-hover);border-color:var(--pyctom-faq-card-border-hover);box-shadow:var(--pyctom-faq-card-shadow-hover);transform:translate3d(0, var(--pyctom-faq-card-lift), 0)}.pyctom-faq-card:hover:before{opacity:var(--pyctom-faq-ring-opacity-hover)}}.pyctom-faq-card:focus-within{border-color:var(--pyctom-faq-card-border-hover);box-shadow:var(--pyctom-faq-card-shadow-hover)}.pyctom-faq-card:focus-within:before{opacity:var(--pyctom-faq-ring-opacity-hover)}.pyctom-faq-card[data-open=true]{background-color:var(--pyctom-faq-card-bg-open);border-color:var(--pyctom-faq-card-border-open);box-shadow:var(--pyctom-faq-card-shadow-open);transform:translate(0,0)}.pyctom-faq-card[data-open=true]:before{opacity:var(--pyctom-faq-ring-opacity-open)}.pyctom-faq-question{font-size:var(--pyctom-faq-question-size);font-weight:var(--pyctom-faq-question-weight);letter-spacing:var(--pyctom-faq-question-tracking);color:var(--pyctom-faq-question);transition:color var(--pyctom-duration-base) var(--pyctom-ease-standard);line-height:1.45}@media (hover:hover) and (pointer:fine){.pyctom-faq-card:hover .pyctom-faq-question{color:var(--pyctom-faq-question-hover)}}.pyctom-faq-card[data-open=true] .pyctom-faq-question{color:var(--pyctom-faq-question-open)}.pyctom-faq-answer{max-inline-size:var(--pyctom-faq-answer-measure);border-block-start:1px solid var(--pyctom-faq-rule);font-size:var(--pyctom-faq-answer-size);line-height:var(--pyctom-faq-answer-leading);color:var(--pyctom-faq-answer);text-wrap:pretty;padding-block-start:var(--pyctom-faq-answer-gap)}.pyctom-faq-icon{inline-size:var(--pyctom-faq-icon-box);block-size:var(--pyctom-faq-icon-box);border:1px solid var(--pyctom-faq-icon-border);border-radius:var(--pyctom-faq-icon-radius);background-color:var(--pyctom-faq-icon-bg);transition:background-color var(--pyctom-duration-base) var(--pyctom-ease-standard), border-color var(--pyctom-duration-base) var(--pyctom-ease-standard), transform var(--pyctom-faq-expand-duration) var(--pyctom-ease-out-expo);flex:none;place-items:center;display:grid;position:relative}.pyctom-faq-icon:before,.pyctom-faq-icon:after{content:"";background-color:var(--pyctom-faq-icon-color);transition:transform var(--pyctom-faq-expand-duration) var(--pyctom-ease-out-expo), background-color var(--pyctom-duration-base) var(--pyctom-ease-standard);border-radius:999px;position:absolute;inset-block-start:50%;inset-inline-start:50%}.pyctom-faq-icon:before{inline-size:var(--pyctom-faq-icon-arm);block-size:var(--pyctom-faq-icon-thickness);transform:translate(-50%,-50%)}.pyctom-faq-icon:after{inline-size:var(--pyctom-faq-icon-thickness);block-size:var(--pyctom-faq-icon-arm);transform:translate(-50%,-50%)scaleY(1)}.pyctom-faq-card[data-open=true] .pyctom-faq-icon{background-color:var(--pyctom-faq-icon-bg-open);border-color:var(--pyctom-faq-icon-border-open);transform:rotate(180deg)}.pyctom-faq-card[data-open=true] .pyctom-faq-icon:before,.pyctom-faq-card[data-open=true] .pyctom-faq-icon:after{background-color:var(--pyctom-faq-icon-color-open)}.pyctom-faq-card[data-open=true] .pyctom-faq-icon:after{transform:translate(-50%,-50%)scaleY(0)}@media (hover:hover) and (pointer:fine){.pyctom-faq-card:hover .pyctom-faq-icon{background-color:var(--pyctom-faq-icon-bg-hover);border-color:var(--pyctom-faq-card-border-hover)}.pyctom-faq-card[data-open=true]:hover .pyctom-faq-icon{background-color:var(--pyctom-faq-icon-bg-open);border-color:var(--pyctom-faq-icon-border-open)}}@media (prefers-reduced-motion:reduce){.pyctom-faq-card[data-open=true] .pyctom-faq-icon,.pyctom-faq-card,.pyctom-faq-card:hover{transform:none}}}
