@ivds/core 0.1.1

package/lib/components/footer/footer.css

@@ -0,0 +1,466 @@
+/* Footer component styles*/
+/* Provides styling for the IVDS footer component with multi-column layout and responsive stacking*/
+.ivds-footer {
+  padding: var(--spacing-8, 2rem) var(--spacing-6, 1.5rem);
+  background-color: var(--color-semantic-neutral-900, #0f172a);
+  color: var(--color-semantic-neutral-300, #cbd5e1);
+  line-height: var(--lineHeight-relaxed, 1.625);
+}
+@media (max-width: 768px) {
+  .ivds-footer .ivds-footer__grid {
+    grid-template-columns: 1fr 1fr;
+    gap: var(--spacing-6, 1.5rem) var(--spacing-4, 1rem);
+  }
+}
+@media (max-width: 480px) {
+  .ivds-footer .ivds-footer__grid {
+    grid-template-columns: 1fr;
+    gap: var(--spacing-6, 1.5rem);
+  }
+  .ivds-footer .ivds-footer__section {
+    text-align: center;
+  }
+  .ivds-footer .ivds-footer__section:first-child {
+    text-align: left;
+  }
+}
+.ivds-footer {
+  /* Content container*/
+}
+.ivds-footer__content {
+  max-width: 1200px;
+  margin: 0 auto;
+  width: 100%;
+}
+.ivds-footer {
+  /* Multi-column grid layout*/
+}
+.ivds-footer__grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+  grid-gap: var(--spacing-8, 2rem);
+  gap: var(--spacing-8, 2rem);
+  margin-bottom: var(--spacing-8, 2rem);
+}
+@media (max-width: 1024px) {
+  .ivds-footer__grid {
+    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+    gap: var(--spacing-6, 1.5rem);
+    margin-bottom: var(--spacing-6, 1.5rem);
+  }
+}
+@media (max-width: 768px) {
+  .ivds-footer__grid {
+    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
+    gap: var(--spacing-4, 1rem);
+    margin-bottom: var(--spacing-4, 1rem);
+  }
+}
+@media (max-width: 480px) {
+  .ivds-footer__grid {
+    grid-template-columns: 1fr;
+    gap: var(--spacing-6, 1.5rem);
+  }
+}
+.ivds-footer {
+  /* Individual footer sections*/
+}
+.ivds-footer__section-title {
+  margin: 0 0 var(--spacing-4, 1rem) 0;
+  font-size: var(--fontSize-lg, 1.125rem);
+  font-weight: var(--fontWeight-semibold, 600);
+  color: var(--color-semantic-neutral-25, #fcfcfd);
+  line-height: var(--lineHeight-tight, 1.25);
+}
+@media (max-width: 768px) {
+  .ivds-footer__section-title {
+    font-size: var(--fontSize-base, 1rem);
+    margin-bottom: var(--spacing-3, 0.75rem);
+  }
+}
+.ivds-footer__section-list {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+.ivds-footer__section-item {
+  margin-bottom: var(--spacing-2, 0.5rem);
+}
+.ivds-footer__section-item:last-child {
+  margin-bottom: 0;
+}
+.ivds-footer__section-link {
+  color: var(--color-semantic-neutral-300, #cbd5e1);
+  text-decoration: none;
+  font-size: var(--fontSize-sm, 0.875rem);
+  transition: color 0.2s ease-in-out;
+  display: inline-flex;
+  align-items: center;
+}
+.ivds-footer__section-link:hover {
+  color: var(--color-semantic-neutral-25, #fcfcfd);
+}
+.ivds-footer__section-link:focus {
+  outline: 2px solid var(--color-brand-primary-500, #f97316);
+  outline-offset: 2px;
+  border-radius: var(--borderRadius-sm, 0.25rem);
+}
+.ivds-footer__section-link svg {
+  margin-right: var(--spacing-2, 0.5rem);
+  flex-shrink: 0;
+}
+.ivds-footer {
+  /* Bottom section with copyright and legal links*/
+}
+.ivds-footer__bottom {
+  padding-top: var(--spacing-8, 2rem);
+  border-top: var(--borderWidth-1, 1px) solid var(--color-semantic-neutral-700, #374151);
+  text-align: center;
+  font-size: var(--fontSize-sm, 0.875rem);
+  color: var(--color-semantic-neutral-400, #9ca3af);
+}
+@media (max-width: 768px) {
+  .ivds-footer__bottom {
+    padding-top: var(--spacing-6, 1.5rem);
+    text-align: left;
+  }
+}
+.ivds-footer__bottom a {
+  color: var(--color-semantic-neutral-300, #cbd5e1);
+  text-decoration: none;
+}
+.ivds-footer__bottom a:hover {
+  color: var(--color-semantic-neutral-25, #fcfcfd);
+  text-decoration: underline;
+}
+.ivds-footer__bottom a:focus {
+  outline: 2px solid var(--color-brand-primary-500, #f97316);
+  outline-offset: 2px;
+  border-radius: var(--borderRadius-sm, 0.25rem);
+}
+.ivds-footer__bottom--inline-links, .ivds-footer--bottom-inline .ivds-footer__bottom {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  gap: var(--spacing-4, 1rem);
+  flex-wrap: wrap;
+}
+@media (max-width: 768px) {
+  .ivds-footer__bottom--inline-links, .ivds-footer--bottom-inline .ivds-footer__bottom {
+    justify-content: flex-start;
+    gap: var(--spacing-3, 0.75rem);
+  }
+}
+.ivds-footer {
+  /* Brand section elements*/
+}
+.ivds-footer__brand-logo {
+  height: 2rem;
+  width: auto;
+  margin-bottom: var(--spacing-3, 0.75rem);
+}
+@media (max-width: 768px) {
+  .ivds-footer__brand-logo {
+    height: calc(2rem * 0.875);
+  }
+}
+.ivds-footer__brand-name {
+  font-size: var(--fontSize-xl, 1.25rem);
+  font-weight: var(--fontWeight-bold, 700);
+  color: var(--color-semantic-neutral-25, #fcfcfd);
+  margin-bottom: var(--spacing-2, 0.5rem);
+}
+@media (max-width: 768px) {
+  .ivds-footer__brand-name {
+    font-size: var(--fontSize-lg, 1.125rem);
+  }
+}
+.ivds-footer__brand-description {
+  font-size: var(--fontSize-sm, 0.875rem);
+  color: var(--color-semantic-neutral-400, #9ca3af);
+  line-height: var(--lineHeight-relaxed, 1.625);
+  margin-bottom: var(--spacing-4, 1rem);
+}
+.ivds-footer {
+  /* Social links container*/
+}
+.ivds-footer__social {
+  display: flex;
+  gap: var(--spacing-3, 0.75rem);
+  margin-top: var(--spacing-4, 1rem);
+}
+@media (max-width: 768px) {
+  .ivds-footer__social {
+    justify-content: center;
+    margin-top: var(--spacing-3, 0.75rem);
+  }
+}
+.ivds-footer__social a {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 2.5rem;
+  height: 2.5rem;
+  border-radius: var(--borderRadius-md, 0.375rem);
+  background-color: var(--color-semantic-neutral-800, #1e293b);
+  color: var(--color-semantic-neutral-300, #cbd5e1);
+  transition: all 0.2s ease-in-out;
+}
+.ivds-footer__social a:hover {
+  background-color: var(--color-brand-primary-500, #f97316);
+  color: var(--color-semantic-neutral-25, #fcfcfd);
+  transform: translateY(-2px);
+}
+.ivds-footer__social a:focus {
+  outline: 2px solid var(--color-brand-primary-500, #f97316);
+  outline-offset: 2px;
+}
+.ivds-footer__social a svg {
+  width: 1.25rem;
+  height: 1.25rem;
+  margin: 0;
+}
+.ivds-footer {
+  /* Newsletter signup elements*/
+}
+.ivds-footer__newsletter-form {
+  display: flex;
+  gap: var(--spacing-2, 0.5rem);
+  margin-top: var(--spacing-3, 0.75rem);
+}
+@media (max-width: 480px) {
+  .ivds-footer__newsletter-form {
+    flex-direction: column;
+  }
+}
+.ivds-footer__newsletter-input {
+  flex: 1;
+  padding: var(--spacing-3, 0.75rem);
+  border: var(--borderWidth-1, 1px) solid var(--color-semantic-neutral-600, #475569);
+  border-radius: var(--borderRadius-md, 0.375rem);
+  background-color: var(--color-semantic-neutral-800, #1e293b);
+  color: var(--color-semantic-neutral-100, #f1f5f9);
+  font-size: var(--fontSize-sm, 0.875rem);
+}
+.ivds-footer__newsletter-input::-moz-placeholder {
+  color: var(--color-semantic-neutral-500, #64748b);
+}
+.ivds-footer__newsletter-input::placeholder {
+  color: var(--color-semantic-neutral-500, #64748b);
+}
+.ivds-footer__newsletter-input:focus {
+  outline: 2px solid var(--color-brand-primary-500, #f97316);
+  outline-offset: 2px;
+  border-color: var(--color-brand-primary-500, #f97316);
+}
+@media (max-width: 480px) {
+  .ivds-footer__newsletter-input {
+    width: 100%;
+  }
+}
+.ivds-footer__newsletter-button {
+  padding: var(--spacing-3, 0.75rem) var(--spacing-4, 1rem);
+  background-color: var(--color-brand-primary-500, #f97316);
+  color: var(--color-semantic-neutral-25, #fcfcfd);
+  border: none;
+  border-radius: var(--borderRadius-md, 0.375rem);
+  font-size: var(--fontSize-sm, 0.875rem);
+  font-weight: var(--fontWeight-medium, 500);
+  cursor: pointer;
+  transition: background-color 0.2s ease-in-out;
+  white-space: nowrap;
+}
+.ivds-footer__newsletter-button:hover {
+  background-color: var(--color-brand-primary-600, #ea580c);
+}
+.ivds-footer__newsletter-button:focus {
+  outline: 2px solid var(--color-brand-primary-500, #f97316);
+  outline-offset: 2px;
+}
+@media (max-width: 480px) {
+  .ivds-footer__newsletter-button {
+    width: 100%;
+  }
+}
+.ivds-footer__newsletter-description {
+  font-size: var(--fontSize-sm, 0.875rem);
+  color: var(--color-semantic-neutral-400, #9ca3af);
+  margin-bottom: var(--spacing-3, 0.75rem);
+  line-height: var(--lineHeight-relaxed, 1.625);
+}
+.ivds-footer {
+  /* Address styling*/
+}
+.ivds-footer address {
+  font-style: normal;
+  line-height: var(--lineHeight-relaxed, 1.625);
+}
+.ivds-footer address p {
+  margin-bottom: var(--spacing-2, 0.5rem);
+}
+.ivds-footer address p:last-child {
+  margin-bottom: 0;
+}
+.ivds-footer address strong {
+  color: var(--color-semantic-neutral-200, #e2e8f0);
+  font-weight: var(--fontWeight-medium, 500);
+}
+.ivds-footer {
+  /* Variants*/
+}
+.ivds-footer--light {
+  background-color: var(--color-semantic-neutral-50, #f8fafc);
+  color: var(--color-semantic-neutral-600, #475569);
+}
+.ivds-footer--light .ivds-footer__section-title {
+  color: var(--color-semantic-neutral-900, #0f172a);
+}
+.ivds-footer--light .ivds-footer__section-link {
+  color: var(--color-semantic-neutral-600, #475569);
+}
+.ivds-footer--light .ivds-footer__section-link:hover {
+  color: var(--color-semantic-neutral-900, #0f172a);
+}
+.ivds-footer--light .ivds-footer__bottom {
+  border-top-color: var(--color-semantic-neutral-200, #e2e8f0);
+  color: rgba(var(--color-semantic-neutral-600, #475569), 0.8);
+}
+.ivds-footer--minimal {
+  padding: var(--spacing-6, 1.5rem) var(--spacing-4, 1rem);
+  text-align: center;
+}
+.ivds-footer--minimal .ivds-footer__bottom {
+  padding-top: 0;
+  border-top: none;
+}
+@media (max-width: 768px) {
+  .ivds-footer--minimal {
+    padding: var(--spacing-4, 1rem);
+  }
+}
+.ivds-footer {
+  /* Grid layout variants*/
+}
+.ivds-footer--two-columns .ivds-footer__grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+  grid-gap: var(--spacing-8, 2rem);
+  gap: var(--spacing-8, 2rem);
+  margin-bottom: var(--spacing-8, 2rem);
+}
+@media (max-width: 1024px) {
+  .ivds-footer--two-columns .ivds-footer__grid {
+    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+    gap: var(--spacing-6, 1.5rem);
+    margin-bottom: var(--spacing-6, 1.5rem);
+  }
+}
+@media (max-width: 768px) {
+  .ivds-footer--two-columns .ivds-footer__grid {
+    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
+    gap: var(--spacing-4, 1rem);
+    margin-bottom: var(--spacing-4, 1rem);
+  }
+}
+@media (max-width: 480px) {
+  .ivds-footer--two-columns .ivds-footer__grid {
+    grid-template-columns: 1fr;
+    gap: var(--spacing-6, 1.5rem);
+  }
+}
+.ivds-footer--three-columns .ivds-footer__grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+  grid-gap: var(--spacing-8, 2rem);
+  gap: var(--spacing-8, 2rem);
+  margin-bottom: var(--spacing-8, 2rem);
+}
+@media (max-width: 1024px) {
+  .ivds-footer--three-columns .ivds-footer__grid {
+    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+    gap: var(--spacing-6, 1.5rem);
+    margin-bottom: var(--spacing-6, 1.5rem);
+  }
+}
+@media (max-width: 768px) {
+  .ivds-footer--three-columns .ivds-footer__grid {
+    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
+    gap: var(--spacing-4, 1rem);
+    margin-bottom: var(--spacing-4, 1rem);
+  }
+}
+@media (max-width: 480px) {
+  .ivds-footer--three-columns .ivds-footer__grid {
+    grid-template-columns: 1fr;
+    gap: var(--spacing-6, 1.5rem);
+  }
+}
+.ivds-footer--five-columns .ivds-footer__grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+  grid-gap: var(--spacing-6, 1.5rem);
+  gap: var(--spacing-6, 1.5rem);
+  margin-bottom: var(--spacing-8, 2rem);
+}
+@media (max-width: 1024px) {
+  .ivds-footer--five-columns .ivds-footer__grid {
+    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+    gap: var(--spacing-6, 1.5rem);
+    margin-bottom: var(--spacing-6, 1.5rem);
+  }
+}
+@media (max-width: 768px) {
+  .ivds-footer--five-columns .ivds-footer__grid {
+    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
+    gap: var(--spacing-4, 1rem);
+    margin-bottom: var(--spacing-4, 1rem);
+  }
+}
+@media (max-width: 480px) {
+  .ivds-footer--five-columns .ivds-footer__grid {
+    grid-template-columns: 1fr;
+    gap: var(--spacing-6, 1.5rem);
+  }
+}
+.ivds-footer {
+  /* Bottom section variants*/
+}
+.ivds-footer--bottom-inline .ivds-footer__bottom {
+  padding-top: var(--spacing-8, 2rem);
+  border-top: var(--borderWidth-1, 1px) solid var(--color-semantic-neutral-700, #374151);
+  text-align: center;
+  font-size: var(--fontSize-sm, 0.875rem);
+  color: var(--color-semantic-neutral-400, #9ca3af);
+}
+@media (max-width: 768px) {
+  .ivds-footer--bottom-inline .ivds-footer__bottom {
+    padding-top: var(--spacing-6, 1.5rem);
+    text-align: left;
+  }
+}
+.ivds-footer--bottom-inline .ivds-footer__bottom a {
+  color: var(--color-semantic-neutral-300, #cbd5e1);
+  text-decoration: none;
+}
+.ivds-footer--bottom-inline .ivds-footer__bottom a:hover {
+  color: var(--color-semantic-neutral-25, #fcfcfd);
+  text-decoration: underline;
+}
+.ivds-footer--bottom-inline .ivds-footer__bottom a:focus {
+  outline: 2px solid var(--color-brand-primary-500, #f97316);
+  outline-offset: 2px;
+  border-radius: var(--borderRadius-sm, 0.25rem);
+}
+.ivds-footer--bottom-inline .ivds-footer__bottom--inline-links, .ivds-footer--bottom-inline .ivds-footer__bottom {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  gap: var(--spacing-4, 1rem);
+  flex-wrap: wrap;
+}
+@media (max-width: 768px) {
+  .ivds-footer--bottom-inline .ivds-footer__bottom--inline-links, .ivds-footer--bottom-inline .ivds-footer__bottom {
+    justify-content: flex-start;
+    gap: var(--spacing-3, 0.75rem);
+  }
+}

package/lib/components/footer/footer.min.css

@@ -0,0 +1 @@
+.ivds-footer{background-color:var(--color-semantic-neutral-900,#0f172a);color:var(--color-semantic-neutral-300,#cbd5e1);line-height:var(--lineHeight-relaxed,1.625);padding:var(--spacing-8,2rem) var(--spacing-6,1.5rem)}@media (max-width:768px){.ivds-footer .ivds-footer__grid{gap:var(--spacing-6,1.5rem) var(--spacing-4,1rem);grid-template-columns:1fr 1fr}}@media (max-width:480px){.ivds-footer .ivds-footer__grid{gap:var(--spacing-6,1.5rem);grid-template-columns:1fr}.ivds-footer .ivds-footer__section{text-align:center}.ivds-footer .ivds-footer__section:first-child{text-align:left}}.ivds-footer__content{margin:0 auto;max-width:1200px;width:100%}.ivds-footer__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:var(--spacing-8,2rem);gap:var(--spacing-8,2rem);margin-bottom:var(--spacing-8,2rem)}@media (max-width:1024px){.ivds-footer__grid{gap:var(--spacing-6,1.5rem);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:var(--spacing-6,1.5rem)}}@media (max-width:768px){.ivds-footer__grid{gap:var(--spacing-4,1rem);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:var(--spacing-4,1rem)}}@media (max-width:480px){.ivds-footer__grid{gap:var(--spacing-6,1.5rem);grid-template-columns:1fr}}.ivds-footer__section-title{color:var(--color-semantic-neutral-25,#fcfcfd);font-size:var(--fontSize-lg,1.125rem);font-weight:var(--fontWeight-semibold,600);line-height:var(--lineHeight-tight,1.25);margin:0 0 var(--spacing-4,1rem) 0}@media (max-width:768px){.ivds-footer__section-title{font-size:var(--fontSize-base,1rem);margin-bottom:var(--spacing-3,.75rem)}}.ivds-footer__section-list{list-style:none;margin:0;padding:0}.ivds-footer__section-item{margin-bottom:var(--spacing-2,.5rem)}.ivds-footer__section-item:last-child{margin-bottom:0}.ivds-footer__section-link{align-items:center;color:var(--color-semantic-neutral-300,#cbd5e1);display:inline-flex;font-size:var(--fontSize-sm,.875rem);text-decoration:none;transition:color .2s ease-in-out}.ivds-footer__section-link:hover{color:var(--color-semantic-neutral-25,#fcfcfd)}.ivds-footer__section-link:focus{border-radius:var(--borderRadius-sm,.25rem);outline:2px solid var(--color-brand-primary-500,#f97316);outline-offset:2px}.ivds-footer__section-link svg{flex-shrink:0;margin-right:var(--spacing-2,.5rem)}.ivds-footer__bottom{border-top:var(--borderWidth-1,1px) solid var(--color-semantic-neutral-700,#374151);color:var(--color-semantic-neutral-400,#9ca3af);font-size:var(--fontSize-sm,.875rem);padding-top:var(--spacing-8,2rem);text-align:center}@media (max-width:768px){.ivds-footer__bottom{padding-top:var(--spacing-6,1.5rem);text-align:left}}.ivds-footer__bottom a{color:var(--color-semantic-neutral-300,#cbd5e1);text-decoration:none}.ivds-footer__bottom a:hover{color:var(--color-semantic-neutral-25,#fcfcfd);text-decoration:underline}.ivds-footer__bottom a:focus{border-radius:var(--borderRadius-sm,.25rem);outline:2px solid var(--color-brand-primary-500,#f97316);outline-offset:2px}.ivds-footer--bottom-inline .ivds-footer__bottom,.ivds-footer__bottom--inline-links{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-4,1rem);justify-content:center}@media (max-width:768px){.ivds-footer--bottom-inline .ivds-footer__bottom,.ivds-footer__bottom--inline-links{gap:var(--spacing-3,.75rem);justify-content:flex-start}}.ivds-footer__brand-logo{height:2rem;margin-bottom:var(--spacing-3,.75rem);width:auto}@media (max-width:768px){.ivds-footer__brand-logo{height:1.75rem}}.ivds-footer__brand-name{color:var(--color-semantic-neutral-25,#fcfcfd);font-size:var(--fontSize-xl,1.25rem);font-weight:var(--fontWeight-bold,700);margin-bottom:var(--spacing-2,.5rem)}@media (max-width:768px){.ivds-footer__brand-name{font-size:var(--fontSize-lg,1.125rem)}}.ivds-footer__brand-description{color:var(--color-semantic-neutral-400,#9ca3af);font-size:var(--fontSize-sm,.875rem);line-height:var(--lineHeight-relaxed,1.625);margin-bottom:var(--spacing-4,1rem)}.ivds-footer__social{display:flex;gap:var(--spacing-3,.75rem);margin-top:var(--spacing-4,1rem)}@media (max-width:768px){.ivds-footer__social{justify-content:center;margin-top:var(--spacing-3,.75rem)}}.ivds-footer__social a{align-items:center;background-color:var(--color-semantic-neutral-800,#1e293b);border-radius:var(--borderRadius-md,.375rem);color:var(--color-semantic-neutral-300,#cbd5e1);display:inline-flex;height:2.5rem;justify-content:center;transition:all .2s ease-in-out;width:2.5rem}.ivds-footer__social a:hover{background-color:var(--color-brand-primary-500,#f97316);color:var(--color-semantic-neutral-25,#fcfcfd);transform:translateY(-2px)}.ivds-footer__social a:focus{outline:2px solid var(--color-brand-primary-500,#f97316);outline-offset:2px}.ivds-footer__social a svg{height:1.25rem;margin:0;width:1.25rem}.ivds-footer__newsletter-form{display:flex;gap:var(--spacing-2,.5rem);margin-top:var(--spacing-3,.75rem)}@media (max-width:480px){.ivds-footer__newsletter-form{flex-direction:column}}.ivds-footer__newsletter-input{background-color:var(--color-semantic-neutral-800,#1e293b);border:var(--borderWidth-1,1px) solid var(--color-semantic-neutral-600,#475569);border-radius:var(--borderRadius-md,.375rem);color:var(--color-semantic-neutral-100,#f1f5f9);flex:1;font-size:var(--fontSize-sm,.875rem);padding:var(--spacing-3,.75rem)}.ivds-footer__newsletter-input::-moz-placeholder{color:var(--color-semantic-neutral-500,#64748b)}.ivds-footer__newsletter-input::placeholder{color:var(--color-semantic-neutral-500,#64748b)}.ivds-footer__newsletter-input:focus{border-color:var(--color-brand-primary-500,#f97316);outline:2px solid var(--color-brand-primary-500,#f97316);outline-offset:2px}@media (max-width:480px){.ivds-footer__newsletter-input{width:100%}}.ivds-footer__newsletter-button{background-color:var(--color-brand-primary-500,#f97316);border:none;border-radius:var(--borderRadius-md,.375rem);color:var(--color-semantic-neutral-25,#fcfcfd);cursor:pointer;font-size:var(--fontSize-sm,.875rem);font-weight:var(--fontWeight-medium,500);padding:var(--spacing-3,.75rem) var(--spacing-4,1rem);transition:background-color .2s ease-in-out;white-space:nowrap}.ivds-footer__newsletter-button:hover{background-color:var(--color-brand-primary-600,#ea580c)}.ivds-footer__newsletter-button:focus{outline:2px solid var(--color-brand-primary-500,#f97316);outline-offset:2px}@media (max-width:480px){.ivds-footer__newsletter-button{width:100%}}.ivds-footer__newsletter-description{color:var(--color-semantic-neutral-400,#9ca3af);font-size:var(--fontSize-sm,.875rem);line-height:var(--lineHeight-relaxed,1.625);margin-bottom:var(--spacing-3,.75rem)}.ivds-footer address{font-style:normal;line-height:var(--lineHeight-relaxed,1.625)}.ivds-footer address p{margin-bottom:var(--spacing-2,.5rem)}.ivds-footer address p:last-child{margin-bottom:0}.ivds-footer address strong{color:var(--color-semantic-neutral-200,#e2e8f0);font-weight:var(--fontWeight-medium,500)}.ivds-footer--light{background-color:var(--color-semantic-neutral-50,#f8fafc);color:var(--color-semantic-neutral-600,#475569)}.ivds-footer--light .ivds-footer__section-title{color:var(--color-semantic-neutral-900,#0f172a)}.ivds-footer--light .ivds-footer__section-link{color:var(--color-semantic-neutral-600,#475569)}.ivds-footer--light .ivds-footer__section-link:hover{color:var(--color-semantic-neutral-900,#0f172a)}.ivds-footer--light .ivds-footer__bottom{border-top-color:var(--color-semantic-neutral-200,#e2e8f0);color:rgba(var(--color-semantic-neutral-600,#475569),.8)}.ivds-footer--minimal{padding:var(--spacing-6,1.5rem) var(--spacing-4,1rem);text-align:center}.ivds-footer--minimal .ivds-footer__bottom{border-top:none;padding-top:0}@media (max-width:768px){.ivds-footer--minimal{padding:var(--spacing-4,1rem)}}.ivds-footer--two-columns .ivds-footer__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:var(--spacing-8,2rem);gap:var(--spacing-8,2rem);margin-bottom:var(--spacing-8,2rem)}@media (max-width:1024px){.ivds-footer--two-columns .ivds-footer__grid{gap:var(--spacing-6,1.5rem);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:var(--spacing-6,1.5rem)}}@media (max-width:768px){.ivds-footer--two-columns .ivds-footer__grid{gap:var(--spacing-4,1rem);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:var(--spacing-4,1rem)}}@media (max-width:480px){.ivds-footer--two-columns .ivds-footer__grid{gap:var(--spacing-6,1.5rem);grid-template-columns:1fr}}.ivds-footer--three-columns .ivds-footer__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:var(--spacing-8,2rem);gap:var(--spacing-8,2rem);margin-bottom:var(--spacing-8,2rem)}@media (max-width:1024px){.ivds-footer--three-columns .ivds-footer__grid{gap:var(--spacing-6,1.5rem);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:var(--spacing-6,1.5rem)}}@media (max-width:768px){.ivds-footer--three-columns .ivds-footer__grid{gap:var(--spacing-4,1rem);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:var(--spacing-4,1rem)}}@media (max-width:480px){.ivds-footer--three-columns .ivds-footer__grid{gap:var(--spacing-6,1.5rem);grid-template-columns:1fr}}.ivds-footer--five-columns .ivds-footer__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:var(--spacing-6,1.5rem);gap:var(--spacing-6,1.5rem);margin-bottom:var(--spacing-8,2rem)}@media (max-width:1024px){.ivds-footer--five-columns .ivds-footer__grid{gap:var(--spacing-6,1.5rem);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:var(--spacing-6,1.5rem)}}@media (max-width:768px){.ivds-footer--five-columns .ivds-footer__grid{gap:var(--spacing-4,1rem);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:var(--spacing-4,1rem)}}@media (max-width:480px){.ivds-footer--five-columns .ivds-footer__grid{gap:var(--spacing-6,1.5rem);grid-template-columns:1fr}}.ivds-footer--bottom-inline .ivds-footer__bottom{border-top:var(--borderWidth-1,1px) solid var(--color-semantic-neutral-700,#374151);color:var(--color-semantic-neutral-400,#9ca3af);font-size:var(--fontSize-sm,.875rem);padding-top:var(--spacing-8,2rem);text-align:center}@media (max-width:768px){.ivds-footer--bottom-inline .ivds-footer__bottom{padding-top:var(--spacing-6,1.5rem);text-align:left}}.ivds-footer--bottom-inline .ivds-footer__bottom a{color:var(--color-semantic-neutral-300,#cbd5e1);text-decoration:none}.ivds-footer--bottom-inline .ivds-footer__bottom a:hover{color:var(--color-semantic-neutral-25,#fcfcfd);text-decoration:underline}.ivds-footer--bottom-inline .ivds-footer__bottom a:focus{border-radius:var(--borderRadius-sm,.25rem);outline:2px solid var(--color-brand-primary-500,#f97316);outline-offset:2px}.ivds-footer--bottom-inline .ivds-footer__bottom,.ivds-footer--bottom-inline .ivds-footer__bottom--inline-links{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-4,1rem);justify-content:center}@media (max-width:768px){.ivds-footer--bottom-inline .ivds-footer__bottom,.ivds-footer--bottom-inline .ivds-footer__bottom--inline-links{gap:var(--spacing-3,.75rem);justify-content:flex-start}}