/**
 * Use in order to make a set of rules only apply above
 * or below a certain breakpoint.
 * Standard usage:

 @include breakpoint(tablet){
 	// Applies to screen sizes tablet and LARGER
 }

 @include breakpoint(tablet up){
 	// Applies to screen sizes tablet and LARGER
 }

 @include breakpoint(tablet down){
 	// Applies to screen sizes tablet and SMALLER
 }
 *
 **/
/**
 * Set custom typography sizes (e.g. header)
 * @param  {int} $size        font-size
 * @param  {int} $line-height line-height
 * @param  {int} $av          AV letter-spacing from XD
 * @return {void}
 */
/**
 * Converts a pixel, percentage, rem or em value to a unitless value based on a given font size. Ideal for working out unitless line heights.
 *
 * @param {Number} $value - Value to convert to a unitless line height
 * @param {Number} $base - The font size to use to work out the line height - defaults to $rem-font-size
 *
 * @return {Number} - Unitless number
 */
/**
 * AV letter spacing measurement convertor from Adobe applications
 * https://scotch.io/tutorials/converting-photoshop-letter-spacing-to-css
 */
:root,
body {
  --accordion-trigger-line-width: 1.125rem;
  --accordion-trigger-line-height: 0.1875rem;
  --accordion-trigger-line-color: var(--wp--preset--color--primary);
  --accordion-header-background-color: var(--wp--preset--color--yellow);
  --accordion-header-color: var(--wp--preset--color--black);
  --accordion-content-link-color: var(--wp--preset--color--blue-sky);
  --accordion-content-link-color-hover: var(--wp--preset--color--blue);
}

@media screen and (min-width: 48em) {
  .wp-block-sht-footer-accordion > * + * {
    margin-top: var(--unit2);
  }
}
.wp-block-sht-footer-accordion__header {
  display: flex;
  align-items: center;
  position: relative;
  max-width: 100%;
}
.wp-block-sht-footer-accordion__inner {
  transition: all 300ms ease;
  overflow: hidden;
}
.wp-block-sht-footer-accordion__inner > * {
  margin-block: 0;
}
.wp-block-sht-footer-accordion__inner > * + * {
  margin-top: var(--unit2-small);
}
.wp-block-sht-footer-accordion__inner[aria-hidden=false] {
  padding-top: var(--unit);
}
@media screen {
  .wp-block-sht-footer-accordion__inner[aria-hidden=true] {
    opacity: 0;
    max-height: 0;
    margin-block: 0;
  }
  .wp-block-sht-footer-accordion__inner[aria-hidden=true] * {
    display: none;
  }
}
.wp-block-sht-footer-accordion__inner a {
  color: var(--accordion-content-link-color);
}
.wp-block-sht-footer-accordion__inner a::active, .wp-block-sht-footer-accordion__inner a::hover {
  color: var(--accordion-content-link-color);
}
.wp-block-sht-footer-accordion__title {
  color: var(--wp--preset--color--black);
  font-weight: 400;
  font-size: 1em;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}
.wp-block-sht-footer-accordion__trigger {
  display: none;
  border: none;
  appearance: none;
  cursor: pointer;
}
.wp-block-sht-footer-accordion__trigger .o-footer-accordion-circle-line {
  transition: all 300ms ease;
}
.wp-block-sht-footer-accordion__trigger[aria-expanded] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media screen {
  .wp-block-sht-footer-accordion__trigger[aria-expanded]::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: block;
    background-color: rgba(255, 255, 255, 0.01);
  }
}
@media screen {
  .wp-block-sht-footer-accordion__trigger[aria-expanded=false] > .c-accordion__triggericon::before {
    transform: translateY(-50%) rotate(90deg);
  }
}
@media screen {
  .wp-block-sht-footer-accordion__trigger[aria-expanded=false] > .c-accordion__triggericon::after {
    transform: translateY(-50%);
  }
}
.wp-block-sht-footer-accordion__trigger[aria-expanded=true] .o-footer-accordion-circle-line--vertical {
  stroke: var(--wp--preset--color--white);
}