@casoon/dragonfly
Version:
Modular, lightweight CSS framework and design system for modern web projects. Optimized for Astro JS, LightningCSS and Container Queries with @layer-based architecture and comprehensive accessibility.
1 lines • 395 kB
CSS
@layer components{button:disabled{cursor:not-allowed;opacity:var(--opacity-50)}.button:disabled{cursor:not-allowed;opacity:var(--opacity-50)}.input{background-color:var(--color-white,#fff);border:1px solid var(--color-gray-300,#d1d5db);-webkit-border-radius:var(--radius-md,.375rem);border-radius:var(--radius-md,.375rem);color:var(--color-gray-900,#111827);font-size:var(--font-size-base,1rem);padding:var(--space-2)var(--space-3);transition:border-color var(--transition-fast,.15s ease),background-color var(--transition-fast,.15s ease);width:100%;display:block}.input:focus{border-color:var(--color-primary,#3b82f6);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary,#3b82f6)50,transparent);outline:none}.input.invalid{background-color:color-mix(in srgb,var(--color-error,#ef4444)5%,white);border-color:var(--color-error,#ef4444)}.input:disabled{background-color:var(--color-gray-100,#f3f4f6);color:var(--color-gray-500);cursor:not-allowed}.input:read-only{background-color:var(--color-gray-50)}.input.primary{border-color:var(--color-primary,#3b82f6)}.input.success{border-color:var(--color-success,#10b981)}.input.warning{border-color:var(--color-warning,#f59e0b)}.input.danger{border-color:var(--color-danger)}.input.sm{font-size:var(--font-size-sm,.875rem);padding:var(--space-1)var(--space-2)}.input.lg{font-size:var(--font-size-lg);padding:var(--space-3)var(--space-4)}.input-wrapper{align-items:center;display:flex;position:relative}.input-wrapper .input{padding-left:var(--space-8)}.input-wrapper .input-icon{color:var(--color-gray-400);left:var(--space-3);pointer-events:none;position:absolute}.textarea{background-color:var(--color-white,#fff);border:1px solid var(--color-gray-300,#d1d5db);-webkit-border-radius:var(--radius-md,.375rem);border-radius:var(--radius-md,.375rem);color:var(--color-gray-900,#111827);font-size:var(--font-size-base,1rem);min-height:6rem;padding:var(--space-3);resize:vertical;transition:border-color var(--transition-fast,.15s ease),box-shadow var(--transition-fast,.15s ease);width:100%}.textarea:focus{border-color:var(--color-primary,#3b82f6);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary,#3b82f6)50,transparent);outline:none}.textarea:disabled{background-color:var(--color-gray-100,#f3f4f6);color:var(--color-gray-500);cursor:not-allowed;opacity:.7}.textarea.sm{font-size:var(--font-size-sm,.875rem);min-height:4rem;padding:var(--space-2)}.textarea.lg{font-size:var(--font-size-lg);min-height:8rem;padding:var(--space-4)}.textarea.error{background-color:color-mix(in srgb,var(--color-error,#ef4444)3%,var(--color-white,#fff));border-color:var(--color-error,#ef4444)}.textarea.error:focus{box-shadow:0 0 0 2px color-mix(in srgb,var(--color-error,#ef4444)30,transparent)}.textarea.success{background-color:color-mix(in srgb,var(--color-success,#10b981)3%,var(--color-white,#fff));border-color:var(--color-success,#10b981)}.textarea.success:focus{box-shadow:0 0 0 2px color-mix(in srgb,var(--color-success,#10b981)30,transparent)}.textarea.readonly{background-color:var(--color-gray-50);cursor:default}.textarea.auto-resize{overflow-y:hidden}.textarea-container{width:100%;position:relative}.textarea-container .counter{bottom:var(--space-2);color:var(--color-gray-500);font-size:var(--font-size-xs);pointer-events:none;right:var(--space-3);position:absolute}.textarea-container .textarea{padding-bottom:calc(var(--space-3) + 1.5rem)}.select{appearance:none;background-color:var(--color-white,#fff);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 20 20' fill='none' stroke='%23666' stroke-width='2' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 8l4 4 4-4'/%3E%3C/svg%3E");background-position:right var(--space-3)center;border:1px solid var(--color-gray-300,#d1d5db);-webkit-border-radius:var(--radius-md,.375rem);border-radius:var(--radius-md,.375rem);color:var(--color-gray-900,#111827);cursor:pointer;font-size:var(--font-size-base,1rem);padding:var(--space-2)var(--space-3);transition:border-color var(--transition-fast,.15s ease),box-shadow var(--transition-fast,.15s ease);background-repeat:no-repeat;background-size:1rem;width:100%;display:block}.select:focus{border-color:var(--color-primary,#3b82f6);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary,#3b82f6)50,transparent);outline:none}.select:disabled{background-color:var(--color-gray-100,#f3f4f6);color:var(--color-gray-500);cursor:not-allowed;opacity:.7}.select.sm{background-position:right var(--space-2)center;font-size:var(--font-size-sm,.875rem);padding:var(--space-1)var(--space-2);background-size:0% .875rem}.select.lg{background-position:right var(--space-4)center;font-size:var(--font-size-lg);padding:var(--space-3)var(--space-4);background-size:1% .25rem}.select.error{background-color:color-mix(in srgb,var(--color-error,#ef4444)3%,var(--color-white,#fff));border-color:var(--color-error,#ef4444)}.select.error:focus{box-shadow:0 0 0 2px color-mix(in srgb,var(--color-error,#ef4444)30,transparent)}.select.success{background-color:color-mix(in srgb,var(--color-success,#10b981)3%,var(--color-white,#fff));border-color:var(--color-success,#10b981)}.select.success:focus{box-shadow:0 0 0 2px color-mix(in srgb,var(--color-success,#10b981)30,transparent)}.select[multiple]{padding:var(--space-1);background-image:none}.select[multiple] option{-webkit-border-radius:var(--radius-sm,.125rem);border-radius:var(--radius-sm,.125rem);padding:var(--space-1)var(--space-2)}.select[multiple] option:checked{background-color:color-mix(in srgb,var(--color-primary,#3b82f6)15%,transparent)}.select optgroup{color:var(--color-gray-700);font-weight:var(--font-weight-medium,500)}.radio{cursor:pointer;font-size:var(--font-size-sm,.875rem);align-items:center;gap:var(--space-2);display:inline-flex}.radio input[type=radio]{appearance:none;background-color:var(--color-white,#fff);border:2px solid var(--color-gray-400);height:1rem;transition:all var(--transition-fast,.15s ease);-webkit-border-radius:9px;border-radius:9px;width:1rem;position:relative}.radio input[type=radio]:checked{background-color:var(--color-primary,#3b82f6);border-color:var(--color-primary,#3b82f6)}.radio input[type=radio]:checked:after{content:"";height:0%.375rem;width:0%.375rem;background-color:#fff;-webkit-border-radius:9px;border-radius:9px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.radio input[type=radio]:focus-visible{outline:2px solid var(--color-primary,#3b82f6);outline-offset:2px}.radio input[type=radio]:disabled{background-color:var(--color-gray-100,#f3f4f6);border-color:var(--color-gray-300,#d1d5db);cursor:not-allowed}.radio input[type=radio]:disabled~.label{color:var(--color-gray-400);cursor:not-allowed}.radio.sm{font-size:var(--font-size-xs)}.radio.sm input[type=radio]{height:0%.875rem;width:0%.875rem}.radio.lg{font-size:var(--font-size-base,1rem)}.radio.lg input[type=radio]{height:1%.25rem;width:1%.25rem}.radio.lg input[type=radio]:checked:after{height:0%.5rem;width:0%.5rem}.radio-group{gap:var(--space-2);flex-direction:column;display:flex}.radio-group.horizontal{flex-flow:wrap;align-items:center}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (prefers-color-scheme:dark){:root{--form-disabled-bg:var(--color-gray-800);--form-group-text-bg:var(--color-gray-700);--form-range-bg:var(--color-gray-700);--form-file-button-bg:var(--color-gray-700);--form-file-button-hover-bg:var(--color-gray-600);--form-button-bg:var(--color-gray-700);--form-button-border:var(--color-gray-600);--form-button-hover-bg:var(--color-gray-600)}}.form-control:disabled{background-color:var(--form-disabled-bg);cursor:not-allowed;opacity:.7}.form-control[readonly]{background-color:var(--form-disabled-bg);cursor:not-allowed;opacity:.7}.form-control.is-valid:focus{border-color:var(--color-success,#10b981);box-shadow:0 0 0 .2rem rgb(var(--color-success-rgb),.25)}.form-group.valid .form-control:focus{border-color:var(--color-success,#10b981);box-shadow:0 0 0 .2rem rgb(var(--color-success-rgb),.25)}.form-control.is-invalid:focus{border-color:var(--color-error,#ef4444);box-shadow:0 0 0 .2rem rgb(var(--color-error-rgb),.25)}.form-group.invalid .form-control:focus{border-color:var(--color-error,#ef4444);box-shadow:0 0 0 .2rem rgb(var(--color-error-rgb),.25)}@supports not selector(:has(*)){.form-group.invalid{border-left:4px solid var(--color-error,#ef4444);padding-left:var(--spacing-3)}[dir=rtl] .form-group.invalid{border-left:none;border-right:4px solid var(--color-error,#ef4444);padding-left:0%;padding-right:var(--spacing-3)}.form-group.valid{border-left:4px solid var(--color-success,#10b981);padding-left:var(--spacing-3)}[dir=rtl] .form-group.valid{border-left:none;border-right:4px solid var(--color-success,#10b981);padding-left:0%;padding-right:var(--spacing-3)}}.was-validated .form-control:valid~.valid-feedback{display:block}.was-validated .form-control:invalid~.invalid-feedback{display:block}.form-control.is-valid~.valid-feedback{display:block}.form-control.is-invalid~.invalid-feedback{display:block}.input-group{border:var(--input-border-width,1px)solid var(--color-border,var(--color-neutral-300,#d1d5db));-webkit-border-radius:var(--radius-input,var(--radius-md,.375rem));border-radius:var(--radius-input,var(--radius-md,.375rem));align-items:stretch;width:100%;display:flex;overflow:hidden}.input-group>*{font-size:var(--text-sm,var(--font-size-sm,.875rem));padding:var(--space-2,.5rem)var(--space-3,.75rem);border:none;outline:none}.input-group .addon{background-color:var(--color-neutral-100,#f3f4f6);color:var(--color-neutral-700,#374151);font-size:var(--text-sm,var(--font-size-sm,.875rem));padding:0 var(--space-3,.75rem);white-space:nowrap;justify-content:center;align-items:center;display:flex}.input-group .icon{color:var(--color-neutral-500,#6b7280);background-color:transparent;justify-content:center;align-items:center;width:2.5rem;display:flex}.input-group .icon:hover{color:var(--color-neutral-700,#374151);transition:color var(--transition-duration-fast,.15s)var(--transition-timing-ease,ease)}.input-group .input{background-color:var(--color-background,#fff);color:var(--color-text,var(--color-neutral-900,#111827));height:var(--input-height,2.5rem);min-width:0%;padding:var(--input-padding,var(--space-3,.75rem));flex:1}.input-group .input:focus{box-shadow:none}.input-group .input::placeholder{color:var(--color-neutral-400,#9ca3af)}.input-group .select{background-color:var(--color-background,#fff);color:var(--color-text,var(--color-neutral-900,#111827));height:var(--input-height,2.5rem);min-width:0%;padding:var(--input-padding,var(--space-3,.75rem));flex:1}.input-group .button{padding:var(--space-2,.5rem)var(--space-4,1rem);-webkit-border-radius:0;border-radius:0;justify-content:center;align-items:center;display:flex}.input-group .button:first-child{-webkit-border-bottom-left-radius:var(--radius-input,var(--radius-md,.375rem));border-bottom-left-radius:var(--radius-input,var(--radius-md,.375rem));-webkit-border-top-left-radius:var(--radius-input,var(--radius-md,.375rem));border-top-left-radius:var(--radius-input,var(--radius-md,.375rem))}.input-group .button:last-child{-webkit-border-bottom-right-radius:var(--radius-input,var(--radius-md,.375rem));border-bottom-right-radius:var(--radius-input,var(--radius-md,.375rem));-webkit-border-top-right-radius:var(--radius-input,var(--radius-md,.375rem));border-top-right-radius:var(--radius-input,var(--radius-md,.375rem))}.input-group.sm>*{font-size:var(--text-xs,var(--font-size-xs,.75rem));padding:var(--space-1,.25rem)var(--space-2,.5rem)}.input-group.sm .input{height:2rem;padding:var(--space-2,.5rem)}.input-group.sm .select{height:2rem;padding:var(--space-2,.5rem)}.input-group.sm .button{padding:var(--space-1,.25rem)var(--space-3,.75rem)}.input-group.lg>*{font-size:var(--text-base,var(--font-size-base,1rem));padding:var(--space-3,.75rem)var(--space-4,1rem)}.input-group.lg .input{height:3rem;padding:var(--space-4,1rem)}.input-group.lg .select{height:3rem;padding:var(--space-4,1rem)}.input-group.lg .button{padding:var(--space-3,.75rem)var(--space-5,1.25rem)}.input-group:focus-within{border-color:var(--color-primary-500,#3b82f6);box-shadow:0 0 0 2px var(--color-primary-200,#bfdbfe)}.input-group.error{border-color:var(--color-error-500,#ef4444)}.input-group.error:focus-within{border-color:var(--color-error-500,#ef4444);box-shadow:0 0 0 2px var(--color-error-200,#fecaca)}.input-group.success{border-color:var(--color-success-500,#10b981)}.input-group.success:focus-within{border-color:var(--color-success-500,#10b981);box-shadow:0 0 0 2px var(--color-success-200,#a7f3d0)}.input-group.warning{border-color:var(--color-warning-500,#f59e0b)}.input-group.warning:focus-within{border-color:var(--color-warning-500,#f59e0b);box-shadow:0 0 0 2px var(--color-warning-200,#fde68a)}.input-group.disabled{background-color:var(--color-neutral-100,#f3f4f6);border-color:var(--color-neutral-200,#e5e7eb);color:var(--color-neutral-400,#9ca3af);cursor:not-allowed}.input-group.disabled .input{color:var(--color-neutral-400,#9ca3af);cursor:not-allowed;background-color:transparent}.input-group.disabled .select{color:var(--color-neutral-400,#9ca3af);cursor:not-allowed;background-color:transparent}.input-group.disabled .button{color:var(--color-neutral-400,#9ca3af);cursor:not-allowed;background-color:transparent}[dir=rtl] .form.horizontal .form-label{margin-left:var(--space-4);margin-right:0%}[dir=rtl] .form-horizontal .form-label{margin-left:var(--space-4);margin-right:0%}[dir=rtl] .form.horizontal .form-text{margin-left:0%;margin-right:calc(30 + var(--space-4))}[dir=rtl] .form.horizontal .feedback{margin-left:0%;margin-right:calc(30 + var(--space-4))}[dir=rtl] .form-horizontal .form-text{margin-left:0%;margin-right:calc(30 + var(--space-4))}[dir=rtl] .form-horizontal .valid-feedback{margin-left:0%;margin-right:calc(30 + var(--space-4))}[dir=rtl] .form-horizontal .invalid-feedback{margin-left:0%;margin-right:calc(30 + var(--space-4))}input[type=date]{padding-right:0%.5rem}input[type=datetime-local]{padding-right:0%.5rem}input[type=month]{padding-right:0%.5rem}input[type=time]{padding-right:0%.5rem}input[type=week]{padding-right:0%.5rem}input[type=number]::-webkit-inner-spin-button{height:auto;margin-left:0%.5rem;opacity:1}input[type=number]::-webkit-outer-spin-button{height:auto;margin-left:0%.5rem;opacity:1}input[type=button]{-webkit-border-radius:var(--input-border-radius,.375rem);border-radius:var(--input-border-radius,.375rem);cursor:pointer;font-weight:var(--font-weight-medium,500);padding:var(--input-padding-y,.5rem)var(--input-padding-x,.75rem);text-align:center;user-select:none;vertical-align:middle;white-space:nowrap;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;display:inline-block}input[type=submit]{-webkit-border-radius:var(--input-border-radius,.375rem);border-radius:var(--input-border-radius,.375rem);cursor:pointer;font-weight:var(--font-weight-medium,500);padding:var(--input-padding-y,.5rem)var(--input-padding-x,.75rem);text-align:center;user-select:none;vertical-align:middle;white-space:nowrap;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;display:inline-block}input[type=reset]{-webkit-border-radius:var(--input-border-radius,.375rem);border-radius:var(--input-border-radius,.375rem);cursor:pointer;font-weight:var(--font-weight-medium,500);padding:var(--input-padding-y,.5rem)var(--input-padding-x,.75rem);text-align:center;user-select:none;vertical-align:middle;white-space:nowrap;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;display:inline-block}input[type=button]{background-color:var(--form-button-bg);border:1px solid var(--form-button-border);color:var(--color-text-primary)}input[type=reset]{background-color:var(--form-button-bg);border:1px solid var(--form-button-border);color:var(--color-text-primary)}input[type=button]:hover{background-color:var(--form-button-hover-bg)}input[type=reset]:hover{background-color:var(--form-button-hover-bg)}.main{color:var(--main-color);font-size:var(--main-font-size);line-height:var(--main-line-height,1.6);max-width:var(--main-max-width,1200px);padding:var(--main-padding);width:100%;margin:0 auto;container-type:inline-size}.main h1{color:var(--main-heading-color);font-weight:var(--font-semibold,600);line-height:1%.2;margin:0 0 var(--space-4)0}.main h1:first-child{margin-top:0%}.main h1:last-child{margin-bottom:0%}.main h2{color:var(--main-heading-color);font-weight:var(--font-semibold,600);line-height:1%.2;margin:0 0 var(--space-4)0}.main h2:first-child{margin-top:0%}.main h2:last-child{margin-bottom:0%}.main h3{color:var(--main-heading-color);font-weight:var(--font-semibold,600);line-height:1%.2;margin:0 0 var(--space-4)0}.main h3:first-child{margin-top:0%}.main h3:last-child{margin-bottom:0%}.main h4{color:var(--main-heading-color);font-weight:var(--font-semibold,600);line-height:1%.2;margin:0 0 var(--space-4)0}.main h4:first-child{margin-top:0%}.main h4:last-child{margin-bottom:0%}.main h5{color:var(--main-heading-color);font-weight:var(--font-semibold,600);line-height:1%.2;margin:0 0 var(--space-4)0}.main h5:first-child{margin-top:0%}.main h5:last-child{margin-bottom:0%}.main h6{color:var(--main-heading-color);font-weight:var(--font-semibold,600);line-height:1%.2;margin:0 0 var(--space-4)0}.main h6:first-child{margin-top:0%}.main h6:last-child{margin-bottom:0%}.main h1{font-size:var(--text-4xl);font-weight:var(--font-bold);margin-bottom:var(--space-6)}@container (width<=768px){.main h1{font-size:var(--text-3xl)}}@container (width<=480px){.main h1{font-size:var(--text-2xl)}}.main h2{font-size:var(--text-3xl);margin-bottom:var(--space-5);margin-top:var(--space-8)}@container (width<=768px){.main h2{font-size:var(--text-2xl)}}@container (width<=480px){.main h2{font-size:var(--text-xl)}}.main h3{font-size:var(--text-2xl);margin-bottom:var(--space-4);margin-top:var(--space-6)}@container (width<=768px){.main h3{font-size:var(--text-xl)}}@container (width<=480px){.main h3{font-size:var(--text-lg)}}.main h4{font-size:var(--text-xl);margin-bottom:var(--space-3);margin-top:var(--space-5)}@container (width<=768px){.main h4{font-size:var(--text-lg)}}.main h5{font-size:var(--text-lg);margin-bottom:var(--space-3);margin-top:var(--space-4)}@container (width<=768px){.main h5{font-size:var(--text-base)}}.main h6{font-size:var(--text-base);margin-bottom:var(--space-2);margin-top:var(--space-4);text-transform:uppercase}@container (width<=768px){.main h6{font-size:var(--text-sm,.875rem)}}.main p{margin:0 0 var(--main-paragraph-gap)0}.main p:last-child{margin-bottom:0%}.main p.lead{font-size:var(--text-lg);font-weight:var(--font-medium,500);margin-bottom:var(--space-6)}@container (width<=768px){.main p.lead{font-size:var(--text-base)}}.main p.small{font-size:var(--text-sm,.875rem)}@container (width<=768px){.main p.small{font-size:var(--text-xs,.75rem)}}.main a{color:var(--main-link-color);text-underline-offset:2px;text-decoration:underline transparent;transition:all .2s}.main a:hover{color:var(--main-link-hover);text-decoration-color:currentColor}.main a:focus{color:var(--main-link-hover);text-decoration-color:currentColor}.main a:focus{outline:2px solid var(--main-link-color);outline-offset:2px}.main ul{margin:0 0 var(--main-paragraph-gap)0;padding-left:var(--space-6)}.main ul li{margin-bottom:var(--main-list-gap)}.main ul li:last-child{margin-bottom:0%}.main ul li ul{margin-bottom:0%;margin-top:var(--main-list-gap)}.main ul li ol{margin-bottom:0%;margin-top:var(--main-list-gap)}.main ul:last-child{margin-bottom:0%}.main ol{margin:0 0 var(--main-paragraph-gap)0;padding-left:var(--space-6)}.main ol li{margin-bottom:var(--main-list-gap)}.main ol li:last-child{margin-bottom:0%}.main ol li ul{margin-bottom:0%;margin-top:var(--main-list-gap)}.main ol li ol{margin-bottom:0%;margin-top:var(--main-list-gap)}.main ol:last-child{margin-bottom:0%}.main ul{list-style-type:disc}.main ul ul{list-style-type:circle}.main ul ul ul{list-style-type:square}.main ol{list-style-type:decimal}.main ol ol{list-style-type:lower-alpha}.main ol ol ol{list-style-type:lower-roman}.main dl{margin:0 0 var(--main-paragraph-gap)0}.main dl dt{font-weight:var(--font-semibold,600);margin-bottom:var(--space-1);margin-top:var(--space-3)}.main dl dt:first-child{margin-top:0%}.main dl dd{margin-bottom:var(--space-2);margin-left:var(--space-4)}.main dl dd:last-child{margin-bottom:0%}.main blockquote{border-left:4px solid var(--color-primary-200);font-size:var(--text-lg);margin:var(--space-6)0;padding:var(--space-4)var(--space-6);font-style:italic}@container (width<=768px){.main blockquote{font-size:var(--text-base);margin:var(--space-4)0;padding:var(--space-3)var(--space-4)}}.main blockquote p:last-child{margin-bottom:0%}.main blockquote cite{font-size:var(--text-sm,.875rem);font-style:normal;font-weight:var(--font-medium,500);margin-top:var(--space-2);display:block}.main blockquote cite:before{content:"— "}.main code{background-color:var(--color-neutral-100,#f3f4f6);-webkit-border-radius:var(--radius-sm,.125rem);border-radius:var(--radius-sm,.125rem);font-family:var(--font-mono);padding:.125em 10.25em;font-size:.875em}.main pre{background-color:var(--color-neutral-900,#111827);-webkit-border-radius:var(--radius-md,.375rem);border-radius:var(--radius-md,.375rem);color:var(--color-neutral-100,#f3f4f6);font-family:var(--font-mono);font-size:var(--text-sm,.875rem);margin:var(--space-6)0;padding:var(--space-4);line-height:1.5;overflow-x:auto}@container (width<=768px){.main pre{font-size:var(--text-xs,.75rem);margin:var(--space-4)0;padding:var(--space-3)}}.main pre code{color:inherit;font-size:inherit;background:0 0;padding:0}.main table{border-collapse:collapse;margin:var(--space-6)0;width:100%}@container (width<=768px){.main table{font-size:var(--text-sm,.875rem);margin:var(--space-4)0}}.main table th{border:1px solid var(--color-neutral-200,#e5e7eb);padding:var(--space-3);text-align:left}@container (width<=768px){.main table th{padding:var(--space-2)}}.main table td{border:1px solid var(--color-neutral-200,#e5e7eb);padding:var(--space-3);text-align:left}@container (width<=768px){.main table td{padding:var(--space-2)}}.main table th{background-color:var(--color-neutral-50);font-weight:var(--font-semibold,600)}.main table tbody tr:nth-child(2n){background-color:var(--color-neutral-25)}.main img{max-width:100%;height:auto}.main img.rounded{-webkit-border-radius:var(--radius-md,.375rem);border-radius:var(--radius-md,.375rem)}.main img.shadow{box-shadow:var(--shadow-lg)}.main figure{margin:var(--space-6)0}@container (width<=768px){.main figure{margin:var(--space-4)0}}.main figure img{margin:0 auto;display:block}.main figure figcaption{color:var(--color-neutral-600);font-size:var(--text-sm,.875rem);margin-top:var(--space-2);text-align:center;font-style:italic}@container (width<=768px){.main figure figcaption{font-size:var(--text-xs,.75rem)}}.main hr{border:none;border-top:1px solid var(--color-neutral-200,#e5e7eb);margin:var(--main-section-gap)0}@container (width<=768px){.main hr{margin:var(--space-6)0}}.main.narrow{max-width:var(--main-max-width-narrow,768px)}.main.wide{max-width:var(--main-max-width-wide,1440px)}.main.full{max-width:none}.main.centered{text-align:center}.main.compact{padding:var(--main-padding-compact)}.main.compact h1{margin-bottom:var(--space-4)}.main.compact h2{margin-bottom:var(--space-3);margin-top:var(--space-6)}.main.compact h3{margin-bottom:var(--space-3);margin-top:var(--space-4)}.main.compact p{margin-bottom:var(--space-3)}.main.compact blockquote{margin:var(--space-4)0}.main.compact pre{margin:var(--space-4)0}.main.compact table{margin:var(--space-4)0}.main.compact figure{margin:var(--space-4)0}.main.compact hr{margin:var(--space-6)0}.main.spacious{padding:var(--main-padding-spacious)}.main.spacious h1{margin-bottom:var(--space-8)}.main.spacious h2{margin-bottom:var(--space-6);margin-top:var(--space-12)}.main.spacious h3{margin-bottom:var(--space-5);margin-top:var(--space-8)}.main.spacious p{margin-bottom:var(--space-5)}.main.spacious blockquote{margin:var(--space-8)0}.main.spacious pre{margin:var(--space-8)0}.main.spacious table{margin:var(--space-8)0}.main.spacious figure{margin:var(--space-8)0}.main.spacious hr{margin:var(--space-12)0}.main.no-padding{padding:0}@container (width<=768px){.main{font-size:var(--text-sm,.875rem);padding:var(--space-4)var(--space-3)}.main.compact{padding:var(--space-3)var(--space-2)}.main.spacious{padding:var(--space-6)var(--space-4)}}@container (width<=480px){.main{font-size:var(--text-sm,.875rem);padding:var(--space-3)var(--space-2)}.main ul{padding-left:var(--space-4)}.main ol{padding-left:var(--space-4)}.main blockquote{padding:var(--space-2)var(--space-3)}.main table{font-size:var(--text-xs,.75rem)}.main table th{padding:var(--space-1)}.main table td{padding:var(--space-1)}}@media (prefers-color-scheme:dark){.main{--main-color:var(--color-neutral-100,#f3f4f6);--main-heading-color:var(--color-neutral-50);--main-link-color:var(--color-primary-400);--main-link-hover:var(--color-primary-300)}.main code{background-color:var(--color-neutral-800,#1f2937);color:var(--color-neutral-200,#e5e7eb)}.main table th{border-color:var(--color-neutral-700,#374151)}.main table td{border-color:var(--color-neutral-700,#374151)}.main table th{background-color:var(--color-neutral-800,#1f2937)}.main table tbody tr:nth-child(2n){background-color:var(--color-neutral-900,#111827)}.main blockquote{border-left-color:var(--color-primary-600,#2563eb)}.main hr{border-top-color:var(--color-neutral-700,#374151)}.main figure figcaption{color:var(--color-neutral-400,#9ca3af)}}@supports not (container-type:inline-size){@media (max-width:768px){.main{font-size:var(--text-sm,.875rem);padding:var(--space-4)var(--space-3)}.main h1{font-size:var(--text-3xl)}.main h2{font-size:var(--text-2xl)}.main h3{font-size:var(--text-xl)}.main h4{font-size:var(--text-lg)}.main h5{font-size:var(--text-base)}.main h6{font-size:var(--text-sm,.875rem)}.main p.lead{font-size:var(--text-base)}.main p.small{font-size:var(--text-xs,.75rem)}.main blockquote{font-size:var(--text-base);margin:var(--space-4)0;padding:var(--space-3)var(--space-4)}.main pre{font-size:var(--text-xs,.75rem);margin:var(--space-4)0;padding:var(--space-3)}.main table{font-size:var(--text-sm,.875rem);margin:var(--space-4)0}.main table th{padding:var(--space-2)}.main table td{padding:var(--space-2)}.main figure{margin:var(--space-4)0}.main figure figcaption{font-size:var(--text-xs,.75rem)}.main hr{margin:var(--space-6)0}.main.compact{padding:var(--space-3)var(--space-2)}.main.spacious{padding:var(--space-6)var(--space-4)}}@media (max-width:480px){.main{font-size:var(--text-sm,.875rem);padding:var(--space-3)var(--space-2)}.main h1{font-size:var(--text-2xl)}.main h2{font-size:var(--text-xl)}.main h3{font-size:var(--text-lg)}.main ul{padding-left:var(--space-4)}.main ol{padding-left:var(--space-4)}.main blockquote{padding:var(--space-2)var(--space-3)}.main table{font-size:var(--text-xs,.75rem)}.main table th{padding:var(--space-1)}.main table td{padding:var(--space-1)}}}@media print{.main{max-width:none;padding:0;font-size:12pt;color:var(--color-neutral-900,#111827)!important}.main h1{page-break-after:avoid;color:var(--color-neutral-900,#111827)!important}.main h2{page-break-after:avoid;color:var(--color-neutral-900,#111827)!important}.main h3{page-break-after:avoid;color:var(--color-neutral-900,#111827)!important}.main h4{page-break-after:avoid;color:var(--color-neutral-900,#111827)!important}.main h5{page-break-after:avoid;color:var(--color-neutral-900,#111827)!important}.main h6{page-break-after:avoid;color:var(--color-neutral-900,#111827)!important}.main p{orphans:3;widows:3}.main li{orphans:3;widows:3}.main blockquote{page-break-inside:avoid}.main pre{page-break-inside:avoid}.main table{page-break-inside:avoid}.main figure{page-break-inside:avoid}.main a{text-decoration:underline;color:var(--color-neutral-900,#111827)!important}.main pre{border:1px solid var(--color-neutral-300,#d1d5db);background:var(--color-neutral-100,#f3f4f6)!important;color:var(--color-neutral-900,#111827)!important}.main code{background:var(--color-neutral-100,#f3f4f6)!important;color:var(--color-neutral-900,#111827)!important}}@media (prefers-contrast:more){.main a{text-decoration:underline}.main table th{border:2px solid}.main table td{border:2px solid}.main blockquote{border-left-width:6px}.main code{border:1px solid}}@media (prefers-reduced-motion:reduce){.main a{transition:none}}.header,.header-standard,.header-center,.header-split,.header-stacked,.header-left,.header-bottom-bar{background-color:var(--header-bg);border-bottom:1px solid var(--header-border);box-shadow:var(--header-shadow);color:var(--header-text);font-size:var(--header-font-size);font-weight:var(--header-font-weight);line-height:var(--header-line-height,1.5);min-height:var(--header-height,4rem);width:100%;z-index:var(--header-z-index);position:relative;container-type:inline-size}:is(.header,.header-standard,.header-center,.header-split,.header-stacked,.header-left,.header-bottom-bar).sticky{position:sticky;top:0%}:is(.header,.header-standard,.header-center,.header-split,.header-stacked,.header-left,.header-bottom-bar).transparent{box-shadow:none;background-color:transparent;border-bottom:none}:is(.header,.header-standard,.header-center,.header-split,.header-stacked,.header-left,.header-bottom-bar).compact{min-height:var(--header-height-compact,3rem)}:is(.header,.header-standard,.header-center,.header-split,.header-stacked,.header-left,.header-bottom-bar).large{min-height:var(--header-height-large,5rem)}.header{align-items:center;gap:var(--space-4);grid-column:span 12;grid-template-columns:subgrid;padding-block:var(--space-4);grid-template-rows:auto;display:grid}.header .logo{grid-column:1/span 3;align-items:center;display:flex}.header .logo img{max-height:var(--logo-max-height,2rem);width:auto}.header .nav{gap:var(--space-4);grid-column:4/span 6;justify-content:center;display:flex}.header .nav .links{gap:var(--space-4);margin:0;padding:0;list-style:none;display:flex}.header .nav .link{color:var(--nav-link-color);font-weight:var(--font-medium,500);padding:var(--space-2);transition:var(--menu-transition);text-decoration:none;display:inline-block}.header .nav .link:hover{color:var(--nav-link-color-hover)}.header .nav .link.active{color:var(--nav-link-color-active);font-weight:var(--font-semibold,600)}@container (width<=768px){.header .nav.mobile-hidden{display:none}}.header .actions{gap:var(--space-2);grid-column:10/span 3;justify-content:flex-end;display:flex}.header .search{max-width:30%0px;width:100%;display:flex}.header .search .input{flex:1}.header .toggle{display:none}@container (width<=768px){.header .toggle{cursor:pointer;background:0 0;border:none;grid-column:12;display:block}}.header.fixed{background-color:var(--header-bg);box-shadow:var(--header-shadow);z-index:var(--header-z-index);position:fixed;top:0%;left:0%;right:0%}.header.primary{background-color:var(--color-primary,#3b82f6);color:#fff}.header.primary .link{color:var(--color-primary-100,#dbeafe)}.header.primary .link:hover{color:var(--color-white,#fff)}.header.light{background-color:var(--color-white,#fff)}.header.dark{background-color:var(--color-neutral-900,#111827)}.header.dark .link{color:var(--color-neutral-300,#d1d5db)}.header.dark .link:hover{color:var(--color-white,#fff)}@container (width<=768px){.header{grid-template-columns:repeat(12,1fr)}.header .logo{grid-column:1/span 6}.header .nav{display:none}.header .actions{grid-column:7/span 5}}:is(.header-standard,.header-center,.header-split,.header-stacked,.header-left,.header-bottom-bar) .header-content{max-width:var(--header-max-width,1280px);padding:var(--header-padding);align-items:center;width:100%;margin:0 auto;display:flex}.header-logo{flex-shrink:0;align-items:center;display:flex}.header-logo img{height:auto;max-height:var(--logo-max-height,2rem);max-width:var(--logo-max-width,8rem);width:auto}.header-logo svg{height:auto;max-height:var(--logo-max-height,2rem);max-width:var(--logo-max-width,8rem);width:auto}.header-nav ul{align-items:center;gap:var(--menu-gap);margin:0;padding:0;list-style:none;display:flex}.header-nav li{position:relative}.header-nav a{-webkit-border-radius:var(--radius-md,.375rem);border-radius:var(--radius-md,.375rem);color:var(--nav-link-color);font-weight:var(--font-medium,500);align-items:center;gap:var(--space-1);padding:var(--menu-item-padding-y)var(--menu-item-padding-x);transition:var(--menu-transition);text-decoration:none;display:flex}.header-nav a:hover{background-color:var(--nav-link-bg-hover);color:var(--nav-link-color-hover)}.header-nav a.active{background-color:var(--nav-link-bg-active);color:var(--nav-link-color-active)}.header-nav .has-dropdown>a:after{content:"▼";font-size:var(--text-xs,.75rem);margin-left:var(--space-1);transition:transform .2s}.header-nav .has-dropdown:hover>a:after{transform:rotate(180deg)}.header-nav .has-dropdown.open>a:after{transform:rotate(180deg)}.header-nav .dropdown{background-color:var(--mobile-menu-bg);-webkit-border-radius:var(--mobile-menu-border-radius);border-radius:var(--mobile-menu-border-radius);box-shadow:var(--mobile-menu-shadow);min-width:20%0px;opacity:0;padding:var(--space-2);transition:var(--menu-transition);visibility:hidden;z-index:var(--mobile-menu-z-index);position:absolute;top:100%;left:0%;transform:translateY(-10px)}.header-nav .has-dropdown:hover .dropdown{opacity:1;visibility:visible;transform:translateY(0%)}.header-nav .has-dropdown.open .dropdown{opacity:1;visibility:visible;transform:translateY(0%)}.header-nav .dropdown ul{flex-direction:column;gap:0}.header-nav .dropdown a{-webkit-border-radius:var(--radius-sm,.125rem);border-radius:var(--radius-sm,.125rem);font-size:var(--text-sm,.875rem);padding:var(--space-2)var(--space-3);width:100%}.header-nav .dropdown .has-dropdown>a:after{content:"▶";margin-left:auto}.header-nav .dropdown .dropdown{top:0%;left:100%}.header-nav .has-megamenu .dropdown{gap:var(--space-6);max-width:9%0vw;min-width:60%0px;padding:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));width:max-content;display:grid;left:50%;transform:translate(-50%)translateY(-10px)}.header-nav .has-megamenu:hover .dropdown{transform:translate(-50%)translateY(0)}.header-nav .has-megamenu.open .dropdown{transform:translate(-50%)translateY(0)}.header-nav .megamenu-section{gap:var(--space-3);flex-direction:column;display:flex}.header-nav .megamenu-title{color:var(--header-text);font-size:var(--text-sm,.875rem);font-weight:var(--font-semibold,600);margin-bottom:var(--space-2);text-transform:uppercase}.header-nav .megamenu-section ul{gap:var(--space-1);flex-direction:column}.header-nav .megamenu-section a{font-size:var(--text-sm,.875rem);padding:var(--space-1)var(--space-2)}.header-toggle{cursor:pointer;height:var(--header-hamburger-size,1.5rem);width:var(--header-hamburger-size,1.5rem);background:0 0;border:none;padding:0;display:none}@container (width<=768px){.header-toggle{display:block}}.header-mobile{background-color:var(--mobile-menu-bg);border-top:1px solid var(--header-border);padding:var(--space-4);z-index:var(--mobile-menu-z-index);display:none;position:absolute;top:100%;left:0%;right:0%}@container (width<=768px){.header-mobile{display:block}}.header-standard .header-content{justify-content:space-between}.header-center .header-content{gap:var(--space-4);flex-direction:column}.header-center .header-logo{order:1}.header-center .header-nav{order:2}.header-center .header-actions{order:3;margin-left:0%}.header-split .header-content{justify-content:space-between}.header-split .header-nav:first-of-type{order:1}.header-split .header-logo{order:2}.header-split .header-nav:last-of-type{order:3}.header-stacked .header-content{gap:var(--space-4);text-align:center;flex-direction:column}.header-stacked .header-nav{margin-left:0%}.header-stacked.inline .header-content{align-items:center;gap:var(--space-6);flex-direction:row}.header-stacked.inline .header-nav{margin-left:auto}.header-left .header-content{justify-content:flex-start}.header-left .header-content{gap:var(--space-6)}.header-bottom-bar .header-top{border-bottom:1px solid var(--header-border);padding:var(--space-2)var(--space-6);justify-content:space-between;align-items:center;display:flex}.header-bottom-bar .header-bottom{padding:var(--space-4)var(--space-6)}.header-bottom-bar .header-nav{justify-content:center;width:100%}.header-bottom-bar.transparent .header-bottom{background-color:var(--header-bg);border-top:1px solid var(--header-border)}@container (width<=1024px){:is(.header-center,.header-split,.header-stacked) .header-content{gap:var(--space-4);flex-direction:column}:is(.header-center,.header-split,.header-stacked) .header-nav{margin-left:0%}:is(.header-center,.header-split,.header-stacked) .header-toggle{display:block}:is(.header-center,.header-split,.header-stacked) .header-logo img{max-height:3%2px}:is(.header-center,.header-split,.header-stacked) .header-logo svg{max-height:3%2px}:is(.header-center,.header-split,.header-stacked) .header{min-height:var(--header-height-compact,3rem)}:is(.header-center,.header-split,.header-stacked) .header-bottom-bar .header-bottom{padding:var(--space-3)var(--space-4)}:is(.header-center,.header-split,.header-stacked) .header-nav .dropdown{visibility:visible;position:static;transform:none}}@container (width<=768px){:is(.header-center,.header-split,.header-stacked) .header-content{gap:var(--space-3);flex-direction:column}:is(.header-center,.header-split,.header-stacked) .header-nav{display:none}:is(.header-center,.header-split,.header-stacked) .header-toggle{display:block}:is(.header-center,.header-split,.header-stacked) .header-logo img{max-height:2%8px}:is(.header-center,.header-split,.header-stacked) .header-logo svg{max-height:2%8px}:is(.header-center,.header-split,.header-stacked) .header{min-height:var(--header-height-compact,3rem)}:is(.header-center,.header-split,.header-stacked) .header-bottom-bar .header-bottom{padding:var(--space-2)var(--space-3)}}.footer,.footer-simple,.footer-columns,.footer-stacked,.footer-split,.footer-minimal{background-color:var(--footer-bg);color:var(--footer-text);font-size:var(--footer-font-size);line-height:var(--footer-line-height,1.5);padding:var(--footer-padding);width:100%;container-type:inline-size}:is(.footer,.footer-simple,.footer-columns,.footer-stacked,.footer-split,.footer-minimal) h1{color:var(--footer-heading);font-size:var(--footer-heading-size);font-weight:var(--footer-heading-weight);margin:0 0 var(--footer-section-gap)0}:is(.footer,.footer-simple,.footer-columns,.footer-stacked,.footer-split,.footer-minimal) h2{color:var(--footer-heading);font-size:var(--footer-heading-size);font-weight:var(--footer-heading-weight);margin:0 0 var(--footer-section-gap)0}:is(.footer,.footer-simple,.footer-columns,.footer-stacked,.footer-split,.footer-minimal) h3{color:var(--footer-heading);font-size:var(--footer-heading-size);font-weight:var(--footer-heading-weight);margin:0 0 var(--footer-section-gap)0}:is(.footer,.footer-simple,.footer-columns,.footer-stacked,.footer-split,.footer-minimal) h4{color:var(--footer-heading);font-size:var(--footer-heading-size);font-weight:var(--footer-heading-weight);margin:0 0 var(--footer-section-gap)0}:is(.footer,.footer-simple,.footer-columns,.footer-stacked,.footer-split,.footer-minimal) h5{color:var(--footer-heading);font-size:var(--footer-heading-size);font-weight:var(--footer-heading-weight);margin:0 0 var(--footer-section-gap)0}:is(.footer,.footer-simple,.footer-columns,.footer-stacked,.footer-split,.footer-minimal) h6{color:var(--footer-heading);font-size:var(--footer-heading-size);font-weight:var(--footer-heading-weight);margin:0 0 var(--footer-section-gap)0}:is(.footer,.footer-simple,.footer-columns,.footer-stacked,.footer-split,.footer-minimal) .heading{color:var(--footer-heading);font-size:var(--footer-heading-size);font-weight:var(--footer-heading-weight);margin:0 0 var(--footer-section-gap)0}:is(.footer,.footer-simple,.footer-columns,.footer-stacked,.footer-split,.footer-minimal) p{margin:0 0 var(--space-3)0}:is(.footer,.footer-simple,.footer-columns,.footer-stacked,.footer-split,.footer-minimal) p:last-child{margin-bottom:0%}:is(.footer,.footer-simple,.footer-columns,.footer-stacked,.footer-split,.footer-minimal) a{color:var(--footer-link);font-weight:var(--footer-link-weight);text-decoration:none;transition:color .2s}:is(.footer,.footer-simple,.footer-columns,.footer-stacked,.footer-split,.footer-minimal) a:hover{color:var(--footer-link-hover);text-decoration:underline}:is(.footer,.footer-simple,.footer-columns,.footer-stacked,.footer-split,.footer-minimal) a:focus{color:var(--footer-link-hover);text-decoration:underline}:is(.footer,.footer-simple,.footer-columns,.footer-stacked,.footer-split,.footer-minimal) a:focus{outline:2px solid var(--footer-link);outline-offset:2px}:is(.footer,.footer-simple,.footer-columns,.footer-stacked,.footer-split,.footer-minimal) .link{color:var(--footer-link);font-weight:var(--footer-link-weight);text-decoration:none;transition:color .2s}:is(.footer,.footer-simple,.footer-columns,.footer-stacked,.footer-split,.footer-minimal) .link:hover{color:var(--footer-link-hover);text-decoration:underline}:is(.footer,.footer-simple,.footer-columns,.footer-stacked,.footer-split,.footer-minimal) .link:focus{color:var(--footer-link-hover);text-decoration:underline}:is(.footer,.footer-simple,.footer-columns,.footer-stacked,.footer-split,.footer-minimal) .link:focus{outline:2px solid var(--footer-link);outline-offset:2px}:is(.footer,.footer-simple,.footer-columns,.footer-stacked,.footer-split,.footer-minimal) ul{margin:0;padding:0;list-style:none}:is(.footer,.footer-simple,.footer-columns,.footer-stacked,.footer-split,.footer-minimal) ul li{margin-bottom:var(--space-2)}:is(.footer,.footer-simple,.footer-columns,.footer-stacked,.footer-split,.footer-minimal) ul li:last-child{margin-bottom:0%}:is(.footer,.footer-simple,.footer-columns,.footer-stacked,.footer-split,.footer-minimal) ol{margin:0;padding:0;list-style:none}:is(.footer,.footer-simple,.footer-columns,.footer-stacked,.footer-split,.footer-minimal) ol li{margin-bottom:var(--space-2)}:is(.footer,.footer-simple,.footer-columns,.footer-stacked,.footer-split,.footer-minimal) ol li:last-child{margin-bottom:0%}:is(.footer,.footer-simple,.footer-columns,.footer-stacked,.footer-split,.footer-minimal) .links{margin:0;padding:0;list-style:none}:is(.footer,.footer-simple,.footer-columns,.footer-stacked,.footer-split,.footer-minimal) .links li{margin-bottom:var(--space-2)}:is(.footer,.footer-simple,.footer-columns,.footer-stacked,.footer-split,.footer-minimal) .links li:last-child{margin-bottom:0%}:is(.footer,.footer-simple,.footer-columns,.footer-stacked,.footer-split,.footer-minimal) .address{color:var(--footer-text);font-style:normal;line-height:1.5}:is(.footer,.footer-simple,.footer-columns,.footer-stacked,.footer-split,.footer-minimal).compact{padding:var(--footer-padding-compact)}:is(.footer,.footer-simple,.footer-columns,.footer-stacked,.footer-split,.footer-minimal).spacious{padding:var(--footer-padding-spacious)}:is(.footer,.footer-simple,.footer-columns,.footer-stacked,.footer-split,.footer-minimal).center{text-align:center}:is(.footer,.footer-simple,.footer-columns,.footer-stacked,.footer-split,.footer-minimal).left{text-align:left}:is(.footer,.footer-simple,.footer-columns,.footer-stacked,.footer-split,.footer-minimal).right{text-align:right}.footer{border-top:1px solid var(--footer-border);gap:var(--space-4);grid-column:span 12;grid-template-columns:subgrid;grid-template-rows:auto;display:grid}.footer .logo{grid-column:span 3}.footer .logo img{height:auto;max-width:15%0px}.footer .content{gap:var(--space-6);grid-column:span 9;grid-template-columns:repeat(3,1fr);display:grid}.footer .section{gap:var(--space-2);flex-direction:column;display:flex}.footer .bottom{border-top:1px solid var(--footer-border);margin-top:var(--space-4);padding-top:var(--space-4);grid-column:span 12;justify-content:space-between;align-items:center;display:flex}.footer .copyright{color:var(--footer-text);font-size:var(--text-sm,.875rem);margin:0}.footer .social{gap:var(--space-3);display:flex}.footer .social .social-link{background-color:var(--color-neutral-100,#f3f4f6);color:var(--color-neutral-600);-webkit-border-radius:50px;border-radius:50px;justify-content:center;align-items:center;width:2rem;height:2rem;transition:background-color .15s,color .15s;display:flex}.footer .social .social-link:hover{background-color:var(--color-primary,#3b82f6);color:#fff}.footer .legal{gap:var(--space-4);display:flex}.footer .legal a{color:var(--footer-text);font-size:var(--text-sm,.875rem)}.footer .legal a:hover{color:var(--footer-link-hover)}.footer.light{background-color:var(--color-white,#fff)}.footer.dark{background-color:var(--color-neutral-900,#111827)}.footer.dark .heading{color:var(--color-white,#fff)}.footer.dark .link{color:var(--color-neutral-300,#d1d5db)}.footer.dark .address{color:var(--color-neutral-300,#d1d5db)}.footer.dark .link:hover{color:var(--color-primary-400)}.footer.dark .bottom{border-top-color:var(--color-neutral-700,#374151)}.footer.dark .copyright{color:var(--color-neutral-400,#9ca3af)}.footer.dark .legal a{color:var(--color-neutral-400,#9ca3af)}.footer.dark .social-link{background-color:var(--color-neutral-700,#374151);color:var(--color-neutral-300,#d1d5db)}.footer.primary{background-color:var(--color-primary,#3b82f6);color:var(--color-white,#fff)}.footer.primary .heading{color:var(--color-white,#fff)}.footer.primary .link{color:var(--color-primary-100,#dbeafe)}.footer.primary .address{color:var(--color-primary-100,#dbeafe)}.footer.primary .link:hover{color:var(--color-white,#fff)}.footer.primary .bottom{border-top-color:var(--color-primary-600,#2563eb)}.footer.primary .copyright{color:var(--color-primary-200)}.footer.primary .legal a{color:var(--color-primary-200)}.footer.primary .social-link{background-color:var(--color-primary-600,#2563eb);color:var(--color-white,#fff)}.footer.minimal{padding:var(--space-4)0;background-color:transparent;border-top:none}.footer.minimal .bottom{border-top:1px solid var(--color-neutral-200,#e5e7eb);padding-top:var(--space-4);margin-top:0%}@container (width<=992px){.footer .logo{text-align:center;grid-column:span 12}.footer .content{grid-column:span 12;grid-template-columns:repeat(2,1fr)}}@container (width<=768px){.footer .bottom{gap:var(--space-4);text-align:center;flex-direction:column}.footer .legal{gap:var(--space-2);flex-direction:column}}@container (width<=576px){.footer .content{grid-template-columns:1fr}}:is(.footer-simple,.footer-columns,.footer-stacked,.footer-split,.footer-minimal) .footer-content{max-width:var(--footer-max-width,1280px);width:100%;margin:0 auto}.footer-simple .footer-content{align-items:center;gap:var(--footer-gap);flex-wrap:wrap;justify-content:space-between;display:flex}@container (width<=768px){.footer-simple .footer-content{gap:var(--footer-gap-compact);text-align:center;flex-direction:column}}.footer-simple nav ul{gap:var(--space-4);flex-direction:row}@container (width<=768px){.footer-simple nav ul{gap:var(--space-2);flex-direction:column}}.footer-columns .footer-content{gap:var(--footer-column-gap);grid-template-columns:repeat(var(--footer-columns),1fr);display:grid}@container (width<=1024px){.footer-columns .footer-content{grid-template-columns:repeat(2,1fr)}}@container (width<=768px){.footer-columns .footer-content{gap:var(--footer-gap);grid-template-columns:1fr}}.footer-columns.cols-2{--footer-columns:2}@container (width<=768px){.footer-columns.cols-2 .footer-content{grid-template-columns:1fr}}.footer-columns.cols-3{--footer-columns:3}@container (width<=1024px){.footer-columns.cols-3 .footer-content{grid-template-columns:repeat(2,1fr)}}@container (width<=768px){.footer-columns.cols-3 .footer-content{grid-template-columns:1fr}}.footer-columns.cols-4{--footer-columns:4}@container (width<=1024px){.footer-columns.cols-4 .footer-content{grid-template-columns:repeat(2,1fr)}}@container (width<=768px){.footer-columns.cols-4 .footer-content{grid-template-columns:1fr}}.footer-columns section h4{border-bottom:2px solid var(--footer-border);margin-bottom:var(--space-3);padding-bottom:var(--space-2)}.footer-stacked .footer-content{gap:var(--footer-gap);text-align:center;flex-direction:column;display:flex}.footer-stacked .footer-content>*{border-bottom:1px solid var(--footer-border);padding-bottom:var(--footer-gap)}.footer-stacked .footer-content>*:last-child{border-bottom:none;padding-bottom:0%}.footer-stacked nav ul{gap:var(--space-4);flex-flow:wrap;justify-content:center}@container (width<=768px){.footer-stacked nav ul{gap:var(--space-2);flex-direction:column}}.footer-split .footer-content{justify-content:space-between;align-items:center;display:flex}@container (width<=768px){.footer-split .footer-content{gap:var(--footer-gap);text-align:center;flex-direction:column}}.footer-split .footer-left{gap:var(--space-2);flex-direction:column;display:flex}@container (width<=768px){.footer-split .footer-left{align-items:center}}.footer-split .footer-right{gap:var(--space-2);flex-direction:column;display:flex}@container (width<=768px){.footer-split .footer-right{align-items:center}}.footer-split nav ul{gap:var(--space-4);flex-direction:row}@container (width<=768px){.footer-split nav ul{gap:var(--space-2);flex-direction:column}}.footer-minimal{border-top:1px solid var(--footer-border);padding:var(--space-4)0;background-color:transparent}.footer-minimal .footer-content{justify-content:space-between;align-items:center;display:flex}@container (width<=768px){.footer-minimal .footer-content{gap:var(--space-3);text-align:center;flex-direction:column}}.footer-minimal nav ul{gap:var(--space-4);flex-direction:row}@container (