.application-accordion{display:flex;flex-direction:column;gap:15px;align-items:flex-start;justify-content:flex-start;align-self:stretch;flex-shrink:0;position:relative}.application-accordion .accordion-item{display:block;width:100%}.application-accordion .accordion-item .accordion-header{width:100%;cursor:pointer;outline:none;box-sizing:border-box;transition:background-color .3s ease,border .3s ease,color .3s ease !important;background:var(--color-neutrals-white, #ffffff);border-radius:6px;padding:15px 20px 15px 20px;display:flex;flex-direction:row;position:relative;box-shadow:0px 4px 35px 0px rgba(0,0,0,.1);overflow:hidden;border:1px solid var(--color-neutrals-white, #ffffff);font-family:Inter-SemiBold-600;font-size:17px;line-height:140%;text-align:left;color:var(--color-neutrals-black, #1f1f1f) !important}.application-accordion .accordion-item .accordion-header .custom-svg{margin:0px 10px;transition:transform .3s ease,stroke .3s ease;color:var(--color-primary-yellow, #ff9900);pointer-events:none}.application-accordion .accordion-item .accordion-header.active{background:var(--color-primary-purple, #6D46DD);border:1px solid var(--color-primary-purple, #6D46DD);color:var(--color-neutrals-white, #ffffff) !important}.application-accordion .accordion-item .accordion-header.active .custom-svg{transform:rotate(-180deg);color:var(--color-neutrals-white, #ffffff)}.application-accordion .accordion-item .accordion-content{max-height:0;overflow:hidden;transition:max-height .3s ease,opacity .8s ease;background-color:var(--color-neutrals-white, #ffffff);color:var(--color-neutrals-grey, #808080);font-family:Inter-Regular-400;font-size:17px;line-height:150%;font-weight:400;opacity:0;width:100%}.application-accordion .accordion-item .accordion-content .accordion-inner-content{display:block;padding:20px 20px 0px;margin-bottom:20px}.application-accordion .accordion-item .accordion-content p{padding:15px;margin:0}.application-accordion .accordion-item .accordion-content.active{opacity:1}#default-accordion{margin:100px}:root{--max-width: 1090px;--gap: 20px}.style-guide{display:flex;flex-direction:column;justify-content:center;align-items:center;align-content:center;width:100%;margin-top:50px;padding-bottom:50px;gap:var(--gap)}.style-guide .color-palette{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;align-content:center;gap:var(--gap);max-width:var(--max-width);box-sizing:border-box}.style-guide .color-palette .swatch{min-width:350px;padding:1rem;background-color:#fdfdfd;border:1px solid #ddd;border-radius:12px;text-align:center;flex-grow:1}.style-guide .color-palette .swatch .color-box{height:80px;border-radius:12px;margin-bottom:10px}.style-guide .color-palette .swatch .color-name{margin-bottom:5px}.style-guide .font-palette{display:flex;flex-direction:column;gap:var(--gap);max-width:var(--max-width)}.style-guide .font-palette .font-swatch{width:100%;padding:1rem;background-color:#fdfdfd;border:1px solid #ddd;border-radius:12px}.style-guide .font-palette .font-swatch .font-meta{margin-bottom:12px}.style-guide .font-palette .font-swatch .font-meta .font-name{margin-bottom:4px}.style-guide .tags-palette,.style-guide .animation-palette,.style-guide .lists-palette,.style-guide .containers-palette{display:block;width:100%;max-width:var(--max-width)}.style-guide .tags-palette pre,.style-guide .animation-palette pre,.style-guide .lists-palette pre,.style-guide .containers-palette pre{background:#1e1e1e;color:#d4d4d4;border-radius:8px;font-size:14px;width:100%;overflow-x:auto;margin:0px;padding:0px 50px}.style-guide .tags-palette pre code,.style-guide .animation-palette pre code,.style-guide .lists-palette pre code,.style-guide .containers-palette pre code{display:block;width:100%;font-family:monospace;white-space:pre;margin:0px;padding:0px}.style-guide .tags-palette pre code .heading,.style-guide .animation-palette pre code .heading,.style-guide .lists-palette pre code .heading,.style-guide .containers-palette pre code .heading{display:inline-block;background:hsla(0,0%,100%,.05);color:#fff;font-weight:bold;font-size:16px;padding:6px 12px;border:1px solid hsla(0,0%,100%,.1);border-radius:6px;margin-bottom:12px;text-shadow:0 1px 2px rgba(0,0,0,.3);min-width:50%}.style-guide .tags-palette pre code .selector,.style-guide .animation-palette pre code .selector,.style-guide .lists-palette pre code .selector,.style-guide .containers-palette pre code .selector{color:#d7ba7d}.style-guide .tags-palette pre code .property,.style-guide .animation-palette pre code .property,.style-guide .lists-palette pre code .property,.style-guide .containers-palette pre code .property{color:#9cdcfe}.style-guide .tags-palette pre code .value,.style-guide .animation-palette pre code .value,.style-guide .lists-palette pre code .value,.style-guide .containers-palette pre code .value{color:#ce9178}.style-guide .tags-palette pre code .value .swatch-box,.style-guide .animation-palette pre code .value .swatch-box,.style-guide .lists-palette pre code .value .swatch-box,.style-guide .containers-palette pre code .value .swatch-box{display:inline-block;width:18px;height:18px;margin-right:5px;margin-bottom:4px;vertical-align:middle;border:1px solid #444;border-radius:2px;box-shadow:0 0 0 1px rgba(0,0,0,.2)}.style-guide .tags-palette pre code .comment,.style-guide .animation-palette pre code .comment,.style-guide .lists-palette pre code .comment,.style-guide .containers-palette pre code .comment{color:#6a9955;font-style:italic}.style-guide .tags-palette pre code .brace,.style-guide .animation-palette pre code .brace,.style-guide .lists-palette pre code .brace,.style-guide .containers-palette pre code .brace{color:#d4d4d4}.style-guide .tags-palette pre code .demo-image-wrapper,.style-guide .animation-palette pre code .demo-image-wrapper,.style-guide .lists-palette pre code .demo-image-wrapper,.style-guide .containers-palette pre code .demo-image-wrapper{display:inline-flex;flex-direction:column;justify-content:center;align-content:center;align-items:center;width:50%;padding:20px;background-color:#ddd;border-radius:5px}.style-guide .tags-palette pre code .demo-image-wrapper img,.style-guide .animation-palette pre code .demo-image-wrapper img,.style-guide .lists-palette pre code .demo-image-wrapper img,.style-guide .containers-palette pre code .demo-image-wrapper img{padding:0px;margin:0px !important}.style-guide .tags-palette pre code .demo-div-wrapper,.style-guide .animation-palette pre code .demo-div-wrapper,.style-guide .lists-palette pre code .demo-div-wrapper,.style-guide .containers-palette pre code .demo-div-wrapper{display:inline-flex;flex-direction:column;gap:20px;background-color:#ddd;width:calc(100% - 80px);padding:20px;box-sizing:border-box;overflow:hidden;word-break:break-word;white-space:normal;border-radius:5px}.style-guide .tags-palette pre code .demo-div-wrapper>a,.style-guide .animation-palette pre code .demo-div-wrapper>a,.style-guide .lists-palette pre code .demo-div-wrapper>a,.style-guide .containers-palette pre code .demo-div-wrapper>a{max-width:200px !important;width:100% !important}.style-guide .tags-palette pre code .demo-div-wrapper .markup-code pre,.style-guide .animation-palette pre code .demo-div-wrapper .markup-code pre,.style-guide .lists-palette pre code .demo-div-wrapper .markup-code pre,.style-guide .containers-palette pre code .demo-div-wrapper .markup-code pre{padding:20px}.style-guide .tags-palette pre code .demo-div-wrapper .markup-code pre .heading,.style-guide .animation-palette pre code .demo-div-wrapper .markup-code pre .heading,.style-guide .lists-palette pre code .demo-div-wrapper .markup-code pre .heading,.style-guide .containers-palette pre code .demo-div-wrapper .markup-code pre .heading{display:inline-block;background:hsla(0,0%,100%,.05);color:#fff;font-weight:bold;font-size:16px;padding:6px 12px;border:1px solid hsla(0,0%,100%,.1);border-radius:6px;margin-bottom:12px;text-shadow:0 1px 2px rgba(0,0,0,.3);width:100%}.style-guide .tags-palette pre code .demo-a-tag-wrapper,.style-guide .animation-palette pre code .demo-a-tag-wrapper,.style-guide .lists-palette pre code .demo-a-tag-wrapper,.style-guide .containers-palette pre code .demo-a-tag-wrapper{display:inline-flex;justify-content:center;align-content:center;align-items:center;border-radius:5px;padding:12px;text-align:center;min-width:200px;min-height:80px}.style-guide .tags-palette pre code .demo-gradient-wrapper-text-dark,.style-guide .animation-palette pre code .demo-gradient-wrapper-text-dark,.style-guide .lists-palette pre code .demo-gradient-wrapper-text-dark,.style-guide .containers-palette pre code .demo-gradient-wrapper-text-dark{display:inline-flex;justify-content:center;align-content:center;align-items:center;border-radius:5px;text-align:center;width:calc(100% - 80px);box-sizing:border-box;overflow:hidden;word-break:break-word;white-space:normal;border-radius:5px}.style-guide .tags-palette pre code .demo-gradient-wrapper-text-dark div,.style-guide .animation-palette pre code .demo-gradient-wrapper-text-dark div,.style-guide .lists-palette pre code .demo-gradient-wrapper-text-dark div,.style-guide .containers-palette pre code .demo-gradient-wrapper-text-dark div{padding:20px}.style-guide .tags-palette pre code .demo-gradient-wrapper-text-dark div h5,.style-guide .tags-palette pre code .demo-gradient-wrapper-text-dark div h2,.style-guide .tags-palette pre code .demo-gradient-wrapper-text-dark div p,.style-guide .animation-palette pre code .demo-gradient-wrapper-text-dark div h5,.style-guide .animation-palette pre code .demo-gradient-wrapper-text-dark div h2,.style-guide .animation-palette pre code .demo-gradient-wrapper-text-dark div p,.style-guide .lists-palette pre code .demo-gradient-wrapper-text-dark div h5,.style-guide .lists-palette pre code .demo-gradient-wrapper-text-dark div h2,.style-guide .lists-palette pre code .demo-gradient-wrapper-text-dark div p,.style-guide .containers-palette pre code .demo-gradient-wrapper-text-dark div h5,.style-guide .containers-palette pre code .demo-gradient-wrapper-text-dark div h2,.style-guide .containers-palette pre code .demo-gradient-wrapper-text-dark div p{color:#2f2d2d !important}