.faq-palette-container{width:800px;height:450px;border-radius:2rem;overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,.2);font-family:Inter,sans-serif;background:var(--bg-color);margin:2rem auto;border:1px solid var(--border-color)}.palette{position:relative;width:100%;height:100%;overflow:hidden;background:var(--bg-secondary)}.palette:hover>#faq-center-node{opacity:0;scale:.5}.faq-color{position:absolute;inset:0;transition:background .4s ease,z-index .3s step-end,-webkit-clip-path .7s cubic-bezier(.16,1,.3,1);transition:clip-path .7s cubic-bezier(.16,1,.3,1),background .4s ease,z-index .3s step-end;transition:clip-path .7s cubic-bezier(.16,1,.3,1),background .4s ease,z-index .3s step-end,-webkit-clip-path .7s cubic-bezier(.16,1,.3,1);cursor:pointer;z-index:10}#faq-color4{background:#8b5cf6;-webkit-clip-path:polygon(0 0,100% 0,50% 50%,50% 50%);clip-path:polygon(0 0,100% 0,50% 50%,50% 50%)}#faq-color2{background:#6366f1;-webkit-clip-path:polygon(50% 50%,50% 50%,100% 100%,0 100%);clip-path:polygon(50% 50%,50% 50%,100% 100%,0 100%)}#faq-color1{background:#2563eb;-webkit-clip-path:polygon(50% 50%,100% 0,100% 100%,50% 50%);clip-path:polygon(50% 50%,100% 0,100% 100%,50% 50%)}#faq-color3{background:#0ea5e9;-webkit-clip-path:polygon(0 0,50% 50%,50% 50%,0 100%);clip-path:polygon(0 0,50% 50%,50% 50%,0 100%)}.faq-color:hover{-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%)!important;clip-path:polygon(0 0,100% 0,100% 100%,0 100%)!important;z-index:100;transition:background .4s ease,z-index 0s step-start,-webkit-clip-path .7s cubic-bezier(.16,1,.3,1);transition:clip-path .7s cubic-bezier(.16,1,.3,1),background .4s ease,z-index 0s step-start;transition:clip-path .7s cubic-bezier(.16,1,.3,1),background .4s ease,z-index 0s step-start,-webkit-clip-path .7s cubic-bezier(.16,1,.3,1)}.faq-preview-base{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:white;transition:all .3s ease;z-index:5;pointer-events:none}#faq-color4 .faq-preview-base{top:40px;flex-direction:column-reverse;top:35px;left:0;width:100%}#faq-color2 .faq-preview-base{bottom:35px;left:0;width:100%;flex-direction:column-reverse}#faq-color1 .faq-preview-base{right:35px;top:0;height:100%;rotate:-90deg;flex-direction:column-reverse}#faq-color3 .faq-preview-base{left:35px;top:0;height:100%;rotate:90deg;flex-direction:column-reverse}.faq-color:hover .faq-preview-base{opacity:0;visibility:hidden}.faq-expanded-content{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:white;text-align:center;opacity:0;transform:scale(.95);transition:all .5s ease .15s}.faq-color:hover .faq-expanded-content{opacity:1;transform:scale(1)}.faq-icon-small{font-size:2.4rem!important;display:block}.faq-icon-large{font-size:4.5rem!important;margin-bottom:1.5rem}.faq-question-small{font-size:.9rem;font-weight:800;margin:0;text-transform:uppercase;max-width:180px;line-height:1.2;text-align:center}.faq-question-large{font-size:2rem;font-weight:800;margin-bottom:1rem}.faq-answer{font-size:1.1rem;line-height:1.7;max-width:650px;padding:0 4rem;opacity:.9}#faq-center-node{position:absolute;top:50%;left:50%;width:82px;height:82px;transform:translate(-50%,-50%);border-radius:50%;background:white;z-index:150;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 30px rgba(0,0,0,.5);transition:all .3s cubic-bezier(.175,.885,.32,1.275);pointer-events:none;border:4px solid var(--secondary-color)}#faq-node-text:after{content:"FAQ";font-weight:900;font-size:1.2rem;color:var(--secondary-color);letter-spacing:2px}[data-theme=dark] .faq-palette-container{background:#0a0a0a;border-color:#1a1a1a}[data-theme=dark] #faq-center-node{background:#111}