/*!***************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./_src/scss/style.scss ***!
  \***************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Barlow:wght@300;400;500;700&family=Poppins:wght@700&display=swap);
/*!*****************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/swiper/swiper-bundle.css ***!
  \*****************************************************************************************/
/**
 * Swiper 12.1.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2026 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: February 18, 2026
 */

:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}
:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}
.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
  touch-action: pan-y;
}
.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
}
/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-3d {
  perspective: 1200px;
  .swiper-slide,
  .swiper-cube-shadow {
    transform-style: preserve-3d;
  }
}

/* CSS Mode */
.swiper-css-mode {
  > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none; /* For Firefox */
    -ms-overflow-style: none; /* For Internet Explorer and Edge */
    &::-webkit-scrollbar {
      display: none;
    }
  }
  > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start;
  }
  &.swiper-horizontal {
    > .swiper-wrapper {
      scroll-snap-type: x mandatory;
    }
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-inline-start: var(--swiper-slides-offset-before);
      scroll-margin-inline-start: var(--swiper-slides-offset-before);
    }
    > .swiper-wrapper > .swiper-slide:last-child {
      margin-inline-end: var(--swiper-slides-offset-after);
    }
  }
  &.swiper-vertical {
    > .swiper-wrapper {
      scroll-snap-type: y mandatory;
    }
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-block-start: var(--swiper-slides-offset-before);
      scroll-margin-block-start: var(--swiper-slides-offset-before);
    }
    > .swiper-wrapper > .swiper-slide:last-child {
      margin-block-end: var(--swiper-slides-offset-after);
    }
  }
  &.swiper-free-mode {
    > .swiper-wrapper {
      scroll-snap-type: none;
    }
    > .swiper-wrapper > .swiper-slide {
      scroll-snap-align: none;
    }
  }
  &.swiper-centered {
    > .swiper-wrapper::before {
      content: '';
      flex-shrink: 0;
      order: 9999;
    }
    > .swiper-wrapper > .swiper-slide {
      scroll-snap-align: center center;
      scroll-snap-stop: always;
    }
  }
  &.swiper-centered.swiper-horizontal {
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-inline-start: var(--swiper-centered-offset-before);
    }
    > .swiper-wrapper::before {
      height: 100%;
      min-height: 1px;
      width: var(--swiper-centered-offset-after);
    }
  }
  &.swiper-centered.swiper-vertical {
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-block-start: var(--swiper-centered-offset-before);
    }
    > .swiper-wrapper::before {
      width: 100%;
      min-width: 1px;
      height: var(--swiper-centered-offset-after);
    }
  }
}

/* Slide styles start */
/* 3D Shadows */
.swiper-3d {
  .swiper-slide-shadow,
  .swiper-slide-shadow-left,
  .swiper-slide-shadow-right,
  .swiper-slide-shadow-top,
  .swiper-slide-shadow-bottom,
  .swiper-slide-shadow,
  .swiper-slide-shadow-left,
  .swiper-slide-shadow-right,
  .swiper-slide-shadow-top,
  .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
  }
  .swiper-slide-shadow {
    background: rgba(0, 0, 0, 0.15);
  }
  .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress),
.swiper-watch-progress .swiper-slide-visible {
  .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear;
  }
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Slide styles end */

.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
}
.swiper-virtual.swiper-css-mode {
  .swiper-wrapper::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
  }
}
.swiper-virtual.swiper-css-mode.swiper-horizontal {
  .swiper-wrapper::after {
    height: 1px;
    width: var(--swiper-virtual-size);
  }
}

.swiper-virtual.swiper-css-mode.swiper-vertical {
  .swiper-wrapper::after {
    width: 1px;
    height: var(--swiper-virtual-size);
  }
}



:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-top-offset: 50%;
  --swiper-navigation-sides-offset: 4px;
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}
.swiper-button-prev,
.swiper-button-next {
  position: absolute;

  width: var(--swiper-navigation-size);
  height: var(--swiper-navigation-size);

  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
  &.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none;
  }
  &.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none;
  }
  .swiper-navigation-disabled & {
    display: none !important;
  }
  svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transform-origin: center;
    fill: currentColor;
    pointer-events: none;
  }
}

.swiper-button-lock {
  display: none;
}

.swiper-button-prev,
.swiper-button-next {
  top: var(--swiper-navigation-top-offset, 50%);
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
}
.swiper-button-prev {
  left: var(--swiper-navigation-sides-offset, 4px);
  right: auto;
  .swiper-navigation-icon {
    transform: rotate(180deg);
  }
}
.swiper-button-next {
  right: var(--swiper-navigation-sides-offset, 4px);
  left: auto;
}
.swiper-horizontal {
  .swiper-button-prev,
  .swiper-button-next,
  ~ .swiper-button-prev,
  ~ .swiper-button-next {
    top: var(--swiper-navigation-top-offset, 50%);
    margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
    margin-left: 0;
  }
  .swiper-button-prev,
  & ~ .swiper-button-prev,
  &.swiper-rtl .swiper-button-next,
  &.swiper-rtl ~ .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 4px);
    right: auto;
  }
  .swiper-button-next,
  & ~ .swiper-button-next,
  &.swiper-rtl .swiper-button-prev,
  &.swiper-rtl ~ .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 4px);
    left: auto;
  }
  .swiper-button-prev,
  & ~ .swiper-button-prev,
  &.swiper-rtl .swiper-button-next,
  &.swiper-rtl ~ .swiper-button-next {
    .swiper-navigation-icon {
      transform: rotate(180deg);
    }
  }
  &.swiper-rtl .swiper-button-prev,
  &.swiper-rtl ~ .swiper-button-prev {
    .swiper-navigation-icon {
      transform: rotate(0deg);
    }
  }
}
.swiper-vertical {
  .swiper-button-prev,
  .swiper-button-next,
  ~ .swiper-button-prev,
  ~ .swiper-button-next {
    left: var(--swiper-navigation-top-offset, 50%);
    right: auto;
    margin-left: calc(0px - (var(--swiper-navigation-size) / 2));
    margin-top: 0;
  }
  .swiper-button-prev,
  ~ .swiper-button-prev {
    top: var(--swiper-navigation-sides-offset, 4px);
    bottom: auto;
    .swiper-navigation-icon {
      transform: rotate(-90deg);
    }
  }
  .swiper-button-next,
  ~ .swiper-button-next {
    bottom: var(--swiper-navigation-sides-offset, 4px);
    top: auto;
    .swiper-navigation-icon {
      transform: rotate(90deg);
    }
  }
}

:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  --swiper-pagination-left: auto;
  --swiper-pagination-right: 8px;
  --swiper-pagination-bottom: 8px;
  --swiper-pagination-top: auto;
  --swiper-pagination-fraction-color: inherit;
  --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25);
  --swiper-pagination-progressbar-size: 4px;
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-width: 8px;
  --swiper-pagination-bullet-height: 8px;
  --swiper-pagination-bullet-border-radius: 50%;
  --swiper-pagination-bullet-inactive-color: #000;
  --swiper-pagination-bullet-inactive-opacity: 0.2;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 4px;
  --swiper-pagination-bullet-vertical-gap: 6px;
  */
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
  &.swiper-pagination-hidden {
    opacity: 0;
  }
  .swiper-pagination-disabled > &,
  &.swiper-pagination-disabled {
    display: none !important;
  }
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
  .swiper-pagination-bullet {
    transform: scale(0.33);
    position: relative;
  }
  .swiper-pagination-bullet-active {
    transform: scale(1);
  }
  .swiper-pagination-bullet-active-main {
    transform: scale(1);
  }
  .swiper-pagination-bullet-active-prev {
    transform: scale(0.66);
  }
  .swiper-pagination-bullet-active-prev-prev {
    transform: scale(0.33);
  }
  .swiper-pagination-bullet-active-next {
    transform: scale(0.66);
  }
  .swiper-pagination-bullet-active-next-next {
    transform: scale(0.33);
  }
}
.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
  button& {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    appearance: none;
  }
  .swiper-pagination-clickable & {
    cursor: pointer;
  }

  &:only-child {
    display: none !important;
  }
}
.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0px, -50%, 0);
  .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block;
  }
  &.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    .swiper-pagination-bullet {
      display: inline-block;
      transition:
        200ms transform,
        200ms top;
    }
  }
}
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-horizontal.swiper-pagination-bullets {
  .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
  }
  &.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    .swiper-pagination-bullet {
      transition:
        200ms transform,
        200ms left;
    }
  }
}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition:
    200ms transform,
    200ms right;
}
/* Fraction */
.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}
/* Progress */
.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
  position: absolute;
  .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top;
  }
  .swiper-rtl & .swiper-pagination-progressbar-fill {
    transform-origin: right top;
  }
  .swiper-horizontal > &,
  &.swiper-pagination-horizontal,
  .swiper-vertical > &.swiper-pagination-progressbar-opposite,
  &.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: var(--swiper-pagination-progressbar-size, 4px);
    left: 0;
    top: 0;
  }
  .swiper-vertical > &,
  &.swiper-pagination-vertical,
  .swiper-horizontal > &.swiper-pagination-progressbar-opposite,
  &.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
    width: var(--swiper-pagination-progressbar-size, 4px);
    height: 100%;
    left: 0;
    top: 0;
  }
}
.swiper-pagination-lock {
  display: none;
}

:root {
  /*
  --swiper-scrollbar-border-radius: 10px;
  --swiper-scrollbar-top: auto;
  --swiper-scrollbar-bottom: 4px;
  --swiper-scrollbar-left: auto;
  --swiper-scrollbar-right: 4px;
  --swiper-scrollbar-sides-offset: 1%;
  --swiper-scrollbar-bg-color: rgba(0, 0, 0, 0.1);
  --swiper-scrollbar-drag-bg-color: rgba(0, 0, 0, 0.5);
  --swiper-scrollbar-size: 4px;
  */
}
.swiper-scrollbar {
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  position: relative;
  touch-action: none;
  background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
  .swiper-scrollbar-disabled > &,
  &.swiper-scrollbar-disabled {
    display: none !important;
  }
  .swiper-horizontal > &,
  &.swiper-scrollbar-horizontal {
    position: absolute;
    left: var(--swiper-scrollbar-sides-offset, 1%);
    bottom: var(--swiper-scrollbar-bottom, 4px);
    top: var(--swiper-scrollbar-top, auto);
    z-index: 50;
    height: var(--swiper-scrollbar-size, 4px);
    width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
  }
  .swiper-vertical > &,
  &.swiper-scrollbar-vertical {
    position: absolute;
    left: var(--swiper-scrollbar-left, auto);
    right: var(--swiper-scrollbar-right, 4px);
    top: var(--swiper-scrollbar-sides-offset, 1%);
    z-index: 50;
    width: var(--swiper-scrollbar-size, 4px);
    height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
  }
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-scrollbar-lock {
  display: none;
}


/* Zoom container styles start */
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;

  > img,
  > svg,
  > canvas {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
  }
}
/* Zoom container styles end */

.swiper-slide-zoomed {
  cursor: move;
  touch-action: none;
}


/* a11y */
.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}




.swiper-thumbs {
  .swiper-slide-thumb-active {
    /* Styles for active thumb slide */
  }
}

.swiper-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap;
}
.swiper-grid-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}


.swiper-fade {
  &.swiper-free-mode {
    .swiper-slide {
      transition-timing-function: ease-out;
    }
  }
  .swiper-slide {
    pointer-events: none;
    transition-property: opacity;
    .swiper-slide {
      pointer-events: none;
    }
  }
  .swiper-slide-active {
    pointer-events: auto;
    & .swiper-slide-active {
      pointer-events: auto;
    }
  }
}

.swiper.swiper-cube {
  overflow: visible;
}
.swiper-cube {
  .swiper-slide {
    pointer-events: none;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%;
    .swiper-slide {
      pointer-events: none;
    }
  }
  &.swiper-rtl .swiper-slide {
    transform-origin: 100% 0;
  }
  .swiper-slide-active {
    &,
    & .swiper-slide-active {
      pointer-events: auto;
    }
  }
  .swiper-slide-active,
  .swiper-slide-next,
  .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible;
  }

  .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    opacity: 0.6;
    z-index: 0;

    &:before {
      content: '';
      background: #000;
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      right: 0;
      filter: blur(50px);
    }
  }
}
.swiper-cube {
  .swiper-slide-next + .swiper-slide {
    pointer-events: auto;
    visibility: visible;
  }
}
/* Cube slide shadows start */
.swiper-cube {
  .swiper-slide-shadow-cube.swiper-slide-shadow-top,
  .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
  .swiper-slide-shadow-cube.swiper-slide-shadow-left,
  .swiper-slide-shadow-cube.swiper-slide-shadow-right {
    z-index: 0;
    backface-visibility: hidden;
  }
}
/* Cube slide shadows end */

.swiper.swiper-flip {
  overflow: visible;
}
.swiper-flip {
  .swiper-slide {
    pointer-events: none;
    backface-visibility: hidden;
    z-index: 1;
    .swiper-slide {
      pointer-events: none;
    }
  }
  .swiper-slide-active {
    &,
    & .swiper-slide-active {
      pointer-events: auto;
    }
  }
}
/* Flip slide shadows start */
.swiper-flip {
  .swiper-slide-shadow-flip.swiper-slide-shadow-top,
  .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
  .swiper-slide-shadow-flip.swiper-slide-shadow-left,
  .swiper-slide-shadow-flip.swiper-slide-shadow-right {
    z-index: 0;
    backface-visibility: hidden;
  }
}
/* Flip slide shadows end */

.swiper-coverflow {
}

.swiper-creative {
  .swiper-slide {
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: transform, opacity, height;
  }
}

.swiper.swiper-cards {
  overflow: visible;
}
.swiper-cards {
  .swiper-slide {
    transform-origin: center bottom;
    backface-visibility: hidden;
    overflow: hidden;
  }
}

/*!*******************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./_src/scss/style.scss (1) ***!
  \*******************************************************************************************************************/
@charset "UTF-8";
/*!
 Theme Name:   Website - Scottish Women's Football
 Theme URI:    https://scotwomensfootball.com
 Description:  Scottish Women's Football - Bespoke Wordpress Theme
 Author:       Scoot Digital
 Author URI:   https://scoot.digital
 Version:      1.0.11
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  website-scotwomensfootball-2023
*/
:root {
  --bs-body-font-size: 16px !important;
  --ss-font-size-h1: 2.441rem;
  --ss-font-size-h2: 1.953rem;
  --ss-font-size-h3: 1.563rem;
  --ss-font-size-h4: 1.15rem;
  --ss-font-size-h5: 1rem;
  --ss-font-size-h6: 0.8rem;
  --ss-font-size-display1: 3rem;
  --ss-font-size-display2: 2.75rem;
  --ss-font-size-display3: 2.5rem;
  --ss-font-size-display4: 2.25rem;
  --ss-font-size-display5: 2rem;
  --ss-font-size-display6: 1.75rem;
  --swf-arrow-left-light: url("data:image/svg+xml,%3Csvg width=%2720%27 height=%2721%27 viewBox=%270 0 20 21%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M20 9.11987L4.7875 9.11987L11.7688 2.13862L10 0.369873L0 10.3699L10 20.3699L11.7688 18.6011L4.7875 11.6199L20 11.6199V9.11987Z%27 fill=%27%23FFFFFF%27/%3E%3C/svg%3E%0A");
  --swf-arrow-right-light: url("data:image/svg+xml,%3Csvg width=%2720%27 height=%2721%27 viewBox=%270 0 20 21%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M7.64949e-07 11.6199L15.2125 11.6199L8.23125 18.6011L10 20.3699L20 10.3699L10 0.369872L8.23125 2.13862L15.2125 9.11987L9.83506e-07 9.11987L7.64949e-07 11.6199Z%27 fill=%27%23FFFFFF%27/%3E%3C/svg%3E%0A");
  --swf-arrow-left-dark: url("data:image/svg+xml,%3Csvg width=%2720%27 height=%2721%27 viewBox=%270 0 20 21%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M20 9.11987L4.7875 9.11987L11.7688 2.13862L10 0.369873L0 10.3699L10 20.3699L11.7688 18.6011L4.7875 11.6199L20 11.6199V9.11987Z%27 fill=%27%2326272a%27/%3E%3C/svg%3E%0A");
  --swf-arrow-right-dark: url("data:image/svg+xml,%3Csvg width=%2720%27 height=%2721%27 viewBox=%270 0 20 21%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M7.64949e-07 11.6199L15.2125 11.6199L8.23125 18.6011L10 20.3699L20 10.3699L10 0.369872L8.23125 2.13862L15.2125 9.11987L9.83506e-07 9.11987L7.64949e-07 11.6199Z%27 fill=%27%2326272a%27/%3E%3C/svg%3E%0A");
}

@media screen and (min-width: 992px) {
  :root {
    --ss-font-size-h1: 3.05rem;
    --ss-font-size-h2: 2.441rem;
    --ss-font-size-h3: 1.953rem;
    --ss-font-size-h4: 1.563rem;
    --ss-font-size-h5: 1.25rem;
    --ss-font-size-h6: 1rem;
    --ss-font-size-display1: 4rem;
    --ss-font-size-display2: 3.5rem;
    --ss-font-size-display3: 3rem;
    --ss-font-size-display4: 2.5rem;
    --ss-font-size-display5: 2rem;
    --ss-font-size-display6: 1.5rem;
  }
}
/* ========================================================
	_setup.scss - Scottish Women's Football
=========================================================== */
/* ========================================================
    _variable-override.scss - Scottish Women's Football
======================================================== */
:root,
[data-bs-theme=light] {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-black: #000;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #004289;
  --bs-secondary: #8b1c6d;
  --bs-success: #11eec6;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #ee112c;
  --bs-light: #ebedf5;
  --bs-dark: #26272a;
  --bs-tertiary: #522583;
  --bs-light100: #c9cee4;
  --bs-light200: #a7b0d3;
  --bs-light300: #8591c2;
  --bs-white: white;
  --bs-dark100: #888b94;
  --bs-dark200: #6f727a;
  --bs-dark300: #565960;
  --bs-greyLight: #e7e8ea;
  --bs-greyMedium: #d7d8db;
  --bs-greyDark: #c3c5c9;
  --bs-greyBg: #fafafa;
  --bs-swf-blue: #004289;
  --bs-swf-blue100: rgb(204, 217.2, 231.4);
  --bs-swf-blue200: rgb(153, 179.4, 207.8);
  --bs-swf-blue300: rgb(51, 103.8, 160.6);
  --bs-swf-purple: #522583;
  --bs-swf-purple100: rgb(220.4, 211.4, 230.2);
  --bs-swf-purple200: rgb(185.8, 167.8, 205.4);
  --bs-swf-purple300: rgb(116.6, 80.6, 155.8);
  --bs-swf-pink: #8b1c6d;
  --bs-swf-pink100: rgb(231.8, 209.6, 225.8);
  --bs-swf-pink200: rgb(208.6, 164.2, 196.6);
  --bs-swf-pink300: rgb(162.2, 73.4, 138.2);
  --bs-swf-green: #879300;
  --bs-swf-green100: rgb(231, 233.4, 204);
  --bs-swf-green200: rgb(207, 211.8, 153);
  --bs-swf-green300: rgb(159, 168.6, 51);
  --bs-whiteButton: rgba(255, 255, 255, 0.5);
  --bs-primary-rgb: 0, 66, 137;
  --bs-secondary-rgb: 139, 28, 109;
  --bs-success-rgb: 17, 238, 198;
  --bs-info-rgb: 13, 202, 240;
  --bs-warning-rgb: 255, 193, 7;
  --bs-danger-rgb: 238, 17, 44;
  --bs-light-rgb: 235, 237, 245;
  --bs-dark-rgb: 38, 39, 42;
  --bs-tertiary-rgb: 82, 37, 131;
  --bs-light100-rgb: 201, 206, 228;
  --bs-light200-rgb: 167, 176, 211;
  --bs-light300-rgb: 133, 145, 194;
  --bs-white-rgb: 255, 255, 255;
  --bs-dark100-rgb: 136, 139, 148;
  --bs-dark200-rgb: 111, 114, 122;
  --bs-dark300-rgb: 86, 89, 96;
  --bs-greyLight-rgb: 231, 232, 234;
  --bs-greyMedium-rgb: 215, 216, 219;
  --bs-greyDark-rgb: 195, 197, 201;
  --bs-greyBg-rgb: 250, 250, 250;
  --bs-swf-blue-rgb: 0, 66, 137;
  --bs-swf-blue100-rgb: 204, 217, 231;
  --bs-swf-blue200-rgb: 153, 179, 208;
  --bs-swf-blue300-rgb: 51, 104, 161;
  --bs-swf-purple-rgb: 82, 37, 131;
  --bs-swf-purple100-rgb: 220, 211, 230;
  --bs-swf-purple200-rgb: 186, 168, 205;
  --bs-swf-purple300-rgb: 117, 81, 156;
  --bs-swf-pink-rgb: 139, 28, 109;
  --bs-swf-pink100-rgb: 232, 210, 226;
  --bs-swf-pink200-rgb: 209, 164, 197;
  --bs-swf-pink300-rgb: 162, 73, 138;
  --bs-swf-green-rgb: 135, 147, 0;
  --bs-swf-green100-rgb: 231, 233, 204;
  --bs-swf-green200-rgb: 207, 212, 153;
  --bs-swf-green300-rgb: 159, 169, 51;
  --bs-whiteButton-rgb: 255, 255, 255;
  --bs-primary-text-emphasis: rgb(0, 26.4, 54.8);
  --bs-secondary-text-emphasis: rgb(55.6, 11.2, 43.6);
  --bs-success-text-emphasis: rgb(10, 54, 33.6);
  --bs-info-text-emphasis: rgb(5.2, 80.8, 96);
  --bs-warning-text-emphasis: rgb(102, 77.2, 2.8);
  --bs-danger-text-emphasis: rgb(88, 21.2, 27.6);
  --bs-light-text-emphasis: #495057;
  --bs-dark-text-emphasis: #495057;
  --bs-primary-bg-subtle: rgb(204, 217.2, 231.4);
  --bs-secondary-bg-subtle: rgb(231.8, 209.6, 225.8);
  --bs-success-bg-subtle: rgb(209, 231, 220.8);
  --bs-info-bg-subtle: rgb(206.6, 244.4, 252);
  --bs-warning-bg-subtle: rgb(255, 242.6, 205.4);
  --bs-danger-bg-subtle: rgb(248, 214.6, 217.8);
  --bs-light-bg-subtle: rgb(251.5, 252, 252.5);
  --bs-dark-bg-subtle: #ced4da;
  --bs-primary-border-subtle: rgb(153, 179.4, 207.8);
  --bs-secondary-border-subtle: rgb(208.6, 164.2, 196.6);
  --bs-success-border-subtle: rgb(163, 207, 186.6);
  --bs-info-border-subtle: rgb(158.2, 233.8, 249);
  --bs-warning-border-subtle: rgb(255, 230.2, 155.8);
  --bs-danger-border-subtle: rgb(241, 174.2, 180.6);
  --bs-light-border-subtle: #e9ecef;
  --bs-dark-border-subtle: #adb5bd;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: "Barlow", system-ui, -apple-system, sans-serif;
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 300;
  --bs-body-line-height: 1.5;
  --bs-body-color: #26272a;
  --bs-body-color-rgb: 38, 39, 42;
  --bs-body-bg: #fff;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-emphasis-color: #000;
  --bs-emphasis-color-rgb: 0, 0, 0;
  --bs-secondary-color: rgba(38, 39, 42, 0.75);
  --bs-secondary-color-rgb: 38, 39, 42;
  --bs-secondary-bg: #e9ecef;
  --bs-secondary-bg-rgb: 233, 236, 239;
  --bs-tertiary-color: rgba(38, 39, 42, 0.5);
  --bs-tertiary-color-rgb: 38, 39, 42;
  --bs-tertiary-bg: #f8f9fa;
  --bs-tertiary-bg-rgb: 248, 249, 250;
  --bs-heading-color: inherit;
  --bs-link-color: #004289;
  --bs-link-color-rgb: 0, 66, 137;
  --bs-link-decoration: underline;
  --bs-link-hover-color: rgb(0, 52.8, 109.6);
  --bs-link-hover-color-rgb: 0, 53, 110;
  --bs-code-color: #d63384;
  --bs-highlight-color: #26272a;
  --bs-highlight-bg: rgb(255, 242.6, 205.4);
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #dee2e6;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-border-radius: 0;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-xxl: 2rem;
  --bs-border-radius-2xl: var(--bs-border-radius-xxl);
  --bs-border-radius-pill: 50rem;
  --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
  --bs-focus-ring-width: 0.25rem;
  --bs-focus-ring-opacity: 0.25;
  --bs-focus-ring-color: rgba(0, 66, 137, 0.25);
  --bs-form-valid-color: #198754;
  --bs-form-valid-border-color: #198754;
  --bs-form-invalid-color: #dc3545;
  --bs-form-invalid-border-color: #dc3545;
}

[data-bs-theme=dark] {
  color-scheme: dark;
  --bs-body-color: #dee2e6;
  --bs-body-color-rgb: 222, 226, 230;
  --bs-body-bg: #212529;
  --bs-body-bg-rgb: 33, 37, 41;
  --bs-emphasis-color: #fff;
  --bs-emphasis-color-rgb: 255, 255, 255;
  --bs-secondary-color: rgba(222, 226, 230, 0.75);
  --bs-secondary-color-rgb: 222, 226, 230;
  --bs-secondary-bg: #343a40;
  --bs-secondary-bg-rgb: 52, 58, 64;
  --bs-tertiary-color: rgba(222, 226, 230, 0.5);
  --bs-tertiary-color-rgb: 222, 226, 230;
  --bs-tertiary-bg: rgb(42.5, 47.5, 52.5);
  --bs-tertiary-bg-rgb: 43, 48, 53;
  --bs-primary-text-emphasis: rgb(102, 141.6, 184.2);
  --bs-secondary-text-emphasis: rgb(185.4, 118.8, 167.4);
  --bs-success-text-emphasis: rgb(117, 183, 152.4);
  --bs-info-text-emphasis: rgb(109.8, 223.2, 246);
  --bs-warning-text-emphasis: rgb(255, 217.8, 106.2);
  --bs-danger-text-emphasis: rgb(234, 133.8, 143.4);
  --bs-light-text-emphasis: #f8f9fa;
  --bs-dark-text-emphasis: #dee2e6;
  --bs-primary-bg-subtle: rgb(0, 13.2, 27.4);
  --bs-secondary-bg-subtle: rgb(27.8, 5.6, 21.8);
  --bs-success-bg-subtle: rgb(5, 27, 16.8);
  --bs-info-bg-subtle: rgb(2.6, 40.4, 48);
  --bs-warning-bg-subtle: rgb(51, 38.6, 1.4);
  --bs-danger-bg-subtle: rgb(44, 10.6, 13.8);
  --bs-light-bg-subtle: #343a40;
  --bs-dark-bg-subtle: #1a1d20;
  --bs-primary-border-subtle: rgb(0, 39.6, 82.2);
  --bs-secondary-border-subtle: rgb(83.4, 16.8, 65.4);
  --bs-success-border-subtle: rgb(15, 81, 50.4);
  --bs-info-border-subtle: rgb(7.8, 121.2, 144);
  --bs-warning-border-subtle: rgb(153, 115.8, 4.2);
  --bs-danger-border-subtle: rgb(132, 31.8, 41.4);
  --bs-light-border-subtle: #495057;
  --bs-dark-border-subtle: #343a40;
  --bs-heading-color: inherit;
  --bs-link-color: rgb(102, 141.6, 184.2);
  --bs-link-hover-color: rgb(132.6, 164.28, 198.36);
  --bs-link-color-rgb: 102, 142, 184;
  --bs-link-hover-color-rgb: 133, 164, 198;
  --bs-code-color: rgb(230.4, 132.6, 181.2);
  --bs-highlight-color: #dee2e6;
  --bs-highlight-bg: rgb(102, 77.2, 2.8);
  --bs-border-color: #495057;
  --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
  --bs-form-valid-color: rgb(117, 183, 152.4);
  --bs-form-valid-border-color: rgb(117, 183, 152.4);
  --bs-form-invalid-color: rgb(234, 133.8, 143.4);
  --bs-form-invalid-border-color: rgb(234, 133.8, 143.4);
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}

body {
  margin: 0;
  font-family: var(--bs-body-font-family);
  font-size: var(--bs-body-font-size);
  font-weight: var(--bs-body-font-weight);
  line-height: var(--bs-body-line-height);
  color: var(--bs-body-color);
  text-align: var(--bs-body-text-align);
  background-color: var(--bs-body-bg);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

hr {
  margin: 1rem 0;
  color: inherit;
  border: 0;
  border-top: var(--bs-border-width) solid;
  opacity: 0.25;
}

h6, #view__comet-competition .component__comet-match-list .match__group .group__title, #view__competition .match-list__wrapper .match__group .group__title, #swf-policy .accordion h4.accordion-heading, #swf-policy .accordion .accordion-heading.h4, #swf-policy .accordion h3.accordion-heading, #swf-policy .accordion .accordion-heading.h3, .h6, h5, .h5, #view__comet-competition .component__league-table .table__header .table__row span, .component__competition-group .tabbed__content .competition__group .competitions__list ul li a, #view__competition .component__league-table .table__header .table__row span, .btn-download-danger, .btn-download-dark, .btn-download-white, .btn-download-purple, .btn-download-pink, .btn-download-green, .btn-download-blue, h4, #view__comet-competition .component__comet-match-list .match__group .match__item span.item__details .details__center .match--center .center--home-score,
#view__comet-competition .component__comet-match-list .match__group .match__item span.item__details .details__center .match--center .center--away-score,
#view__comet-competition .component__comet-match-list .match__group .match__item span.item__details .details__center .match--center .center--divider,
#view__comet-competition .component__comet-match-list .match__group .match__item span.item__details .details__center .match--center .center--kickoff, #view__competition .match-list__wrapper .match__group .match__item span.item__details .details__center .match--center .center--home-score,
#view__competition .match-list__wrapper .match__group .match__item span.item__details .details__center .match--center .center--away-score,
#view__competition .match-list__wrapper .match__group .match__item span.item__details .details__center .match--center .center--divider,
#view__competition .match-list__wrapper .match__group .match__item span.item__details .details__center .match--center .center--kickoff, #swf-policy h3, #swf-policy .h3, #swf-policy .component__accordion .accordion__container .accordion__title, .component__accordion .accordion__container #swf-policy .accordion__title, .h4, h3, .h3, .component__accordion .accordion__container .accordion__title, h2, .h2, h1, .h1 {
  margin-top: 0;
  margin-bottom: 0.5em;
  font-family: "Poppins", system-ui, sans-serif;
  font-weight: 700;
  line-height: 1.2;
  color: var(--bs-heading-color);
}

h1, .h1 {
  font-size: var(--ss-font-size-h1);
}

h2, .h2 {
  font-size: var(--ss-font-size-h2);
}

h3, .h3, .component__accordion .accordion__container .accordion__title {
  font-size: var(--ss-font-size-h3);
}

h4, #view__comet-competition .component__comet-match-list .match__group .match__item span.item__details .details__center .match--center .center--home-score,
#view__comet-competition .component__comet-match-list .match__group .match__item span.item__details .details__center .match--center .center--away-score,
#view__comet-competition .component__comet-match-list .match__group .match__item span.item__details .details__center .match--center .center--divider,
#view__comet-competition .component__comet-match-list .match__group .match__item span.item__details .details__center .match--center .center--kickoff, #view__competition .match-list__wrapper .match__group .match__item span.item__details .details__center .match--center .center--home-score,
#view__competition .match-list__wrapper .match__group .match__item span.item__details .details__center .match--center .center--away-score,
#view__competition .match-list__wrapper .match__group .match__item span.item__details .details__center .match--center .center--divider,
#view__competition .match-list__wrapper .match__group .match__item span.item__details .details__center .match--center .center--kickoff, #swf-policy h3, #swf-policy .h3, #swf-policy .component__accordion .accordion__container .accordion__title, .component__accordion .accordion__container #swf-policy .accordion__title, .h4 {
  font-size: var(--ss-font-size-h4);
}

h5, .h5, #view__comet-competition .component__league-table .table__header .table__row span, .component__competition-group .tabbed__content .competition__group .competitions__list ul li a, #view__competition .component__league-table .table__header .table__row span, .btn-download-danger, .btn-download-dark, .btn-download-white, .btn-download-purple, .btn-download-pink, .btn-download-green, .btn-download-blue {
  font-size: var(--ss-font-size-h5);
}

h6, #view__comet-competition .component__comet-match-list .match__group .group__title, #view__competition .match-list__wrapper .match__group .group__title, #swf-policy .accordion h4.accordion-heading, #swf-policy .accordion #view__comet-competition .component__comet-match-list .match__group .match__item span.item__details .details__center .match--center .accordion-heading.center--home-score, #view__comet-competition .component__comet-match-list .match__group .match__item span.item__details .details__center .match--center #swf-policy .accordion .accordion-heading.center--home-score,
#swf-policy .accordion #view__comet-competition .component__comet-match-list .match__group .match__item span.item__details .details__center .match--center .accordion-heading.center--away-score,
#view__comet-competition .component__comet-match-list .match__group .match__item span.item__details .details__center .match--center #swf-policy .accordion .accordion-heading.center--away-score,
#swf-policy .accordion #view__comet-competition .component__comet-match-list .match__group .match__item span.item__details .details__center .match--center .accordion-heading.center--divider,
#view__comet-competition .component__comet-match-list .match__group .match__item span.item__details .details__center .match--center #swf-policy .accordion .accordion-heading.center--divider,
#swf-policy .accordion #view__comet-competition .component__comet-match-list .match__group .match__item span.item__details .details__center .match--center .accordion-heading.center--kickoff,
#view__comet-competition .component__comet-match-list .match__group .match__item span.item__details .details__center .match--center #swf-policy .accordion .accordion-heading.center--kickoff, #swf-policy .accordion #view__competition .match-list__wrapper .match__group .match__item span.item__details .details__center .match--center .accordion-heading.center--home-score, #view__competition .match-list__wrapper .match__group .match__item span.item__details .details__center .match--center #swf-policy .accordion .accordion-heading.center--home-score,
#swf-policy .accordion #view__competition .match-list__wrapper .match__group .match__item span.item__details .details__center .match--center .accordion-heading.center--away-score,
#view__competition .match-list__wrapper .match__group .match__item span.item__details .details__center .match--center #swf-policy .accordion .accordion-heading.center--away-score,
#swf-policy .accordion #view__competition .match-list__wrapper .match__group .match__item span.item__details .details__center .match--center .accordion-heading.center--divider,
#view__competition .match-list__wrapper .match__group .match__item span.item__details .details__center .match--center #swf-policy .accordion .accordion-heading.center--divider,
#swf-policy .accordion #view__competition .match-list__wrapper .match__group .match__item span.item__details .details__center .match--center .accordion-heading.center--kickoff,
#view__competition .match-list__wrapper .match__group .match__item span.item__details .details__center .match--center #swf-policy .accordion .accordion-heading.center--kickoff, #swf-policy .accordion .accordion-heading.h4, #swf-policy .accordion h3.accordion-heading, #swf-policy .accordion .accordion-heading.h3, #swf-policy .accordion .component__accordion .accordion__container .accordion-heading.accordion__title, .component__accordion .accordion__container #swf-policy .accordion .accordion-heading.accordion__title, .h6 {
  font-size: var(--ss-font-size-h6);
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

abbr[title] {
  text-decoration: underline dotted;
  cursor: help;
  text-decoration-skip-ink: none;
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

ol,
ul {
  padding-left: 2rem;
}

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

dt {
  font-weight: 700;
}

dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem;
}

b,
strong {
  font-weight: bolder;
}

small, .small {
  font-size: 0.875em;
}

mark, .mark {
  padding: 0.1875em;
  color: var(--bs-highlight-color);
  background-color: var(--bs-highlight-bg);
}

sub,
sup {
  position: relative;
  font-size: 0.75em;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

a {
  color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
  text-decoration: underline;
}
a:hover {
  --bs-link-color-rgb: var(--bs-link-hover-color-rgb);
}

a:not([href]):not([class]), a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}

pre,
code,
kbd,
samp {
  font-family: var(--bs-font-monospace);
  font-size: 1em;
}

pre {
  display: block;
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  font-size: 0.875em;
}
pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}

code {
  font-size: 0.875em;
  color: var(--bs-code-color);
  word-wrap: break-word;
}
a > code {
  color: inherit;
}

kbd {
  padding: 0.1875rem 0.375rem;
  font-size: 0.875em;
  color: var(--bs-body-bg);
  background-color: var(--bs-body-color);
  border-radius: 0.25rem;
}
kbd kbd {
  padding: 0;
  font-size: 1em;
}

figure {
  margin: 0 0 1rem;
}

img,
svg {
  vertical-align: middle;
}

table {
  caption-side: bottom;
  border-collapse: collapse;
}

caption {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: var(--bs-secondary-color);
  text-align: left;
}

th {
  text-align: inherit;
  text-align: -webkit-match-parent;
}

thead,
tbody,
tfoot,
tr,
td,
th {
  border-color: inherit;
  border-style: solid;
  border-width: 0;
}

label {
  display: inline-block;
}

button {
  border-radius: 0;
}

button:focus:not(:focus-visible) {
  outline: 0;
}

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button,
select {
  text-transform: none;
}

[role=button] {
  cursor: pointer;
}

select {
  word-wrap: normal;
}
select:disabled {
  opacity: 1;
}

[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
  display: none !important;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}
button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
  cursor: pointer;
}

::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

textarea {
  resize: vertical;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  float: left;
  width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  line-height: inherit;
  font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
  legend {
    font-size: 1.5rem;
  }
}
legend + * {
  clear: left;
}

::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field {
  padding: 0;
}

::-webkit-inner-spin-button {
  height: auto;
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
[type=search]::-webkit-search-cancel-button {
  cursor: pointer;
  filter: grayscale(1);
}

/* rtl:raw:
[type="tel"],
[type="url"],
[type="email"],
[type="number"] {
  direction: ltr;
}
*/
::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-color-swatch-wrapper {
  padding: 0;
}

::file-selector-button {
  font: inherit;
  -webkit-appearance: button;
}

output {
  display: inline-block;
}

iframe {
  border: 0;
}

summary {
  display: list-item;
  cursor: pointer;
}

progress {
  vertical-align: baseline;
}

[hidden] {
  display: none !important;
}

.lead {
  font-size: var(--ss-font-size-h5);
  font-weight: 300;
}

.display-1 {
  font-family: "Poppins", system-ui, sans-serif;
  font-weight: 700;
  line-height: 1.1;
  font-size: var(--ss-font-size-display1);
}

.display-2 {
  font-family: "Poppins", system-ui, sans-serif;
  font-weight: 700;
  line-height: 1.1;
  font-size: var(--ss-font-size-display2);
}

.display-3, #view__comet-competition .competition__sponsor, #view__competition .competition__sponsor, .placeholder-section {
  font-family: "Poppins", system-ui, sans-serif;
  font-weight: 700;
  line-height: 1.1;
  font-size: var(--ss-font-size-display3);
}

.display-4 {
  font-family: "Poppins", system-ui, sans-serif;
  font-weight: 700;
  line-height: 1.1;
  font-size: var(--ss-font-size-display4);
}

.display-5 {
  font-family: "Poppins", system-ui, sans-serif;
  font-weight: 700;
  line-height: 1.1;
  font-size: var(--ss-font-size-display5);
}

.display-6 {
  font-family: "Poppins", system-ui, sans-serif;
  font-weight: 700;
  line-height: 1.1;
  font-size: var(--ss-font-size-display6);
}

.list-unstyled, #view__club-finder #club-finder-root #cf__wrapper .cf__wrapper-list .cf__list-data .club__list {
  padding-left: 0;
  list-style: none;
}

.list-inline {
  padding-left: 0;
  list-style: none;
}

.list-inline-item {
  display: inline-block;
}
.list-inline-item:not(:last-child) {
  margin-right: 0.5rem;
}

.initialism {
  font-size: 0.875em;
  text-transform: uppercase;
}

.blockquote {
  margin-bottom: 1rem;
  font-size: 1.25rem;
}
.blockquote > :last-child {
  margin-bottom: 0;
}

.blockquote-footer {
  margin-top: -1rem;
  margin-bottom: 1rem;
  font-size: 0.875em;
  color: #6c757d;
}
.blockquote-footer::before {
  content: "— ";
}

.img-fluid {
  max-width: 100%;
  height: auto;
}

.img-thumbnail {
  padding: 0.25rem;
  background-color: var(--bs-body-bg);
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  max-width: 100%;
  height: auto;
}

.figure {
  display: inline-block;
}

.figure-img {
  margin-bottom: 0.5rem;
  line-height: 1;
}

.figure-caption {
  font-size: 0.875em;
  color: var(--bs-secondary-color);
}

.container, .component__competition-group .tabbed__content,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  --bs-gutter-x: 2.5em;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 768px) {
  .container-sm, .container, .component__competition-group .tabbed__content {
    max-width: 540px;
  }
}
@media (min-width: 992px) {
  .container-md, .container-sm, .container, .component__competition-group .tabbed__content {
    max-width: 720px;
  }
}
@media (min-width: 1200px) {
  .container-lg, .container-md, .container-sm, .container, .component__competition-group .tabbed__content {
    max-width: 960px;
  }
}
@media (min-width: 1500px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container, .component__competition-group .tabbed__content {
    max-width: 1140px;
  }
}
.container-xl, .container-lg, .container-md, .container-sm, .container, .component__competition-group .tabbed__content {
  max-width: 1320px;
}

:root {
  --bs-breakpoint-xs: 0;
  --bs-breakpoint-sm: 768px;
  --bs-breakpoint-md: 992px;
  --bs-breakpoint-lg: 1200px;
  --bs-breakpoint-xl: 1500px;
}

.row {
  --bs-gutter-x: 2.5em;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}
.row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}

.col {
  flex: 1 0 0;
}

.row-cols-auto > * {
  flex: 0 0 auto;
  width: auto;
}

.row-cols-1 > * {
  flex: 0 0 auto;
  width: 100%;
}

.row-cols-2 > * {
  flex: 0 0 auto;
  width: 50%;
}

.row-cols-3 > * {
  flex: 0 0 auto;
  width: 33.33333333%;
}

.row-cols-4 > * {
  flex: 0 0 auto;
  width: 25%;
}

.row-cols-5 > * {
  flex: 0 0 auto;
  width: 20%;
}

.row-cols-6 > * {
  flex: 0 0 auto;
  width: 16.66666667%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
}

.col-1 {
  flex: 0 0 auto;
  width: 8.33333333%;
}

.col-2 {
  flex: 0 0 auto;
  width: 16.66666667%;
}

.col-3 {
  flex: 0 0 auto;
  width: 25%;
}

.col-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
}

.col-5 {
  flex: 0 0 auto;
  width: 41.66666667%;
}

.col-6 {
  flex: 0 0 auto;
  width: 50%;
}

.col-7 {
  flex: 0 0 auto;
  width: 58.33333333%;
}

.col-8 {
  flex: 0 0 auto;
  width: 66.66666667%;
}

.col-9 {
  flex: 0 0 auto;
  width: 75%;
}

.col-10 {
  flex: 0 0 auto;
  width: 83.33333333%;
}

.col-11 {
  flex: 0 0 auto;
  width: 91.66666667%;
}

.col-12 {
  flex: 0 0 auto;
  width: 100%;
}

.offset-1 {
  margin-left: 8.33333333%;
}

.offset-2 {
  margin-left: 16.66666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.33333333%;
}

.offset-5 {
  margin-left: 41.66666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.33333333%;
}

.offset-8 {
  margin-left: 66.66666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.33333333%;
}

.offset-11 {
  margin-left: 91.66666667%;
}

.g-0,
.gx-0 {
  --bs-gutter-x: 0;
}

.g-0,
.gy-0 {
  --bs-gutter-y: 0;
}

.g-1,
.gx-1 {
  --bs-gutter-x: 0.25rem;
}

.g-1,
.gy-1 {
  --bs-gutter-y: 0.25rem;
}

.g-2,
.gx-2 {
  --bs-gutter-x: 0.5rem;
}

.g-2,
.gy-2 {
  --bs-gutter-y: 0.5rem;
}

.g-3,
.gx-3 {
  --bs-gutter-x: 1rem;
}

.g-3,
.gy-3 {
  --bs-gutter-y: 1rem;
}

.g-4,
.gx-4 {
  --bs-gutter-x: 1.5rem;
}

.g-4,
.gy-4 {
  --bs-gutter-y: 1.5rem;
}

.g-5,
.gx-5 {
  --bs-gutter-x: 3rem;
}

.g-5,
.gy-5 {
  --bs-gutter-y: 3rem;
}

@media (min-width: 768px) {
  .col-sm {
    flex: 1 0 0;
  }
  .row-cols-sm-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-sm-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-sm-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-sm-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-sm-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-sm-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-sm-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.33333333%;
  }
  .offset-sm-2 {
    margin-left: 16.66666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.33333333%;
  }
  .offset-sm-5 {
    margin-left: 41.66666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.33333333%;
  }
  .offset-sm-8 {
    margin-left: 66.66666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.33333333%;
  }
  .offset-sm-11 {
    margin-left: 91.66666667%;
  }
  .g-sm-0,
  .gx-sm-0 {
    --bs-gutter-x: 0;
  }
  .g-sm-0,
  .gy-sm-0 {
    --bs-gutter-y: 0;
  }
  .g-sm-1,
  .gx-sm-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-sm-1,
  .gy-sm-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-sm-2,
  .gx-sm-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-sm-2,
  .gy-sm-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-sm-3,
  .gx-sm-3 {
    --bs-gutter-x: 1rem;
  }
  .g-sm-3,
  .gy-sm-3 {
    --bs-gutter-y: 1rem;
  }
  .g-sm-4,
  .gx-sm-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-sm-4,
  .gy-sm-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-sm-5,
  .gx-sm-5 {
    --bs-gutter-x: 3rem;
  }
  .g-sm-5,
  .gy-sm-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 992px) {
  .col-md {
    flex: 1 0 0;
  }
  .row-cols-md-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-md-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-md-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-md-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-md-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-md-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-md-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.33333333%;
  }
  .offset-md-2 {
    margin-left: 16.66666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.33333333%;
  }
  .offset-md-5 {
    margin-left: 41.66666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.33333333%;
  }
  .offset-md-8 {
    margin-left: 66.66666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.33333333%;
  }
  .offset-md-11 {
    margin-left: 91.66666667%;
  }
  .g-md-0,
  .gx-md-0 {
    --bs-gutter-x: 0;
  }
  .g-md-0,
  .gy-md-0 {
    --bs-gutter-y: 0;
  }
  .g-md-1,
  .gx-md-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-md-1,
  .gy-md-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-md-2,
  .gx-md-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-md-2,
  .gy-md-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-md-3,
  .gx-md-3 {
    --bs-gutter-x: 1rem;
  }
  .g-md-3,
  .gy-md-3 {
    --bs-gutter-y: 1rem;
  }
  .g-md-4,
  .gx-md-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-md-4,
  .gy-md-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-md-5,
  .gx-md-5 {
    --bs-gutter-x: 3rem;
  }
  .g-md-5,
  .gy-md-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1200px) {
  .col-lg {
    flex: 1 0 0;
  }
  .row-cols-lg-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-lg-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-lg-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-lg-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-lg-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-lg-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.33333333%;
  }
  .offset-lg-2 {
    margin-left: 16.66666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.33333333%;
  }
  .offset-lg-5 {
    margin-left: 41.66666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.33333333%;
  }
  .offset-lg-8 {
    margin-left: 66.66666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.33333333%;
  }
  .offset-lg-11 {
    margin-left: 91.66666667%;
  }
  .g-lg-0,
  .gx-lg-0 {
    --bs-gutter-x: 0;
  }
  .g-lg-0,
  .gy-lg-0 {
    --bs-gutter-y: 0;
  }
  .g-lg-1,
  .gx-lg-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-lg-1,
  .gy-lg-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-lg-2,
  .gx-lg-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-lg-2,
  .gy-lg-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-lg-3,
  .gx-lg-3 {
    --bs-gutter-x: 1rem;
  }
  .g-lg-3,
  .gy-lg-3 {
    --bs-gutter-y: 1rem;
  }
  .g-lg-4,
  .gx-lg-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-lg-4,
  .gy-lg-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-lg-5,
  .gx-lg-5 {
    --bs-gutter-x: 3rem;
  }
  .g-lg-5,
  .gy-lg-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1500px) {
  .col-xl {
    flex: 1 0 0;
  }
  .row-cols-xl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xl-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-xl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xl-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xl-11 {
    margin-left: 91.66666667%;
  }
  .g-xl-0,
  .gx-xl-0 {
    --bs-gutter-x: 0;
  }
  .g-xl-0,
  .gy-xl-0 {
    --bs-gutter-y: 0;
  }
  .g-xl-1,
  .gx-xl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xl-1,
  .gy-xl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xl-2,
  .gx-xl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xl-2,
  .gy-xl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xl-3,
  .gx-xl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xl-3,
  .gy-xl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xl-4,
  .gx-xl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xl-4,
  .gy-xl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xl-5,
  .gx-xl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xl-5,
  .gy-xl-5 {
    --bs-gutter-y: 3rem;
  }
}
.table {
  --bs-table-color-type: initial;
  --bs-table-bg-type: initial;
  --bs-table-color-state: initial;
  --bs-table-bg-state: initial;
  --bs-table-color: var(--bs-emphasis-color);
  --bs-table-bg: var(--bs-body-bg);
  --bs-table-border-color: var(--bs-border-color);
  --bs-table-accent-bg: transparent;
  --bs-table-striped-color: var(--bs-emphasis-color);
  --bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), 0.05);
  --bs-table-active-color: var(--bs-emphasis-color);
  --bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), 0.1);
  --bs-table-hover-color: var(--bs-emphasis-color);
  --bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), 0.075);
  width: 100%;
  margin-bottom: 1rem;
  vertical-align: top;
  border-color: var(--bs-table-border-color);
}
.table > :not(caption) > * > * {
  padding: 0.5rem 0.5rem;
  color: var(--bs-table-color-state, var(--bs-table-color-type, var(--bs-table-color)));
  background-color: var(--bs-table-bg);
  border-bottom-width: var(--bs-border-width);
  box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg)));
}
.table > tbody {
  vertical-align: inherit;
}
.table > thead {
  vertical-align: bottom;
}

.table-group-divider {
  border-top: calc(var(--bs-border-width) * 2) solid currentcolor;
}

.caption-top {
  caption-side: top;
}

.table-sm > :not(caption) > * > * {
  padding: 0.25rem 0.25rem;
}

.table-bordered > :not(caption) > * {
  border-width: var(--bs-border-width) 0;
}
.table-bordered > :not(caption) > * > * {
  border-width: 0 var(--bs-border-width);
}

.table-borderless > :not(caption) > * > * {
  border-bottom-width: 0;
}
.table-borderless > :not(:first-child) {
  border-top-width: 0;
}

.table-striped > tbody > tr:nth-of-type(odd) > * {
  --bs-table-color-type: var(--bs-table-striped-color);
  --bs-table-bg-type: var(--bs-table-striped-bg);
}

.table-striped-columns > :not(caption) > tr > :nth-child(even) {
  --bs-table-color-type: var(--bs-table-striped-color);
  --bs-table-bg-type: var(--bs-table-striped-bg);
}

.table-active {
  --bs-table-color-state: var(--bs-table-active-color);
  --bs-table-bg-state: var(--bs-table-active-bg);
}

.table-hover > tbody > tr:hover > * {
  --bs-table-color-state: var(--bs-table-hover-color);
  --bs-table-bg-state: var(--bs-table-hover-bg);
}

.table-primary {
  --bs-table-color: #000;
  --bs-table-bg: rgb(204, 217.2, 231.4);
  --bs-table-border-color: rgb(163.2, 173.76, 185.12);
  --bs-table-striped-bg: rgb(193.8, 206.34, 219.83);
  --bs-table-striped-color: #000;
  --bs-table-active-bg: rgb(183.6, 195.48, 208.26);
  --bs-table-active-color: #000;
  --bs-table-hover-bg: rgb(188.7, 200.91, 214.045);
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-secondary {
  --bs-table-color: #000;
  --bs-table-bg: rgb(231.8, 209.6, 225.8);
  --bs-table-border-color: rgb(185.44, 167.68, 180.64);
  --bs-table-striped-bg: rgb(220.21, 199.12, 214.51);
  --bs-table-striped-color: #000;
  --bs-table-active-bg: rgb(208.62, 188.64, 203.22);
  --bs-table-active-color: #000;
  --bs-table-hover-bg: rgb(214.415, 193.88, 208.865);
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-success {
  --bs-table-color: #000;
  --bs-table-bg: rgb(209, 231, 220.8);
  --bs-table-border-color: rgb(167.2, 184.8, 176.64);
  --bs-table-striped-bg: rgb(198.55, 219.45, 209.76);
  --bs-table-striped-color: #000;
  --bs-table-active-bg: rgb(188.1, 207.9, 198.72);
  --bs-table-active-color: #000;
  --bs-table-hover-bg: rgb(193.325, 213.675, 204.24);
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-info {
  --bs-table-color: #000;
  --bs-table-bg: rgb(206.6, 244.4, 252);
  --bs-table-border-color: rgb(165.28, 195.52, 201.6);
  --bs-table-striped-bg: rgb(196.27, 232.18, 239.4);
  --bs-table-striped-color: #000;
  --bs-table-active-bg: rgb(185.94, 219.96, 226.8);
  --bs-table-active-color: #000;
  --bs-table-hover-bg: rgb(191.105, 226.07, 233.1);
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-warning {
  --bs-table-color: #000;
  --bs-table-bg: rgb(255, 242.6, 205.4);
  --bs-table-border-color: rgb(204, 194.08, 164.32);
  --bs-table-striped-bg: rgb(242.25, 230.47, 195.13);
  --bs-table-striped-color: #000;
  --bs-table-active-bg: rgb(229.5, 218.34, 184.86);
  --bs-table-active-color: #000;
  --bs-table-hover-bg: rgb(235.875, 224.405, 189.995);
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-danger {
  --bs-table-color: #000;
  --bs-table-bg: rgb(248, 214.6, 217.8);
  --bs-table-border-color: rgb(198.4, 171.68, 174.24);
  --bs-table-striped-bg: rgb(235.6, 203.87, 206.91);
  --bs-table-striped-color: #000;
  --bs-table-active-bg: rgb(223.2, 193.14, 196.02);
  --bs-table-active-color: #000;
  --bs-table-hover-bg: rgb(229.4, 198.505, 201.465);
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-light {
  --bs-table-color: #000;
  --bs-table-bg: #ebedf5;
  --bs-table-border-color: rgb(188, 189.6, 196);
  --bs-table-striped-bg: rgb(223.25, 225.15, 232.75);
  --bs-table-striped-color: #000;
  --bs-table-active-bg: rgb(211.5, 213.3, 220.5);
  --bs-table-active-color: #000;
  --bs-table-hover-bg: rgb(217.375, 219.225, 226.625);
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-dark {
  --bs-table-color: #fff;
  --bs-table-bg: #26272a;
  --bs-table-border-color: rgb(81.4, 82.2, 84.6);
  --bs-table-striped-bg: rgb(48.85, 49.8, 52.65);
  --bs-table-striped-color: #fff;
  --bs-table-active-bg: rgb(59.7, 60.6, 63.3);
  --bs-table-active-color: #fff;
  --bs-table-hover-bg: rgb(54.275, 55.2, 57.975);
  --bs-table-hover-color: #fff;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

@media (max-width: 767.98px) {
  .table-responsive-sm {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 991.98px) {
  .table-responsive-md {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 1199.98px) {
  .table-responsive-lg {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 1499.98px) {
  .table-responsive-xl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
.fade {
  transition: opacity 0.15s linear;
}
@media (prefers-reduced-motion: reduce) {
  .fade {
    transition: none;
  }
}
.fade:not(.show) {
  opacity: 0;
}

.collapse:not(.show) {
  display: none;
}

.collapsing {
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing {
    transition: none;
  }
}
.collapsing.collapse-horizontal {
  width: 0;
  height: auto;
  transition: width 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing.collapse-horizontal {
    transition: none;
  }
}

.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

.text-bg-primary {
  color: #fff !important;
  background-color: RGBA(var(--bs-primary-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-secondary {
  color: #fff !important;
  background-color: RGBA(var(--bs-secondary-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-success {
  color: #000 !important;
  background-color: RGBA(var(--bs-success-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-info {
  color: #000 !important;
  background-color: RGBA(var(--bs-info-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-warning {
  color: #000 !important;
  background-color: RGBA(var(--bs-warning-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-danger {
  color: #000 !important;
  background-color: RGBA(var(--bs-danger-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-light {
  color: #000 !important;
  background-color: RGBA(var(--bs-light-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-dark, #view__club-finder #club-finder-root #cf__wrapper .cf__wrapper-map .cf__data-map .map__info {
  color: #fff !important;
  background-color: RGBA(var(--bs-dark-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-tertiary {
  color: #fff !important;
  background-color: RGBA(var(--bs-tertiary-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-light100 {
  color: #000 !important;
  background-color: RGBA(var(--bs-light100-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-light200 {
  color: #000 !important;
  background-color: RGBA(var(--bs-light200-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-light300 {
  color: #000 !important;
  background-color: RGBA(var(--bs-light300-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-white {
  color: #000 !important;
  background-color: RGBA(var(--bs-white-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-dark100 {
  color: #000 !important;
  background-color: RGBA(var(--bs-dark100-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-dark200 {
  color: #fff !important;
  background-color: RGBA(var(--bs-dark200-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-dark300, .btn-block-dark:hover {
  color: #fff !important;
  background-color: RGBA(var(--bs-dark300-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-greyLight {
  color: #000 !important;
  background-color: RGBA(var(--bs-greyLight-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-greyMedium {
  color: #000 !important;
  background-color: RGBA(var(--bs-greyMedium-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-greyDark, .btn-block-white:hover {
  color: #000 !important;
  background-color: RGBA(var(--bs-greyDark-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-greyBg {
  color: #000 !important;
  background-color: RGBA(var(--bs-greyBg-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-swf-blue {
  color: #fff !important;
  background-color: RGBA(var(--bs-swf-blue-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-swf-blue100, .btn-block-blue:hover {
  color: #000 !important;
  background-color: RGBA(var(--bs-swf-blue100-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-swf-blue200 {
  color: #000 !important;
  background-color: RGBA(var(--bs-swf-blue200-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-swf-blue300 {
  color: #fff !important;
  background-color: RGBA(var(--bs-swf-blue300-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-swf-purple {
  color: #fff !important;
  background-color: RGBA(var(--bs-swf-purple-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-swf-purple100, .btn-block-purple:hover {
  color: #000 !important;
  background-color: RGBA(var(--bs-swf-purple100-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-swf-purple200 {
  color: #000 !important;
  background-color: RGBA(var(--bs-swf-purple200-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-swf-purple300 {
  color: #fff !important;
  background-color: RGBA(var(--bs-swf-purple300-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-swf-pink {
  color: #fff !important;
  background-color: RGBA(var(--bs-swf-pink-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-swf-pink100, .btn-block-pink:hover {
  color: #000 !important;
  background-color: RGBA(var(--bs-swf-pink100-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-swf-pink200 {
  color: #000 !important;
  background-color: RGBA(var(--bs-swf-pink200-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-swf-pink300 {
  color: #fff !important;
  background-color: RGBA(var(--bs-swf-pink300-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-swf-green {
  color: #000 !important;
  background-color: RGBA(var(--bs-swf-green-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-swf-green100, .btn-block-green:hover {
  color: #000 !important;
  background-color: RGBA(var(--bs-swf-green100-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-swf-green200 {
  color: #000 !important;
  background-color: RGBA(var(--bs-swf-green200-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-swf-green300 {
  color: #000 !important;
  background-color: RGBA(var(--bs-swf-green300-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-whiteButton {
  color: #000 !important;
  background-color: RGBA(var(--bs-whiteButton-rgb), var(--bs-bg-opacity, 1)) !important;
}

.link-primary {
  color: RGBA(var(--bs-primary-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-primary:hover, .link-primary:focus {
  color: RGBA(0, 53, 110, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(0, 53, 110, var(--bs-link-underline-opacity, 1)) !important;
}

.link-secondary {
  color: RGBA(var(--bs-secondary-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-secondary:hover, .link-secondary:focus {
  color: RGBA(111, 22, 87, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(111, 22, 87, var(--bs-link-underline-opacity, 1)) !important;
}

.link-success {
  color: RGBA(var(--bs-success-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-success:hover, .link-success:focus {
  color: RGBA(65, 241, 209, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(65, 241, 209, var(--bs-link-underline-opacity, 1)) !important;
}

.link-info {
  color: RGBA(var(--bs-info-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-info:hover, .link-info:focus {
  color: RGBA(61, 213, 243, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(61, 213, 243, var(--bs-link-underline-opacity, 1)) !important;
}

.link-warning {
  color: RGBA(var(--bs-warning-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-warning:hover, .link-warning:focus {
  color: RGBA(255, 205, 57, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(255, 205, 57, var(--bs-link-underline-opacity, 1)) !important;
}

.link-danger {
  color: RGBA(var(--bs-danger-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-danger:hover, .link-danger:focus {
  color: RGBA(241, 65, 86, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(241, 65, 86, var(--bs-link-underline-opacity, 1)) !important;
}

.link-light {
  color: RGBA(var(--bs-light-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-light:hover, .link-light:focus {
  color: RGBA(239, 241, 247, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(239, 241, 247, var(--bs-link-underline-opacity, 1)) !important;
}

.link-dark {
  color: RGBA(var(--bs-dark-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-dark:hover, .link-dark:focus {
  color: RGBA(30, 31, 34, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(30, 31, 34, var(--bs-link-underline-opacity, 1)) !important;
}

.link-tertiary {
  color: RGBA(var(--bs-tertiary-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-tertiary-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-tertiary:hover, .link-tertiary:focus {
  color: RGBA(66, 30, 105, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(66, 30, 105, var(--bs-link-underline-opacity, 1)) !important;
}

.link-light100 {
  color: RGBA(var(--bs-light100-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-light100-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-light100:hover, .link-light100:focus {
  color: RGBA(212, 216, 233, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(212, 216, 233, var(--bs-link-underline-opacity, 1)) !important;
}

.link-light200 {
  color: RGBA(var(--bs-light200-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-light200-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-light200:hover, .link-light200:focus {
  color: RGBA(185, 192, 220, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(185, 192, 220, var(--bs-link-underline-opacity, 1)) !important;
}

.link-light300 {
  color: RGBA(var(--bs-light300-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-light300-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-light300:hover, .link-light300:focus {
  color: RGBA(157, 167, 206, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(157, 167, 206, var(--bs-link-underline-opacity, 1)) !important;
}

.link-white {
  color: RGBA(var(--bs-white-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-white-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-white:hover, .link-white:focus {
  color: RGBA(255, 255, 255, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(255, 255, 255, var(--bs-link-underline-opacity, 1)) !important;
}

.link-dark100 {
  color: RGBA(var(--bs-dark100-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-dark100-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-dark100:hover, .link-dark100:focus {
  color: RGBA(160, 162, 169, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(160, 162, 169, var(--bs-link-underline-opacity, 1)) !important;
}

.link-dark200 {
  color: RGBA(var(--bs-dark200-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-dark200-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-dark200:hover, .link-dark200:focus {
  color: RGBA(89, 91, 98, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(89, 91, 98, var(--bs-link-underline-opacity, 1)) !important;
}

.link-dark300 {
  color: RGBA(var(--bs-dark300-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-dark300-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-dark300:hover, .link-dark300:focus {
  color: RGBA(69, 71, 77, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(69, 71, 77, var(--bs-link-underline-opacity, 1)) !important;
}

.link-greyLight {
  color: RGBA(var(--bs-greyLight-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-greyLight-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-greyLight:hover, .link-greyLight:focus {
  color: RGBA(236, 237, 238, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(236, 237, 238, var(--bs-link-underline-opacity, 1)) !important;
}

.link-greyMedium {
  color: RGBA(var(--bs-greyMedium-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-greyMedium-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-greyMedium:hover, .link-greyMedium:focus {
  color: RGBA(223, 224, 226, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(223, 224, 226, var(--bs-link-underline-opacity, 1)) !important;
}

.link-greyDark {
  color: RGBA(var(--bs-greyDark-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-greyDark-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-greyDark:hover, .link-greyDark:focus {
  color: RGBA(207, 209, 212, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(207, 209, 212, var(--bs-link-underline-opacity, 1)) !important;
}

.link-greyBg {
  color: RGBA(var(--bs-greyBg-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-greyBg-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-greyBg:hover, .link-greyBg:focus {
  color: RGBA(251, 251, 251, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(251, 251, 251, var(--bs-link-underline-opacity, 1)) !important;
}

.link-swf-blue {
  color: RGBA(var(--bs-swf-blue-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-swf-blue-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-swf-blue:hover, .link-swf-blue:focus {
  color: RGBA(0, 53, 110, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(0, 53, 110, var(--bs-link-underline-opacity, 1)) !important;
}

.link-swf-blue100 {
  color: RGBA(var(--bs-swf-blue100-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-swf-blue100-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-swf-blue100:hover, .link-swf-blue100:focus {
  color: RGBA(214, 225, 236, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(214, 225, 236, var(--bs-link-underline-opacity, 1)) !important;
}

.link-swf-blue200 {
  color: RGBA(var(--bs-swf-blue200-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-swf-blue200-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-swf-blue200:hover, .link-swf-blue200:focus {
  color: RGBA(173, 195, 217, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(173, 195, 217, var(--bs-link-underline-opacity, 1)) !important;
}

.link-swf-blue300 {
  color: RGBA(var(--bs-swf-blue300-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-swf-blue300-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-swf-blue300:hover, .link-swf-blue300:focus {
  color: RGBA(41, 83, 128, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(41, 83, 128, var(--bs-link-underline-opacity, 1)) !important;
}

.link-swf-purple {
  color: RGBA(var(--bs-swf-purple-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-swf-purple-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-swf-purple:hover, .link-swf-purple:focus {
  color: RGBA(66, 30, 105, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(66, 30, 105, var(--bs-link-underline-opacity, 1)) !important;
}

.link-swf-purple100 {
  color: RGBA(var(--bs-swf-purple100-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-swf-purple100-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-swf-purple100:hover, .link-swf-purple100:focus {
  color: RGBA(227, 220, 235, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(227, 220, 235, var(--bs-link-underline-opacity, 1)) !important;
}

.link-swf-purple200 {
  color: RGBA(var(--bs-swf-purple200-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-swf-purple200-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-swf-purple200:hover, .link-swf-purple200:focus {
  color: RGBA(200, 185, 215, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(200, 185, 215, var(--bs-link-underline-opacity, 1)) !important;
}

.link-swf-purple300 {
  color: RGBA(var(--bs-swf-purple300-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-swf-purple300-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-swf-purple300:hover, .link-swf-purple300:focus {
  color: RGBA(93, 64, 125, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(93, 64, 125, var(--bs-link-underline-opacity, 1)) !important;
}

.link-swf-pink {
  color: RGBA(var(--bs-swf-pink-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-swf-pink-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-swf-pink:hover, .link-swf-pink:focus {
  color: RGBA(111, 22, 87, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(111, 22, 87, var(--bs-link-underline-opacity, 1)) !important;
}

.link-swf-pink100 {
  color: RGBA(var(--bs-swf-pink100-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-swf-pink100-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-swf-pink100:hover, .link-swf-pink100:focus {
  color: RGBA(236, 219, 232, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(236, 219, 232, var(--bs-link-underline-opacity, 1)) !important;
}

.link-swf-pink200 {
  color: RGBA(var(--bs-swf-pink200-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-swf-pink200-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-swf-pink200:hover, .link-swf-pink200:focus {
  color: RGBA(218, 182, 208, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(218, 182, 208, var(--bs-link-underline-opacity, 1)) !important;
}

.link-swf-pink300 {
  color: RGBA(var(--bs-swf-pink300-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-swf-pink300-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-swf-pink300:hover, .link-swf-pink300:focus {
  color: RGBA(130, 59, 111, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(130, 59, 111, var(--bs-link-underline-opacity, 1)) !important;
}

.link-swf-green {
  color: RGBA(var(--bs-swf-green-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-swf-green-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-swf-green:hover, .link-swf-green:focus {
  color: RGBA(159, 169, 51, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(159, 169, 51, var(--bs-link-underline-opacity, 1)) !important;
}

.link-swf-green100 {
  color: RGBA(var(--bs-swf-green100-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-swf-green100-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-swf-green100:hover, .link-swf-green100:focus {
  color: RGBA(236, 238, 214, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(236, 238, 214, var(--bs-link-underline-opacity, 1)) !important;
}

.link-swf-green200 {
  color: RGBA(var(--bs-swf-green200-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-swf-green200-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-swf-green200:hover, .link-swf-green200:focus {
  color: RGBA(217, 220, 173, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(217, 220, 173, var(--bs-link-underline-opacity, 1)) !important;
}

.link-swf-green300 {
  color: RGBA(var(--bs-swf-green300-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-swf-green300-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-swf-green300:hover, .link-swf-green300:focus {
  color: RGBA(178, 186, 92, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(178, 186, 92, var(--bs-link-underline-opacity, 1)) !important;
}

.link-whiteButton {
  color: RGBA(var(--bs-whiteButton-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-whiteButton-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-whiteButton:hover, .link-whiteButton:focus {
  color: RGBA(255, 255, 255, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(255, 255, 255, var(--bs-link-underline-opacity, 1)) !important;
}

.link-body-emphasis {
  color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-body-emphasis:hover, .link-body-emphasis:focus {
  color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 0.75)) !important;
  text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.75)) !important;
}

.focus-ring:focus {
  outline: 0;
  box-shadow: var(--bs-focus-ring-x, 0) var(--bs-focus-ring-y, 0) var(--bs-focus-ring-blur, 0) var(--bs-focus-ring-width) var(--bs-focus-ring-color);
}

.icon-link {
  display: inline-flex;
  gap: 0.375rem;
  align-items: center;
  text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 0.5));
  text-underline-offset: 0.25em;
  backface-visibility: hidden;
}
.icon-link > .bi {
  flex-shrink: 0;
  width: 1em;
  height: 1em;
  fill: currentcolor;
  transition: 0.2s ease-in-out transform;
}
@media (prefers-reduced-motion: reduce) {
  .icon-link > .bi {
    transition: none;
  }
}

.icon-link-hover:hover > .bi, .icon-link-hover:focus-visible > .bi {
  transform: var(--bs-icon-link-transform, translate3d(0.25em, 0, 0));
}

.ratio, .component__media.media__video .inner, .component__banner.banner__video .inner-content {
  position: relative;
  width: 100%;
}
.ratio::before, .component__media.media__video .inner::before, .component__banner.banner__video .inner-content::before {
  display: block;
  padding-top: var(--bs-aspect-ratio);
  content: "";
}
.ratio > *, .component__media.media__video .inner > *, .component__banner.banner__video .inner-content > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ratio-1x1 {
  --bs-aspect-ratio: 100%;
}

.ratio-4x3 {
  --bs-aspect-ratio: 75%;
}

.ratio-16x9, .component__media.media__video .inner, .component__banner.banner__video .inner-content {
  --bs-aspect-ratio: 56.25%;
}

.ratio-21x9 {
  --bs-aspect-ratio: 42.8571428571%;
}

.ratio-3x4 {
  --bs-aspect-ratio: 133.3333333333%;
}

.ratio-9x16 {
  --bs-aspect-ratio: 133.3333333333%;
}

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}

.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}

.sticky-top {
  position: sticky;
  top: 0;
  z-index: 1020;
}

.sticky-bottom {
  position: sticky;
  bottom: 0;
  z-index: 1020;
}

@media (min-width: 768px) {
  .sticky-sm-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-sm-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 992px) {
  .sticky-md-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-md-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 1200px) {
  .sticky-lg-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-lg-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 1500px) {
  .sticky-xl-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-xl-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
.hstack {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-self: stretch;
}

.vstack {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-self: stretch;
}

.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.visually-hidden:not(caption),
.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption) {
  position: absolute !important;
}
.visually-hidden *,
.visually-hidden-focusable:not(:focus):not(:focus-within) * {
  overflow: hidden !important;
}

.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: "";
}

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vr {
  display: inline-block;
  align-self: stretch;
  width: var(--bs-border-width);
  min-height: 1em;
  background-color: currentcolor;
  opacity: 0.25;
}

.align-baseline {
  vertical-align: baseline !important;
}

.align-top {
  vertical-align: top !important;
}

.align-middle {
  vertical-align: middle !important;
}

.align-bottom {
  vertical-align: bottom !important;
}

.align-text-bottom {
  vertical-align: text-bottom !important;
}

.align-text-top {
  vertical-align: text-top !important;
}

.float-start {
  float: left !important;
}

.float-end {
  float: right !important;
}

.float-none {
  float: none !important;
}

.object-fit-contain {
  object-fit: contain !important;
}

.object-fit-cover {
  object-fit: cover !important;
}

.object-fit-fill {
  object-fit: fill !important;
}

.object-fit-scale {
  object-fit: scale-down !important;
}

.object-fit-none {
  object-fit: none !important;
}

.opacity-0 {
  opacity: 0 !important;
}

.opacity-25 {
  opacity: 0.25 !important;
}

.opacity-50 {
  opacity: 0.5 !important;
}

.opacity-75 {
  opacity: 0.75 !important;
}

.opacity-100 {
  opacity: 1 !important;
}

.overflow-auto {
  overflow: auto !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.overflow-visible {
  overflow: visible !important;
}

.overflow-scroll {
  overflow: scroll !important;
}

.overflow-x-auto {
  overflow-x: auto !important;
}

.overflow-x-hidden {
  overflow-x: hidden !important;
}

.overflow-x-visible {
  overflow-x: visible !important;
}

.overflow-x-scroll {
  overflow-x: scroll !important;
}

.overflow-y-auto {
  overflow-y: auto !important;
}

.overflow-y-hidden {
  overflow-y: hidden !important;
}

.overflow-y-visible {
  overflow-y: visible !important;
}

.overflow-y-scroll {
  overflow-y: scroll !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-grid {
  display: grid !important;
}

.d-inline-grid {
  display: inline-grid !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

.d-none {
  display: none !important;
}

.shadow {
  box-shadow: var(--bs-box-shadow) !important;
}

.shadow-sm {
  box-shadow: var(--bs-box-shadow-sm) !important;
}

.shadow-lg {
  box-shadow: var(--bs-box-shadow-lg) !important;
}

.shadow-none {
  box-shadow: none !important;
}

.focus-ring-primary {
  --bs-focus-ring-color: rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-secondary {
  --bs-focus-ring-color: rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-success {
  --bs-focus-ring-color: rgba(var(--bs-success-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-info {
  --bs-focus-ring-color: rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-warning {
  --bs-focus-ring-color: rgba(var(--bs-warning-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-danger {
  --bs-focus-ring-color: rgba(var(--bs-danger-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-light {
  --bs-focus-ring-color: rgba(var(--bs-light-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-dark {
  --bs-focus-ring-color: rgba(var(--bs-dark-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-tertiary {
  --bs-focus-ring-color: rgba(var(--bs-tertiary-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-light100 {
  --bs-focus-ring-color: rgba(var(--bs-light100-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-light200 {
  --bs-focus-ring-color: rgba(var(--bs-light200-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-light300 {
  --bs-focus-ring-color: rgba(var(--bs-light300-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-white {
  --bs-focus-ring-color: rgba(var(--bs-white-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-dark100 {
  --bs-focus-ring-color: rgba(var(--bs-dark100-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-dark200 {
  --bs-focus-ring-color: rgba(var(--bs-dark200-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-dark300 {
  --bs-focus-ring-color: rgba(var(--bs-dark300-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-greyLight {
  --bs-focus-ring-color: rgba(var(--bs-greyLight-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-greyMedium {
  --bs-focus-ring-color: rgba(var(--bs-greyMedium-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-greyDark {
  --bs-focus-ring-color: rgba(var(--bs-greyDark-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-greyBg {
  --bs-focus-ring-color: rgba(var(--bs-greyBg-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-swf-blue {
  --bs-focus-ring-color: rgba(var(--bs-swf-blue-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-swf-blue100 {
  --bs-focus-ring-color: rgba(var(--bs-swf-blue100-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-swf-blue200 {
  --bs-focus-ring-color: rgba(var(--bs-swf-blue200-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-swf-blue300 {
  --bs-focus-ring-color: rgba(var(--bs-swf-blue300-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-swf-purple {
  --bs-focus-ring-color: rgba(var(--bs-swf-purple-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-swf-purple100 {
  --bs-focus-ring-color: rgba(var(--bs-swf-purple100-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-swf-purple200 {
  --bs-focus-ring-color: rgba(var(--bs-swf-purple200-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-swf-purple300 {
  --bs-focus-ring-color: rgba(var(--bs-swf-purple300-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-swf-pink {
  --bs-focus-ring-color: rgba(var(--bs-swf-pink-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-swf-pink100 {
  --bs-focus-ring-color: rgba(var(--bs-swf-pink100-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-swf-pink200 {
  --bs-focus-ring-color: rgba(var(--bs-swf-pink200-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-swf-pink300 {
  --bs-focus-ring-color: rgba(var(--bs-swf-pink300-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-swf-green {
  --bs-focus-ring-color: rgba(var(--bs-swf-green-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-swf-green100 {
  --bs-focus-ring-color: rgba(var(--bs-swf-green100-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-swf-green200 {
  --bs-focus-ring-color: rgba(var(--bs-swf-green200-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-swf-green300 {
  --bs-focus-ring-color: rgba(var(--bs-swf-green300-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-whiteButton {
  --bs-focus-ring-color: rgba(var(--bs-whiteButton-rgb), var(--bs-focus-ring-opacity));
}

.position-static {
  position: static !important;
}

.position-relative {
  position: relative !important;
}

.position-absolute {
  position: absolute !important;
}

.position-fixed {
  position: fixed !important;
}

.position-sticky {
  position: sticky !important;
}

.top-0 {
  top: 0 !important;
}

.top-50 {
  top: 50% !important;
}

.top-100 {
  top: 100% !important;
}

.bottom-0 {
  bottom: 0 !important;
}

.bottom-50 {
  bottom: 50% !important;
}

.bottom-100 {
  bottom: 100% !important;
}

.start-0 {
  left: 0 !important;
}

.start-50 {
  left: 50% !important;
}

.start-100 {
  left: 100% !important;
}

.end-0 {
  right: 0 !important;
}

.end-50 {
  right: 50% !important;
}

.end-100 {
  right: 100% !important;
}

.translate-middle {
  transform: translate(-50%, -50%) !important;
}

.translate-middle-x {
  transform: translateX(-50%) !important;
}

.translate-middle-y {
  transform: translateY(-50%) !important;
}

.border {
  border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-0 {
  border: 0 !important;
}

.border-top {
  border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-top-0 {
  border-top: 0 !important;
}

.border-end {
  border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-end-0 {
  border-right: 0 !important;
}

.border-bottom {
  border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-bottom-0 {
  border-bottom: 0 !important;
}

.border-start {
  border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-start-0 {
  border-left: 0 !important;
}

.border-primary {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important;
}

.border-secondary {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important;
}

.border-success {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important;
}

.border-info {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important;
}

.border-warning {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important;
}

.border-danger {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important;
}

.border-light {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important;
}

.border-dark {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important;
}

.border-tertiary {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-tertiary-rgb), var(--bs-border-opacity)) !important;
}

.border-light100 {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-light100-rgb), var(--bs-border-opacity)) !important;
}

.border-light200 {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-light200-rgb), var(--bs-border-opacity)) !important;
}

.border-light300 {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-light300-rgb), var(--bs-border-opacity)) !important;
}

.border-white {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important;
}

.border-dark100 {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-dark100-rgb), var(--bs-border-opacity)) !important;
}

.border-dark200 {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-dark200-rgb), var(--bs-border-opacity)) !important;
}

.border-dark300 {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-dark300-rgb), var(--bs-border-opacity)) !important;
}

.border-greyLight {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-greyLight-rgb), var(--bs-border-opacity)) !important;
}

.border-greyMedium {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-greyMedium-rgb), var(--bs-border-opacity)) !important;
}

.border-greyDark {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-greyDark-rgb), var(--bs-border-opacity)) !important;
}

.border-greyBg {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-greyBg-rgb), var(--bs-border-opacity)) !important;
}

.border-swf-blue {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-swf-blue-rgb), var(--bs-border-opacity)) !important;
}

.border-swf-blue100 {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-swf-blue100-rgb), var(--bs-border-opacity)) !important;
}

.border-swf-blue200 {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-swf-blue200-rgb), var(--bs-border-opacity)) !important;
}

.border-swf-blue300 {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-swf-blue300-rgb), var(--bs-border-opacity)) !important;
}

.border-swf-purple {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-swf-purple-rgb), var(--bs-border-opacity)) !important;
}

.border-swf-purple100 {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-swf-purple100-rgb), var(--bs-border-opacity)) !important;
}

.border-swf-purple200 {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-swf-purple200-rgb), var(--bs-border-opacity)) !important;
}

.border-swf-purple300 {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-swf-purple300-rgb), var(--bs-border-opacity)) !important;
}

.border-swf-pink {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-swf-pink-rgb), var(--bs-border-opacity)) !important;
}

.border-swf-pink100 {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-swf-pink100-rgb), var(--bs-border-opacity)) !important;
}

.border-swf-pink200 {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-swf-pink200-rgb), var(--bs-border-opacity)) !important;
}

.border-swf-pink300 {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-swf-pink300-rgb), var(--bs-border-opacity)) !important;
}

.border-swf-green {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-swf-green-rgb), var(--bs-border-opacity)) !important;
}

.border-swf-green100 {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-swf-green100-rgb), var(--bs-border-opacity)) !important;
}

.border-swf-green200 {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-swf-green200-rgb), var(--bs-border-opacity)) !important;
}

.border-swf-green300 {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-swf-green300-rgb), var(--bs-border-opacity)) !important;
}

.border-whiteButton {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-whiteButton-rgb), var(--bs-border-opacity)) !important;
}

.border-black {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity)) !important;
}

.border-primary-subtle {
  border-color: var(--bs-primary-border-subtle) !important;
}

.border-secondary-subtle {
  border-color: var(--bs-secondary-border-subtle) !important;
}

.border-success-subtle {
  border-color: var(--bs-success-border-subtle) !important;
}

.border-info-subtle {
  border-color: var(--bs-info-border-subtle) !important;
}

.border-warning-subtle {
  border-color: var(--bs-warning-border-subtle) !important;
}

.border-danger-subtle {
  border-color: var(--bs-danger-border-subtle) !important;
}

.border-light-subtle {
  border-color: var(--bs-light-border-subtle) !important;
}

.border-dark-subtle {
  border-color: var(--bs-dark-border-subtle) !important;
}

.border-1 {
  border-width: 1px !important;
}

.border-2 {
  border-width: 2px !important;
}

.border-3 {
  border-width: 3px !important;
}

.border-4 {
  border-width: 4px !important;
}

.border-5 {
  border-width: 5px !important;
}

.border-opacity-10 {
  --bs-border-opacity: 0.1;
}

.border-opacity-25 {
  --bs-border-opacity: 0.25;
}

.border-opacity-50 {
  --bs-border-opacity: 0.5;
}

.border-opacity-75 {
  --bs-border-opacity: 0.75;
}

.border-opacity-100 {
  --bs-border-opacity: 1;
}

.w-25 {
  width: 25% !important;
}

.w-50 {
  width: 50% !important;
}

.w-75 {
  width: 75% !important;
}

.w-100 {
  width: 100% !important;
}

.w-auto {
  width: auto !important;
}

.mw-100 {
  max-width: 100% !important;
}

.vw-100 {
  width: 100vw !important;
}

.min-vw-100 {
  min-width: 100vw !important;
}

.h-25 {
  height: 25% !important;
}

.h-50 {
  height: 50% !important;
}

.h-75 {
  height: 75% !important;
}

.h-100 {
  height: 100% !important;
}

.h-auto {
  height: auto !important;
}

.mh-100 {
  max-height: 100% !important;
}

.vh-100 {
  height: 100vh !important;
}

.min-vh-100 {
  min-height: 100vh !important;
}

.flex-fill {
  flex: 1 1 auto !important;
}

.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-grow-0 {
  flex-grow: 0 !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  flex-shrink: 1 !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.justify-content-evenly {
  justify-content: space-evenly !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

.order-first {
  order: -1 !important;
}

.order-0 {
  order: 0 !important;
}

.order-1 {
  order: 1 !important;
}

.order-2 {
  order: 2 !important;
}

.order-3 {
  order: 3 !important;
}

.order-4 {
  order: 4 !important;
}

.order-5 {
  order: 5 !important;
}

.order-last {
  order: 6 !important;
}

.m-0 {
  margin: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.mx-1 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important;
}

.mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}

.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}

.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}

.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mt-1 {
  margin-top: 0.25rem !important;
}

.mt-2 {
  margin-top: 0.5rem !important;
}

.mt-3 {
  margin-top: 1rem !important;
}

.mt-4 {
  margin-top: 1.5rem !important;
}

.mt-5 {
  margin-top: 3rem !important;
}

.mt-auto {
  margin-top: auto !important;
}

.me-0 {
  margin-right: 0 !important;
}

.me-1 {
  margin-right: 0.25rem !important;
}

.me-2 {
  margin-right: 0.5rem !important;
}

.me-3 {
  margin-right: 1rem !important;
}

.me-4 {
  margin-right: 1.5rem !important;
}

.me-5 {
  margin-right: 3rem !important;
}

.me-auto {
  margin-right: auto !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-1 {
  margin-bottom: 0.25rem !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.mb-3 {
  margin-bottom: 1rem !important;
}

.mb-4 {
  margin-bottom: 1.5rem !important;
}

.mb-5 {
  margin-bottom: 3rem !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.ms-0 {
  margin-left: 0 !important;
}

.ms-1 {
  margin-left: 0.25rem !important;
}

.ms-2 {
  margin-left: 0.5rem !important;
}

.ms-3 {
  margin-left: 1rem !important;
}

.ms-4 {
  margin-left: 1.5rem !important;
}

.ms-5 {
  margin-left: 3rem !important;
}

.ms-auto {
  margin-left: auto !important;
}

.p-0 {
  padding: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.px-1 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}

.px-2 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}

.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}

.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}

.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pt-1 {
  padding-top: 0.25rem !important;
}

.pt-2 {
  padding-top: 0.5rem !important;
}

.pt-3 {
  padding-top: 1rem !important;
}

.pt-4 {
  padding-top: 1.5rem !important;
}

.pt-5 {
  padding-top: 3rem !important;
}

.pe-0 {
  padding-right: 0 !important;
}

.pe-1 {
  padding-right: 0.25rem !important;
}

.pe-2 {
  padding-right: 0.5rem !important;
}

.pe-3 {
  padding-right: 1rem !important;
}

.pe-4 {
  padding-right: 1.5rem !important;
}

.pe-5 {
  padding-right: 3rem !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pb-1 {
  padding-bottom: 0.25rem !important;
}

.pb-2 {
  padding-bottom: 0.5rem !important;
}

.pb-3 {
  padding-bottom: 1rem !important;
}

.pb-4 {
  padding-bottom: 1.5rem !important;
}

.pb-5 {
  padding-bottom: 3rem !important;
}

.ps-0 {
  padding-left: 0 !important;
}

.ps-1 {
  padding-left: 0.25rem !important;
}

.ps-2 {
  padding-left: 0.5rem !important;
}

.ps-3 {
  padding-left: 1rem !important;
}

.ps-4 {
  padding-left: 1.5rem !important;
}

.ps-5 {
  padding-left: 3rem !important;
}

.gap-0 {
  gap: 0 !important;
}

.gap-1 {
  gap: 0.25rem !important;
}

.gap-2 {
  gap: 0.5rem !important;
}

.gap-3 {
  gap: 1rem !important;
}

.gap-4 {
  gap: 1.5rem !important;
}

.gap-5 {
  gap: 3rem !important;
}

.row-gap-0 {
  row-gap: 0 !important;
}

.row-gap-1 {
  row-gap: 0.25rem !important;
}

.row-gap-2 {
  row-gap: 0.5rem !important;
}

.row-gap-3 {
  row-gap: 1rem !important;
}

.row-gap-4 {
  row-gap: 1.5rem !important;
}

.row-gap-5 {
  row-gap: 3rem !important;
}

.column-gap-0 {
  column-gap: 0 !important;
}

.column-gap-1 {
  column-gap: 0.25rem !important;
}

.column-gap-2 {
  column-gap: 0.5rem !important;
}

.column-gap-3 {
  column-gap: 1rem !important;
}

.column-gap-4 {
  column-gap: 1.5rem !important;
}

.column-gap-5 {
  column-gap: 3rem !important;
}

.font-monospace {
  font-family: var(--bs-font-monospace) !important;
}

.fs-1 {
  font-size: var(--ss-font-size-h1) !important;
}

.fs-2 {
  font-size: var(--ss-font-size-h2) !important;
}

.fs-3 {
  font-size: var(--ss-font-size-h3) !important;
}

.fs-4 {
  font-size: var(--ss-font-size-h4) !important;
}

.fs-5 {
  font-size: var(--ss-font-size-h5) !important;
}

.fs-6 {
  font-size: var(--ss-font-size-h6) !important;
}

.fst-italic {
  font-style: italic !important;
}

.fst-normal {
  font-style: normal !important;
}

.fw-lighter {
  font-weight: lighter !important;
}

.fw-light {
  font-weight: 300 !important;
}

.fw-normal {
  font-weight: 400 !important;
}

.fw-medium {
  font-weight: 500 !important;
}

.fw-semibold {
  font-weight: 600 !important;
}

.fw-bold {
  font-weight: 700 !important;
}

.fw-bolder {
  font-weight: bolder !important;
}

.lh-1 {
  line-height: 1 !important;
}

.lh-sm {
  line-height: 1.25 !important;
}

.lh-base {
  line-height: 1.5 !important;
}

.lh-lg {
  line-height: 2 !important;
}

.text-start {
  text-align: left !important;
}

.text-end {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

.text-decoration-none {
  text-decoration: none !important;
}

.text-decoration-underline {
  text-decoration: underline !important;
}

.text-decoration-line-through {
  text-decoration: line-through !important;
}

.text-lowercase {
  text-transform: lowercase !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.text-wrap {
  white-space: normal !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

/* rtl:begin:remove */
.text-break {
  word-wrap: break-word !important;
  word-break: break-word !important;
}

/* rtl:end:remove */
.text-primary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
}

.text-secondary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important;
}

.text-success {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important;
}

.text-info {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important;
}

.text-warning {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important;
}

.text-danger {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;
}

.text-light {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;
}

.text-dark {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
}

.text-tertiary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-tertiary-rgb), var(--bs-text-opacity)) !important;
}

.text-light100 {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-light100-rgb), var(--bs-text-opacity)) !important;
}

.text-light200 {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-light200-rgb), var(--bs-text-opacity)) !important;
}

.text-light300 {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-light300-rgb), var(--bs-text-opacity)) !important;
}

.text-white, .text-bg-swf-green, .text-bg-danger, .bg__gradient, #view__comet-competition .component__split-table .table__controls > .table__control.active, #view__comet-competition .component__league-table .table__header .table__row, #view__comet-competition .component__comet-match-list .match__section.active .match__section-title, #view__competition .component__league-table .table__header .table__row, #view__competition .match-list__wrapper .match__section.active .match__section-title {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}

.text-dark100 {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-dark100-rgb), var(--bs-text-opacity)) !important;
}

.text-dark200 {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-dark200-rgb), var(--bs-text-opacity)) !important;
}

.text-dark300 {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-dark300-rgb), var(--bs-text-opacity)) !important;
}

.text-greyLight {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-greyLight-rgb), var(--bs-text-opacity)) !important;
}

.text-greyMedium {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-greyMedium-rgb), var(--bs-text-opacity)) !important;
}

.text-greyDark {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-greyDark-rgb), var(--bs-text-opacity)) !important;
}

.text-greyBg {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-greyBg-rgb), var(--bs-text-opacity)) !important;
}

.text-swf-blue {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-swf-blue-rgb), var(--bs-text-opacity)) !important;
}

.text-swf-blue100 {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-swf-blue100-rgb), var(--bs-text-opacity)) !important;
}

.text-swf-blue200 {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-swf-blue200-rgb), var(--bs-text-opacity)) !important;
}

.text-swf-blue300 {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-swf-blue300-rgb), var(--bs-text-opacity)) !important;
}

.text-swf-purple {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-swf-purple-rgb), var(--bs-text-opacity)) !important;
}

.text-swf-purple100 {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-swf-purple100-rgb), var(--bs-text-opacity)) !important;
}

.text-swf-purple200 {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-swf-purple200-rgb), var(--bs-text-opacity)) !important;
}

.text-swf-purple300 {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-swf-purple300-rgb), var(--bs-text-opacity)) !important;
}

.text-swf-pink {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-swf-pink-rgb), var(--bs-text-opacity)) !important;
}

.text-swf-pink100 {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-swf-pink100-rgb), var(--bs-text-opacity)) !important;
}

.text-swf-pink200 {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-swf-pink200-rgb), var(--bs-text-opacity)) !important;
}

.text-swf-pink300 {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-swf-pink300-rgb), var(--bs-text-opacity)) !important;
}

.text-swf-green {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-swf-green-rgb), var(--bs-text-opacity)) !important;
}

.text-swf-green100 {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-swf-green100-rgb), var(--bs-text-opacity)) !important;
}

.text-swf-green200 {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-swf-green200-rgb), var(--bs-text-opacity)) !important;
}

.text-swf-green300 {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-swf-green300-rgb), var(--bs-text-opacity)) !important;
}

.text-whiteButton {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-whiteButton-rgb), var(--bs-text-opacity)) !important;
}

.text-black {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important;
}

.text-body {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important;
}

.text-muted {
  --bs-text-opacity: 1;
  color: var(--bs-secondary-color) !important;
}

.text-black-50 {
  --bs-text-opacity: 1;
  color: rgba(0, 0, 0, 0.5) !important;
}

.text-white-50 {
  --bs-text-opacity: 1;
  color: rgba(255, 255, 255, 0.5) !important;
}

.text-body-secondary {
  --bs-text-opacity: 1;
  color: var(--bs-secondary-color) !important;
}

.text-body-tertiary {
  --bs-text-opacity: 1;
  color: var(--bs-tertiary-color) !important;
}

.text-body-emphasis {
  --bs-text-opacity: 1;
  color: var(--bs-emphasis-color) !important;
}

.text-reset {
  --bs-text-opacity: 1;
  color: inherit !important;
}

.text-opacity-25 {
  --bs-text-opacity: 0.25;
}

.text-opacity-50 {
  --bs-text-opacity: 0.5;
}

.text-opacity-75 {
  --bs-text-opacity: 0.75;
}

.text-opacity-100 {
  --bs-text-opacity: 1;
}

.text-primary-emphasis {
  color: var(--bs-primary-text-emphasis) !important;
}

.text-secondary-emphasis {
  color: var(--bs-secondary-text-emphasis) !important;
}

.text-success-emphasis {
  color: var(--bs-success-text-emphasis) !important;
}

.text-info-emphasis {
  color: var(--bs-info-text-emphasis) !important;
}

.text-warning-emphasis {
  color: var(--bs-warning-text-emphasis) !important;
}

.text-danger-emphasis {
  color: var(--bs-danger-text-emphasis) !important;
}

.text-light-emphasis {
  color: var(--bs-light-text-emphasis) !important;
}

.text-dark-emphasis {
  color: var(--bs-dark-text-emphasis) !important;
}

.link-opacity-10 {
  --bs-link-opacity: 0.1;
}

.link-opacity-10-hover:hover {
  --bs-link-opacity: 0.1;
}

.link-opacity-25 {
  --bs-link-opacity: 0.25;
}

.link-opacity-25-hover:hover {
  --bs-link-opacity: 0.25;
}

.link-opacity-50 {
  --bs-link-opacity: 0.5;
}

.link-opacity-50-hover:hover {
  --bs-link-opacity: 0.5;
}

.link-opacity-75 {
  --bs-link-opacity: 0.75;
}

.link-opacity-75-hover:hover {
  --bs-link-opacity: 0.75;
}

.link-opacity-100 {
  --bs-link-opacity: 1;
}

.link-opacity-100-hover:hover {
  --bs-link-opacity: 1;
}

.link-offset-1 {
  text-underline-offset: 0.125em !important;
}

.link-offset-1-hover:hover {
  text-underline-offset: 0.125em !important;
}

.link-offset-2 {
  text-underline-offset: 0.25em !important;
}

.link-offset-2-hover:hover {
  text-underline-offset: 0.25em !important;
}

.link-offset-3 {
  text-underline-offset: 0.375em !important;
}

.link-offset-3-hover:hover {
  text-underline-offset: 0.375em !important;
}

.link-underline-primary {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-secondary {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-success {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-info {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-info-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-warning {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-danger {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-light {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-dark {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-tertiary {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-tertiary-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-light100 {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-light100-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-light200 {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-light200-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-light300 {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-light300-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-white {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-white-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-dark100 {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-dark100-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-dark200 {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-dark200-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-dark300 {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-dark300-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-greyLight {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-greyLight-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-greyMedium {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-greyMedium-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-greyDark {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-greyDark-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-greyBg {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-greyBg-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-swf-blue {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-swf-blue-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-swf-blue100 {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-swf-blue100-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-swf-blue200 {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-swf-blue200-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-swf-blue300 {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-swf-blue300-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-swf-purple {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-swf-purple-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-swf-purple100 {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-swf-purple100-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-swf-purple200 {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-swf-purple200-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-swf-purple300 {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-swf-purple300-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-swf-pink {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-swf-pink-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-swf-pink100 {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-swf-pink100-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-swf-pink200 {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-swf-pink200-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-swf-pink300 {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-swf-pink300-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-swf-green {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-swf-green-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-swf-green100 {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-swf-green100-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-swf-green200 {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-swf-green200-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-swf-green300 {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-swf-green300-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-whiteButton {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-whiteButton-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
}

.link-underline-opacity-0 {
  --bs-link-underline-opacity: 0;
}

.link-underline-opacity-0-hover:hover {
  --bs-link-underline-opacity: 0;
}

.link-underline-opacity-10 {
  --bs-link-underline-opacity: 0.1;
}

.link-underline-opacity-10-hover:hover {
  --bs-link-underline-opacity: 0.1;
}

.link-underline-opacity-25 {
  --bs-link-underline-opacity: 0.25;
}

.link-underline-opacity-25-hover:hover {
  --bs-link-underline-opacity: 0.25;
}

.link-underline-opacity-50 {
  --bs-link-underline-opacity: 0.5;
}

.link-underline-opacity-50-hover:hover {
  --bs-link-underline-opacity: 0.5;
}

.link-underline-opacity-75 {
  --bs-link-underline-opacity: 0.75;
}

.link-underline-opacity-75-hover:hover {
  --bs-link-underline-opacity: 0.75;
}

.link-underline-opacity-100 {
  --bs-link-underline-opacity: 1;
}

.link-underline-opacity-100-hover:hover {
  --bs-link-underline-opacity: 1;
}

.bg-primary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
}

.bg-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important;
}

.bg-success {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important;
}

.bg-info {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important;
}

.bg-warning {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important;
}

.bg-danger {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important;
}

.bg-light {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
}

.bg-dark {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
}

.bg-tertiary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-tertiary-rgb), var(--bs-bg-opacity)) !important;
}

.bg-light100 {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-light100-rgb), var(--bs-bg-opacity)) !important;
}

.bg-light200 {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-light200-rgb), var(--bs-bg-opacity)) !important;
}

.bg-light300 {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-light300-rgb), var(--bs-bg-opacity)) !important;
}

.bg-white {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
}

.bg-dark100 {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-dark100-rgb), var(--bs-bg-opacity)) !important;
}

.bg-dark200 {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-dark200-rgb), var(--bs-bg-opacity)) !important;
}

.bg-dark300 {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-dark300-rgb), var(--bs-bg-opacity)) !important;
}

.bg-greyLight {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-greyLight-rgb), var(--bs-bg-opacity)) !important;
}

.bg-greyMedium {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-greyMedium-rgb), var(--bs-bg-opacity)) !important;
}

.bg-greyDark {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-greyDark-rgb), var(--bs-bg-opacity)) !important;
}

.bg-greyBg {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-greyBg-rgb), var(--bs-bg-opacity)) !important;
}

.bg-swf-blue {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-swf-blue-rgb), var(--bs-bg-opacity)) !important;
}

.bg-swf-blue100 {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-swf-blue100-rgb), var(--bs-bg-opacity)) !important;
}

.bg-swf-blue200 {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-swf-blue200-rgb), var(--bs-bg-opacity)) !important;
}

.bg-swf-blue300 {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-swf-blue300-rgb), var(--bs-bg-opacity)) !important;
}

.bg-swf-purple {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-swf-purple-rgb), var(--bs-bg-opacity)) !important;
}

.bg-swf-purple100 {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-swf-purple100-rgb), var(--bs-bg-opacity)) !important;
}

.bg-swf-purple200 {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-swf-purple200-rgb), var(--bs-bg-opacity)) !important;
}

.bg-swf-purple300 {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-swf-purple300-rgb), var(--bs-bg-opacity)) !important;
}

.bg-swf-pink {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-swf-pink-rgb), var(--bs-bg-opacity)) !important;
}

.bg-swf-pink100 {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-swf-pink100-rgb), var(--bs-bg-opacity)) !important;
}

.bg-swf-pink200 {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-swf-pink200-rgb), var(--bs-bg-opacity)) !important;
}

.bg-swf-pink300 {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-swf-pink300-rgb), var(--bs-bg-opacity)) !important;
}

.bg-swf-green {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-swf-green-rgb), var(--bs-bg-opacity)) !important;
}

.bg-swf-green100 {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-swf-green100-rgb), var(--bs-bg-opacity)) !important;
}

.bg-swf-green200 {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-swf-green200-rgb), var(--bs-bg-opacity)) !important;
}

.bg-swf-green300 {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-swf-green300-rgb), var(--bs-bg-opacity)) !important;
}

.bg-whiteButton {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-whiteButton-rgb), var(--bs-bg-opacity)) !important;
}

.bg-black {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important;
}

.bg-body {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important;
}

.bg-transparent {
  --bs-bg-opacity: 1;
  background-color: transparent !important;
}

.bg-body-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-secondary-bg-rgb), var(--bs-bg-opacity)) !important;
}

.bg-body-tertiary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity)) !important;
}

.bg-opacity-10 {
  --bs-bg-opacity: 0.1;
}

.bg-opacity-25 {
  --bs-bg-opacity: 0.25;
}

.bg-opacity-50 {
  --bs-bg-opacity: 0.5;
}

.bg-opacity-75 {
  --bs-bg-opacity: 0.75;
}

.bg-opacity-100 {
  --bs-bg-opacity: 1;
}

.bg-primary-subtle {
  background-color: var(--bs-primary-bg-subtle) !important;
}

.bg-secondary-subtle {
  background-color: var(--bs-secondary-bg-subtle) !important;
}

.bg-success-subtle {
  background-color: var(--bs-success-bg-subtle) !important;
}

.bg-info-subtle {
  background-color: var(--bs-info-bg-subtle) !important;
}

.bg-warning-subtle {
  background-color: var(--bs-warning-bg-subtle) !important;
}

.bg-danger-subtle {
  background-color: var(--bs-danger-bg-subtle) !important;
}

.bg-light-subtle {
  background-color: var(--bs-light-bg-subtle) !important;
}

.bg-dark-subtle {
  background-color: var(--bs-dark-bg-subtle) !important;
}

.bg-gradient {
  background-image: var(--bs-gradient) !important;
}

.user-select-all {
  user-select: all !important;
}

.user-select-auto {
  user-select: auto !important;
}

.user-select-none {
  user-select: none !important;
}

.pe-none {
  pointer-events: none !important;
}

.pe-auto {
  pointer-events: auto !important;
}

.rounded {
  border-radius: var(--bs-border-radius) !important;
}

.rounded-0 {
  border-radius: 0 !important;
}

.rounded-1 {
  border-radius: var(--bs-border-radius-sm) !important;
}

.rounded-2 {
  border-radius: var(--bs-border-radius) !important;
}

.rounded-3 {
  border-radius: var(--bs-border-radius-lg) !important;
}

.rounded-4 {
  border-radius: var(--bs-border-radius-xl) !important;
}

.rounded-5 {
  border-radius: var(--bs-border-radius-xxl) !important;
}

.rounded-circle {
  border-radius: 50% !important;
}

.rounded-pill {
  border-radius: var(--bs-border-radius-pill) !important;
}

.rounded-top {
  border-top-left-radius: var(--bs-border-radius) !important;
  border-top-right-radius: var(--bs-border-radius) !important;
}

.rounded-top-0 {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

.rounded-top-1 {
  border-top-left-radius: var(--bs-border-radius-sm) !important;
  border-top-right-radius: var(--bs-border-radius-sm) !important;
}

.rounded-top-2 {
  border-top-left-radius: var(--bs-border-radius) !important;
  border-top-right-radius: var(--bs-border-radius) !important;
}

.rounded-top-3 {
  border-top-left-radius: var(--bs-border-radius-lg) !important;
  border-top-right-radius: var(--bs-border-radius-lg) !important;
}

.rounded-top-4 {
  border-top-left-radius: var(--bs-border-radius-xl) !important;
  border-top-right-radius: var(--bs-border-radius-xl) !important;
}

.rounded-top-5 {
  border-top-left-radius: var(--bs-border-radius-xxl) !important;
  border-top-right-radius: var(--bs-border-radius-xxl) !important;
}

.rounded-top-circle {
  border-top-left-radius: 50% !important;
  border-top-right-radius: 50% !important;
}

.rounded-top-pill {
  border-top-left-radius: var(--bs-border-radius-pill) !important;
  border-top-right-radius: var(--bs-border-radius-pill) !important;
}

.rounded-end {
  border-top-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
}

.rounded-end-0 {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.rounded-end-1 {
  border-top-right-radius: var(--bs-border-radius-sm) !important;
  border-bottom-right-radius: var(--bs-border-radius-sm) !important;
}

.rounded-end-2 {
  border-top-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
}

.rounded-end-3 {
  border-top-right-radius: var(--bs-border-radius-lg) !important;
  border-bottom-right-radius: var(--bs-border-radius-lg) !important;
}

.rounded-end-4 {
  border-top-right-radius: var(--bs-border-radius-xl) !important;
  border-bottom-right-radius: var(--bs-border-radius-xl) !important;
}

.rounded-end-5 {
  border-top-right-radius: var(--bs-border-radius-xxl) !important;
  border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
}

.rounded-end-circle {
  border-top-right-radius: 50% !important;
  border-bottom-right-radius: 50% !important;
}

.rounded-end-pill {
  border-top-right-radius: var(--bs-border-radius-pill) !important;
  border-bottom-right-radius: var(--bs-border-radius-pill) !important;
}

.rounded-bottom {
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-bottom-left-radius: var(--bs-border-radius) !important;
}

.rounded-bottom-0 {
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.rounded-bottom-1 {
  border-bottom-right-radius: var(--bs-border-radius-sm) !important;
  border-bottom-left-radius: var(--bs-border-radius-sm) !important;
}

.rounded-bottom-2 {
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-bottom-left-radius: var(--bs-border-radius) !important;
}

.rounded-bottom-3 {
  border-bottom-right-radius: var(--bs-border-radius-lg) !important;
  border-bottom-left-radius: var(--bs-border-radius-lg) !important;
}

.rounded-bottom-4 {
  border-bottom-right-radius: var(--bs-border-radius-xl) !important;
  border-bottom-left-radius: var(--bs-border-radius-xl) !important;
}

.rounded-bottom-5 {
  border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
  border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
}

.rounded-bottom-circle {
  border-bottom-right-radius: 50% !important;
  border-bottom-left-radius: 50% !important;
}

.rounded-bottom-pill {
  border-bottom-right-radius: var(--bs-border-radius-pill) !important;
  border-bottom-left-radius: var(--bs-border-radius-pill) !important;
}

.rounded-start {
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-top-left-radius: var(--bs-border-radius) !important;
}

.rounded-start-0 {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
}

.rounded-start-1 {
  border-bottom-left-radius: var(--bs-border-radius-sm) !important;
  border-top-left-radius: var(--bs-border-radius-sm) !important;
}

.rounded-start-2 {
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-top-left-radius: var(--bs-border-radius) !important;
}

.rounded-start-3 {
  border-bottom-left-radius: var(--bs-border-radius-lg) !important;
  border-top-left-radius: var(--bs-border-radius-lg) !important;
}

.rounded-start-4 {
  border-bottom-left-radius: var(--bs-border-radius-xl) !important;
  border-top-left-radius: var(--bs-border-radius-xl) !important;
}

.rounded-start-5 {
  border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
  border-top-left-radius: var(--bs-border-radius-xxl) !important;
}

.rounded-start-circle {
  border-bottom-left-radius: 50% !important;
  border-top-left-radius: 50% !important;
}

.rounded-start-pill {
  border-bottom-left-radius: var(--bs-border-radius-pill) !important;
  border-top-left-radius: var(--bs-border-radius-pill) !important;
}

.visible {
  visibility: visible !important;
}

.invisible {
  visibility: hidden !important;
}

.z-n1 {
  z-index: -1 !important;
}

.z-0 {
  z-index: 0 !important;
}

.z-1 {
  z-index: 1 !important;
}

.z-2 {
  z-index: 2 !important;
}

.z-3 {
  z-index: 3 !important;
}

@media (min-width: 768px) {
  .float-sm-start {
    float: left !important;
  }
  .float-sm-end {
    float: right !important;
  }
  .float-sm-none {
    float: none !important;
  }
  .object-fit-sm-contain {
    object-fit: contain !important;
  }
  .object-fit-sm-cover {
    object-fit: cover !important;
  }
  .object-fit-sm-fill {
    object-fit: fill !important;
  }
  .object-fit-sm-scale {
    object-fit: scale-down !important;
  }
  .object-fit-sm-none {
    object-fit: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-grid {
    display: grid !important;
  }
  .d-sm-inline-grid {
    display: inline-grid !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
  .d-sm-none {
    display: none !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .justify-content-sm-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
  .order-sm-first {
    order: -1 !important;
  }
  .order-sm-0 {
    order: 0 !important;
  }
  .order-sm-1 {
    order: 1 !important;
  }
  .order-sm-2 {
    order: 2 !important;
  }
  .order-sm-3 {
    order: 3 !important;
  }
  .order-sm-4 {
    order: 4 !important;
  }
  .order-sm-5 {
    order: 5 !important;
  }
  .order-sm-last {
    order: 6 !important;
  }
  .m-sm-0 {
    margin: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-sm-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-sm-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-sm-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-sm-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-sm-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-sm-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-sm-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-sm-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-sm-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-sm-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-sm-0 {
    margin-top: 0 !important;
  }
  .mt-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mt-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mt-sm-3 {
    margin-top: 1rem !important;
  }
  .mt-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mt-sm-5 {
    margin-top: 3rem !important;
  }
  .mt-sm-auto {
    margin-top: auto !important;
  }
  .me-sm-0 {
    margin-right: 0 !important;
  }
  .me-sm-1 {
    margin-right: 0.25rem !important;
  }
  .me-sm-2 {
    margin-right: 0.5rem !important;
  }
  .me-sm-3 {
    margin-right: 1rem !important;
  }
  .me-sm-4 {
    margin-right: 1.5rem !important;
  }
  .me-sm-5 {
    margin-right: 3rem !important;
  }
  .me-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-0 {
    margin-bottom: 0 !important;
  }
  .mb-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-sm-3 {
    margin-bottom: 1rem !important;
  }
  .mb-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-sm-5 {
    margin-bottom: 3rem !important;
  }
  .mb-sm-auto {
    margin-bottom: auto !important;
  }
  .ms-sm-0 {
    margin-left: 0 !important;
  }
  .ms-sm-1 {
    margin-left: 0.25rem !important;
  }
  .ms-sm-2 {
    margin-left: 0.5rem !important;
  }
  .ms-sm-3 {
    margin-left: 1rem !important;
  }
  .ms-sm-4 {
    margin-left: 1.5rem !important;
  }
  .ms-sm-5 {
    margin-left: 3rem !important;
  }
  .ms-sm-auto {
    margin-left: auto !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-sm-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-sm-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-sm-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-sm-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-sm-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-sm-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-sm-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-sm-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-sm-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-sm-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-sm-0 {
    padding-top: 0 !important;
  }
  .pt-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pt-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pt-sm-3 {
    padding-top: 1rem !important;
  }
  .pt-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pt-sm-5 {
    padding-top: 3rem !important;
  }
  .pe-sm-0 {
    padding-right: 0 !important;
  }
  .pe-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pe-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pe-sm-3 {
    padding-right: 1rem !important;
  }
  .pe-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pe-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-0 {
    padding-bottom: 0 !important;
  }
  .pb-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pb-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-sm-5 {
    padding-bottom: 3rem !important;
  }
  .ps-sm-0 {
    padding-left: 0 !important;
  }
  .ps-sm-1 {
    padding-left: 0.25rem !important;
  }
  .ps-sm-2 {
    padding-left: 0.5rem !important;
  }
  .ps-sm-3 {
    padding-left: 1rem !important;
  }
  .ps-sm-4 {
    padding-left: 1.5rem !important;
  }
  .ps-sm-5 {
    padding-left: 3rem !important;
  }
  .gap-sm-0 {
    gap: 0 !important;
  }
  .gap-sm-1 {
    gap: 0.25rem !important;
  }
  .gap-sm-2 {
    gap: 0.5rem !important;
  }
  .gap-sm-3 {
    gap: 1rem !important;
  }
  .gap-sm-4 {
    gap: 1.5rem !important;
  }
  .gap-sm-5 {
    gap: 3rem !important;
  }
  .row-gap-sm-0 {
    row-gap: 0 !important;
  }
  .row-gap-sm-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-sm-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-sm-3 {
    row-gap: 1rem !important;
  }
  .row-gap-sm-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-sm-5 {
    row-gap: 3rem !important;
  }
  .column-gap-sm-0 {
    column-gap: 0 !important;
  }
  .column-gap-sm-1 {
    column-gap: 0.25rem !important;
  }
  .column-gap-sm-2 {
    column-gap: 0.5rem !important;
  }
  .column-gap-sm-3 {
    column-gap: 1rem !important;
  }
  .column-gap-sm-4 {
    column-gap: 1.5rem !important;
  }
  .column-gap-sm-5 {
    column-gap: 3rem !important;
  }
  .text-sm-start {
    text-align: left !important;
  }
  .text-sm-end {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .float-md-start {
    float: left !important;
  }
  .float-md-end {
    float: right !important;
  }
  .float-md-none {
    float: none !important;
  }
  .object-fit-md-contain {
    object-fit: contain !important;
  }
  .object-fit-md-cover {
    object-fit: cover !important;
  }
  .object-fit-md-fill {
    object-fit: fill !important;
  }
  .object-fit-md-scale {
    object-fit: scale-down !important;
  }
  .object-fit-md-none {
    object-fit: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-grid {
    display: grid !important;
  }
  .d-md-inline-grid {
    display: inline-grid !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
  .d-md-none {
    display: none !important;
  }
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .justify-content-md-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
  .order-md-first {
    order: -1 !important;
  }
  .order-md-0 {
    order: 0 !important;
  }
  .order-md-1 {
    order: 1 !important;
  }
  .order-md-2 {
    order: 2 !important;
  }
  .order-md-3 {
    order: 3 !important;
  }
  .order-md-4 {
    order: 4 !important;
  }
  .order-md-5 {
    order: 5 !important;
  }
  .order-md-last {
    order: 6 !important;
  }
  .m-md-0 {
    margin: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-md-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-md-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-md-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-md-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-md-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-md-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-md-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-md-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-md-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-md-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-md-0 {
    margin-top: 0 !important;
  }
  .mt-md-1 {
    margin-top: 0.25rem !important;
  }
  .mt-md-2 {
    margin-top: 0.5rem !important;
  }
  .mt-md-3 {
    margin-top: 1rem !important;
  }
  .mt-md-4 {
    margin-top: 1.5rem !important;
  }
  .mt-md-5 {
    margin-top: 3rem !important;
  }
  .mt-md-auto {
    margin-top: auto !important;
  }
  .me-md-0 {
    margin-right: 0 !important;
  }
  .me-md-1 {
    margin-right: 0.25rem !important;
  }
  .me-md-2 {
    margin-right: 0.5rem !important;
  }
  .me-md-3 {
    margin-right: 1rem !important;
  }
  .me-md-4 {
    margin-right: 1.5rem !important;
  }
  .me-md-5 {
    margin-right: 3rem !important;
  }
  .me-md-auto {
    margin-right: auto !important;
  }
  .mb-md-0 {
    margin-bottom: 0 !important;
  }
  .mb-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-md-3 {
    margin-bottom: 1rem !important;
  }
  .mb-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-md-5 {
    margin-bottom: 3rem !important;
  }
  .mb-md-auto {
    margin-bottom: auto !important;
  }
  .ms-md-0 {
    margin-left: 0 !important;
  }
  .ms-md-1 {
    margin-left: 0.25rem !important;
  }
  .ms-md-2 {
    margin-left: 0.5rem !important;
  }
  .ms-md-3 {
    margin-left: 1rem !important;
  }
  .ms-md-4 {
    margin-left: 1.5rem !important;
  }
  .ms-md-5 {
    margin-left: 3rem !important;
  }
  .ms-md-auto {
    margin-left: auto !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-md-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-md-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-md-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-md-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-md-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-md-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-md-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-md-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-md-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-md-0 {
    padding-top: 0 !important;
  }
  .pt-md-1 {
    padding-top: 0.25rem !important;
  }
  .pt-md-2 {
    padding-top: 0.5rem !important;
  }
  .pt-md-3 {
    padding-top: 1rem !important;
  }
  .pt-md-4 {
    padding-top: 1.5rem !important;
  }
  .pt-md-5 {
    padding-top: 3rem !important;
  }
  .pe-md-0 {
    padding-right: 0 !important;
  }
  .pe-md-1 {
    padding-right: 0.25rem !important;
  }
  .pe-md-2 {
    padding-right: 0.5rem !important;
  }
  .pe-md-3 {
    padding-right: 1rem !important;
  }
  .pe-md-4 {
    padding-right: 1.5rem !important;
  }
  .pe-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-0 {
    padding-bottom: 0 !important;
  }
  .pb-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-md-3 {
    padding-bottom: 1rem !important;
  }
  .pb-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-md-5 {
    padding-bottom: 3rem !important;
  }
  .ps-md-0 {
    padding-left: 0 !important;
  }
  .ps-md-1 {
    padding-left: 0.25rem !important;
  }
  .ps-md-2 {
    padding-left: 0.5rem !important;
  }
  .ps-md-3 {
    padding-left: 1rem !important;
  }
  .ps-md-4 {
    padding-left: 1.5rem !important;
  }
  .ps-md-5 {
    padding-left: 3rem !important;
  }
  .gap-md-0 {
    gap: 0 !important;
  }
  .gap-md-1 {
    gap: 0.25rem !important;
  }
  .gap-md-2 {
    gap: 0.5rem !important;
  }
  .gap-md-3 {
    gap: 1rem !important;
  }
  .gap-md-4 {
    gap: 1.5rem !important;
  }
  .gap-md-5 {
    gap: 3rem !important;
  }
  .row-gap-md-0 {
    row-gap: 0 !important;
  }
  .row-gap-md-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-md-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-md-3 {
    row-gap: 1rem !important;
  }
  .row-gap-md-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-md-5 {
    row-gap: 3rem !important;
  }
  .column-gap-md-0 {
    column-gap: 0 !important;
  }
  .column-gap-md-1 {
    column-gap: 0.25rem !important;
  }
  .column-gap-md-2 {
    column-gap: 0.5rem !important;
  }
  .column-gap-md-3 {
    column-gap: 1rem !important;
  }
  .column-gap-md-4 {
    column-gap: 1.5rem !important;
  }
  .column-gap-md-5 {
    column-gap: 3rem !important;
  }
  .text-md-start {
    text-align: left !important;
  }
  .text-md-end {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .float-lg-start {
    float: left !important;
  }
  .float-lg-end {
    float: right !important;
  }
  .float-lg-none {
    float: none !important;
  }
  .object-fit-lg-contain {
    object-fit: contain !important;
  }
  .object-fit-lg-cover {
    object-fit: cover !important;
  }
  .object-fit-lg-fill {
    object-fit: fill !important;
  }
  .object-fit-lg-scale {
    object-fit: scale-down !important;
  }
  .object-fit-lg-none {
    object-fit: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-grid {
    display: grid !important;
  }
  .d-lg-inline-grid {
    display: inline-grid !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
  .d-lg-none {
    display: none !important;
  }
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .justify-content-lg-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
  .order-lg-first {
    order: -1 !important;
  }
  .order-lg-0 {
    order: 0 !important;
  }
  .order-lg-1 {
    order: 1 !important;
  }
  .order-lg-2 {
    order: 2 !important;
  }
  .order-lg-3 {
    order: 3 !important;
  }
  .order-lg-4 {
    order: 4 !important;
  }
  .order-lg-5 {
    order: 5 !important;
  }
  .order-lg-last {
    order: 6 !important;
  }
  .m-lg-0 {
    margin: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-lg-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-lg-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-lg-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-lg-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-lg-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-lg-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-lg-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-lg-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-lg-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-lg-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-lg-0 {
    margin-top: 0 !important;
  }
  .mt-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mt-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mt-lg-3 {
    margin-top: 1rem !important;
  }
  .mt-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mt-lg-5 {
    margin-top: 3rem !important;
  }
  .mt-lg-auto {
    margin-top: auto !important;
  }
  .me-lg-0 {
    margin-right: 0 !important;
  }
  .me-lg-1 {
    margin-right: 0.25rem !important;
  }
  .me-lg-2 {
    margin-right: 0.5rem !important;
  }
  .me-lg-3 {
    margin-right: 1rem !important;
  }
  .me-lg-4 {
    margin-right: 1.5rem !important;
  }
  .me-lg-5 {
    margin-right: 3rem !important;
  }
  .me-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-0 {
    margin-bottom: 0 !important;
  }
  .mb-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-lg-3 {
    margin-bottom: 1rem !important;
  }
  .mb-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-lg-5 {
    margin-bottom: 3rem !important;
  }
  .mb-lg-auto {
    margin-bottom: auto !important;
  }
  .ms-lg-0 {
    margin-left: 0 !important;
  }
  .ms-lg-1 {
    margin-left: 0.25rem !important;
  }
  .ms-lg-2 {
    margin-left: 0.5rem !important;
  }
  .ms-lg-3 {
    margin-left: 1rem !important;
  }
  .ms-lg-4 {
    margin-left: 1.5rem !important;
  }
  .ms-lg-5 {
    margin-left: 3rem !important;
  }
  .ms-lg-auto {
    margin-left: auto !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-lg-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-lg-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-lg-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-lg-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-lg-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-lg-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-lg-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-lg-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-lg-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-lg-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-lg-0 {
    padding-top: 0 !important;
  }
  .pt-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pt-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pt-lg-3 {
    padding-top: 1rem !important;
  }
  .pt-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pt-lg-5 {
    padding-top: 3rem !important;
  }
  .pe-lg-0 {
    padding-right: 0 !important;
  }
  .pe-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pe-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pe-lg-3 {
    padding-right: 1rem !important;
  }
  .pe-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pe-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-0 {
    padding-bottom: 0 !important;
  }
  .pb-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pb-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-lg-5 {
    padding-bottom: 3rem !important;
  }
  .ps-lg-0 {
    padding-left: 0 !important;
  }
  .ps-lg-1 {
    padding-left: 0.25rem !important;
  }
  .ps-lg-2 {
    padding-left: 0.5rem !important;
  }
  .ps-lg-3 {
    padding-left: 1rem !important;
  }
  .ps-lg-4 {
    padding-left: 1.5rem !important;
  }
  .ps-lg-5 {
    padding-left: 3rem !important;
  }
  .gap-lg-0 {
    gap: 0 !important;
  }
  .gap-lg-1 {
    gap: 0.25rem !important;
  }
  .gap-lg-2 {
    gap: 0.5rem !important;
  }
  .gap-lg-3 {
    gap: 1rem !important;
  }
  .gap-lg-4 {
    gap: 1.5rem !important;
  }
  .gap-lg-5 {
    gap: 3rem !important;
  }
  .row-gap-lg-0 {
    row-gap: 0 !important;
  }
  .row-gap-lg-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-lg-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-lg-3 {
    row-gap: 1rem !important;
  }
  .row-gap-lg-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-lg-5 {
    row-gap: 3rem !important;
  }
  .column-gap-lg-0 {
    column-gap: 0 !important;
  }
  .column-gap-lg-1 {
    column-gap: 0.25rem !important;
  }
  .column-gap-lg-2 {
    column-gap: 0.5rem !important;
  }
  .column-gap-lg-3 {
    column-gap: 1rem !important;
  }
  .column-gap-lg-4 {
    column-gap: 1.5rem !important;
  }
  .column-gap-lg-5 {
    column-gap: 3rem !important;
  }
  .text-lg-start {
    text-align: left !important;
  }
  .text-lg-end {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1500px) {
  .float-xl-start {
    float: left !important;
  }
  .float-xl-end {
    float: right !important;
  }
  .float-xl-none {
    float: none !important;
  }
  .object-fit-xl-contain {
    object-fit: contain !important;
  }
  .object-fit-xl-cover {
    object-fit: cover !important;
  }
  .object-fit-xl-fill {
    object-fit: fill !important;
  }
  .object-fit-xl-scale {
    object-fit: scale-down !important;
  }
  .object-fit-xl-none {
    object-fit: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-grid {
    display: grid !important;
  }
  .d-xl-inline-grid {
    display: inline-grid !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
  .d-xl-none {
    display: none !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .justify-content-xl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
  .order-xl-first {
    order: -1 !important;
  }
  .order-xl-0 {
    order: 0 !important;
  }
  .order-xl-1 {
    order: 1 !important;
  }
  .order-xl-2 {
    order: 2 !important;
  }
  .order-xl-3 {
    order: 3 !important;
  }
  .order-xl-4 {
    order: 4 !important;
  }
  .order-xl-5 {
    order: 5 !important;
  }
  .order-xl-last {
    order: 6 !important;
  }
  .m-xl-0 {
    margin: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xl-0 {
    margin-top: 0 !important;
  }
  .mt-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xl-3 {
    margin-top: 1rem !important;
  }
  .mt-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xl-5 {
    margin-top: 3rem !important;
  }
  .mt-xl-auto {
    margin-top: auto !important;
  }
  .me-xl-0 {
    margin-right: 0 !important;
  }
  .me-xl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xl-3 {
    margin-right: 1rem !important;
  }
  .me-xl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xl-5 {
    margin-right: 3rem !important;
  }
  .me-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xl-auto {
    margin-bottom: auto !important;
  }
  .ms-xl-0 {
    margin-left: 0 !important;
  }
  .ms-xl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xl-3 {
    margin-left: 1rem !important;
  }
  .ms-xl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xl-5 {
    margin-left: 3rem !important;
  }
  .ms-xl-auto {
    margin-left: auto !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xl-0 {
    padding-top: 0 !important;
  }
  .pt-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xl-3 {
    padding-top: 1rem !important;
  }
  .pt-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xl-5 {
    padding-top: 3rem !important;
  }
  .pe-xl-0 {
    padding-right: 0 !important;
  }
  .pe-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xl-3 {
    padding-right: 1rem !important;
  }
  .pe-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xl-0 {
    padding-left: 0 !important;
  }
  .ps-xl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xl-3 {
    padding-left: 1rem !important;
  }
  .ps-xl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xl-5 {
    padding-left: 3rem !important;
  }
  .gap-xl-0 {
    gap: 0 !important;
  }
  .gap-xl-1 {
    gap: 0.25rem !important;
  }
  .gap-xl-2 {
    gap: 0.5rem !important;
  }
  .gap-xl-3 {
    gap: 1rem !important;
  }
  .gap-xl-4 {
    gap: 1.5rem !important;
  }
  .gap-xl-5 {
    gap: 3rem !important;
  }
  .row-gap-xl-0 {
    row-gap: 0 !important;
  }
  .row-gap-xl-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-xl-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-xl-3 {
    row-gap: 1rem !important;
  }
  .row-gap-xl-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-xl-5 {
    row-gap: 3rem !important;
  }
  .column-gap-xl-0 {
    column-gap: 0 !important;
  }
  .column-gap-xl-1 {
    column-gap: 0.25rem !important;
  }
  .column-gap-xl-2 {
    column-gap: 0.5rem !important;
  }
  .column-gap-xl-3 {
    column-gap: 1rem !important;
  }
  .column-gap-xl-4 {
    column-gap: 1.5rem !important;
  }
  .column-gap-xl-5 {
    column-gap: 3rem !important;
  }
  .text-xl-start {
    text-align: left !important;
  }
  .text-xl-end {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
}
@media print {
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-grid {
    display: grid !important;
  }
  .d-print-inline-grid {
    display: inline-grid !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: flex !important;
  }
  .d-print-inline-flex {
    display: inline-flex !important;
  }
  .d-print-none {
    display: none !important;
  }
}
/* ========================================================
	_typography.scss - Scottish Women's Football
======================================================== */
h1,
.h1,
h2,
h3,
h4,
#view__comet-competition .component__comet-match-list .match__group .match__item span.item__details .details__center .match--center .center--home-score,
#view__comet-competition .component__comet-match-list .match__group .match__item span.item__details .details__center .match--center .center--away-score,
#view__comet-competition .component__comet-match-list .match__group .match__item span.item__details .details__center .match--center .center--divider,
#view__comet-competition .component__comet-match-list .match__group .match__item span.item__details .details__center .match--center .center--kickoff,
#view__competition .match-list__wrapper .match__group .match__item span.item__details .details__center .match--center .center--home-score,
#view__competition .match-list__wrapper .match__group .match__item span.item__details .details__center .match--center .center--away-score,
#view__competition .match-list__wrapper .match__group .match__item span.item__details .details__center .match--center .center--divider,
#view__competition .match-list__wrapper .match__group .match__item span.item__details .details__center .match--center .center--kickoff,
#swf-policy h3,
#swf-policy .h3,
#swf-policy .component__accordion .accordion__container .accordion__title,
.component__accordion .accordion__container #swf-policy .accordion__title,
h5,
h6,
#view__comet-competition .component__comet-match-list .match__group .group__title,
#view__competition .match-list__wrapper .match__group .group__title,
#swf-policy .accordion h4.accordion-heading,
#swf-policy .accordion .accordion-heading.h4,
#swf-policy .accordion h3.accordion-heading,
#swf-policy .accordion .accordion-heading.h3,
.h2,
.h3,
.component__accordion .accordion__container .accordion__title,
.h4,
.h5,
#view__comet-competition .component__league-table .table__header .table__row span,
.component__competition-group .tabbed__content .competition__group .competitions__list ul li a,
#view__competition .component__league-table .table__header .table__row span,
.btn-download-danger,
.btn-download-dark,
.btn-download-white,
.btn-download-purple,
.btn-download-pink,
.btn-download-green,
.btn-download-blue,
.h6 {
  letter-spacing: -0.025em;
}

a {
  color: inherit;
  text-decoration: none;
}

strong {
  font-weight: 700;
}

.section_title {
  color: #ebedf5;
  font-size: clamp(1.5rem, 6vw, 7.5rem);
  margin-bottom: 2rem;
  text-align: center;
  max-width: 1280px;
}
@media (min-width: 768px) {
  .section_title {
    line-height: 0.9;
    margin-bottom: 4rem;
    text-align: left;
  }
}

/* ========================================================
	Mixins - Scottish Women's Football
=========================================================== */
div.lazy-load {
  background-size: cover !important;
  overflow: hidden;
  transition: background-image ease-in-out 1s;
  z-index: 1;
}

img.lazy-load {
  bottom: 0;
  left: 0;
  position: relative;
  right: 0;
  top: 0;
  transition: all ease-in-out 1s;
  z-index: 1;
}

/* ========================================================
	Button Styles - Scottish Women's Football
=========================================================== */
.btn-blue {
  align-items: center;
  background-color: rgb(204, 217.2, 231.4);
  color: white;
  display: inline-flex;
  height: 42px;
  margin: 0.5rem 0.5rem 0.5rem 0;
  padding: 0.5rem 60px 0.5rem 1rem;
  position: relative;
  text-decoration: none;
  transition: all 0.3s ease;
  z-index: 10;
}
.btn-blue.btn-small {
  font-size: 0.8rem;
}
.btn-blue.btn-large {
  font-size: var(--ss-font-size-h5);
  height: 50px;
}
.btn-blue.btn-large::after {
  background-position: right 18px center;
}
@media (min-width: 992px) {
  .btn-blue.btn-large {
    color: #26272a;
    padding: 0.5rem 72px 0.5rem 1rem;
  }
  .btn-blue.btn-large::after {
    width: 56px;
  }
}
@media (max-width: 991.98px) {
  .btn-blue:active, .btn-blue:focus {
    color: white;
  }
  .btn-blue:hover {
    color: white;
  }
}
.btn-blue::after {
  bottom: 0;
  content: " ";
  display: block;
  left: auto;
  position: absolute;
  right: 0;
  top: 0;
  background-color: #004289;
  background-image: url("data:image/svg+xml,%3Csvg width=%2724%27 height=%2712%27 viewBox=%270 0 24 12%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M1.44838e-06 6.75L21.163 6.75L17.0259 10.9388L18.0741 12L24 6L18.0741 -1.38929e-06L17.0259 1.06125L21.163 5.25L1.31724e-06 5.25L1.44838e-06 6.75Z%27 fill=%27white%27/%3E%3C/svg%3E%0A");
  background-position: right 9px center;
  background-repeat: no-repeat;
  background-size: 24px;
  transition: all 0.3s ease;
  width: 100%;
  z-index: -1;
}
@media (min-width: 992px) {
  .btn-blue {
    color: #26272a;
    padding: 0.5rem 56px 0.5rem 1rem;
  }
  .btn-blue::after {
    width: 42px;
  }
  .btn-blue:hover {
    color: white;
  }
  .btn-blue:hover::after {
    width: 100%;
  }
}

.btn-block-blue {
  align-items: center;
  appearance: none;
  background-color: #004289;
  border: 0;
  box-sizing: border-box;
  color: white;
  cursor: pointer;
  display: inline-flex;
  height: 50px;
  margin: 0.5rem 0.5rem 0.5rem 0 !important;
  padding: 0.5rem 2rem;
  position: relative;
  text-decoration: none;
  transition: all 0.3s ease;
  z-index: 10;
}
.btn-block-blue:hover {
  appearance: none;
  border: 0;
}

.btn-download-blue {
  align-items: center;
  background-color: #004289;
  color: white;
  display: inline-flex;
  gap: 2rem;
  margin: 0.5rem 0.5rem 0.5rem 0;
  padding: 0.5rem 1rem;
  position: relative;
  text-decoration: none;
  transition: all 0.3s ease;
  z-index: 10;
}
.btn-download-blue::after {
  background-image: url("data:image/svg+xml,%3Csvg width=%2721%27 height=%2721%27 viewBox=%270 0 21 21%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath fill-rule=%27evenodd%27 clip-rule=%27evenodd%27 d=%27M9.69231 13.5014V0H11.3077V13.3964L14.7743 9.92815L15.918 11.0718L10.5226 16.4672L4.70077 11.0912L5.796 9.90554L9.69231 13.5014ZM1.61538 19.3846V9.69231H0V21H21V9.69231H19.3846V19.3846H1.61538Z%27 fill=%27white%27/%3E%3C/svg%3E%0A");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 24px;
  content: " ";
  display: block;
  height: 50px;
  transition: all 0.3s ease;
  width: 32px;
  z-index: -1;
}
.btn-download-blue:hover {
  background-color: #26272a;
  color: white;
}
.btn-download-blue:hover::after {
  background-image: url("data:image/svg+xml,%3Csvg width=%2721%27 height=%2721%27 viewBox=%270 0 21 21%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath fill-rule=%27evenodd%27 clip-rule=%27evenodd%27 d=%27M9.69231 13.5014V0H11.3077V13.3964L14.7743 9.92815L15.918 11.0718L10.5226 16.4672L4.70077 11.0912L5.796 9.90554L9.69231 13.5014ZM1.61538 19.3846V9.69231H0V21H21V9.69231H19.3846V19.3846H1.61538Z%27 fill=%27white%27/%3E%3C/svg%3E%0A") !important;
}

.btn-green {
  align-items: center;
  background-color: rgb(231, 233.4, 204);
  color: white;
  display: inline-flex;
  height: 42px;
  margin: 0.5rem 0.5rem 0.5rem 0;
  padding: 0.5rem 60px 0.5rem 1rem;
  position: relative;
  text-decoration: none;
  transition: all 0.3s ease;
  z-index: 10;
}
.btn-green.btn-small {
  font-size: 0.8rem;
}
.btn-green.btn-large {
  font-size: var(--ss-font-size-h5);
  height: 50px;
}
.btn-green.btn-large::after {
  background-position: right 18px center;
}
@media (min-width: 992px) {
  .btn-green.btn-large {
    color: #26272a;
    padding: 0.5rem 72px 0.5rem 1rem;
  }
  .btn-green.btn-large::after {
    width: 56px;
  }
}
@media (max-width: 991.98px) {
  .btn-green:active, .btn-green:focus {
    color: white;
  }
  .btn-green:hover {
    color: white;
  }
}
.btn-green::after {
  bottom: 0;
  content: " ";
  display: block;
  left: auto;
  position: absolute;
  right: 0;
  top: 0;
  background-color: #879300;
  background-image: url("data:image/svg+xml,%3Csvg width=%2724%27 height=%2712%27 viewBox=%270 0 24 12%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M1.44838e-06 6.75L21.163 6.75L17.0259 10.9388L18.0741 12L24 6L18.0741 -1.38929e-06L17.0259 1.06125L21.163 5.25L1.31724e-06 5.25L1.44838e-06 6.75Z%27 fill=%27white%27/%3E%3C/svg%3E%0A");
  background-position: right 9px center;
  background-repeat: no-repeat;
  background-size: 24px;
  transition: all 0.3s ease;
  width: 100%;
  z-index: -1;
}
@media (min-width: 992px) {
  .btn-green {
    color: #26272a;
    padding: 0.5rem 56px 0.5rem 1rem;
  }
  .btn-green::after {
    width: 42px;
  }
  .btn-green:hover {
    color: white;
  }
  .btn-green:hover::after {
    width: 100%;
  }
}

.btn-block-green {
  align-items: center;
  appearance: none;
  background-color: #879300;
  border: 0;
  box-sizing: border-box;
  color: white;
  cursor: pointer;
  display: inline-flex;
  height: 50px;
  margin: 0.5rem 0.5rem 0.5rem 0 !important;
  padding: 0.5rem 2rem;
  position: relative;
  text-decoration: none;
  transition: all 0.3s ease;
  z-index: 10;
}
.btn-block-green:hover {
  appearance: none;
  border: 0;
}

.btn-download-green {
  align-items: center;
  background-color: #879300;
  color: white;
  display: inline-flex;
  gap: 2rem;
  margin: 0.5rem 0.5rem 0.5rem 0;
  padding: 0.5rem 1rem;
  position: relative;
  text-decoration: none;
  transition: all 0.3s ease;
  z-index: 10;
}
.btn-download-green::after {
  background-image: url("data:image/svg+xml,%3Csvg width=%2721%27 height=%2721%27 viewBox=%270 0 21 21%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath fill-rule=%27evenodd%27 clip-rule=%27evenodd%27 d=%27M9.69231 13.5014V0H11.3077V13.3964L14.7743 9.92815L15.918 11.0718L10.5226 16.4672L4.70077 11.0912L5.796 9.90554L9.69231 13.5014ZM1.61538 19.3846V9.69231H0V21H21V9.69231H19.3846V19.3846H1.61538Z%27 fill=%27white%27/%3E%3C/svg%3E%0A");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 24px;
  content: " ";
  display: block;
  height: 50px;
  transition: all 0.3s ease;
  width: 32px;
  z-index: -1;
}
.btn-download-green:hover {
  background-color: #26272a;
  color: white;
}
.btn-download-green:hover::after {
  background-image: url("data:image/svg+xml,%3Csvg width=%2721%27 height=%2721%27 viewBox=%270 0 21 21%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath fill-rule=%27evenodd%27 clip-rule=%27evenodd%27 d=%27M9.69231 13.5014V0H11.3077V13.3964L14.7743 9.92815L15.918 11.0718L10.5226 16.4672L4.70077 11.0912L5.796 9.90554L9.69231 13.5014ZM1.61538 19.3846V9.69231H0V21H21V9.69231H19.3846V19.3846H1.61538Z%27 fill=%27white%27/%3E%3C/svg%3E%0A") !important;
}

.btn-pink {
  align-items: center;
  background-color: rgb(231.8, 209.6, 225.8);
  color: white;
  display: inline-flex;
  height: 42px;
  margin: 0.5rem 0.5rem 0.5rem 0;
  padding: 0.5rem 60px 0.5rem 1rem;
  position: relative;
  text-decoration: none;
  transition: all 0.3s ease;
  z-index: 10;
}
.btn-pink.btn-small {
  font-size: 0.8rem;
}
.btn-pink.btn-large {
  font-size: var(--ss-font-size-h5);
  height: 50px;
}
.btn-pink.btn-large::after {
  background-position: right 18px center;
}
@media (min-width: 992px) {
  .btn-pink.btn-large {
    color: #26272a;
    padding: 0.5rem 72px 0.5rem 1rem;
  }
  .btn-pink.btn-large::after {
    width: 56px;
  }
}
@media (max-width: 991.98px) {
  .btn-pink:active, .btn-pink:focus {
    color: white;
  }
  .btn-pink:hover {
    color: white;
  }
}
.btn-pink::after {
  bottom: 0;
  content: " ";
  display: block;
  left: auto;
  position: absolute;
  right: 0;
  top: 0;
  background-color: #8b1c6d;
  background-image: url("data:image/svg+xml,%3Csvg width=%2724%27 height=%2712%27 viewBox=%270 0 24 12%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M1.44838e-06 6.75L21.163 6.75L17.0259 10.9388L18.0741 12L24 6L18.0741 -1.38929e-06L17.0259 1.06125L21.163 5.25L1.31724e-06 5.25L1.44838e-06 6.75Z%27 fill=%27white%27/%3E%3C/svg%3E%0A");
  background-position: right 9px center;
  background-repeat: no-repeat;
  background-size: 24px;
  transition: all 0.3s ease;
  width: 100%;
  z-index: -1;
}
@media (min-width: 992px) {
  .btn-pink {
    color: #26272a;
    padding: 0.5rem 56px 0.5rem 1rem;
  }
  .btn-pink::after {
    width: 42px;
  }
  .btn-pink:hover {
    color: white;
  }
  .btn-pink:hover::after {
    width: 100%;
  }
}

.btn-block-pink {
  align-items: center;
  appearance: none;
  background-color: #8b1c6d;
  border: 0;
  box-sizing: border-box;
  color: white;
  cursor: pointer;
  display: inline-flex;
  height: 50px;
  margin: 0.5rem 0.5rem 0.5rem 0 !important;
  padding: 0.5rem 2rem;
  position: relative;
  text-decoration: none;
  transition: all 0.3s ease;
  z-index: 10;
}
.btn-block-pink:hover {
  appearance: none;
  border: 0;
}

.btn-download-pink {
  align-items: center;
  background-color: #8b1c6d;
  color: white;
  display: inline-flex;
  gap: 2rem;
  margin: 0.5rem 0.5rem 0.5rem 0;
  padding: 0.5rem 1rem;
  position: relative;
  text-decoration: none;
  transition: all 0.3s ease;
  z-index: 10;
}
.btn-download-pink::after {
  background-image: url("data:image/svg+xml,%3Csvg width=%2721%27 height=%2721%27 viewBox=%270 0 21 21%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath fill-rule=%27evenodd%27 clip-rule=%27evenodd%27 d=%27M9.69231 13.5014V0H11.3077V13.3964L14.7743 9.92815L15.918 11.0718L10.5226 16.4672L4.70077 11.0912L5.796 9.90554L9.69231 13.5014ZM1.61538 19.3846V9.69231H0V21H21V9.69231H19.3846V19.3846H1.61538Z%27 fill=%27white%27/%3E%3C/svg%3E%0A");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 24px;
  content: " ";
  display: block;
  height: 50px;
  transition: all 0.3s ease;
  width: 32px;
  z-index: -1;
}
.btn-download-pink:hover {
  background-color: #26272a;
  color: white;
}
.btn-download-pink:hover::after {
  background-image: url("data:image/svg+xml,%3Csvg width=%2721%27 height=%2721%27 viewBox=%270 0 21 21%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath fill-rule=%27evenodd%27 clip-rule=%27evenodd%27 d=%27M9.69231 13.5014V0H11.3077V13.3964L14.7743 9.92815L15.918 11.0718L10.5226 16.4672L4.70077 11.0912L5.796 9.90554L9.69231 13.5014ZM1.61538 19.3846V9.69231H0V21H21V9.69231H19.3846V19.3846H1.61538Z%27 fill=%27white%27/%3E%3C/svg%3E%0A") !important;
}

.btn-purple {
  align-items: center;
  background-color: rgb(220.4, 211.4, 230.2);
  color: white;
  display: inline-flex;
  height: 42px;
  margin: 0.5rem 0.5rem 0.5rem 0;
  padding: 0.5rem 60px 0.5rem 1rem;
  position: relative;
  text-decoration: none;
  transition: all 0.3s ease;
  z-index: 10;
}
.btn-purple.btn-small {
  font-size: 0.8rem;
}
.btn-purple.btn-large {
  font-size: var(--ss-font-size-h5);
  height: 50px;
}
.btn-purple.btn-large::after {
  background-position: right 18px center;
}
@media (min-width: 992px) {
  .btn-purple.btn-large {
    color: #26272a;
    padding: 0.5rem 72px 0.5rem 1rem;
  }
  .btn-purple.btn-large::after {
    width: 56px;
  }
}
@media (max-width: 991.98px) {
  .btn-purple:active, .btn-purple:focus {
    color: white;
  }
  .btn-purple:hover {
    color: white;
  }
}
.btn-purple::after {
  bottom: 0;
  content: " ";
  display: block;
  left: auto;
  position: absolute;
  right: 0;
  top: 0;
  background-color: #522583;
  background-image: url("data:image/svg+xml,%3Csvg width=%2724%27 height=%2712%27 viewBox=%270 0 24 12%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M1.44838e-06 6.75L21.163 6.75L17.0259 10.9388L18.0741 12L24 6L18.0741 -1.38929e-06L17.0259 1.06125L21.163 5.25L1.31724e-06 5.25L1.44838e-06 6.75Z%27 fill=%27white%27/%3E%3C/svg%3E%0A");
  background-position: right 9px center;
  background-repeat: no-repeat;
  background-size: 24px;
  transition: all 0.3s ease;
  width: 100%;
  z-index: -1;
}
@media (min-width: 992px) {
  .btn-purple {
    color: #26272a;
    padding: 0.5rem 56px 0.5rem 1rem;
  }
  .btn-purple::after {
    width: 42px;
  }
  .btn-purple:hover {
    color: white;
  }
  .btn-purple:hover::after {
    width: 100%;
  }
}

.btn-block-purple {
  align-items: center;
  appearance: none;
  background-color: #522583;
  border: 0;
  box-sizing: border-box;
  color: white;
  cursor: pointer;
  display: inline-flex;
  height: 50px;
  margin: 0.5rem 0.5rem 0.5rem 0 !important;
  padding: 0.5rem 2rem;
  position: relative;
  text-decoration: none;
  transition: all 0.3s ease;
  z-index: 10;
}
.btn-block-purple:hover {
  appearance: none;
  border: 0;
}

.btn-download-purple {
  align-items: center;
  background-color: #522583;
  color: white;
  display: inline-flex;
  gap: 2rem;
  margin: 0.5rem 0.5rem 0.5rem 0;
  padding: 0.5rem 1rem;
  position: relative;
  text-decoration: none;
  transition: all 0.3s ease;
  z-index: 10;
}
.btn-download-purple::after {
  background-image: url("data:image/svg+xml,%3Csvg width=%2721%27 height=%2721%27 viewBox=%270 0 21 21%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath fill-rule=%27evenodd%27 clip-rule=%27evenodd%27 d=%27M9.69231 13.5014V0H11.3077V13.3964L14.7743 9.92815L15.918 11.0718L10.5226 16.4672L4.70077 11.0912L5.796 9.90554L9.69231 13.5014ZM1.61538 19.3846V9.69231H0V21H21V9.69231H19.3846V19.3846H1.61538Z%27 fill=%27white%27/%3E%3C/svg%3E%0A");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 24px;
  content: " ";
  display: block;
  height: 50px;
  transition: all 0.3s ease;
  width: 32px;
  z-index: -1;
}
.btn-download-purple:hover {
  background-color: #26272a;
  color: white;
}
.btn-download-purple:hover::after {
  background-image: url("data:image/svg+xml,%3Csvg width=%2721%27 height=%2721%27 viewBox=%270 0 21 21%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath fill-rule=%27evenodd%27 clip-rule=%27evenodd%27 d=%27M9.69231 13.5014V0H11.3077V13.3964L14.7743 9.92815L15.918 11.0718L10.5226 16.4672L4.70077 11.0912L5.796 9.90554L9.69231 13.5014ZM1.61538 19.3846V9.69231H0V21H21V9.69231H19.3846V19.3846H1.61538Z%27 fill=%27white%27/%3E%3C/svg%3E%0A") !important;
}

.btn-white {
  align-items: center;
  background-color: rgba(255, 255, 255, 0.5);
  color: white;
  display: inline-flex;
  height: 42px;
  margin: 0.5rem 0.5rem 0.5rem 0;
  padding: 0.5rem 60px 0.5rem 1rem;
  position: relative;
  text-decoration: none;
  transition: all 0.3s ease;
  z-index: 10;
}
.btn-white.btn-small {
  font-size: 0.8rem;
}
.btn-white.btn-large {
  font-size: var(--ss-font-size-h5);
  height: 50px;
}
.btn-white.btn-large::after {
  background-position: right 18px center;
}
@media (min-width: 992px) {
  .btn-white.btn-large {
    color: #26272a;
    padding: 0.5rem 72px 0.5rem 1rem;
  }
  .btn-white.btn-large::after {
    width: 56px;
  }
}
@media (max-width: 991.98px) {
  .btn-white:active, .btn-white:focus {
    color: white;
  }
  .btn-white:hover {
    color: white;
  }
}
.btn-white::after {
  bottom: 0;
  content: " ";
  display: block;
  left: auto;
  position: absolute;
  right: 0;
  top: 0;
  background-color: white;
  background-image: url("data:image/svg+xml,%3Csvg width=%2724%27 height=%2712%27 viewBox=%270 0 24 12%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M1.44838e-06 6.75L21.163 6.75L17.0259 10.9388L18.0741 12L24 6L18.0741 -1.38929e-06L17.0259 1.06125L21.163 5.25L1.31724e-06 5.25L1.44838e-06 6.75Z%27 fill=%27white%27/%3E%3C/svg%3E%0A");
  background-position: right 9px center;
  background-repeat: no-repeat;
  background-size: 24px;
  transition: all 0.3s ease;
  width: 100%;
  z-index: -1;
}
@media (min-width: 992px) {
  .btn-white {
    color: #26272a;
    padding: 0.5rem 56px 0.5rem 1rem;
  }
  .btn-white::after {
    width: 42px;
  }
  .btn-white:hover {
    color: white;
  }
  .btn-white:hover::after {
    width: 100%;
  }
}

.btn-block-white {
  align-items: center;
  appearance: none;
  background-color: white;
  border: 0;
  box-sizing: border-box;
  color: white;
  cursor: pointer;
  display: inline-flex;
  height: 50px;
  margin: 0.5rem 0.5rem 0.5rem 0 !important;
  padding: 0.5rem 2rem;
  position: relative;
  text-decoration: none;
  transition: all 0.3s ease;
  z-index: 10;
}
.btn-block-white:hover {
  appearance: none;
  border: 0;
}

.btn-download-white {
  align-items: center;
  background-color: white;
  color: white;
  display: inline-flex;
  gap: 2rem;
  margin: 0.5rem 0.5rem 0.5rem 0;
  padding: 0.5rem 1rem;
  position: relative;
  text-decoration: none;
  transition: all 0.3s ease;
  z-index: 10;
}
.btn-download-white::after {
  background-image: url("data:image/svg+xml,%3Csvg width=%2721%27 height=%2721%27 viewBox=%270 0 21 21%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath fill-rule=%27evenodd%27 clip-rule=%27evenodd%27 d=%27M9.69231 13.5014V0H11.3077V13.3964L14.7743 9.92815L15.918 11.0718L10.5226 16.4672L4.70077 11.0912L5.796 9.90554L9.69231 13.5014ZM1.61538 19.3846V9.69231H0V21H21V9.69231H19.3846V19.3846H1.61538Z%27 fill=%27white%27/%3E%3C/svg%3E%0A");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 24px;
  content: " ";
  display: block;
  height: 50px;
  transition: all 0.3s ease;
  width: 32px;
  z-index: -1;
}
.btn-download-white:hover {
  background-color: #26272a;
  color: white;
}
.btn-download-white:hover::after {
  background-image: url("data:image/svg+xml,%3Csvg width=%2721%27 height=%2721%27 viewBox=%270 0 21 21%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath fill-rule=%27evenodd%27 clip-rule=%27evenodd%27 d=%27M9.69231 13.5014V0H11.3077V13.3964L14.7743 9.92815L15.918 11.0718L10.5226 16.4672L4.70077 11.0912L5.796 9.90554L9.69231 13.5014ZM1.61538 19.3846V9.69231H0V21H21V9.69231H19.3846V19.3846H1.61538Z%27 fill=%27white%27/%3E%3C/svg%3E%0A") !important;
}

.btn-dark {
  align-items: center;
  background-color: rgba(255, 255, 255, 0.5);
  color: white;
  display: inline-flex;
  height: 42px;
  margin: 0.5rem 0.5rem 0.5rem 0;
  padding: 0.5rem 60px 0.5rem 1rem;
  position: relative;
  text-decoration: none;
  transition: all 0.3s ease;
  z-index: 10;
}
.btn-dark.btn-small {
  font-size: 0.8rem;
}
.btn-dark.btn-large {
  font-size: var(--ss-font-size-h5);
  height: 50px;
}
.btn-dark.btn-large::after {
  background-position: right 18px center;
}
@media (min-width: 992px) {
  .btn-dark.btn-large {
    color: #26272a;
    padding: 0.5rem 72px 0.5rem 1rem;
  }
  .btn-dark.btn-large::after {
    width: 56px;
  }
}
@media (max-width: 991.98px) {
  .btn-dark:active, .btn-dark:focus {
    color: white;
  }
  .btn-dark:hover {
    color: white;
  }
}
.btn-dark::after {
  bottom: 0;
  content: " ";
  display: block;
  left: auto;
  position: absolute;
  right: 0;
  top: 0;
  background-color: #26272a;
  background-image: url("data:image/svg+xml,%3Csvg width=%2724%27 height=%2712%27 viewBox=%270 0 24 12%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M1.44838e-06 6.75L21.163 6.75L17.0259 10.9388L18.0741 12L24 6L18.0741 -1.38929e-06L17.0259 1.06125L21.163 5.25L1.31724e-06 5.25L1.44838e-06 6.75Z%27 fill=%27white%27/%3E%3C/svg%3E%0A");
  background-position: right 9px center;
  background-repeat: no-repeat;
  background-size: 24px;
  transition: all 0.3s ease;
  width: 100%;
  z-index: -1;
}
@media (min-width: 992px) {
  .btn-dark {
    color: #26272a;
    padding: 0.5rem 56px 0.5rem 1rem;
  }
  .btn-dark::after {
    width: 42px;
  }
  .btn-dark:hover {
    color: white;
  }
  .btn-dark:hover::after {
    width: 100%;
  }
}

.btn-block-dark {
  align-items: center;
  appearance: none;
  background-color: #26272a;
  border: 0;
  box-sizing: border-box;
  color: white;
  cursor: pointer;
  display: inline-flex;
  height: 50px;
  margin: 0.5rem 0.5rem 0.5rem 0 !important;
  padding: 0.5rem 2rem;
  position: relative;
  text-decoration: none;
  transition: all 0.3s ease;
  z-index: 10;
}
.btn-block-dark:hover {
  appearance: none;
  border: 0;
}

.btn-download-dark {
  align-items: center;
  background-color: #26272a;
  color: white;
  display: inline-flex;
  gap: 2rem;
  margin: 0.5rem 0.5rem 0.5rem 0;
  padding: 0.5rem 1rem;
  position: relative;
  text-decoration: none;
  transition: all 0.3s ease;
  z-index: 10;
}
.btn-download-dark::after {
  background-image: url("data:image/svg+xml,%3Csvg width=%2721%27 height=%2721%27 viewBox=%270 0 21 21%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath fill-rule=%27evenodd%27 clip-rule=%27evenodd%27 d=%27M9.69231 13.5014V0H11.3077V13.3964L14.7743 9.92815L15.918 11.0718L10.5226 16.4672L4.70077 11.0912L5.796 9.90554L9.69231 13.5014ZM1.61538 19.3846V9.69231H0V21H21V9.69231H19.3846V19.3846H1.61538Z%27 fill=%27white%27/%3E%3C/svg%3E%0A");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 24px;
  content: " ";
  display: block;
  height: 50px;
  transition: all 0.3s ease;
  width: 32px;
  z-index: -1;
}
.btn-download-dark:hover {
  background-color: #26272a;
  color: white;
}
.btn-download-dark:hover::after {
  background-image: url("data:image/svg+xml,%3Csvg width=%2721%27 height=%2721%27 viewBox=%270 0 21 21%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath fill-rule=%27evenodd%27 clip-rule=%27evenodd%27 d=%27M9.69231 13.5014V0H11.3077V13.3964L14.7743 9.92815L15.918 11.0718L10.5226 16.4672L4.70077 11.0912L5.796 9.90554L9.69231 13.5014ZM1.61538 19.3846V9.69231H0V21H21V9.69231H19.3846V19.3846H1.61538Z%27 fill=%27white%27/%3E%3C/svg%3E%0A") !important;
}

.btn-danger {
  align-items: center;
  background-color: rgba(255, 255, 255, 0.5);
  color: white;
  display: inline-flex;
  height: 42px;
  margin: 0.5rem 0.5rem 0.5rem 0;
  padding: 0.5rem 60px 0.5rem 1rem;
  position: relative;
  text-decoration: none;
  transition: all 0.3s ease;
  z-index: 10;
}
.btn-danger.btn-small {
  font-size: 0.8rem;
}
.btn-danger.btn-large {
  font-size: var(--ss-font-size-h5);
  height: 50px;
}
.btn-danger.btn-large::after {
  background-position: right 18px center;
}
@media (min-width: 992px) {
  .btn-danger.btn-large {
    color: #26272a;
    padding: 0.5rem 72px 0.5rem 1rem;
  }
  .btn-danger.btn-large::after {
    width: 56px;
  }
}
@media (max-width: 991.98px) {
  .btn-danger:active, .btn-danger:focus {
    color: white;
  }
  .btn-danger:hover {
    color: white;
  }
}
.btn-danger::after {
  bottom: 0;
  content: " ";
  display: block;
  left: auto;
  position: absolute;
  right: 0;
  top: 0;
  background-color: #ee112c;
  background-image: url("data:image/svg+xml,%3Csvg width=%2724%27 height=%2712%27 viewBox=%270 0 24 12%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M1.44838e-06 6.75L21.163 6.75L17.0259 10.9388L18.0741 12L24 6L18.0741 -1.38929e-06L17.0259 1.06125L21.163 5.25L1.31724e-06 5.25L1.44838e-06 6.75Z%27 fill=%27white%27/%3E%3C/svg%3E%0A");
  background-position: right 9px center;
  background-repeat: no-repeat;
  background-size: 24px;
  transition: all 0.3s ease;
  width: 100%;
  z-index: -1;
}
@media (min-width: 992px) {
  .btn-danger {
    color: #26272a;
    padding: 0.5rem 56px 0.5rem 1rem;
  }
  .btn-danger::after {
    width: 42px;
  }
  .btn-danger:hover {
    color: white;
  }
  .btn-danger:hover::after {
    width: 100%;
  }
}

.btn-block-danger {
  align-items: center;
  appearance: none;
  background-color: #ee112c;
  border: 0;
  box-sizing: border-box;
  color: white;
  cursor: pointer;
  display: inline-flex;
  height: 50px;
  margin: 0.5rem 0.5rem 0.5rem 0 !important;
  padding: 0.5rem 2rem;
  position: relative;
  text-decoration: none;
  transition: all 0.3s ease;
  z-index: 10;
}
.btn-block-danger:hover {
  appearance: none;
  border: 0;
}

.btn-download-danger {
  align-items: center;
  background-color: #ee112c;
  color: white;
  display: inline-flex;
  gap: 2rem;
  margin: 0.5rem 0.5rem 0.5rem 0;
  padding: 0.5rem 1rem;
  position: relative;
  text-decoration: none;
  transition: all 0.3s ease;
  z-index: 10;
}
.btn-download-danger::after {
  background-image: url("data:image/svg+xml,%3Csvg width=%2721%27 height=%2721%27 viewBox=%270 0 21 21%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath fill-rule=%27evenodd%27 clip-rule=%27evenodd%27 d=%27M9.69231 13.5014V0H11.3077V13.3964L14.7743 9.92815L15.918 11.0718L10.5226 16.4672L4.70077 11.0912L5.796 9.90554L9.69231 13.5014ZM1.61538 19.3846V9.69231H0V21H21V9.69231H19.3846V19.3846H1.61538Z%27 fill=%27white%27/%3E%3C/svg%3E%0A");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 24px;
  content: " ";
  display: block;
  height: 50px;
  transition: all 0.3s ease;
  width: 32px;
  z-index: -1;
}
.btn-download-danger:hover {
  background-color: #26272a;
  color: white;
}
.btn-download-danger:hover::after {
  background-image: url("data:image/svg+xml,%3Csvg width=%2721%27 height=%2721%27 viewBox=%270 0 21 21%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath fill-rule=%27evenodd%27 clip-rule=%27evenodd%27 d=%27M9.69231 13.5014V0H11.3077V13.3964L14.7743 9.92815L15.918 11.0718L10.5226 16.4672L4.70077 11.0912L5.796 9.90554L9.69231 13.5014ZM1.61538 19.3846V9.69231H0V21H21V9.69231H19.3846V19.3846H1.61538Z%27 fill=%27white%27/%3E%3C/svg%3E%0A") !important;
}

.btn-white::after {
  background-image: url("data:image/svg+xml,%3Csvg width=%2724%27 height=%2712%27 viewBox=%270 0 24 12%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M1.44838e-06 6.75L21.163 6.75L17.0259 10.9388L18.0741 12L24 6L18.0741 -1.38929e-06L17.0259 1.06125L21.163 5.25L1.31724e-06 5.25L1.44838e-06 6.75Z%27 fill=%27%23000000%27/%3E%3C/svg%3E%0A");
}
.btn-white:hover {
  color: #26272a;
}
@media (max-width: 991.98px) {
  .btn-white {
    color: #26272a;
  }
}
.btn-white.text-white, .btn-white.text-bg-swf-green, .btn-white.text-bg-danger, .btn-white.bg__gradient, #view__comet-competition .component__split-table .table__controls > .btn-white.table__control.active, #view__comet-competition .component__league-table .table__header .btn-white.table__row, #view__comet-competition .component__comet-match-list .match__section.active .btn-white.match__section-title, #view__competition .component__league-table .table__header .btn-white.table__row, #view__competition .match-list__wrapper .match__section.active .btn-white.match__section-title {
  color: #fff;
}
.btn-white.text-white:hover, .btn-white.text-bg-swf-green:hover, .btn-white.text-bg-danger:hover, .btn-white.bg__gradient:hover, #view__comet-competition .component__split-table .table__controls > .btn-white.table__control.active:hover, #view__comet-competition .component__league-table .table__header .btn-white.table__row:hover, #view__comet-competition .component__comet-match-list .match__section.active .btn-white.match__section-title:hover, #view__competition .component__league-table .table__header .btn-white.table__row:hover, #view__competition .match-list__wrapper .match__section.active .btn-white.match__section-title:hover {
  color: #26272a !important;
}

.btn-download-white {
  color: #26272a;
}
.btn-download-white::after {
  background-image: url("data:image/svg+xml,%3Csvg width=%2721%27 height=%2721%27 viewBox=%270 0 21 21%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath fill-rule=%27evenodd%27 clip-rule=%27evenodd%27 d=%27M9.69231 13.5014V0H11.3077V13.3964L14.7743 9.92815L15.918 11.0718L10.5226 16.4672L4.70077 11.0912L5.796 9.90554L9.69231 13.5014ZM1.61538 19.3846V9.69231H0V21H21V9.69231H19.3846V19.3846H1.61538Z%27 fill=%27%2326272a%27/%3E%3C/svg%3E%0A");
}

.btn-block-white {
  color: #26272a;
}

.btn-return {
  align-items: center;
  display: inline-flex;
  gap: 0.5rem;
}
.btn-return::before {
  background-image: url("data:image/svg+xml,%3Csvg width=%2724%27 height=%2712%27 viewBox=%270 0 24 12%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M24 6.75L2.83704 6.75L6.97407 10.9388L5.92593 12L5.24537e-07 6L5.92593 -1.38929e-06L6.97407 1.06125L2.83704 5.25L24 5.25L24 6.75Z%27 fill=%27%23565960%27/%3E%3C/svg%3E%0A");
  background-position: center;
  background-repeat: no-repeat;
  content: "";
  display: block;
  height: 2rem;
  transition: transform 0.3s ease;
  width: 2rem;
}
.btn-return:hover::before {
  transform: translate(-10px, 0);
}

/* ========================================================
	_header.scss - Scottish Women's Football
======================================================== */
#menu-button button {
  align-items: center;
  appearance: none;
  background-color: transparent;
  border: 0;
  color: #26272a;
  cursor: pointer;
  display: flex;
  padding: 1rem 0;
}
#menu-button button:focus, #menu-button button:active {
  outline: none;
}
#menu-button button .hamburger__bars {
  display: flex;
  flex-direction: column;
  height: 23px;
  justify-content: space-between;
  transition: all 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  width: 30px;
}
#menu-button button .hamburger__bars .bar {
  background: #004289;
  height: 3px;
  transition: all 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  width: 100%;
}
#menu-button button .hamburger__bars:before, #menu-button button .hamburger__bars:after {
  background: #004289;
  content: " ";
  display: block;
  height: 3px;
  transition: all 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  width: 100%;
}
@media (min-width: 992px) {
  #menu-button button .hamburger__bars .bar, #menu-button button .hamburger__bars:before, #menu-button button .hamburger__bars:after {
    background: #004289;
  }
}
#menu-button button.is-active .hamburger__bars .bar {
  width: 0;
}
#menu-button button.is-active .hamburger__bars:before {
  transform: translate3d(0, 10px, 0) rotate(135deg);
}
#menu-button button.is-active .hamburger__bars:after {
  transform: translate3d(0, -11px, 0) rotate(45deg);
}

#header__site {
  background-color: white;
  filter: drop-shadow(0px 4px 20px rgba(0, 0, 0, 0.15));
  position: sticky;
  top: 0;
  z-index: 9999;
}
#header__site .header__top {
  display: none;
}
@media (min-width: 768px) {
  #header__site .header__top {
    background-color: #ebedf5;
    display: flex;
    justify-content: flex-end;
    padding-block: 1rem;
    padding-inline: 2rem;
  }
  #header__site .header__top ul {
    margin: 0;
  }
  #header__site .header__top ul li {
    border-right: solid 1px rgba(0, 0, 0, 0.25);
    margin: 0;
    padding-right: 1rem;
  }
  #header__site .header__top ul li:last-child {
    border: 0;
  }
  #header__site .header__top ul li a {
    color: #26272a;
    display: block;
    text-decoration: none;
  }
  #header__site .header__top ul li a:hover {
    color: #8b1c6d;
  }
}
#header__site .header__main {
  display: flex;
  justify-content: space-between;
  padding: 1rem 2rem;
}
@media (min-width: 992px) {
  #header__site .header__main {
    padding-inline: 2rem;
  }
}
#header__site .header__main .header__brand a {
  display: block;
  text-decoration: none;
}
#header__site .header__main .header__brand a img {
  display: block;
  height: auto;
  max-width: 46px;
  width: 100%;
}
@media (min-width: 992px) {
  #header__site .header__main .header__brand a img {
    max-width: 200px;
  }
}
#header__site .header__main nav ul {
  margin: 0;
}
#header__site .header__main nav ul li {
  border-right: solid 1px #ebedf5;
  margin: 0;
  padding-right: 1rem;
}
#header__site .header__main nav ul li:last-child {
  border: 0;
}
#header__site .header__main nav ul li a {
  color: #26272a;
  display: block;
  text-decoration: none;
}
#header__site .header__main nav ul li a:hover {
  color: #8b1c6d;
}
#header__site .header__main .header__button {
  background-color: #8b1c6d;
  border: solid 1px #8b1c6d;
  border-radius: 2rem 0 2rem 0;
  color: white;
  white-space: nowrap;
  padding: 1rem 2rem;
  text-decoration: none;
}
#header__site .header__main .header__button:hover {
  background-color: transparent;
  color: #8b1c6d;
}

#nav__site {
  background-color: #fff;
  display: none;
  left: 0;
  overflow: scroll;
  position: fixed;
  width: 100%;
  z-index: 9998;
}
#nav__site.is-active {
  display: block;
}
@media (min-width: 768px) {
  #nav__site .nav__center {
    display: flex;
    flex: 1;
  }
}
#nav__site .nav__center .nav__list {
  border-left: solid 1px #ebedf5;
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 0.5rem;
  padding-left: 1rem;
}
@media (min-width: 992px) {
  #nav__site .nav__center .nav__list {
    padding-right: 1rem;
  }
}
#nav__site .nav__center .nav__list > li {
  margin-bottom: 1rem;
}
#nav__site .nav__center .nav__list > li a {
  color: inherit;
  display: block;
  text-decoration: none;
}
#nav__site .nav__center .nav__list > li a:hover {
  color: #8b1c6d;
}
#nav__site .nav__center .nav__list > li > a {
  font-size: 1.1rem;
  font-weight: 500;
}
#nav__site .nav__center .nav__list > li ul.tier2__ul {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 0.5rem;
  margin-top: 0.5rem;
}
@media (max-width: 991.98px) {
  #nav__site {
    max-height: calc(100vh - 80px);
    padding: 2rem 2rem 4rem;
    top: 80px;
  }
}
@media (max-width: 991.98px) and (min-width: 768px) {
  #nav__site {
    top: 145px;
  }
}
@media (max-width: 991.98px) {
  #nav__site .nav__left {
    display: none;
  }
  #nav__site .nav__fixtures {
    margin-bottom: 2rem;
  }
  #nav__site .nav__fixtures a {
    background-color: #8b1c6d;
    border: solid 1px #8b1c6d;
    border-radius: 2rem 0 2rem 0;
    color: white;
    display: block;
    padding: 1rem 2rem;
    text-align: center;
    text-decoration: none;
  }
  #nav__site .nav__fixtures a:hover {
    background-color: transparent;
    color: #8b1c6d;
  }
  #nav__site .nav__right {
    margin-top: 3rem;
  }
  #nav__site .nav__right .wrapper__competitions {
    display: none !important;
  }
  #nav__site .nav__right .wrapper__contact a {
    color: inherit;
    text-decoration: none;
  }
}
@media (min-width: 992px) {
  #nav__site {
    max-height: calc(100vh - 150px);
    top: 150px;
  }
  #nav__site .overlay {
    background-color: rgba(38, 39, 42, 0.8);
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 10;
  }
  #nav__site .nav__fixtures {
    display: none;
  }
  #nav__site .nav__content {
    background-color: white;
    position: relative;
    z-index: 20;
  }
  #nav__site .nav__content .inner {
    display: flex;
    flex-direction: row;
    gap: 4rem;
    margin: 0 auto;
    padding: 4rem;
    position: relative;
    width: min(100%, 1680px);
    z-index: 20;
  }
  #nav__site .nav__content .inner .nav__left {
    display: flex;
    flex-direction: column;
    width: min(25%, 400px);
  }
  #nav__site .nav__content .inner .nav__left li {
    background-color: #26272a;
    background-position: center;
    background-size: cover;
    flex: 1;
    position: relative;
    text-align: center;
    transition: all 0.3s ease;
  }
  #nav__site .nav__content .inner .nav__left li:hover {
    flex: 1.1;
  }
  #nav__site .nav__content .inner .nav__left li::after {
    bottom: 0;
    content: " ";
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    background-color: rgba(38, 39, 42, 0.25);
    z-index: 10;
  }
  #nav__site .nav__content .inner .nav__left li a {
    align-items: center;
    color: white;
    display: flex;
    height: 100%;
    justify-content: center;
    padding: 3rem 1rem;
    position: relative;
    text-decoration: none;
    z-index: 20;
  }
  #nav__site .nav__content .inner .nav__right {
    width: min(25%, 400px);
  }
  #nav__site .nav__content .inner .nav__right .wrapper__competitions {
    margin-bottom: 2.5rem;
  }
  #nav__site .nav__content .inner .nav__right .wrapper__competitions li a {
    background: linear-gradient(89.54deg, #8b1c6d 0%, #522583 100%);
    border: solid 2px transparent;
    color: white;
    display: block;
    font-weight: 500;
    padding: 1rem;
    text-align: center;
    text-decoration: none;
  }
  #nav__site .nav__content .inner .nav__right .wrapper__competitions li a:hover {
    background: transparent;
    border: solid 2px #522583;
    color: #522583;
  }
  #nav__site .nav__content .inner .nav__right .wrapper__contact a {
    color: inherit;
    text-decoration: none;
  }
}

/* ========================================================
	_footer.scss - Scottish Women's Football
======================================================== */
.component__official-partners {
  overflow: hidden;
}
.component__official-partners ul.partner__list {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  list-style: none;
  justify-content: center;
  margin: 0;
  padding: 0;
}
@media (max-width: 767.98px) {
  .component__official-partners ul.partner__list li {
    flex: 0 0 45%;
  }
}
.component__official-partners ul.partner__list li a,
.component__official-partners ul.partner__list li > span {
  display: block;
}
.component__official-partners ul.partner__list li a span,
.component__official-partners ul.partner__list li > span span {
  display: block;
  padding: 0.5rem;
  text-align: center;
}
.component__official-partners ul.partner__list li a img,
.component__official-partners ul.partner__list li > span img {
  display: block;
  margin: 0 auto;
  max-width: 300px;
  width: 100%;
}

footer#footer__site {
  overflow: hidden;
}
footer#footer__site .footer__address a {
  color: inherit;
  text-decoration: none;
}
footer#footer__site .footer__address a:hover {
  color: #004289;
}
footer#footer__site .list__links {
  display: flex;
  flex-wrap: wrap;
}
footer#footer__site .list__links li {
  flex: 1;
  margin: 0;
  min-width: 100%;
  padding: 0;
}
@media (min-width: 768px) {
  footer#footer__site .list__links li {
    max-width: 50%;
    min-width: 50%;
  }
}
footer#footer__site .list__links li a {
  color: #26272a;
  display: block;
  padding: 0.5rem 0;
  text-decoration: none;
}
footer#footer__site .list__links li a:hover {
  color: #8b1c6d;
}
@media (max-width: 767.98px) {
  footer#footer__site .list__social {
    justify-content: center;
  }
}

.footer__legal {
  border-top: solid 1px #ebedf5;
}
.footer__legal a {
  color: #26272a;
  text-decoration: none;
}
.footer__legal a:hover {
  text-decoration: underline;
}
.footer__legal a.agency-link {
  font-weight: bold;
}

/* ========================================================
	_global.scss - Scottish Women's Football
======================================================== */
body .container, body .component__competition-group .tabbed__content, .component__competition-group body .tabbed__content {
  max-width: 100%;
  width: min(100% - 1rem);
}
@media (min-width: 992px) {
  body .container, body .component__competition-group .tabbed__content, .component__competition-group body .tabbed__content {
    width: min(100% - 4rem);
  }
}
@media (min-width: 1500px) {
  body .container, body .component__competition-group .tabbed__content, .component__competition-group body .tabbed__content {
    width: min(100% - 6rem, 1680px);
  }
}

body.is-fixed {
  height: 100%;
  overflow: hidden;
}
body *::-webkit-scrollbar {
  display: none;
}
body * {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
body .spacer {
  display: block;
  height: 2rem;
  width: 2rem;
}
.placeholder-section {
  align-items: center;
  border: solid 1px #ebedf5;
  display: flex;
  height: 50vh;
  justify-content: center;
  max-height: 600px;
  width: 100%;
}
.placeholder-section strong {
  background: linear-gradient(89.54deg, #8b1c6d 0%, #522583 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.padding_none {
  padding-top: 0;
}
@media (min-width: 768px) {
  .padding_none {
    padding-top: 0;
  }
}
@media (min-width: 992px) {
  .padding_none {
    padding-top: 0;
  }
}
.padding_none {
  padding-bottom: 0;
}
@media (min-width: 768px) {
  .padding_none {
    padding-bottom: 0;
  }
}
@media (min-width: 992px) {
  .padding_none {
    padding-bottom: 0;
  }
}

.padding_top__none {
  padding-top: 0;
}
@media (min-width: 768px) {
  .padding_top__none {
    padding-top: 0;
  }
}
@media (min-width: 992px) {
  .padding_top__none {
    padding-top: 0;
  }
}

.padding_bottom__none {
  padding-bottom: 0;
}
@media (min-width: 768px) {
  .padding_bottom__none {
    padding-bottom: 0;
  }
}
@media (min-width: 992px) {
  .padding_bottom__none {
    padding-bottom: 0;
  }
}

.padding_narrow {
  padding-top: 1rem;
}
@media (min-width: 768px) {
  .padding_narrow {
    padding-top: 2rem;
  }
}
@media (min-width: 992px) {
  .padding_narrow {
    padding-top: 2rem;
  }
}
.padding_narrow {
  padding-bottom: 1rem;
}
@media (min-width: 768px) {
  .padding_narrow {
    padding-bottom: 2rem;
  }
}
@media (min-width: 992px) {
  .padding_narrow {
    padding-bottom: 2rem;
  }
}

.padding_top__narrow {
  padding-top: 1rem;
}
@media (min-width: 768px) {
  .padding_top__narrow {
    padding-top: 2rem;
  }
}
@media (min-width: 992px) {
  .padding_top__narrow {
    padding-top: 2rem;
  }
}

.padding_bottom__narrow {
  padding-bottom: 1rem;
}
@media (min-width: 768px) {
  .padding_bottom__narrow {
    padding-bottom: 2rem;
  }
}
@media (min-width: 992px) {
  .padding_bottom__narrow {
    padding-bottom: 2rem;
  }
}

.padding_normal {
  padding-top: 3rem;
}
@media (min-width: 768px) {
  .padding_normal {
    padding-top: 4rem;
  }
}
@media (min-width: 992px) {
  .padding_normal {
    padding-top: 5rem;
  }
}
.padding_normal {
  padding-bottom: 3rem;
}
@media (min-width: 768px) {
  .padding_normal {
    padding-bottom: 4rem;
  }
}
@media (min-width: 992px) {
  .padding_normal {
    padding-bottom: 5rem;
  }
}

.padding_top__normal, #view__comet-competition .competition__title, #view__competition .competition__title {
  padding-top: 3rem;
}
@media (min-width: 768px) {
  .padding_top__normal, #view__comet-competition .competition__title, #view__competition .competition__title {
    padding-top: 4rem;
  }
}
@media (min-width: 992px) {
  .padding_top__normal, #view__comet-competition .competition__title, #view__competition .competition__title {
    padding-top: 5rem;
  }
}

.padding_bottom__normal {
  padding-bottom: 3rem;
}
@media (min-width: 768px) {
  .padding_bottom__normal {
    padding-bottom: 4rem;
  }
}
@media (min-width: 992px) {
  .padding_bottom__normal {
    padding-bottom: 5rem;
  }
}

.padding_default {
  padding-top: 3rem;
}
@media (min-width: 768px) {
  .padding_default {
    padding-top: 4rem;
  }
}
@media (min-width: 992px) {
  .padding_default {
    padding-top: 5rem;
  }
}
.padding_default {
  padding-bottom: 3rem;
}
@media (min-width: 768px) {
  .padding_default {
    padding-bottom: 4rem;
  }
}
@media (min-width: 992px) {
  .padding_default {
    padding-bottom: 5rem;
  }
}

.padding_top__default {
  padding-top: 3rem;
}
@media (min-width: 768px) {
  .padding_top__default {
    padding-top: 4rem;
  }
}
@media (min-width: 992px) {
  .padding_top__default {
    padding-top: 5rem;
  }
}

.padding_bottom__default {
  padding-bottom: 3rem;
}
@media (min-width: 768px) {
  .padding_bottom__default {
    padding-bottom: 4rem;
  }
}
@media (min-width: 992px) {
  .padding_bottom__default {
    padding-bottom: 5rem;
  }
}

.padding_large {
  padding-top: 4rem;
}
@media (min-width: 768px) {
  .padding_large {
    padding-top: 7.5rem;
  }
}
@media (min-width: 992px) {
  .padding_large {
    padding-top: 10rem;
  }
}
.padding_large {
  padding-bottom: 4rem;
}
@media (min-width: 768px) {
  .padding_large {
    padding-bottom: 7.5rem;
  }
}
@media (min-width: 992px) {
  .padding_large {
    padding-bottom: 10rem;
  }
}

.padding_top__large {
  padding-top: 4rem;
}
@media (min-width: 768px) {
  .padding_top__large {
    padding-top: 7.5rem;
  }
}
@media (min-width: 992px) {
  .padding_top__large {
    padding-top: 10rem;
  }
}

.padding_bottom__large {
  padding-bottom: 4rem;
}
@media (min-width: 768px) {
  .padding_bottom__large {
    padding-bottom: 7.5rem;
  }
}
@media (min-width: 992px) {
  .padding_bottom__large {
    padding-bottom: 10rem;
  }
}

.bg__gradient, #view__comet-competition .component__split-table .table__controls > .table__control.active, #view__comet-competition .component__league-table .table__header .table__row, #view__comet-competition .component__comet-match-list .match__section.active .match__section-title, #view__competition .component__league-table .table__header .table__row, #view__competition .match-list__wrapper .match__section.active .match__section-title {
  background: linear-gradient(89.54deg, #8b1c6d 0%, #522583 100%);
}

.swiper__pagination {
  display: flex;
  gap: 0.5rem;
  justify-content: center;
}
.swiper__pagination .swiper-pagination-bullet {
  background-color: #26272a;
  border-radius: 50%;
  height: 0.5rem;
  opacity: 0.1;
  width: 0.5rem;
}
.swiper__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
}

.swiper__controls {
  align-items: center;
  display: flex;
  gap: 1rem;
  justify-content: center;
  padding: 2rem 0;
}
@media (min-width: 768px) {
  .swiper__controls {
    gap: 2rem;
  }
}
.swiper__controls .swiper__control {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 32px;
  opacity: 1;
  width: 32px;
}
.swiper__controls .swiper__control.swiper-button-disabled {
  opacity: 0.2 !important;
}
.swiper__controls .swiper__control.swiper-button-lock {
  display: none;
}
.swiper__controls .swiper__control.swiper__control-prev {
  background-image: url("data:image/svg+xml,%3Csvg width=%2724%27 height=%2712%27 viewBox=%270 0 24 12%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M24 6.75L2.83704 6.75L6.97407 10.9388L5.92593 12L5.24537e-07 6L5.92593 -1.38929e-06L6.97407 1.06125L2.83704 5.25L24 5.25L24 6.75Z%27 fill=%27%23565960%27/%3E%3C/svg%3E%0A");
}
.swiper__controls .swiper__control.swiper__control-next {
  background-image: url("data:image/svg+xml,%3Csvg width=%2724%27 height=%2712%27 viewBox=%270 0 24 12%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M1.44838e-06 6.75L21.163 6.75L17.0259 10.9388L18.0741 12L24 6L18.0741 -1.38929e-06L17.0259 1.06125L21.163 5.25L1.31724e-06 5.25L1.44838e-06 6.75Z%27 fill=%27%23565960%27/%3E%3C/svg%3E%0A");
}

.text-bg-swf-blue .swiper__controls .swiper__control.swiper__control-prev,
.text-bg-swf-pink .swiper__controls .swiper__control.swiper__control-prev,
.text-bg-swf-purple .swiper__controls .swiper__control.swiper__control-prev,
.text-bg-swf-green .swiper__controls .swiper__control.swiper__control-prev,
.text-bg-dark .swiper__controls .swiper__control.swiper__control-prev,
#view__club-finder #club-finder-root #cf__wrapper .cf__wrapper-map .cf__data-map .map__info .swiper__controls .swiper__control.swiper__control-prev,
.bg__gradient .swiper__controls .swiper__control.swiper__control-prev,
#view__comet-competition .component__split-table .table__controls > .table__control.active .swiper__controls .swiper__control.swiper__control-prev,
#view__comet-competition .component__league-table .table__header .table__row .swiper__controls .swiper__control.swiper__control-prev,
#view__comet-competition .component__comet-match-list .match__section.active .match__section-title .swiper__controls .swiper__control.swiper__control-prev,
#view__competition .component__league-table .table__header .table__row .swiper__controls .swiper__control.swiper__control-prev,
#view__competition .match-list__wrapper .match__section.active .match__section-title .swiper__controls .swiper__control.swiper__control-prev {
  background-image: var(--swf-arrow-left-light);
}
.text-bg-swf-blue .swiper__controls .swiper__control.swiper__control-next,
.text-bg-swf-pink .swiper__controls .swiper__control.swiper__control-next,
.text-bg-swf-purple .swiper__controls .swiper__control.swiper__control-next,
.text-bg-swf-green .swiper__controls .swiper__control.swiper__control-next,
.text-bg-dark .swiper__controls .swiper__control.swiper__control-next,
#view__club-finder #club-finder-root #cf__wrapper .cf__wrapper-map .cf__data-map .map__info .swiper__controls .swiper__control.swiper__control-next,
.bg__gradient .swiper__controls .swiper__control.swiper__control-next,
#view__comet-competition .component__split-table .table__controls > .table__control.active .swiper__controls .swiper__control.swiper__control-next,
#view__comet-competition .component__league-table .table__header .table__row .swiper__controls .swiper__control.swiper__control-next,
#view__comet-competition .component__comet-match-list .match__section.active .match__section-title .swiper__controls .swiper__control.swiper__control-next,
#view__competition .component__league-table .table__header .table__row .swiper__controls .swiper__control.swiper__control-next,
#view__competition .match-list__wrapper .match__section.active .match__section-title .swiper__controls .swiper__control.swiper__control-next {
  background-image: var(--swf-arrow-right-light);
}

#swf-policy h3, #swf-policy .h3, #swf-policy .component__accordion .accordion__container .accordion__title, .component__accordion .accordion__container #swf-policy .accordion__title {
  border-top: solid 1px #004289;
  display: block;
  line-height: 1.3;
  margin-block: 2rem;
  padding-top: 1rem;
}
#swf-policy h3:first-child, #swf-policy .h3:first-child, #swf-policy .component__accordion .accordion__container .accordion__title:first-child, .component__accordion .accordion__container #swf-policy .accordion__title:first-child {
  margin-bottom: 32px;
  margin-top: 0;
}
#swf-policy .accordion .accordion-section {
  padding: 0.5rem 1rem !important;
}

/* ========================================================
	_components.scss - Scottish Women's Football
======================================================== */
/* ========================================================
    _banners.scss - Scottish Women's Football
======================================================== */
.component__banner.banner__image {
  position: relative;
}
.component__banner.banner__image .inner-content {
  overflow: hidden;
  position: relative;
}
.component__banner.banner__image .inner-content .text-content {
  color: white;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 75px 1rem 50px;
  position: relative;
  text-align: center;
  z-index: 20;
}
@media (min-width: 768px) {
  .component__banner.banner__image .inner-content .text-content {
    padding: 150px 1rem 100px;
  }
}
.component__banner.banner__image .inner-content .text-content h1, .component__banner.banner__image .inner-content .text-content .h1 {
  font-size: clamp(3rem, 10vw, 6rem);
}
.component__banner.banner__image .inner-content img {
  height: 100%;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 10;
}
.component__banner.banner__image::before {
  bottom: 0;
  content: " ";
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 80%);
  z-index: 15;
}
.component__banner.banner__image.banner__full .inner-content .text-content {
  min-height: 90vh;
}
.component__banner.banner__image.banner__half .inner-content .text-content {
  min-height: 50vh;
}
.component__banner.banner__video .inner-content {
  background-color: #26272a;
}
.component__banner.banner__video .inner-content iframe,
.component__banner.banner__video .inner-content video {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.banner__gradient {
  background: linear-gradient(89.54deg, #8b1c6d 0%, #522583 100%);
  color: white;
  padding: 4rem 0;
  position: relative;
}
@media (min-width: 768px) {
  .banner__gradient {
    padding: 7.5rem 0;
  }
}
.banner__gradient::after {
  bottom: 0;
  content: " ";
  display: block;
  left: 50%;
  position: absolute;
  right: 0;
  top: 0;
  background-image: url(assets/svg/swf-logo-mark-white.svg);
  background-position: top left;
  background-size: cover;
  opacity: 0.05;
  z-index: 10;
}
.banner__gradient .inner {
  display: flex;
  flex-direction: column;
  gap: 3rem;
  position: relative;
  z-index: 20;
}
.banner__gradient .inner h1, .banner__gradient .inner .h1 {
  font-size: clamp(3rem, 10vw, 6.5rem);
  line-height: 1;
  max-width: 1200px;
}
.banner__gradient .inner h1 span, .banner__gradient .inner .h1 span {
  display: block;
  font-size: clamp(1.5rem, 3vw, 3.7rem);
  opacity: 0.5;
}
/* ========================================================
    _column-text.scss - Scottish Women's Football
======================================================== */
@media (min-width: 768px) {
  .component__column-text.column__auto .inner {
    column-count: 2;
    column-gap: 2.5em;
  }
}

/* ========================================================
    _text-media.scss - Scottish Women's Football
======================================================== */
.component__text-media {
  overflow: hidden;
  width: 100%;
}
@media (max-width: 991.98px) {
  .component__text-media .container, .component__text-media .component__competition-group .tabbed__content, .component__competition-group .component__text-media .tabbed__content {
    padding: 0;
  }
  .component__text-media .inner-video {
    margin: 0 16px;
  }
  .component__text-media .inner-image {
    position: relative;
  }
  .component__text-media .inner-image img {
    width: 100%;
  }
}
@media (min-width: 992px) {
  .component__text-media .inner-image.image__cover {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
  }
  .component__text-media .inner-image.image__cover img {
    height: 100%;
    left: 0;
    object-fit: cover;
    object-position: center;
    position: absolute;
    top: 0;
    width: 100%;
  }
  .component__text-media .inner-image.image__size img {
    border-radius: 0.5rem 0 0.5rem 0;
    width: 100%;
  }
}
@media (max-width: 767.98px) {
  .component__text-media.layout__normal .inner-content {
    padding: 0 16px 30px;
  }
}
@media (min-width: 768px) {
  .component__text-media.layout__normal .inner-content {
    padding: 3em 10%;
  }
}
.component__text-media.layout__normal .inner-image {
  border-radius: 2rem 0 2rem 0;
  overflow: hidden;
}
@media (max-width: 991.98px) {
  .component__text-media.layout__normal .inner-image {
    margin: 0 1rem 2rem;
  }
}
@media (min-width: 992px) {
  .component__text-media.layout__normal .inner-image {
    left: 10%;
    right: 10%;
  }
}
.component__text-media.layout__normal .inner-video {
  position: relative;
}
.component__text-media.layout__normal .inner-video::after {
  content: " ";
  display: block;
  padding-bottom: 56.25%;
}
.component__text-media.layout__normal .inner-video iframe {
  bottom: 0;
  content: " ";
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 100%;
}
.component__text-media.layout__full .container, .component__text-media.layout__full .component__competition-group .tabbed__content, .component__competition-group .component__text-media.layout__full .tabbed__content {
  max-width: 100% !important;
  padding: 0;
  width: 100%;
}
.component__text-media.layout__full .inner-image {
  border-radius: 0;
  overflow: hidden;
}
.component__text-media.layout__full .inner-content {
  margin: 0 auto;
  max-width: 640px;
  padding: 2rem 2rem;
}
@media (min-width: 768px) {
  .component__text-media.layout__full .inner-content {
    padding: 4em 2rem;
  }
}
@media (min-width: 1200px) {
  .component__text-media.layout__full .inner-content {
    padding: 6em 4.5rem;
  }
}
@media (max-width: 991.98px) {
  .component__text-media.layout__full .inner-video::after {
    content: " ";
    display: block;
    padding-bottom: 56.25%;
  }
}
@media (min-width: 992px) {
  .component__text-media.layout__full .inner-video {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
  }
}
.component__text-media.layout__full .inner-video iframe {
  height: 100%;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
}

/* ========================================================
    _media.scss - Scottish Women's Football
======================================================== */
.component__media {
  overflow: hidden;
  width: 100%;
}
.component__media.media__image .inner img {
  border-radius: 2rem 0 2rem 0;
  width: 100%;
}
.component__media.media__video .inner {
  position: relative;
}
.component__media.media__video .inner iframe {
  bottom: 0;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}
.component__media.layout__full.padding_top__default {
  padding-top: 0;
}
.component__media.layout__full.padding_bottom__default {
  padding-bottom: 0;
}
.component__media.layout__full .container, .component__media.layout__full .component__competition-group .tabbed__content, .component__competition-group .component__media.layout__full .tabbed__content {
  padding: 0;
  max-width: 100%;
  width: 100%;
}

/* ========================================================
    _video-grid.scss - Scottish Women's Football
======================================================== */
.component__video-grid {
  overflow: hidden;
}
.component__video-grid .swiper {
  overflow: visible;
}
.component__video-grid .swiper .swiper-wrapper .swiper-slide > span {
  aspect-ratio: 16/9;
  background-color: #ebedf5;
  display: block;
}
.component__video-grid .swiper .swiper-wrapper .swiper-slide > span iframe {
  display: block;
  height: 100% !important;
  width: 100% !important;
}
.component__video-grid .swiper .swiper-wrapper .swiper-slide > div {
  font-weight: 700;
  padding: 1rem 0 0;
  text-align: center;
}
@media (min-width: 992px) {
  .component__video-grid .swiper .swiper-wrapper {
    display: grid;
    flex-wrap: wrap;
    gap: 2rem;
    grid-template-columns: repeat(2, 1fr);
  }
}

/* ========================================================
    _accordion.scss - Scottish Women's Football
======================================================== */
.component__accordion.component__accordion--image {
  overflow: hidden;
}
.component__accordion.component__accordion--image .inner-image {
  border-radius: 1rem 0 1rem 0;
  height: 100%;
  overflow: hidden;
  position: absolute;
  width: 100%;
}
.component__accordion.component__accordion--image .inner-image img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}
@media (min-width: 992px) {
  .component__accordion.component__accordion--image .accordion__container {
    margin: 32px auto;
    max-width: 800px;
    width: 80%;
  }
}
.component__accordion .accordion__container {
  border-bottom: solid 1px #004289;
}
.component__accordion .accordion__container .accordion__title {
  padding: 1rem 0;
}
.component__accordion .accordion__container .accordion__row {
  border-top: solid 1px #004289;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 2rem 1rem;
  transition: all ease 0.3s;
}
.component__accordion .accordion__container .accordion__row .row__header {
  align-items: center;
  cursor: pointer;
  display: flex;
  font-weight: bold;
  justify-content: space-between;
}
.component__accordion .accordion__container .accordion__row .row__header .h4 {
  font-weight: bold;
}
.component__accordion .accordion__container .accordion__row .row__header span.row__icon {
  background-image: var(--swf-arrow-right-dark);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 30px;
  transition: all ease 0.3s;
  transform: rotate(90deg);
  width: 30px;
}
.component__accordion .accordion__container .accordion__row .row__body {
  display: none;
  max-height: 0;
  max-width: 980px;
  overflow: hidden;
  transition: all ease 0.3s;
}
.component__accordion .accordion__container .accordion__row.expanded .row__header span.row__icon {
  transform: rotate(-90deg);
}
.component__accordion .accordion__container .accordion__row.expanded .row__body {
  display: block;
}

/* ========================================================
    _internal-links.scss - Scottish Women's Football
======================================================== */
.component__internal-links {
  overflow: hidden;
}
.component__internal-links .card__internal-link {
  color: inherit;
  text-decoration: none;
}
.component__internal-links .card__internal-link.block__basic {
  border: solid 1px #ebedf5;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.component__internal-links .card__internal-link.block__basic > span {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 1.5rem;
  z-index: 10;
}
@media (min-width: 992px) {
  .component__internal-links .card__internal-link.block__basic > span {
    padding: 2rem;
  }
}
.component__internal-links .card__internal-link.block__basic .card__footer {
  margin-top: auto;
}
.component__internal-links .card__internal-link.block__basic .card__footer a {
  color: inherit;
  text-decoration: none;
  text-transform: uppercase;
}
@media (min-width: 992px) {
  .component__internal-links .card__internal-link.block__basic:hover > span {
    background-color: white !important;
    color: #004289 !important;
  }
}
.component__internal-links .card__internal-link.block__image {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.component__internal-links .card__internal-link.block__image .card__image .ratio, .component__internal-links .card__internal-link.block__image .card__image .component__banner.banner__video .inner-content, .component__banner.banner__video .component__internal-links .card__internal-link.block__image .card__image .inner-content, .component__internal-links .card__internal-link.block__image .card__image .component__media.media__video .inner, .component__media.media__video .component__internal-links .card__internal-link.block__image .card__image .inner {
  overflow: hidden;
}
.component__internal-links .card__internal-link.block__image .card__image img {
  object-fit: cover;
  object-position: center;
  transition: transform cubic-bezier(0.075, 0.82, 0.165, 1) 0.5s;
}
.component__internal-links .card__internal-link.block__image > span {
  background-color: white;
  display: flex;
  flex-direction: column;
  height: 100%;
  margin-top: -4rem;
  padding: 1rem;
  width: 90%;
  z-index: 10;
}
.component__internal-links .card__internal-link.block__image .card__footer {
  margin-top: auto;
}
.component__internal-links .card__internal-link.block__image .card__footer span {
  color: inherit;
  text-decoration: none;
  text-transform: uppercase;
}
@media (min-width: 992px) {
  .component__internal-links .card__internal-link.block__image:hover .card__image img {
    transform: scale(1.1);
  }
}
.component__internal-links .swiper {
  margin: 0 auto;
  overflow: visible;
}
.component__internal-links .swiper .swiper-wrapper .swiper-slide {
  height: auto;
}
.component__internal-links.block__grid .inner {
  display: grid;
  gap: 1rem;
  grid-template-columns: 1fr;
}
@media (min-width: 768px) {
  .component__internal-links.block__grid .inner {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 992px) {
  .component__internal-links.block__grid .inner {
    grid-template-columns: repeat(3, 1fr);
  }
}
.component__internal-links.block__feature-grid .inner {
  display: grid;
  gap: 1rem;
  grid-template-columns: 1fr;
}
@media (min-width: 768px) {
  .component__internal-links.block__feature-grid .inner {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 992px) {
  .component__internal-links.block__feature-grid .inner {
    gap: 0rem 1rem;
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (min-width: 768px) {
  .component__internal-links.block__feature-grid .inner .item-wrapper:first-child {
    grid-column: 1/span 2;
    grid-row: 1/span 2;
  }
  .component__internal-links.block__feature-grid .inner .item-wrapper:first-child .card__internal-link {
    position: relative;
  }
}
@media (min-width: 768px) and (min-width: 992px) {
  .component__internal-links.block__feature-grid .inner .item-wrapper:first-child .card__internal-link .card__image {
    height: 100%;
  }
  .component__internal-links.block__feature-grid .inner .item-wrapper:first-child .card__internal-link .card__image .ratio, .component__internal-links.block__feature-grid .inner .item-wrapper:first-child .card__internal-link .card__image .component__banner.banner__video .inner-content, .component__banner.banner__video .component__internal-links.block__feature-grid .inner .item-wrapper:first-child .card__internal-link .card__image .inner-content, .component__internal-links.block__feature-grid .inner .item-wrapper:first-child .card__internal-link .card__image .component__media.media__video .inner, .component__media.media__video .component__internal-links.block__feature-grid .inner .item-wrapper:first-child .card__internal-link .card__image .inner {
    height: 100%;
  }
  .component__internal-links.block__feature-grid .inner .item-wrapper:first-child .card__internal-link .card__image .ratio::before, .component__internal-links.block__feature-grid .inner .item-wrapper:first-child .card__internal-link .card__image .component__banner.banner__video .inner-content::before, .component__banner.banner__video .component__internal-links.block__feature-grid .inner .item-wrapper:first-child .card__internal-link .card__image .inner-content::before, .component__internal-links.block__feature-grid .inner .item-wrapper:first-child .card__internal-link .card__image .component__media.media__video .inner::before, .component__media.media__video .component__internal-links.block__feature-grid .inner .item-wrapper:first-child .card__internal-link .card__image .inner::before {
    all: unset;
  }
  .component__internal-links.block__feature-grid .inner .item-wrapper:first-child .card__internal-link > span {
    bottom: 0;
    height: auto;
    position: absolute;
  }
}
.component__internal-links.block__feature-grid .inner .item-wrapper .card__internal-link h5, .component__internal-links.block__feature-grid .inner .item-wrapper .card__internal-link .h5, .component__internal-links.block__feature-grid .inner .item-wrapper .card__internal-link #view__comet-competition .component__league-table .table__header .table__row span, #view__comet-competition .component__league-table .table__header .table__row .component__internal-links.block__feature-grid .inner .item-wrapper .card__internal-link span, .component__internal-links.block__feature-grid .inner .item-wrapper .card__internal-link .component__competition-group .tabbed__content .competition__group .competitions__list ul li a, .component__competition-group .tabbed__content .competition__group .competitions__list ul li .component__internal-links.block__feature-grid .inner .item-wrapper .card__internal-link a, .component__internal-links.block__feature-grid .inner .item-wrapper .card__internal-link #view__competition .component__league-table .table__header .table__row span, #view__competition .component__league-table .table__header .table__row .component__internal-links.block__feature-grid .inner .item-wrapper .card__internal-link span, .component__internal-links.block__feature-grid .inner .item-wrapper .card__internal-link .btn-download-blue, .component__internal-links.block__feature-grid .inner .item-wrapper .card__internal-link .btn-download-green, .component__internal-links.block__feature-grid .inner .item-wrapper .card__internal-link .btn-download-pink, .component__internal-links.block__feature-grid .inner .item-wrapper .card__internal-link .btn-download-purple, .component__internal-links.block__feature-grid .inner .item-wrapper .card__internal-link .btn-download-white, .component__internal-links.block__feature-grid .inner .item-wrapper .card__internal-link .btn-download-dark, .component__internal-links.block__feature-grid .inner .item-wrapper .card__internal-link .btn-download-danger {
  font-size: 1rem;
}
@media (min-width: 992px) {
  .component__internal-links.block__feature-grid .inner .item-wrapper .card__internal-link h5, .component__internal-links.block__feature-grid .inner .item-wrapper .card__internal-link .h5, .component__internal-links.block__feature-grid .inner .item-wrapper .card__internal-link #view__comet-competition .component__league-table .table__header .table__row span, #view__comet-competition .component__league-table .table__header .table__row .component__internal-links.block__feature-grid .inner .item-wrapper .card__internal-link span, .component__internal-links.block__feature-grid .inner .item-wrapper .card__internal-link .component__competition-group .tabbed__content .competition__group .competitions__list ul li a, .component__competition-group .tabbed__content .competition__group .competitions__list ul li .component__internal-links.block__feature-grid .inner .item-wrapper .card__internal-link a, .component__internal-links.block__feature-grid .inner .item-wrapper .card__internal-link #view__competition .component__league-table .table__header .table__row span, #view__competition .component__league-table .table__header .table__row .component__internal-links.block__feature-grid .inner .item-wrapper .card__internal-link span, .component__internal-links.block__feature-grid .inner .item-wrapper .card__internal-link .btn-download-blue, .component__internal-links.block__feature-grid .inner .item-wrapper .card__internal-link .btn-download-green, .component__internal-links.block__feature-grid .inner .item-wrapper .card__internal-link .btn-download-pink, .component__internal-links.block__feature-grid .inner .item-wrapper .card__internal-link .btn-download-purple, .component__internal-links.block__feature-grid .inner .item-wrapper .card__internal-link .btn-download-white, .component__internal-links.block__feature-grid .inner .item-wrapper .card__internal-link .btn-download-dark, .component__internal-links.block__feature-grid .inner .item-wrapper .card__internal-link .btn-download-danger {
    font-size: 1.5rem;
  }
}
@media (min-width: 992px) {
  .component__internal-links.block__basic.block__grid .inner {
    grid-template-columns: repeat(4, 1fr);
  }
}

.component__column-links ul {
  display: flex;
}
.component__column-links ul li {
  background-color: #26272a;
  background-position: center;
  background-size: cover;
  flex: 1;
  position: relative;
  text-align: center;
  transition: all 0.3s ease;
}
.component__column-links ul li:hover {
  flex: 1.1;
}
.component__column-links ul li::after {
  bottom: 0;
  content: " ";
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  background-color: rgba(38, 39, 42, 0.25);
  z-index: 10;
}
.component__column-links ul li a {
  align-items: center;
  color: white;
  display: flex;
  justify-content: center;
  min-height: 250px;
  padding: 6rem 3rem;
  position: relative;
  text-decoration: none;
  z-index: 20;
}
@media (max-width: 767.98px) {
  .component__column-links ul {
    flex-direction: column;
  }
}
@media (min-width: 768px) {
  .component__column-links ul li:hover {
    flex: 1.1;
  }
  .component__column-links ul li a {
    height: 50vh;
    max-height: 750px;
  }
}

/* ========================================================
    _caption-grid.scss - Scottish Women's Football
======================================================== */
.component__caption-grid {
  overflow: hidden;
}
.component__caption-grid .caption__card {
  background-color: white;
}
.component__caption-grid .caption__card .card__image {
  background: #ebedf5;
}
.component__caption-grid .caption__card .card__image:not(.component__caption-grid .caption__card .card__image.ratio__image) img {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
}
.component__caption-grid .caption__card .card__image.ratio__image img,
.component__caption-grid .caption__card .card__image.ratio__image picture {
  height: auto;
  width: 100%;
}
.component__caption-grid .caption__card .card__content {
  padding: 1em;
}
.component__caption-grid .swiper {
  overflow: visible;
  width: 90%;
}
@media (min-width: 992px) {
  .component__caption-grid .swiper {
    width: 100%;
  }
  .component__caption-grid .swiper .swiper-wrapper {
    --bs-gutter-x: 2.5em;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-0.5 * var(--bs-gutter-x));
    margin-left: calc(-0.5 * var(--bs-gutter-x));
    justify-content: center;
    margin: 0;
  }
  .component__caption-grid .swiper .swiper-wrapper .swiper-slide {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    margin-top: var(--bs-gutter-y);
    flex: 1;
    height: auto;
    margin-bottom: 2.5em;
    max-width: 33.3333%;
    min-width: 33.3333%;
    padding-left: 0.8333333333em;
    padding-right: 0.8333333333em;
  }
}
@media (min-width: 992px) and (min-width: 1200px) {
  .component__caption-grid .swiper .swiper-wrapper .swiper-slide {
    max-width: 25%;
    min-width: 25%;
  }
}

/* ========================================================
    _logo-grid.scss - Scottish Women's Football
======================================================== */
.component__logo-grid {
  overflow: hidden;
}
.component__logo-grid .logo__card.bg__default {
  background-color: #fff;
}
.component__logo-grid .logo__card:not(.component__logo-grid .logo__card.ratio__image) img,
.component__logo-grid .logo__card:not(.component__logo-grid .logo__card.ratio__image) picture {
  object-fit: contain;
  object-position: center;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.component__logo-grid .logo__card.ratio__image picture,
.component__logo-grid .logo__card.ratio__image img {
  height: auto;
  width: 100%;
}
.component__logo-grid .swiper {
  overflow: visible;
  width: 90%;
}
.component__logo-grid .logo__grid-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
}
@media (min-width: 768px) {
  .component__logo-grid .logo__grid-wrapper {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 992px) {
  .component__logo-grid .logo__grid-wrapper {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (min-width: 1200px) {
  .component__logo-grid .logo__grid-wrapper {
    grid-template-columns: repeat(5, 1fr);
  }
}

/* ========================================================
    _tabbed.scss - Scottish Women's Football
======================================================== */
.tabbed__wrapper .tabbed__controls {
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
  gap: 2rem;
  list-style: none;
  margin: 0 0 3rem;
  max-width: 100%;
  overflow-x: auto;
  padding: 0;
  white-space: nowrap;
}
.tabbed__wrapper .tabbed__controls li button {
  appearance: none;
  background-color: transparent;
  border: 0;
  border-bottom: solid 4px transparent;
  color: #d7d8db;
  font-weight: 700;
  margin: 0;
  padding: 0.5rem 0;
}
.tabbed__wrapper .tabbed__controls li button.active {
  border-bottom-color: #8b1c6d;
  color: #8b1c6d;
}
.tabbed__wrapper .tabbed__content .tabbed__panel {
  display: none;
}
.tabbed__wrapper .tabbed__content .tabbed__panel.active {
  display: block;
}

/* ========================================================
    _downloads.scss - Scottish Women's Football
======================================================== */
.component__downloads.bg__default .download__title {
  color: #ebedf5;
  font-size: clamp(1.5rem, 6vw, 7.5rem);
  margin-bottom: 2rem;
  text-align: center;
  max-width: 1280px;
}
@media (min-width: 768px) {
  .component__downloads.bg__default .download__title {
    line-height: 0.9;
    text-align: left;
  }
}
.component__downloads.bg__gradient .download__title, #view__comet-competition .component__split-table .table__controls > .component__downloads.table__control.active .download__title, #view__comet-competition .component__league-table .table__header .component__downloads.table__row .download__title, #view__comet-competition .component__comet-match-list .match__section.active .component__downloads.match__section-title .download__title, #view__competition .component__league-table .table__header .component__downloads.table__row .download__title, #view__competition .match-list__wrapper .match__section.active .component__downloads.match__section-title .download__title {
  color: rgba(255, 255, 255, 0.3);
  font-size: clamp(1.5rem, 6vw, 7.5rem);
  margin-bottom: 2rem;
  text-align: center;
  max-width: 1280px;
}
@media (min-width: 768px) {
  .component__downloads.bg__gradient .download__title, #view__comet-competition .component__split-table .table__controls > .component__downloads.table__control.active .download__title, #view__comet-competition .component__league-table .table__header .component__downloads.table__row .download__title, #view__comet-competition .component__comet-match-list .match__section.active .component__downloads.match__section-title .download__title, #view__competition .component__league-table .table__header .component__downloads.table__row .download__title, #view__competition .match-list__wrapper .match__section.active .component__downloads.match__section-title .download__title {
    line-height: 0.9;
    text-align: left;
  }
}
.component__downloads.text-bg-swf-blue .download__title {
  color: rgb(51, 103.8, 160.6);
  font-size: clamp(1.5rem, 6vw, 7.5rem);
  margin-bottom: 2rem;
  text-align: center;
  max-width: 1280px;
}
@media (min-width: 768px) {
  .component__downloads.text-bg-swf-blue .download__title {
    line-height: 0.9;
    text-align: left;
  }
}
.component__downloads a.btn-download-swf-blue {
  margin-right: 0 !important;
}
.component__downloads.text-bg-swf-pink .download__title {
  color: rgb(162.2, 73.4, 138.2);
  font-size: clamp(1.5rem, 6vw, 7.5rem);
  margin-bottom: 2rem;
  text-align: center;
  max-width: 1280px;
}
@media (min-width: 768px) {
  .component__downloads.text-bg-swf-pink .download__title {
    line-height: 0.9;
    text-align: left;
  }
}
.component__downloads a.btn-download-swf-pink {
  margin-right: 0 !important;
}
.component__downloads.text-bg-swf-purple .download__title {
  color: rgb(116.6, 80.6, 155.8);
  font-size: clamp(1.5rem, 6vw, 7.5rem);
  margin-bottom: 2rem;
  text-align: center;
  max-width: 1280px;
}
@media (min-width: 768px) {
  .component__downloads.text-bg-swf-purple .download__title {
    line-height: 0.9;
    text-align: left;
  }
}
.component__downloads a.btn-download-swf-purple {
  margin-right: 0 !important;
}
.component__downloads.text-bg-swf-green .download__title {
  color: rgb(159, 168.6, 51);
  font-size: clamp(1.5rem, 6vw, 7.5rem);
  margin-bottom: 2rem;
  text-align: center;
  max-width: 1280px;
}
@media (min-width: 768px) {
  .component__downloads.text-bg-swf-green .download__title {
    line-height: 0.9;
    text-align: left;
  }
}
.component__downloads a.btn-download-swf-green {
  margin-right: 0 !important;
}
.component__downloads.text-bg-white .download__title {
  color: #ebedf5;
  font-size: clamp(1.5rem, 6vw, 7.5rem);
  margin-bottom: 2rem;
  text-align: center;
  max-width: 1280px;
}
@media (min-width: 768px) {
  .component__downloads.text-bg-white .download__title {
    line-height: 0.9;
    text-align: left;
  }
}
.component__downloads a.btn-download-white {
  margin-right: 0 !important;
}
.component__downloads.text-bg-greyBg .download__title {
  color: #ebedf5;
  font-size: clamp(1.5rem, 6vw, 7.5rem);
  margin-bottom: 2rem;
  text-align: center;
  max-width: 1280px;
}
@media (min-width: 768px) {
  .component__downloads.text-bg-greyBg .download__title {
    line-height: 0.9;
    text-align: left;
  }
}
.component__downloads a.btn-download-greyBg {
  margin-right: 0 !important;
}
.component__downloads.text-bg-dark .download__title, #view__club-finder #club-finder-root #cf__wrapper .cf__wrapper-map .cf__data-map .component__downloads.map__info .download__title {
  color: #ebedf5;
  font-size: clamp(1.5rem, 6vw, 7.5rem);
  margin-bottom: 2rem;
  text-align: center;
  max-width: 1280px;
}
@media (min-width: 768px) {
  .component__downloads.text-bg-dark .download__title, #view__club-finder #club-finder-root #cf__wrapper .cf__wrapper-map .cf__data-map .component__downloads.map__info .download__title {
    line-height: 0.9;
    text-align: left;
  }
}
.component__downloads a.btn-download-dark {
  margin-right: 0 !important;
}

/* ========================================================
    _people.scss - Scottish Women's Football
======================================================== */
.component__people.type__bio {
  overflow: hidden;
}
.component__people.type__bio .swiper {
  margin: 3rem 0;
  max-width: 992px;
  overflow: visible;
}
.component__people.type__bio .swiper .swiper-wrapper .swiper-slide {
  opacity: 0.5;
}
.component__people.type__bio .swiper .swiper-wrapper .swiper-slide.swiper-slide-active {
  opacity: 1;
}
@media (min-width: 768px) {
  .component__people.type__bio .swiper .swiper-wrapper .swiper-slide .inner__person-bio {
    display: flex;
    gap: 2rem;
  }
}
@media (min-width: 992px) {
  .component__people.type__bio .swiper .swiper-wrapper .swiper-slide .inner__person-bio {
    gap: 4rem;
  }
}
.component__people.type__bio .swiper .swiper-wrapper .swiper-slide .inner__person-bio img {
  aspect-ratio: 1;
  border-radius: 100%;
  display: block;
  margin: 0 auto 1rem;
  max-width: 250px;
  object-fit: cover;
  object-position: top center;
  width: 100%;
}
@media (min-width: 768px) {
  .component__people.type__bio .swiper .swiper-wrapper .swiper-slide .inner__person-bio img {
    aspect-ratio: 3/4;
    border-radius: 0;
    max-width: 100%;
    object-fit: cover;
    object-position: center;
    width: 30%;
  }
}
.component__people.type__bio .swiper .swiper-wrapper .swiper-slide .inner__person-bio .content {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 1rem;
}
.component__people.type__bio .swiper .swiper-wrapper .swiper-slide .inner__person-bio .content span {
  display: block;
}
.component__people.type__bio .swiper .swiper-wrapper .swiper-slide .inner__person-bio .content .email {
  align-items: center;
  display: flex;
  gap: 0.5rem;
  position: relative;
}
.component__people.type__bio .swiper .swiper-wrapper .swiper-slide .inner__person-bio .content .email::before {
  background-image: url("data:image/svg+xml,%3Csvg width=%2720%27 height=%2717%27 viewBox=%270 0 20 17%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M18 4.76221L10 9.76221L2 4.76221V2.76221L10 7.76221L18 2.76221M18 0.762207H2C0.89 0.762207 0 1.65221 0 2.76221V14.7622C0 15.2926 0.210714 15.8013 0.585786 16.1764C0.960859 16.5515 1.46957 16.7622 2 16.7622H18C18.5304 16.7622 19.0391 16.5515 19.4142 16.1764C19.7893 15.8013 20 15.2926 20 14.7622V2.76221C20 2.23177 19.7893 1.72307 19.4142 1.34799C19.0391 0.972921 18.5304 0.762207 18 0.762207Z%27 fill=%27%23004289%27/%3E%3C/svg%3E%0A");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: " ";
  display: block;
  height: 1.5rem;
  width: 1.5rem;
}
.component__people.type__no-bio {
  overflow: hidden;
}
.component__people.type__no-bio .swiper {
  overflow: visible;
}
.component__people.type__no-bio .swiper .swiper-wrapper .swiper-slide.swiper-slide-active {
  position: relative;
}
.component__people.type__no-bio .swiper .swiper-wrapper .swiper-slide.swiper-slide-active .inner__person-no-bio::before, .component__people.type__no-bio .swiper .swiper-wrapper .swiper-slide.swiper-slide-active .inner__person-no-bio::after {
  width: 100% !important;
}
.component__people.type__no-bio .swiper .swiper-wrapper .swiper-slide .inner__person-no-bio {
  aspect-ratio: 3/4;
  position: relative;
}
.component__people.type__no-bio .swiper .swiper-wrapper .swiper-slide .inner__person-no-bio::before {
  bottom: auto;
  content: " ";
  display: block;
  left: auto;
  position: absolute;
  right: 0;
  top: -5px;
  background: linear-gradient(89.54deg, #8b1c6d 0%, #522583 100%);
  height: 5px;
  transition: width 0.6s cubic-bezier(1, 0, 0, 1);
  width: 0;
  z-index: 20;
}
.component__people.type__no-bio .swiper .swiper-wrapper .swiper-slide .inner__person-no-bio::after {
  bottom: -5px;
  content: " ";
  display: block;
  left: 0;
  position: absolute;
  right: auto;
  top: auto;
  background: linear-gradient(89.54deg, #8b1c6d 0%, #522583 100%);
  height: 5px;
  transition: width 0.6s cubic-bezier(1, 0, 0, 1);
  width: 0;
  z-index: 20;
}
.component__people.type__no-bio .swiper .swiper-wrapper .swiper-slide .inner__person-no-bio img {
  height: 100%;
  object-fit: cover;
  object-position: center;
  width: 100%;
}
.component__people.type__no-bio .swiper .swiper-wrapper .swiper-slide .inner__person-no-bio .caption {
  background-color: rgba(0, 0, 0, 0.5);
  bottom: 0;
  color: #fff;
  left: 0;
  padding: 1rem;
  position: absolute;
  right: 0;
  transition: opacity 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  width: 100%;
}
.component__people.type__no-bio .swiper .swiper-wrapper .swiper-slide .inner__person-no-bio .caption span {
  display: block;
}
.component__people.type__no-bio .swiper .swiper-wrapper .swiper-slide .inner__person-no-bio .caption span:first-child {
  margin-bottom: 0;
}

/* ========================================================
    _commercial.scss - Scottish Womens Football
======================================================== */
a.adTracking {
  display: block;
  position: relative;
  text-decoration: none;
  transition: all ease 0.3s;
  width: auto;
}
a.adTracking.ad_leaderboard img {
  aspect-ratio: 768/90;
  max-width: 768px;
}
a.adTracking.ad_mpu img {
  aspect-ratio: 300/250;
  max-width: 300px;
}
a.adTracking.ad_skyscraper img {
  aspect-ratio: 120/600;
  width: 120px;
}
.component__mpu-block ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 1rem;
}
@media (min-width: 768px) {
  .component__mpu-block ul {
    gap: 2rem;
  }
}
.component__mpu-block ul li {
  flex: 1;
  max-width: calc(50% - 1rem);
  min-width: calc(50% - 1rem);
}
@media (min-width: 768px) {
  .component__mpu-block ul li {
    max-width: calc(25% - 2rem);
    min-width: calc(25% - 2rem);
  }
}

/* ========================================================
    _social.scss - Scottish Women's Football
======================================================== */
.list__social {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.list__social li a {
  align-items: center;
  color: inherit;
  display: flex;
  font-size: 1.25rem;
  gap: 0.5rem;
  text-decoration: none;
}
.list__social li a:hover span {
  transform: scale(1.1);
}
.list__social li a span {
  background-position: center;
  background-repeat: no-repeat;
  background-size: 32px;
  display: block;
  height: 32px;
  width: 32px;
}
.list__social li a span.icon__facebook {
  background-image: url("data:image/svg+xml,%3Csvg id=%27Layer_1%27 xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 300 300%27%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bstroke-width:0px;%7D%3C/style%3E%3C/defs%3E%3Cpath class=%27cls-1%27 fill=%27white%27 d=%27M150,60c-49.71,0-90,40.29-90,90,0,44.92,32.91,82.15,75.94,88.91v-62.89h-22.85v-26.02h22.85v-19.83c0-22.56,13.44-35.02,33.99-35.02,9.85,0,20.15,1.76,20.15,1.76v22.15h-11.35c-11.18,0-14.67,6.94-14.67,14.05v16.88h24.96l-3.99,26.02h-20.97v62.89c43.03-6.75,75.94-43.98,75.94-88.91,0-49.71-40.29-90-90-90Z%27/%3E%3C/svg%3E");
}
.list__social li a span.icon__instagram {
  background-image: url("data:image/svg+xml,%3Csvg id=%27Layer_1%27 xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 300 300%27%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bstroke-width:0px;%7D%3C/style%3E%3C/defs%3E%3Cpath class=%27cls-1%27 fill=%27white%27 d=%27M150,81.95c22.16,0,24.79.08,33.54.48,8.09.37,12.49,1.72,15.41,2.86,3.87,1.51,6.64,3.3,9.54,6.21,2.9,2.9,4.7,5.67,6.21,9.54,1.14,2.92,2.49,7.32,2.86,15.41.4,8.75.48,11.38.48,33.54s-.08,24.79-.48,33.54c-.37,8.09-1.72,12.49-2.86,15.41-1.51,3.87-3.3,6.64-6.21,9.54s-5.67,4.7-9.54,6.21c-2.92,1.14-7.32,2.49-15.41,2.86-8.75.4-11.38.48-33.54.48s-24.79-.08-33.54-.48c-8.09-.37-12.49-1.72-15.41-2.86-3.87-1.51-6.64-3.3-9.54-6.21-2.9-2.9-4.7-5.67-6.21-9.54-1.14-2.92-2.49-7.32-2.86-15.41-.4-8.75-.48-11.38-.48-33.54s.08-24.79.48-33.54c.37-8.09,1.72-12.49,2.86-15.41,1.51-3.87,3.3-6.64,6.21-9.54,2.9-2.9,5.67-4.7,9.54-6.21,2.92-1.14,7.32-2.49,15.41-2.86,8.75-.4,11.38-.48,33.54-.48M150,67c-22.54,0-25.37.1-34.22.5-8.83.4-14.87,1.81-20.15,3.86-5.46,2.12-10.09,4.96-14.7,9.57-4.61,4.61-7.45,9.24-9.57,14.7-2.05,5.28-3.45,11.31-3.86,20.15-.4,8.85-.5,11.68-.5,34.22s.1,25.37.5,34.22c.4,8.83,1.81,14.87,3.86,20.15,2.12,5.46,4.96,10.09,9.57,14.7,4.61,4.61,9.24,7.45,14.7,9.57,5.28,2.05,11.31,3.45,20.15,3.86,8.85.4,11.68.5,34.22.5s25.37-.1,34.22-.5c8.83-.4,14.87-1.81,20.15-3.86,5.46-2.12,10.09-4.96,14.7-9.57,4.61-4.61,7.45-9.24,9.57-14.7,2.05-5.28,3.45-11.31,3.86-20.15.4-8.85.5-11.68.5-34.22s-.1-25.37-.5-34.22c-.4-8.83-1.81-14.87-3.86-20.15-2.12-5.46-4.96-10.09-9.57-14.7-4.61-4.61-9.24-7.45-14.7-9.57-5.28-2.05-11.31-3.45-20.15-3.86-8.85-.4-11.68-.5-34.22-.5h0Z%27/%3E%3Cpath class=%27cls-1%27 fill=%27white%27 d=%27M150,107.38c-23.54,0-42.62,19.08-42.62,42.62s19.08,42.62,42.62,42.62,42.62-19.08,42.62-42.62-19.08-42.62-42.62-42.62ZM150,177.67c-15.28,0-27.67-12.39-27.67-27.67s12.39-27.67,27.67-27.67,27.67,12.39,27.67,27.67-12.39,27.67-27.67,27.67Z%27/%3E%3Ccircle class=%27cls-1%27 fill=%27white%27 cx=%27194.31%27 cy=%27105.69%27 r=%279.96%27/%3E%3C/svg%3E");
}
.list__social li a span.icon__twitter {
  background-image: url("data:image/svg+xml,%3Csvg id=%27Layer_1%27 xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 300 300%27%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bstroke-width:0px;%7D%3C/style%3E%3C/defs%3E%3Cpath class=%27cls-1%27 fill=%27white%27 d=%27M167.95,135.23l70.25-81.66h-16.65l-61,70.9-48.72-70.9h-56.19l73.67,107.22-73.67,85.63h16.65l64.41-74.88,51.45,74.88h56.19l-76.4-111.19h0ZM145.15,161.74l-7.46-10.68-59.39-84.95h25.57l47.93,68.56,7.46,10.68,62.3,89.12h-25.57l-50.84-72.72h0Z%27/%3E%3C/svg%3E");
}
.list__social li a span.icon__tiktok {
  background-image: url("data:image/svg+xml,%3Csvg id=%27Layer_1%27 xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 300 300%27%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill-rule:evenodd;stroke-width:0px;%7D%3C/style%3E%3C/defs%3E%3Cpath class=%27cls-1%27 fill=%27white%27 d=%27M186.49,56.61c3.08,26.5,17.87,42.31,43.59,43.99v29.81c-14.91,1.46-27.96-3.42-43.15-12.61v55.75c0,70.83-77.22,92.96-108.26,42.19-19.95-32.67-7.73-89.99,56.26-92.29v31.44c-4.87.78-10.09,2.02-14.85,3.64-14.23,4.82-22.3,13.84-20.06,29.75,4.31,30.48,60.24,39.5,55.59-20.06V56.67h30.87v-.06Z%27/%3E%3C/svg%3E");
}
.list__social li a span.icon__youtube {
  background-image: url("data:image/svg+xml,%3Csvg id=%27Layer_1%27 xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 300 300%27%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bstroke-width:0px;%7D%3C/style%3E%3C/defs%3E%3Cpath class=%27cls-1%27 fill=%27white%27 d=%27M192.71,150.11l-72.03,42.3v-84.62l72.03,42.31ZM260,189.33v-78.66s0-37.92-37.92-37.92H77.9s-37.9,0-37.9,37.92v78.66s0,37.91,37.9,37.91h144.18s37.92,0,37.92-37.91%27/%3E%3C/svg%3E");
}
.list__social.dark li a span.icon__facebook {
  background-image: url("data:image/svg+xml,%3Csvg id=%27Layer_1%27 xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 300 300%27%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bstroke-width:0px;%7D%3C/style%3E%3C/defs%3E%3Cpath class=%27cls-1%27 d=%27M150,60c-49.71,0-90,40.29-90,90,0,44.92,32.91,82.15,75.94,88.91v-62.89h-22.85v-26.02h22.85v-19.83c0-22.56,13.44-35.02,33.99-35.02,9.85,0,20.15,1.76,20.15,1.76v22.15h-11.35c-11.18,0-14.67,6.94-14.67,14.05v16.88h24.96l-3.99,26.02h-20.97v62.89c43.03-6.75,75.94-43.98,75.94-88.91,0-49.71-40.29-90-90-90Z%27/%3E%3C/svg%3E");
}
.list__social.dark li a span.icon__instagram {
  background-image: url("data:image/svg+xml,%3Csvg id=%27Layer_1%27 xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 300 300%27%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bstroke-width:0px;%7D%3C/style%3E%3C/defs%3E%3Cpath class=%27cls-1%27 d=%27M150,81.95c22.16,0,24.79.08,33.54.48,8.09.37,12.49,1.72,15.41,2.86,3.87,1.51,6.64,3.3,9.54,6.21,2.9,2.9,4.7,5.67,6.21,9.54,1.14,2.92,2.49,7.32,2.86,15.41.4,8.75.48,11.38.48,33.54s-.08,24.79-.48,33.54c-.37,8.09-1.72,12.49-2.86,15.41-1.51,3.87-3.3,6.64-6.21,9.54s-5.67,4.7-9.54,6.21c-2.92,1.14-7.32,2.49-15.41,2.86-8.75.4-11.38.48-33.54.48s-24.79-.08-33.54-.48c-8.09-.37-12.49-1.72-15.41-2.86-3.87-1.51-6.64-3.3-9.54-6.21-2.9-2.9-4.7-5.67-6.21-9.54-1.14-2.92-2.49-7.32-2.86-15.41-.4-8.75-.48-11.38-.48-33.54s.08-24.79.48-33.54c.37-8.09,1.72-12.49,2.86-15.41,1.51-3.87,3.3-6.64,6.21-9.54,2.9-2.9,5.67-4.7,9.54-6.21,2.92-1.14,7.32-2.49,15.41-2.86,8.75-.4,11.38-.48,33.54-.48M150,67c-22.54,0-25.37.1-34.22.5-8.83.4-14.87,1.81-20.15,3.86-5.46,2.12-10.09,4.96-14.7,9.57-4.61,4.61-7.45,9.24-9.57,14.7-2.05,5.28-3.45,11.31-3.86,20.15-.4,8.85-.5,11.68-.5,34.22s.1,25.37.5,34.22c.4,8.83,1.81,14.87,3.86,20.15,2.12,5.46,4.96,10.09,9.57,14.7,4.61,4.61,9.24,7.45,14.7,9.57,5.28,2.05,11.31,3.45,20.15,3.86,8.85.4,11.68.5,34.22.5s25.37-.1,34.22-.5c8.83-.4,14.87-1.81,20.15-3.86,5.46-2.12,10.09-4.96,14.7-9.57,4.61-4.61,7.45-9.24,9.57-14.7,2.05-5.28,3.45-11.31,3.86-20.15.4-8.85.5-11.68.5-34.22s-.1-25.37-.5-34.22c-.4-8.83-1.81-14.87-3.86-20.15-2.12-5.46-4.96-10.09-9.57-14.7-4.61-4.61-9.24-7.45-14.7-9.57-5.28-2.05-11.31-3.45-20.15-3.86-8.85-.4-11.68-.5-34.22-.5h0Z%27/%3E%3Cpath class=%27cls-1%27 d=%27M150,107.38c-23.54,0-42.62,19.08-42.62,42.62s19.08,42.62,42.62,42.62,42.62-19.08,42.62-42.62-19.08-42.62-42.62-42.62ZM150,177.67c-15.28,0-27.67-12.39-27.67-27.67s12.39-27.67,27.67-27.67,27.67,12.39,27.67,27.67-12.39,27.67-27.67,27.67Z%27/%3E%3Ccircle class=%27cls-1%27 cx=%27194.31%27 cy=%27105.69%27 r=%279.96%27/%3E%3C/svg%3E");
}
.list__social.dark li a span.icon__twitter {
  background-image: url("data:image/svg+xml,%3Csvg id=%27Layer_1%27 xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 300 300%27%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bstroke-width:0px;%7D%3C/style%3E%3C/defs%3E%3Cpath class=%27cls-1%27 d=%27M167.95,135.23l70.25-81.66h-16.65l-61,70.9-48.72-70.9h-56.19l73.67,107.22-73.67,85.63h16.65l64.41-74.88,51.45,74.88h56.19l-76.4-111.19h0ZM145.15,161.74l-7.46-10.68-59.39-84.95h25.57l47.93,68.56,7.46,10.68,62.3,89.12h-25.57l-50.84-72.72h0Z%27/%3E%3C/svg%3E");
}
.list__social.dark li a span.icon__tiktok {
  background-image: url("data:image/svg+xml,%3Csvg id=%27Layer_1%27 xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 300 300%27%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill-rule:evenodd;stroke-width:0px;%7D%3C/style%3E%3C/defs%3E%3Cpath class=%27cls-1%27 d=%27M186.49,56.61c3.08,26.5,17.87,42.31,43.59,43.99v29.81c-14.91,1.46-27.96-3.42-43.15-12.61v55.75c0,70.83-77.22,92.96-108.26,42.19-19.95-32.67-7.73-89.99,56.26-92.29v31.44c-4.87.78-10.09,2.02-14.85,3.64-14.23,4.82-22.3,13.84-20.06,29.75,4.31,30.48,60.24,39.5,55.59-20.06V56.67h30.87v-.06Z%27/%3E%3C/svg%3E");
}
.list__social.dark li a span.icon__youtube {
  background-image: url("data:image/svg+xml,%3Csvg id=%27Layer_1%27 xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 300 300%27%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bstroke-width:0px;%7D%3C/style%3E%3C/defs%3E%3Cpath class=%27cls-1%27 d=%27M192.71,150.11l-72.03,42.3v-84.62l72.03,42.31ZM260,189.33v-78.66s0-37.92-37.92-37.92H77.9s-37.9,0-37.9,37.92v78.66s0,37.91,37.9,37.91h144.18s37.92,0,37.92-37.91%27/%3E%3C/svg%3E");
}

.component__social-connect {
  position: relative;
}
.component__social-connect::before {
  bottom: 0;
  content: " ";
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  background-image: url(assets/svg/swf-logo-mark-white.svg);
  background-position: top right;
  background-size: cover;
  opacity: 0.05;
  z-index: 10;
}
@media (min-width: 768px) {
  .component__social-connect::before {
    bottom: 0;
    left: -25%;
    right: 30%;
    top: -50%;
  }
}
.component__social-connect .container, .component__social-connect .component__competition-group .tabbed__content, .component__competition-group .component__social-connect .tabbed__content {
  position: relative;
  z-index: 20;
}
.component__social-connect .list__social {
  gap: 1rem;
  margin-top: 3rem;
}
@media (max-width: 767.98px) {
  .component__social-connect .list__social {
    flex-direction: column;
  }
}
@media (min-width: 768px) {
  .component__social-connect .list__social {
    gap: 2rem 1rem;
  }
  .component__social-connect .list__social li {
    min-width: 30%;
  }
}
@media (min-width: 768px) and (min-width: 992px) {
  .component__social-connect .list__social li {
    min-width: 23%;
  }
}

.component__twitter-feed .mpu__ads-wrapper {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  height: 100%;
  justify-content: space-around;
}
@media (min-width: 768px) {
  .component__twitter-feed .mpu__ads-wrapper {
    flex-direction: row;
    margin-top: 2rem;
  }
}
@media (min-width: 992px) {
  .component__twitter-feed .mpu__ads-wrapper {
    flex-direction: column;
    margin-top: 0;
  }
}
.component__twitter-feed .mpu__ads-wrapper a {
  display: block;
  max-width: 300px;
  width: 100%;
}
.component__twitter-feed .mpu__ads-wrapper img {
  width: 100%;
}

@media (min-width: 1500px) {
  #view__dispensation-request .container, #view__dispensation-request .component__competition-group .tabbed__content, .component__competition-group #view__dispensation-request .tabbed__content {
    width: min(100% - 6rem, 1280px);
  }
}
#view__dispensation-request #disp-status span.approved {
  color: #198754;
}
#view__dispensation-request #disp-status span.pending {
  color: #ffc107;
}
#view__dispensation-request #disp-status span.rejected {
  color: #dc3545;
}
@media (min-width: 768px) {
  #view__dispensation-request .inner__notes {
    background: #ebedf5;
    padding: 2rem;
  }
}
#view__dispensation-request .inner__notes strong {
  font-weight: bold !important;
}
#view__dispensation-request .inner__details .table__dispensation {
  width: 100%;
}
#view__dispensation-request .inner__details .table__dispensation tr td:first-child {
  font-weight: bold;
  width: 25%;
}

#powerpundits-intro .container, #powerpundits-intro .component__competition-group .tabbed__content, .component__competition-group #powerpundits-intro .tabbed__content {
  position: relative;
  z-index: 1;
}
#powerpundits-intro .container::before, #powerpundits-intro .component__competition-group .tabbed__content::before, .component__competition-group #powerpundits-intro .tabbed__content::before {
  aspect-ratio: 1;
  background: url(assets/SPEN_Microphone@2x.webp) no-repeat center center;
  background-size: contain;
  content: "";
  opacity: 1;
  position: absolute;
  right: 0;
  bottom: 0;
  transform: rotate(45deg) translate(10%);
  width: 15rem;
  z-index: -1;
}
@media (min-width: 992px) {
  #powerpundits-intro .container::before, #powerpundits-intro .component__competition-group .tabbed__content::before, .component__competition-group #powerpundits-intro .tabbed__content::before {
    bottom: 0;
    transform: rotate(-15deg) translate(10%, -10%);
    width: 20rem;
  }
}
#powerpundits-intro .container::after, #powerpundits-intro .component__competition-group .tabbed__content::after, .component__competition-group #powerpundits-intro .tabbed__content::after {
  aspect-ratio: 1;
  background: url(assets/Whistle_Sticker@2x.webp) no-repeat center center;
  background-size: contain;
  content: "";
  opacity: 1;
  position: absolute;
  left: 0;
  bottom: 0;
  transform: rotate(0deg) translate(10%) rotateY(180deg);
  width: 10rem;
  z-index: -1;
}
@media (min-width: 992px) {
  #powerpundits-intro .container::after, #powerpundits-intro .component__competition-group .tabbed__content::after, .component__competition-group #powerpundits-intro .tabbed__content::after {
    transform: rotate(-65deg) translate(20%, -10%) rotateY(180deg);
    width: 15rem;
  }
}

/* ========================================================
    _fixtures-results.scss - Scottish Women's Football
======================================================== */
:root {
  --swf-fixture-theme-colour: #522583;
}

#view__competition .competition__sponsor {
  align-items: center;
  display: flex;
  justify-content: center;
  width: 100%;
}
#view__competition .competition__sponsor img {
  width: 100%;
}
#view__competition .competition__title {
  text-align: center;
}
#view__competition .competition__title h1, #view__competition .competition__title .h1 {
  color: var(--swf-fixture-theme-colour);
  margin-bottom: 0.5rem;
}
#view__competition .competition__content {
  display: flex;
  flex-direction: column;
  gap: 3rem;
  margin: 0 auto;
  max-width: 100%;
  width: min(100% - 2rem);
}
@media (min-width: 992px) {
  #view__competition .competition__content {
    width: min(100% - 4rem);
  }
}
#view__competition .competition__content .tabbed__controls {
  margin-bottom: 2rem;
}
#view__competition .competition__content .tabbed__wrapper .tabbed__controls li button.active {
  border-bottom-color: var(--swf-fixture-theme-colour);
  color: var(--swf-fixture-theme-colour);
}
@media (min-width: 1200px) {
  #view__competition .competition__content:not(.table-only) {
    flex-direction: row;
    justify-content: space-between;
    width: min(100% - 10rem, 1680px);
  }
  #view__competition .competition__content:not(.table-only).league .content__matches {
    flex: 1;
    max-width: 65%;
  }
  #view__competition .competition__content:not(.table-only).league .content__table {
    flex: 1;
    max-width: 35%;
  }
  #view__competition .competition__content:not(.table-only).league .content__table .table__title {
    border-bottom: solid 4px transparent;
    color: var(--swf-fixture-theme-colour);
    margin-bottom: 2rem;
    padding: 0.5rem 0;
  }
  #view__competition .competition__content:not(.table-only).cup {
    justify-content: center;
  }
  #view__competition .competition__content:not(.table-only).cup .content__matches {
    width: min(100% - 10rem, 1280px);
  }
}
@media (min-width: 1200px) {
  #view__competition .competition__content.table-only {
    width: min(100% - 4rem, 1280px) !important;
  }
}
#view__competition .competition__content span.no-games {
  border: solid 1px #ebedf5;
  display: block;
  padding: 2rem;
  text-align: center;
  width: 100%;
}
#view__competition .match-list__wrapper .match__section {
  margin-bottom: 2rem;
}
#view__competition .match-list__wrapper .match__section .match__section-title {
  background: var(--swf-fixture-theme-colour);
  color: white;
  cursor: pointer;
  display: block;
  height: 60px;
  padding: 1rem;
  position: relative;
}
#view__competition .match-list__wrapper .match__section .match__section-title::after {
  background-image: url("data:image/svg+xml,%3Csvg width=%2718%27 height=%2719%27 viewBox=%270 0 18 19%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M7.875 0.5L7.875 14.1913L1.59188 7.90812L1.07324e-07 9.5L9 18.5L18 9.5L16.4081 7.90813L10.125 14.1913L10.125 0.5L7.875 0.5Z%27 fill=%27%23FFFFFF%27/%3E%3C/svg%3E%0A");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 16px;
  content: " ";
  display: block;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  transition: all ease 0.3s;
  width: 64px;
}
#view__competition .match-list__wrapper .match__section.active .match__section-title {
  color: white;
}
#view__competition .match-list__wrapper .match__section.active .match__section-title::after {
  background-image: url("data:image/svg+xml,%3Csvg width=%2718%27 height=%2719%27 viewBox=%270 0 18 19%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M7.875 0.5L7.875 14.1913L1.59188 7.90812L1.07324e-07 9.5L9 18.5L18 9.5L16.4081 7.90813L10.125 14.1913L10.125 0.5L7.875 0.5Z%27 fill=%27%23FFFFFF%27/%3E%3C/svg%3E%0A");
  transform: rotate(180deg);
}
#view__competition .match-list__wrapper .match__section.active .match__group {
  display: block;
}
#view__competition .match-list__wrapper .match__group {
  display: none;
}
#view__competition .match-list__wrapper .match__group .group__title {
  background-color: #e7e8ea;
  cursor: pointer;
  display: block;
  padding: 1rem;
  position: relative;
}
#view__competition .match-list__wrapper .match__group .match__item {
  border-bottom: solid 1px #e7e8ea;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 1rem 0;
  width: 100%;
}
#view__competition .match-list__wrapper .match__group .match__item span.item__details {
  align-items: center;
  display: flex;
  gap: 1rem;
  width: 100%;
}
@media (min-width: 768px) {
  #view__competition .match-list__wrapper .match__group .match__item span.item__details {
    width: 65%;
  }
}
#view__competition .match-list__wrapper .match__group .match__item span.item__details .details__home,
#view__competition .match-list__wrapper .match__group .match__item span.item__details .details__away {
  flex: 1;
}
#view__competition .match-list__wrapper .match__group .match__item span.item__details .details__home {
  text-align: right;
}
#view__competition .match-list__wrapper .match__group .match__item span.item__details .details__center .match--center {
  display: flex;
  gap: 1px;
  justify-content: space-between;
  position: relative;
  width: 60px;
}
#view__competition .match-list__wrapper .match__group .match__item span.item__details .details__center .match--center.center--extra-wrapper {
  padding-bottom: 14px;
}
#view__competition .match-list__wrapper .match__group .match__item span.item__details .details__center .match--center .center--home-score,
#view__competition .match-list__wrapper .match__group .match__item span.item__details .details__center .match--center .center--away-score,
#view__competition .match-list__wrapper .match__group .match__item span.item__details .details__center .match--center .center--divider,
#view__competition .match-list__wrapper .match__group .match__item span.item__details .details__center .match--center .center--kickoff {
  align-items: center;
  background-color: var(--theme-colour-4);
  display: flex;
  flex: 1;
  height: 30px;
  justify-content: center;
  line-height: 1;
  margin-bottom: 0;
}
#view__competition .match-list__wrapper .match__group .match__item span.item__details .details__center .match--center .center--award {
  bottom: 0;
  color: #dc3545;
  font-size: 0.7em;
  font-weight: 700;
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
  text-transform: uppercase;
}
#view__competition .match-list__wrapper .match__group .match__item span.item__details .details__center .match--center .center--aet {
  bottom: 0;
  font-size: 0.7em;
  font-weight: 700;
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
  text-transform: uppercase;
}
#view__competition .match-list__wrapper .match__group .match__item span.item__details .details__center .match--center .center--divider {
  opacity: 0.5;
}
#view__competition .match-list__wrapper .match__group .match__item span.item__venue {
  align-items: center;
  display: flex;
  gap: 0.5rem;
  justify-content: center;
  text-align: center;
  width: 100%;
}
@media (min-width: 768px) {
  #view__competition .match-list__wrapper .match__group .match__item span.item__venue {
    text-align: left;
    width: 30%;
  }
}
#view__competition .match-list__wrapper .match__group .match__item span.item__venue::before {
  background-image: url("data:image/svg+xml,%3Csvg width=%2712%27 height=%2714%27 viewBox=%270 0 12 14%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M5.79294 7.13376C6.1853 7.13376 6.5213 6.99394 6.80094 6.71429C7.08011 6.43513 7.2197 6.09936 7.2197 5.70701C7.2197 5.31465 7.08011 4.97865 6.80094 4.69901C6.5213 4.41984 6.1853 4.28025 5.79294 4.28025C5.40059 4.28025 5.06483 4.41984 4.78566 4.69901C4.50601 4.97865 4.36619 5.31465 4.36619 5.70701C4.36619 6.09936 4.50601 6.43513 4.78566 6.71429C5.06483 6.99394 5.40059 7.13376 5.79294 7.13376ZM5.79294 14C5.69783 14 5.60271 13.9822 5.50759 13.9465C5.41248 13.9108 5.32925 13.8633 5.25791 13.8038C3.52203 12.2701 2.22607 10.8464 1.37001 9.53284C0.513963 8.2188 0.0859375 6.99108 0.0859375 5.84968C0.0859375 4.06624 0.65973 2.64544 1.80731 1.58726C2.95442 0.529087 4.28297 0 5.79294 0C7.30292 0 8.63147 0.529087 9.77857 1.58726C10.9262 2.64544 11.5 4.06624 11.5 5.84968C11.5 6.99108 11.0719 8.2188 10.2159 9.53284C9.35982 10.8464 8.06386 12.2701 6.32798 13.8038C6.25664 13.8633 6.17341 13.9108 6.07829 13.9465C5.98318 13.9822 5.88806 14 5.79294 14Z%27 fill=%27%23C3C980%27/%3E%3C/svg%3E%0A");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: " ";
  display: block;
  height: 16px;
  width: 16px;
}
#view__competition .component__league-table .table__row {
  align-items: center;
  display: flex;
}
#view__competition .component__league-table .table__row span {
  display: block;
  padding: 1rem;
  width: 64px;
}
#view__competition .component__league-table .table__row .column__team {
  flex: 1;
  font-weight: 500;
}
#view__competition .component__league-table .table__row .column__pts {
  font-weight: 500;
}
#view__competition .component__league-table .table__row .column__pos, #view__competition .component__league-table .table__row .column__pld, #view__competition .component__league-table .table__row .column__w, #view__competition .component__league-table .table__row .column__d, #view__competition .component__league-table .table__row .column__l, #view__competition .component__league-table .table__row .column__gf, #view__competition .component__league-table .table__row .column__ga, #view__competition .component__league-table .table__row .column__gd, #view__competition .component__league-table .table__row .column__pts {
  text-align: center;
}
@media (max-width: 767.98px) {
  #view__competition .component__league-table .table__row .column__w, #view__competition .component__league-table .table__row .column__d, #view__competition .component__league-table .table__row .column__l, #view__competition .component__league-table .table__row .column__gf, #view__competition .component__league-table .table__row .column__ga {
    display: none;
  }
}
#view__competition .component__league-table .table__header .table__row {
  height: 60px;
}
#view__competition .component__league-table .table__header .table__row span {
  margin-bottom: 0;
}
#view__competition .component__league-table .table__body .table__row:nth-child(even) {
  background-color: #fafafa;
}
#view__competition .component__league-table.condensed .table__row .column__w, #view__competition .component__league-table.condensed .table__row .column__d, #view__competition .component__league-table.condensed .table__row .column__l, #view__competition .component__league-table.condensed .table__row .column__gf, #view__competition .component__league-table.condensed .table__row .column__ga {
  display: none;
}
#view__competition.theme__league-one {
  --swf-fixture-theme-colour: #893c8f;
}
#view__competition.theme__league-one .match-list__wrapper .match__section.active .match__section-title,
#view__competition.theme__league-one .component__league-table .table__header .table__row {
  background: #893c8f !important;
}
#view__competition.theme__league-one .btn-pink::after {
  background-color: #893c8f !important;
}
#view__competition.theme__championship {
  --swf-fixture-theme-colour: #3c606d;
}
#view__competition.theme__championship .match-list__wrapper .match__section.active .match__section-title,
#view__competition.theme__championship .component__league-table .table__header .table__row {
  background: #3c606d !important;
}
#view__competition.theme__championship .btn-pink::after {
  background-color: #3c606d !important;
}
#view__competition.theme__highlands {
  --swf-fixture-theme-colour: #5c881a;
}
#view__competition.theme__highlands .match-list__wrapper .match__section.active .match__section-title,
#view__competition.theme__highlands .component__league-table .table__header .table__row {
  background: #5c881a !important;
}
#view__competition.theme__highlands .btn-pink::after {
  background-color: #5c881a !important;
}
#view__competition.theme__biffa {
  --swf-fixture-theme-colour: #e41b12;
}
#view__competition.theme__biffa .match-list__wrapper .match__section.active .match__section-title,
#view__competition.theme__biffa .component__league-table .table__header .table__row {
  background: #e41b12 !important;
}
#view__competition.theme__biffa .btn-pink::after {
  background-color: #e41b12 !important;
}
#view__competition.theme__scottish-power {
  --swf-fixture-theme-colour: #5c881a;
}
#view__competition.theme__scottish-power .match-list__wrapper .match__section.active .match__section-title,
#view__competition.theme__scottish-power .component__league-table .table__header .table__row {
  background: #5c881a !important;
}
#view__competition.theme__scottish-power .btn-pink::after {
  background-color: #5c881a !important;
}
#view__competition.theme__barclays {
  --swf-fixture-theme-colour: #000;
}
#view__competition.theme__barclays .match-list__wrapper .match__section.active .match__section-title,
#view__competition.theme__barclays .component__league-table .table__header .table__row {
  background: #000 !important;
}
#view__competition.theme__barclays .btn-pink::after {
  background-color: #000 !important;
}

.component__competition-landing {
  overflow: hidden;
  position: relative;
}
.component__competition-landing::before {
  bottom: 0;
  content: " ";
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  background-image: url("data:image/svg+xml,%3C%3Fxml version=%271.0%27 encoding=%27utf-8%27%3F%3E%3C%21-- Generator: Adobe Illustrator 27.8.1, SVG Export Plug-In . SVG Version: 6.00 Build 0%29 --%3E%3Csvg version=%271.1%27 id=%27Layer_1%27 xmlns=%27http://www.w3.org/2000/svg%27 xmlns:xlink=%27http://www.w3.org/1999/xlink%27 x=%270px%27 y=%270px%27 viewBox=%270 0 850.8 854.5%27 style=%27enable-background:new 0 0 850.8 854.5;%27 xml:space=%27preserve%27%3E%3Cstyle type=%27text/css%27%3E .st0%7Bfill:%23522583;%7D%0A%3C/style%3E%3Cg%3E%3Cg%3E%3Cpath class=%27st0%27 d=%27M425.4,276.1%27/%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath class=%27st0%27 d=%27M135.9,187.2L135.9,187.2c0.2,0.3,0.3,0.7,0.4,1c0.4,1,0.9,1.9,1.2,2.9c1,2.7,1.8,5.4,2.4,8.2 c7.5,28.9-2.3,48.8-8.3,71.6c-7.8,29.7-7.4,82-7.4,82c-5.8-18.9-27.9-58.6-61.1-80.9c-33.1-22.2-35.6-44.9-35.6-44.9h0.1 c-10-32.6,4.4-66.6,33.3-77.1C89.7,139.4,122.4,156,135.9,187.2z%27/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cpath class=%27st0%27 d=%27M90.5,53.1c0,0,177.5,94.6,246.4,303.7c21.9,66.3,51.6,168.4,44.2,310.8c0,0-41.8-143.9-159.6-279.2 c0,0-11.7,61.7,40.4,165.7c0,0-140.3-127.1-108.4-269.6C185.3,142,132.3,120.1,90.5,53.1z%27/%3E%3C/g%3E%3Cpath class=%27st0%27 d=%27M714.9,187.2L714.9,187.2c-0.2,0.3-0.3,0.7-0.4,1c-0.4,1-0.8,1.9-1.2,2.9c-1,2.7-1.7,5.4-2.4,8.2 c-7.5,28.9,2.3,48.8,8.3,71.6c7.8,29.7,7.4,82,7.4,82c5.8-18.9,27.9-58.6,61.1-80.9c33.1-22.2,35.6-44.9,35.6-44.9h-0.1 c10-32.6-4.3-66.6-33.3-77.1C761.1,139.4,728.4,156,714.9,187.2z%27/%3E%3Cg%3E%3Cpath class=%27st0%27 d=%27M760.3,53.1c0,0-177.5,94.6-246.4,303.7c-21.9,66.3-51.6,168.4-44.2,310.8c0,0,41.8-143.9,159.6-279.2 c0,0,11.7,61.7-40.4,165.7c0,0,140.2-127.1,108.4-269.6C665.5,142,718.5,120.1,760.3,53.1z%27/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cpath class=%27st0%27 d=%27M352.6,697.5C272.9,651.7,221,596.1,187.4,545.6c-56.6-83-58.1-156.5-58.1-156.5 c-5.4,150.1,58.9,259.4,135.6,332C287.3,716,317.8,708.2,352.6,697.5z%27/%3E%3Cpath class=%27st0%27 d=%27M498.2,697.5c79.7-45.8,131.6-101.5,165.2-152c56.6-83,58.1-156.5,58.1-156.5 c5.4,150.1-58.9,259.4-135.6,332C563.5,716,533,708.2,498.2,697.5z%27/%3E%3C/g%3E%3Cg%3E%3Cpath class=%27st0%27 d=%27M425.5,183.7h-0.1h-0.1C291.1,79.8,119,21.8,119,21.8S282.7,108.1,370.2,363 c24.5,71.3,50.1,286.7,54.5,325.1l0.6,5.9v-0.1c0,0.1,0,0.1,0,0.1l0.6-5.9c4.4-38.4,30.1-253.7,54.5-325.1 C568.1,108.1,731.8,21.8,731.8,21.8S559.7,79.8,425.5,183.7z%27/%3E%3Cpath class=%27st0%27 d=%27M567.1,67.1c-36.8,0.6-61.5-3-96.6-28.4c-29.3-21.3-54-17.5-54.6-17.4c-36.2,1.9-64.1,31.6-62.3,65.3 c1.8,33.7,32.6,59.5,68.8,57.6c0.1,0,20.2,0.5,42.7-12.6l0,0L567.1,67.1z%27/%3E%3C/g%3E%3Cpath class=%27st0%27 d=%27M425.4,737.2c-32.5,13.8-68.8,26.1-109.2,36.2c40.7,32.5,107.5,59.3,109.2,60c1.7-0.7,68.5-27.5,109.2-60 C494.2,763.3,457.9,751.1,425.4,737.2z%27/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
  background-position: top left;
  background-size: cover;
  opacity: 0.05;
  z-index: 10;
}
@media (min-width: 768px) {
  .component__competition-landing::before {
    bottom: 0;
    left: 50%;
    right: -10%;
    top: 0;
  }
}
.component__competition-landing .container, .component__competition-landing .component__competition-group .tabbed__content, .component__competition-group .component__competition-landing .tabbed__content {
  position: relative;
  z-index: 20;
}
.component__competition-landing h1.page__title, .component__competition-landing .page__title.h1 {
  background: linear-gradient(89.54deg, #8b1c6d 0%, #522583 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 0;
}
@media (max-width: 767.98px) {
  .component__competition-landing h1.page__title, .component__competition-landing .page__title.h1 {
    font-size: 1.8rem;
  }
}
.component__competition-landing .age__wrapper {
  display: grid;
  gap: 1rem;
  grid-template-columns: 1fr;
}
@media (min-width: 768px) {
  .component__competition-landing .age__wrapper {
    grid-template-columns: 1fr 1fr;
  }
}
.component__competition-landing .age__wrapper .age__item {
  align-items: center;
  background-color: #ebedf5;
  display: flex;
  height: 100%;
  justify-content: center;
  padding: 70px 2rem;
  position: relative;
  text-align: center;
}
@media (min-width: 768px) {
  .component__competition-landing .age__wrapper .age__item {
    padding: 112px 2rem;
  }
  .component__competition-landing .age__wrapper .age__item:nth-child(1) {
    grid-column: 1/span 2;
  }
}
.component__competition-landing .age__wrapper .age__item img {
  height: 100%;
  object-fit: cover;
  position: absolute;
  width: 100%;
  z-index: 10;
}
.component__competition-landing .age__wrapper .age__item::before {
  bottom: 0;
  content: " ";
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0.4;
  transition: opacity ease 0.3s;
  z-index: 15;
}
.component__competition-landing .age__wrapper .age__item > span {
  margin-bottom: 0;
  z-index: 20;
}
@media (max-width: 767.98px) {
  .component__competition-landing .age__wrapper .age__item > span {
    font-size: 1.8rem;
  }
}
.component__competition-landing .age__wrapper .age__item:hover::before {
  opacity: 1;
}

.component__competition-group .component__comp-group-banner {
  align-items: flex-end;
  background-position: center;
  background-size: cover;
  display: flex;
  position: relative;
}
@media (min-width: 992px) {
  .component__competition-group .component__comp-group-banner {
    min-height: 400px;
  }
}
.component__competition-group .component__comp-group-banner .container, .component__competition-group .component__comp-group-banner .tabbed__content {
  position: relative;
  z-index: 30;
}
.component__competition-group .component__comp-group-banner h1, .component__competition-group .component__comp-group-banner .h1 {
  color: white;
  display: block;
  margin: 0 auto;
  padding: 3rem 0;
  width: min(100% - 1rem);
}
@media (min-width: 992px) {
  .component__competition-group .component__comp-group-banner h1, .component__competition-group .component__comp-group-banner .h1 {
    padding-bottom: 4rem;
    width: min(100% - 4rem);
  }
}
@media (min-width: 1500px) {
  .component__competition-group .component__comp-group-banner h1, .component__competition-group .component__comp-group-banner .h1 {
    width: min(100% - 6rem, 1680px);
  }
}
.component__competition-group .component__comp-group-banner::before {
  bottom: 0;
  content: " ";
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 80%);
  z-index: 15;
}
.component__competition-group .tabbed__controls,
.component__competition-group .group__search {
  margin: 0 auto;
  width: min(100% - 1rem);
}
@media (min-width: 992px) {
  .component__competition-group .tabbed__controls,
  .component__competition-group .group__search {
    width: min(100% - 4rem);
  }
}
@media (min-width: 1500px) {
  .component__competition-group .tabbed__controls,
  .component__competition-group .group__search {
    width: min(100% - 6rem, 1680px);
  }
}
.component__competition-group .group__search {
  margin: 1rem auto;
}
.component__competition-group .tabbed__content {
  padding: 0;
}
.component__competition-group .tabbed__content .competition__group {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  margin-bottom: 4rem;
}
.component__competition-group .tabbed__content .competition__group .competition__title {
  width: 100%;
}
.component__competition-group .tabbed__content .competition__group .competitions__list {
  width: 100%;
}
@media (min-width: 768px) {
  .component__competition-group .tabbed__content .competition__group .competitions__list {
    max-width: calc(50% - 1rem);
  }
}
.component__competition-group .tabbed__content .competition__group .competitions__list ul {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin: 2rem 0;
  padding: 0;
}
.component__competition-group .tabbed__content .competition__group .competitions__list ul li {
  width: 100%;
}
.component__competition-group .tabbed__content .competition__group .competitions__list ul li a {
  align-items: center;
  background: linear-gradient(89.54deg, #8b1c6d 0%, #522583 100%);
  color: white;
  display: flex;
  gap: 1rem;
  justify-content: space-between;
  padding: 1rem;
  position: relative;
  text-decoration: none;
  transition: background ease 1s;
}
.component__competition-group .tabbed__content .competition__group .competitions__list ul li a::after {
  background-image: url("data:image/svg+xml,%3Csvg width=%2725%27 height=%2712%27 viewBox=%270 0 25 12%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M0.500001 6.75L21.663 6.75L17.5259 10.9388L18.5741 12L24.5 6L18.5741 -1.38929e-06L17.5259 1.06125L21.663 5.25L0.500001 5.25L0.500001 6.75Z%27 fill=%27white%27/%3E%3C/svg%3E%0A");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: " ";
  display: block;
  height: 32px;
  min-width: 32px;
  transition: all ease 0.3s;
  width: 32px;
}
.component__competition-group .tabbed__content .competition__group .competitions__list ul li a:hover {
  background: linear-gradient(-89.54deg, #8b1c6d 0%, #522583 100%);
}
.component__competition-group .tabbed__content .competition__group .competitions__list ul li a:hover::after {
  transform: translate(1rem, 0);
}

.component__competition-search .comp-search__input {
  margin-top: 2rem;
  max-width: 768px;
  width: 100%;
}
.component__competition-search .comp-search__input input[type=text] {
  appearance: none;
  border: solid 1px #d7d8db;
  border-radius: 0;
  padding: 10px;
  width: 100%;
}
.component__competition-search .comp-search__results {
  background-color: white;
  border-radius: 0;
  margin-top: 0.5rem;
  max-height: 300px;
  max-width: 768px;
  overflow: scroll;
  width: 100%;
}
.component__competition-search .comp-search__results li {
  display: none;
}
.component__competition-search .comp-search__results li.active {
  display: block;
}
.component__competition-search .comp-search__results li a {
  border-bottom: solid 1px #d7d8db;
  display: block;
  padding: 10px;
}
.component__competition-search .comp-search__results li a:hover {
  background-color: #fafafa;
}
.component__competition-search.search__only .comp-search__input,
.component__competition-search.search__only .comp-search__results {
  margin-top: 0;
  max-width: unset;
  width: 100%;
}

#view__comet-competition .competition__sponsor {
  align-items: center;
  display: flex;
  justify-content: center;
  width: 100%;
}
#view__comet-competition .competition__sponsor img {
  width: 100%;
}
#view__comet-competition .competition__title {
  text-align: center;
}
#view__comet-competition .competition__title h1, #view__comet-competition .competition__title .h1 {
  color: var(--swf-fixture-theme-colour);
  margin-bottom: 0.5rem;
}
#view__comet-competition .competition__content {
  display: flex;
  flex-direction: column;
  gap: 3rem;
  margin: 0 auto;
  max-width: 100%;
  width: min(100% - 2rem);
}
@media (min-width: 992px) {
  #view__comet-competition .competition__content {
    width: min(100% - 4rem);
  }
}
#view__comet-competition .competition__content .tabbed__controls {
  margin-bottom: 2rem;
}
#view__comet-competition .competition__content .tabbed__wrapper .tabbed__controls li button.active {
  border-bottom-color: var(--swf-fixture-theme-colour);
  color: var(--swf-fixture-theme-colour);
}
@media (min-width: 1200px) {
  #view__comet-competition .competition__content:not(.table-only) {
    flex-direction: row;
    justify-content: space-between;
    width: min(100% - 10rem, 1680px);
  }
  #view__comet-competition .competition__content:not(.table-only).league .content__matches {
    flex: 1;
    max-width: 65%;
  }
  #view__comet-competition .competition__content:not(.table-only).league .content__table {
    flex: 1;
    max-width: 35%;
  }
  #view__comet-competition .competition__content:not(.table-only).league .content__table .table__title {
    border-bottom: solid 4px transparent;
    color: var(--swf-fixture-theme-colour);
    margin-bottom: 2rem;
    padding: 0.5rem 0;
  }
  #view__comet-competition .competition__content:not(.table-only).cup {
    justify-content: center;
  }
  #view__comet-competition .competition__content:not(.table-only).cup .content__matches {
    width: min(100% - 10rem, 1280px);
  }
}
@media (min-width: 1200px) {
  #view__comet-competition .competition__content.table-only {
    width: min(100% - 4rem, 1280px) !important;
  }
}
#view__comet-competition .competition__content span.no-games {
  border: solid 1px #ebedf5;
  display: block;
  padding: 2rem;
  text-align: center;
  width: 100%;
}
#view__comet-competition .component__comet-match-list {
  flex: 1;
}
#view__comet-competition .component__comet-match-list .match__section {
  margin-bottom: 2rem;
  width: 100%;
}
#view__comet-competition .component__comet-match-list .match__section .match__section-title {
  background: var(--swf-fixture-theme-colour);
  color: white;
  cursor: pointer;
  display: block;
  height: 60px;
  padding: 1rem;
  position: relative;
}
#view__comet-competition .component__comet-match-list .match__section .match__section-title::after {
  background-image: url("data:image/svg+xml,%3Csvg width=%2718%27 height=%2719%27 viewBox=%270 0 18 19%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M7.875 0.5L7.875 14.1913L1.59188 7.90812L1.07324e-07 9.5L9 18.5L18 9.5L16.4081 7.90813L10.125 14.1913L10.125 0.5L7.875 0.5Z%27 fill=%27%23FFFFFF%27/%3E%3C/svg%3E%0A");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 16px;
  content: " ";
  display: block;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  transition: all ease 0.3s;
  width: 64px;
}
#view__comet-competition .component__comet-match-list .match__section.active .match__section-title {
  color: white;
}
#view__comet-competition .component__comet-match-list .match__section.active .match__section-title::after {
  background-image: url("data:image/svg+xml,%3Csvg width=%2718%27 height=%2719%27 viewBox=%270 0 18 19%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M7.875 0.5L7.875 14.1913L1.59188 7.90812L1.07324e-07 9.5L9 18.5L18 9.5L16.4081 7.90813L10.125 14.1913L10.125 0.5L7.875 0.5Z%27 fill=%27%23FFFFFF%27/%3E%3C/svg%3E%0A");
  transform: rotate(180deg);
}
#view__comet-competition .component__comet-match-list .match__section.active .match__group {
  display: block;
}
#view__comet-competition .component__comet-match-list .match__group {
  display: none;
}
#view__comet-competition .component__comet-match-list .match__group .group__title {
  background-color: #e7e8ea;
  cursor: pointer;
  display: block;
  padding: 1rem;
  position: relative;
}
#view__comet-competition .component__comet-match-list .match__group .match__item {
  border-bottom: solid 1px #e7e8ea;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 1rem 0;
  width: 100%;
}
#view__comet-competition .component__comet-match-list .match__group .match__item span.item__details {
  align-items: center;
  display: flex;
  gap: 1rem;
  width: 100%;
}
@media (min-width: 768px) {
  #view__comet-competition .component__comet-match-list .match__group .match__item span.item__details {
    width: 65%;
  }
}
#view__comet-competition .component__comet-match-list .match__group .match__item span.item__details .details__home,
#view__comet-competition .component__comet-match-list .match__group .match__item span.item__details .details__away {
  flex: 1;
}
#view__comet-competition .component__comet-match-list .match__group .match__item span.item__details .details__home {
  text-align: right;
}
#view__comet-competition .component__comet-match-list .match__group .match__item span.item__details .details__center .match--center {
  display: flex;
  gap: 1px;
  justify-content: space-between;
  position: relative;
  width: 60px;
}
#view__comet-competition .component__comet-match-list .match__group .match__item span.item__details .details__center .match--center.center--extra-wrapper {
  padding-bottom: 14px;
}
#view__comet-competition .component__comet-match-list .match__group .match__item span.item__details .details__center .match--center .center--home-score,
#view__comet-competition .component__comet-match-list .match__group .match__item span.item__details .details__center .match--center .center--away-score,
#view__comet-competition .component__comet-match-list .match__group .match__item span.item__details .details__center .match--center .center--divider,
#view__comet-competition .component__comet-match-list .match__group .match__item span.item__details .details__center .match--center .center--kickoff {
  align-items: center;
  background-color: var(--theme-colour-4);
  display: flex;
  flex: 1;
  height: 30px;
  justify-content: center;
  line-height: 1;
  margin-bottom: 0;
}
#view__comet-competition .component__comet-match-list .match__group .match__item span.item__details .details__center .match--center .center--award {
  bottom: 0;
  color: #dc3545;
  font-size: 0.7em;
  font-weight: 700;
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
  text-transform: uppercase;
}
#view__comet-competition .component__comet-match-list .match__group .match__item span.item__details .details__center .match--center .center--aet {
  bottom: 0;
  font-size: 0.7em;
  font-weight: 700;
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
  text-transform: uppercase;
}
#view__comet-competition .component__comet-match-list .match__group .match__item span.item__details .details__center .match--center .center--divider {
  opacity: 0.5;
}
#view__comet-competition .component__comet-match-list .match__group .match__item span.item__venue {
  align-items: center;
  display: flex;
  gap: 0.5rem;
  justify-content: center;
  text-align: center;
  width: 100%;
}
@media (min-width: 768px) {
  #view__comet-competition .component__comet-match-list .match__group .match__item span.item__venue {
    text-align: left;
    width: 30%;
  }
}
#view__comet-competition .component__comet-match-list .match__group .match__item span.item__venue::before {
  background-image: url("data:image/svg+xml,%3Csvg width=%2712%27 height=%2714%27 viewBox=%270 0 12 14%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M5.79294 7.13376C6.1853 7.13376 6.5213 6.99394 6.80094 6.71429C7.08011 6.43513 7.2197 6.09936 7.2197 5.70701C7.2197 5.31465 7.08011 4.97865 6.80094 4.69901C6.5213 4.41984 6.1853 4.28025 5.79294 4.28025C5.40059 4.28025 5.06483 4.41984 4.78566 4.69901C4.50601 4.97865 4.36619 5.31465 4.36619 5.70701C4.36619 6.09936 4.50601 6.43513 4.78566 6.71429C5.06483 6.99394 5.40059 7.13376 5.79294 7.13376ZM5.79294 14C5.69783 14 5.60271 13.9822 5.50759 13.9465C5.41248 13.9108 5.32925 13.8633 5.25791 13.8038C3.52203 12.2701 2.22607 10.8464 1.37001 9.53284C0.513963 8.2188 0.0859375 6.99108 0.0859375 5.84968C0.0859375 4.06624 0.65973 2.64544 1.80731 1.58726C2.95442 0.529087 4.28297 0 5.79294 0C7.30292 0 8.63147 0.529087 9.77857 1.58726C10.9262 2.64544 11.5 4.06624 11.5 5.84968C11.5 6.99108 11.0719 8.2188 10.2159 9.53284C9.35982 10.8464 8.06386 12.2701 6.32798 13.8038C6.25664 13.8633 6.17341 13.9108 6.07829 13.9465C5.98318 13.9822 5.88806 14 5.79294 14Z%27 fill=%27%23C3C980%27/%3E%3C/svg%3E%0A");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: " ";
  display: block;
  height: 16px;
  width: 16px;
}
#view__comet-competition .component__league-table .table__row {
  align-items: center;
  display: flex;
}
#view__comet-competition .component__league-table .table__row span {
  display: block;
  padding: 1rem;
  width: 64px;
}
#view__comet-competition .component__league-table .table__row .column__team {
  flex: 1;
  font-weight: 500;
}
#view__comet-competition .component__league-table .table__row .column__pts {
  font-weight: 500;
}
#view__comet-competition .component__league-table .table__row .column__pos, #view__comet-competition .component__league-table .table__row .column__pld, #view__comet-competition .component__league-table .table__row .column__w, #view__comet-competition .component__league-table .table__row .column__d, #view__comet-competition .component__league-table .table__row .column__l, #view__comet-competition .component__league-table .table__row .column__gf, #view__comet-competition .component__league-table .table__row .column__ga, #view__comet-competition .component__league-table .table__row .column__gd, #view__comet-competition .component__league-table .table__row .column__pts {
  text-align: center;
}
@media (max-width: 767.98px) {
  #view__comet-competition .component__league-table .table__row .column__w, #view__comet-competition .component__league-table .table__row .column__d, #view__comet-competition .component__league-table .table__row .column__l, #view__comet-competition .component__league-table .table__row .column__gf, #view__comet-competition .component__league-table .table__row .column__ga {
    display: none;
  }
}
#view__comet-competition .component__league-table .table__header .table__row {
  height: 60px;
}
#view__comet-competition .component__league-table .table__header .table__row span {
  margin-bottom: 0;
}
#view__comet-competition .component__league-table .table__body .table__row:nth-child(even) {
  background-color: #fafafa;
}
#view__comet-competition .component__league-table.condensed .table__row .column__w, #view__comet-competition .component__league-table.condensed .table__row .column__d, #view__comet-competition .component__league-table.condensed .table__row .column__l, #view__comet-competition .component__league-table.condensed .table__row .column__gf, #view__comet-competition .component__league-table.condensed .table__row .column__ga {
  display: none;
}
#view__comet-competition .component__split-table .table__controls {
  display: flex;
  margin: 1rem 0;
}
#view__comet-competition .component__split-table .table__controls > .table__control {
  flex: 1;
  text-align: center;
  border: 1px #ebedf5 solid;
  padding: 1rem;
  cursor: pointer;
}
#view__comet-competition .component__split-table .table__controls > .table__control:hover {
  background-color: #ebedf5;
}
#view__comet-competition .component__split-table .component__league-table {
  display: none;
}
#view__comet-competition .component__split-table .component__league-table.active {
  display: block;
}
#view__comet-competition.theme__league-one {
  --swf-fixture-theme-colour: #893c8f;
}
#view__comet-competition.theme__league-one .match-list__wrapper .match__section.active .match__section-title,
#view__comet-competition.theme__league-one .component__league-table .table__header .table__row,
#view__comet-competition.theme__league-one .component__split-table .table__controls > .table__control.active {
  background: #893c8f !important;
}
#view__comet-competition.theme__league-one .btn-pink::after {
  background-color: #893c8f !important;
}
#view__comet-competition.theme__championship {
  --swf-fixture-theme-colour: #3c606d;
}
#view__comet-competition.theme__championship .match-list__wrapper .match__section.active .match__section-title,
#view__comet-competition.theme__championship .component__league-table .table__header .table__row,
#view__comet-competition.theme__championship .component__split-table .table__controls > .table__control.active {
  background: #3c606d !important;
}
#view__comet-competition.theme__championship .btn-pink::after {
  background-color: #3c606d !important;
}
#view__comet-competition.theme__highlands {
  --swf-fixture-theme-colour: #5c881a;
}
#view__comet-competition.theme__highlands .match-list__wrapper .match__section.active .match__section-title,
#view__comet-competition.theme__highlands .component__league-table .table__header .table__row,
#view__comet-competition.theme__highlands .component__split-table .table__controls > .table__control.active {
  background: #5c881a !important;
}
#view__comet-competition.theme__highlands .btn-pink::after {
  background-color: #5c881a !important;
}
#view__comet-competition.theme__biffa {
  --swf-fixture-theme-colour: #e41b12;
}
#view__comet-competition.theme__biffa .match-list__wrapper .match__section.active .match__section-title,
#view__comet-competition.theme__biffa .component__league-table .table__header .table__row,
#view__comet-competition.theme__biffa .component__split-table .table__controls > .table__control.active {
  background: #e41b12 !important;
}
#view__comet-competition.theme__biffa .btn-pink::after {
  background-color: #e41b12 !important;
}
#view__comet-competition.theme__scottish-power {
  --swf-fixture-theme-colour: #02a646;
}
#view__comet-competition.theme__scottish-power .match-list__wrapper .match__section.active .match__section-title,
#view__comet-competition.theme__scottish-power .component__league-table .table__header .table__row,
#view__comet-competition.theme__scottish-power .component__split-table .table__controls > .table__control.active {
  background: #02a646 !important;
}
#view__comet-competition.theme__scottish-power .btn-pink::after {
  background-color: #02a646 !important;
}
#view__comet-competition.theme__barclays {
  --swf-fixture-theme-colour: #00aeef;
}
#view__comet-competition.theme__barclays .match-list__wrapper .match__section.active .match__section-title,
#view__comet-competition.theme__barclays .component__league-table .table__header .table__row,
#view__comet-competition.theme__barclays .component__split-table .table__controls > .table__control.active {
  background: #00aeef !important;
}
#view__comet-competition.theme__barclays .btn-pink::after {
  background-color: #00aeef !important;
}

/* ========================================================
    _club-friendlies.scss - Scottish Women's Football
======================================================== */
.component__friendly-dashboard form {
  height: 100%;
}
.component__friendly-dashboard .dashboard__card {
  background-color: #ebedf5;
  display: flex;
  flex-direction: column;
  min-height: 100%;
  padding: 1rem;
}
@media (min-width: 992px) {
  .component__friendly-dashboard .dashboard__card {
    padding: 2rem;
  }
}
.component__friendly-dashboard .dashboard__card .content {
  margin-bottom: 2rem;
}
.component__friendly-dashboard .dashboard__card .action {
  margin-top: auto;
}
.component__friendly-dashboard .dashboard__card .action a {
  margin: 0;
}
.component__friendly-dashboard .dashboard__card.card__retrieve .content input, .component__friendly-dashboard .dashboard__card.card__find .content input {
  appearance: none;
  background-color: white;
  border: 0;
  display: block;
  margin-top: 1rem;
  padding: 0.5rem;
  width: 100%;
}
.component__friendly-dashboard .dashboard__card.card__retrieve .action input[type=submit].searching, .component__friendly-dashboard .dashboard__card.card__find .action input[type=submit].searching {
  background-color: #ffc107 !important;
  color: white;
}
.component__friendly-dashboard .dashboard__card.card__retrieve .action input[type=submit].error, .component__friendly-dashboard .dashboard__card.card__find .action input[type=submit].error {
  background-color: #dc3545 !important;
  color: white;
}

.cf__approvalTable table {
  width: 100%;
}
.cf__approvalTable table tr th {
  background: #26272a;
  color: white;
}
.cf__approvalTable table tr th:hover {
  background: #26272a !important;
  color: white !important;
}
.cf__approvalTable table tr td,
.cf__approvalTable table tr th {
  border: solid 1px #ced4da;
  padding: 10px;
  text-align: center;
}
.cf__approvalTable table tr td.cf__table_email,
.cf__approvalTable table tr th.cf__table_email {
  text-align: left;
}
.cf__approvalTable table tr td.cf__table_status,
.cf__approvalTable table tr th.cf__table_status {
  font-size: 16px;
  font-weight: 700;
  padding: 10px;
  text-align: center;
}
.cf__approvalTable table tr td.cf__table_status.in_progress,
.cf__approvalTable table tr th.cf__table_status.in_progress {
  background-color: orange;
  color: white;
}
.cf__approvalTable table tr td.cf__table_status.approved,
.cf__approvalTable table tr th.cf__table_status.approved {
  background-color: green;
  color: white;
}
.cf__approvalTable table tr td.cf__table_status.rejected,
.cf__approvalTable table tr th.cf__table_status.rejected {
  background-color: red;
  color: white;
}
.cf__approvalTable table tr td.cf__table_action,
.cf__approvalTable table tr th.cf__table_action {
  text-align: center;
}
.cf__approvalTable table tr td.cf__table_action:hover,
.cf__approvalTable table tr th.cf__table_action:hover {
  background: #004289;
  color: white;
}
.cf__approvalTable table tr td.cf__table_action a,
.cf__approvalTable table tr th.cf__table_action a {
  color: inherit;
  display: block;
}
.cf__approvalTable table tr:nth-child(odd) td {
  background: #f8f9fa;
}

.component__friendly-application .requestStatus {
  color: white;
  display: block;
  font-size: 16px;
  font-weight: 700;
  padding: 10px 30px;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
}
.component__friendly-application .requestStatus.in_progress {
  background-color: orange;
}
.component__friendly-application .requestStatus.approved {
  background-color: green;
}
.component__friendly-application .requestStatus.rejected {
  background-color: red;
}
.component__friendly-application .cf__form-legacy .info__section {
  margin-bottom: 30px;
}
.component__friendly-application .cf__form-legacy .info__section .section__heading {
  background: #ebedf5;
  border-bottom: solid 1px #ebedf5;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 10px;
  padding: 10px 15px;
  text-transform: uppercase;
  width: 100%;
}
.component__friendly-application .cf__form-legacy .info__section .inner__content .fieldRow {
  border-bottom: solid 1px #ebedf5;
  padding: 10px 0;
}
.component__friendly-application .cf__form-legacy .info__section .inner__content .fieldRow .label {
  font-size: 12px;
  font-weight: 700;
  padding-right: 10px;
}
.component__friendly-application .cf__form-legacy .info__section .inner__content .matchObj {
  margin-bottom: 30px;
}
.component__friendly-application .cf__form-legacy .info__section .inner__content .matchObj > h5, .component__friendly-application .cf__form-legacy .info__section .inner__content .matchObj > .h5, .component__friendly-application .cf__form-legacy .info__section .inner__content .matchObj > .btn-download-blue, .component__friendly-application .cf__form-legacy .info__section .inner__content .matchObj > .btn-download-green, .component__friendly-application .cf__form-legacy .info__section .inner__content .matchObj > .btn-download-pink, .component__friendly-application .cf__form-legacy .info__section .inner__content .matchObj > .btn-download-purple, .component__friendly-application .cf__form-legacy .info__section .inner__content .matchObj > .btn-download-white, .component__friendly-application .cf__form-legacy .info__section .inner__content .matchObj > .btn-download-dark, .component__friendly-application .cf__form-legacy .info__section .inner__content .matchObj > .btn-download-danger, .component__friendly-application .cf__form-legacy .info__section .inner__content #view__competition .component__league-table .table__header .table__row .matchObj > span, #view__competition .component__league-table .table__header .table__row .component__friendly-application .cf__form-legacy .info__section .inner__content .matchObj > span, .component__friendly-application .cf__form-legacy .info__section .inner__content .component__competition-group .tabbed__content .competition__group .competitions__list ul li .matchObj > a, .component__competition-group .tabbed__content .competition__group .competitions__list ul li .component__friendly-application .cf__form-legacy .info__section .inner__content .matchObj > a, .component__friendly-application .cf__form-legacy .info__section .inner__content #view__comet-competition .component__league-table .table__header .table__row .matchObj > span, #view__comet-competition .component__league-table .table__header .table__row .component__friendly-application .cf__form-legacy .info__section .inner__content .matchObj > span {
  background: #26272a;
  color: white !important;
  font-size: 1em;
  font-weight: bold;
  margin-bottom: 0;
  padding: 10px;
  text-transform: uppercase;
}
.component__friendly-application .cf__form-legacy .info__section .inner__content .comment__container {
  border: solid 1px #ebedf5;
  margin-bottom: 10px;
  padding: 15px;
  position: relative;
}
.component__friendly-application .cf__form-legacy .info__section .inner__content .comment__container:nth-child(even) {
  background: #26272a;
  color: white;
}
.component__friendly-application .cf__form-legacy .info__section .inner__content .comment__container .commentMeta .metaAuthor {
  font-size: 12px;
  font-weight: bold;
}
.component__friendly-application .cf__form-legacy .info__section .inner__content .comment__container .commentMeta .metaAuthor i {
  color: #198754;
  font-size: 12px;
}
.component__friendly-application .cf__form-legacy .info__section .inner__content .comment__container .commentTime {
  font-size: 12px;
  font-style: italic;
  margin-top: 20px;
}
.component__friendly-application .cf__application-form .info__section {
  margin-bottom: 30px;
}
.component__friendly-application .cf__application-form .info__section .section__heading {
  background: #ebedf5;
  border-bottom: solid 1px #ebedf5;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 10px;
  padding: 10px 15px;
  text-transform: uppercase;
  width: 100%;
  margin-top: 2rem;
}
.component__friendly-application .cf__application-form .info__section .section__heading:first-child {
  margin-top: 0;
}
.component__friendly-application .cf__application-form .info__section .inner__content .fieldRow {
  border-bottom: solid 1px #ebedf5;
  display: flex;
  flex-wrap: wrap;
  padding: 10px 0;
  gap: 0.5rem;
}
.component__friendly-application .cf__application-form .info__section .inner__content .fieldRow.full {
  flex-direction: column;
}
.component__friendly-application .cf__application-form .info__section .inner__content .fieldRow.full .label {
  width: 100%;
}
.component__friendly-application .cf__application-form .info__section .inner__content .fieldRow .label {
  font-weight: 700;
  padding-right: 10px;
  width: 100%;
}
@media (min-width: 768px) {
  .component__friendly-application .cf__application-form .info__section .inner__content .fieldRow .label {
    width: 30%;
  }
}
.component__friendly-application .cf__application-form .info__section .inner__content .match__wrapper {
  margin-bottom: 30px;
}
.component__friendly-application .cf__application-form .info__section .inner__content .match__wrapper > strong {
  background: #26272a;
  color: white;
  border-bottom: solid 1px #ebedf5;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 10px;
  padding: 10px 15px;
  text-transform: uppercase;
  width: 100%;
}
.component__friendly-application .cf__application-form .info__section .inner__content .comment__container {
  border: solid 1px #ebedf5;
  margin-bottom: 10px;
  padding: 15px;
  position: relative;
}
.component__friendly-application .cf__application-form .info__section .inner__content .comment__container:nth-child(even) {
  background: #26272a;
  color: white;
}
.component__friendly-application .cf__application-form .info__section .inner__content .comment__container .commentMeta .metaAuthor {
  font-size: 12px;
  font-weight: bold;
}
.component__friendly-application .cf__application-form .info__section .inner__content .comment__container .commentMeta .metaAuthor i {
  color: #198754;
  font-size: 12px;
}
.component__friendly-application .cf__application-form .info__section .inner__content .comment__container .commentTime {
  font-size: 12px;
  font-style: italic;
  margin-top: 20px;
}
.component__friendly-application #cf__updateRequest a.popupControlButton,
.component__friendly-application #cf__commentSection a.popupControlButton {
  background-color: #ebedf5;
  color: #26272a;
  display: block;
  font-size: 16px;
  font-weight: 700;
  margin-top: 10px;
  padding: 10px 30px;
  text-align: center;
}
.component__friendly-application #cf__updateRequest a.popupControlButton:hover,
.component__friendly-application #cf__commentSection a.popupControlButton:hover {
  background: #26272a;
  color: white;
}
.component__friendly-application #cf__commentSection .section__heading {
  cursor: pointer;
  position: relative;
  background: #ebedf5;
  border-bottom: 1px solid #ebedf5;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 10px;
  padding: 10px 15px;
  text-transform: uppercase;
  width: 100%;
}
.component__friendly-application #cf__commentSection .section__heading:hover {
  background: #26272a;
  color: white;
}
.component__friendly-application #cf__commentSection .section__heading i {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}
.component__friendly-application #cf__commentSection .section__content {
  display: none;
}
.component__friendly-application #cf__commentSection .comment__container {
  border: solid 1px #ebedf5;
  margin-bottom: 10px;
  padding: 15px;
  position: relative;
}
.component__friendly-application #cf__commentSection .comment__container:nth-child(even) {
  background: #26272a;
  color: white;
}
.component__friendly-application #cf__commentSection .comment__container .commentMeta .metaAuthor {
  font-size: 12px;
  font-weight: bold;
}
.component__friendly-application #cf__commentSection .comment__container .commentMeta .metaAuthor i {
  color: #198754;
  font-size: 12px;
}
.component__friendly-application #cf__commentSection .comment__container .commentTime {
  font-size: 12px;
  font-style: italic;
  margin-top: 20px;
}
.component__friendly-application #cf__commentSection.active .section__heading i {
  transform: translateY(-50%) rotate(180deg);
}
.component__friendly-application #cf__commentSection.active .section__content {
  display: block;
}
.component__friendly-application .cf__moreactions {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
.component__friendly-application .cf__moreactions li {
  flex: 1;
}
.component__friendly-application .cf__moreactions li a {
  background-color: #ebedf5;
  color: #26272a;
  display: block;
  font-size: 16px;
  font-weight: 700;
  margin-top: 10px;
  padding: 10px 30px;
  text-align: center;
}
.component__friendly-application .cf__moreactions li a:hover {
  background-color: #26272a;
  color: white;
}

#view__clubFriendly_approval {
  padding: 50px 0;
}
#view__clubFriendly_approval .cfApproval__intro {
  margin-bottom: 50px;
  text-align: center;
}
@keyframes rotateLoaderBlock {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
#view__clubFriendly_approval #cf__approvalTableWrapper .loadingBlock {
  background: #ebedf5;
  font-size: 12px;
  padding: 50px;
  position: relative;
  text-align: center;
}
@media (min-width: 768px) {
  #view__clubFriendly_approval #cf__approvalTableWrapper .loadingBlock {
    padding: 100px;
  }
}
#view__clubFriendly_approval #cf__approvalTableWrapper .loadingBlock:before {
  animation: rotateLoaderBlock 2s linear infinite forwards;
  border: solid 3px rgb(201, 206.4, 228);
  border-radius: 30px;
  border-right: solid 3px transparent;
  content: " ";
  display: block;
  height: 30px;
  margin: 0 auto 10px;
  width: 30px;
  z-index: 10;
}
#view__clubFriendly_approval #cf__approvalTableWrapper .cf__statusButtons {
  margin-bottom: 30px;
}
#view__clubFriendly_approval #cf__approvalTableWrapper .cf__statusButtons.active__in_progress li:first-child {
  background: #26272a;
  color: white;
}
#view__clubFriendly_approval #cf__approvalTableWrapper .cf__statusButtons.active__rejected li:nth-child(2) {
  background: #26272a;
  color: white;
}
#view__clubFriendly_approval #cf__approvalTableWrapper .cf__statusButtons.active__approved li:last-child {
  background: #26272a;
  color: white;
}
#view__clubFriendly_approval #cf__approvalTableWrapper .cf__statusButtons ul {
  border: solid 1px #ebedf5;
  border-radius: 10px;
  display: flex;
  margin: 0;
  overflow: hidden;
  padding: 0;
}
#view__clubFriendly_approval #cf__approvalTableWrapper .cf__statusButtons ul li {
  background: #ebedf5;
  cursor: pointer;
  display: block;
  font-weight: 700;
  margin: 0;
  padding: 15px;
  text-align: center;
  width: 33.333333%;
}
#view__clubFriendly_approval #cf__approvalTableWrapper .cf__statusButtons ul li:hover {
  background: #26272a;
  color: white;
}
#view__clubFriendly_approval .cf__approvalTable {
  margin-bottom: 20px;
}
#view__clubFriendly_approval .cf__approvalTable h3, #view__clubFriendly_approval .cf__approvalTable .h3, #view__clubFriendly_approval .cf__approvalTable .component__accordion .accordion__container .accordion__title, .component__accordion .accordion__container #view__clubFriendly_approval .cf__approvalTable .accordion__title {
  border: solid 1px #ebedf5;
  display: block;
  margin-bottom: 0;
  padding: 10px;
  position: relative;
}
#view__clubFriendly_approval .cf__approvalTable h3 span, #view__clubFriendly_approval .cf__approvalTable .h3 span, #view__clubFriendly_approval .cf__approvalTable .component__accordion .accordion__container .accordion__title span, .component__accordion .accordion__container #view__clubFriendly_approval .cf__approvalTable .accordion__title span {
  font-size: 0.75rem;
  font-weight: 400;
}
#view__clubFriendly_approval .cf__approvalTable h3:before, #view__clubFriendly_approval .cf__approvalTable .h3:before, #view__clubFriendly_approval .cf__approvalTable .component__accordion .accordion__container .accordion__title:before, .component__accordion .accordion__container #view__clubFriendly_approval .cf__approvalTable .accordion__title:before {
  bottom: auto;
  content: " ";
  display: block;
  left: auto;
  position: absolute;
  right: 20px;
  top: 50%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%2724%27 viewBox=%270 -960 960 960%27 width=%2724%27%3E%3Cpath d=%27M480-344 240-584l56-56 184 184 184-184 56 56-240 240Z%27/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 30px;
  transform: translateY(-50%);
  transition: transform 0.4s ease;
  width: 30px;
}
#view__clubFriendly_approval .cf__approvalTable h3:hover, #view__clubFriendly_approval .cf__approvalTable .h3:hover, #view__clubFriendly_approval .cf__approvalTable .component__accordion .accordion__container .accordion__title:hover, .component__accordion .accordion__container #view__clubFriendly_approval .cf__approvalTable .accordion__title:hover {
  background: #ebedf5;
}
#view__clubFriendly_approval .cf__approvalTable h3.expanded:before, #view__clubFriendly_approval .cf__approvalTable .expanded.h3:before, #view__clubFriendly_approval .cf__approvalTable .component__accordion .accordion__container .expanded.accordion__title:before, .component__accordion .accordion__container #view__clubFriendly_approval .cf__approvalTable .expanded.accordion__title:before {
  transform: translateY(-50%) rotate(180deg);
}
#view__clubFriendly_approval .cf__approvalTable .tableContent {
  border: solid 1px #ebedf5;
}
#view__clubFriendly_approval .cf__approvalTable .tableContent table {
  margin: 0;
}
#view__clubFriendly_approval .cf__resultCount {
  font-size: 12px;
  margin: 30px 0;
  text-align: center;
}
#view__clubFriendly_approval .cf__loadMoreButton {
  background: #ebedf5;
  cursor: pointer;
  display: block;
  margin: 30px auto 0;
  max-width: 200px;
  padding: 15px 30px;
  text-align: center;
}
#view__clubFriendly_approval .cf__loadMoreButton:hover {
  background: #004289;
  color: white;
}
#view__clubFriendly_approval .cf__loadMoreButton.button__updating {
  background: #ebedf5;
  color: #ebedf5;
  position: relative;
}
@keyframes checkoutLoadingSpin {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
#view__clubFriendly_approval .cf__loadMoreButton.button__updating:before {
  bottom: auto;
  content: " ";
  display: block;
  left: 47%;
  position: absolute;
  right: auto;
  top: 50%;
  animation: checkoutLoadingSpin 1s linear infinite;
  border: solid 2px #26272a;
  border-radius: 20px;
  border-top: transparent 2px solid;
  height: 20px;
  margin-top: -10px;
  transform-origin: center;
  width: 20px;
  z-index: 100;
}

.popup__container {
  background: rgba(38, 39, 42, 0.8);
  bottom: 0;
  display: none;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 999999;
}
.popup__container.active {
  display: block;
}
.popup__container .popup__content {
  background: white;
  margin: 0 auto;
  max-height: 80%;
  max-width: 800px;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
  padding: 30px;
  position: relative;
  width: 90%;
}
@media (min-width: 768px) {
  .popup__container .popup__content {
    padding: 50px;
  }
}
.popup__container .popup__content form {
  position: relative;
}
.popup__container .popup__content form.updating:before {
  bottom: -30px;
  content: " ";
  display: block;
  left: -30px;
  position: absolute;
  right: -30px;
  top: -30px;
  align-items: center;
  background: rgba(255, 165, 0, 0.8);
  color: white;
  content: "Updating...";
  display: flex;
  font-weight: 800;
  justify-content: center;
  text-align: center;
}
.popup__container .popup__content form.success:before {
  bottom: -30px;
  content: " ";
  display: block;
  left: -30px;
  position: absolute;
  right: -30px;
  top: -30px;
  align-items: center;
  background: rgba(25, 135, 84, 0.8);
  color: white;
  content: "Success! This page should automatically reload.";
  display: flex;
  font-weight: 800;
  justify-content: center;
  text-align: center;
}
.popup__container .popup__content form.error:before {
  bottom: -30px;
  content: " ";
  display: block;
  left: -30px;
  position: absolute;
  right: -30px;
  top: -30px;
  align-items: center;
  background: rgba(220, 53, 69, 0.8);
  color: white;
  content: "Something went wrong. Please try again.";
  display: flex;
  font-weight: 800;
  justify-content: center;
  text-align: center;
}
.popup__container .popup__content form .cf__formField {
  margin-bottom: 30px;
}
.popup__container .popup__content form .cf__formField label {
  display: block;
  font-size: 12px;
  font-weight: 700;
  margin-bottom: 10px;
  text-transform: uppercase;
}
.popup__container .popup__content form .cf__formField select {
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27%3E%3Cpath d=%27M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z%27/%3E%3Cpath fill=%27none%27 d=%27M0 0h24v24H0V0z%27/%3E%3C/svg%3E");
  background-position: right 15px center;
  background-repeat: no-repeat;
  border: solid 1px #dee2e6;
  padding: 10px 50px 10px 10px;
}
.popup__container .popup__content form .cf__formField input,
.popup__container .popup__content form .cf__formField textarea {
  appearance: none;
  border: solid 1px #dee2e6;
  border-radius: 0;
  padding: 10px;
  width: 100%;
}
.popup__container .popup__content form .cf__formSubmit {
  display: flex;
  justify-content: space-between;
}
.popup__container .popup__content form .cf__formSubmit button,
.popup__container .popup__content form .cf__formSubmit a {
  appearance: none;
  background: #dee2e6;
  border: 0;
  padding: 10px 20px;
}
.popup__container .popup__content form .cf__formSubmit button:focus, .popup__container .popup__content form .cf__formSubmit button:active,
.popup__container .popup__content form .cf__formSubmit a:focus,
.popup__container .popup__content form .cf__formSubmit a:active {
  outline: none;
}
.popup__container .popup__content form .cf__formSubmit button.cf_form_submitChanges:hover,
.popup__container .popup__content form .cf__formSubmit a.cf_form_submitChanges:hover {
  background: #198754;
  color: white;
}
.popup__container .popup__content form .cf__formSubmit button.popupControlButton,
.popup__container .popup__content form .cf__formSubmit a.popupControlButton {
  background: transparent;
  color: #ced4da;
}
.popup__container .popup__content form .cf__formSubmit button.popupControlButton:hover,
.popup__container .popup__content form .cf__formSubmit a.popupControlButton:hover {
  color: #6c757d;
}
.popup__container a.closeIcon {
  position: absolute;
  right: 15px;
  top: 15px;
  z-index: 30;
}
@media (min-width: 992px) {
  .popup__container a.closeIcon {
    right: 30px;
    top: 30px;
  }
}

.cf__accessDenied {
  padding: 100px 0;
  text-align: center;
}
.cf__accessDenied i {
  color: #ced4da;
  font-size: 150px;
  margin-bottom: 30px;
}
.cf__accessDenied a {
  appearance: none;
  background: #004289;
  border: 0;
  border-radius: 0;
  color: white;
  cursor: pointer;
  display: inline-block;
  margin: 20px 0;
  padding: 10px 20px;
  z-index: 100;
}
.cf__accessDenied a:hover {
  background: #8b1c6d;
}

/* ========================================================
    _club-finder.scss - Scottish Womens Football
======================================================== */
#view__club-finder {
  display: flex;
  flex-direction: column;
  min-height: calc(80dvh - 85px);
}
#view__club-finder #club-finder-root {
  display: flex;
  flex: 1;
  flex-direction: column;
}
#view__club-finder #club-finder-root #cf__wrapper {
  display: flex;
  flex: 1;
  flex-direction: column;
}
@media (min-width: 992px) {
  #view__club-finder #club-finder-root #cf__wrapper {
    flex-direction: row;
    max-height: calc(80dvh - 85px);
    overflow: hidden;
  }
  #view__club-finder #club-finder-root #cf__wrapper > div {
    flex: 1;
    overflow: scroll;
  }
}
#view__club-finder #club-finder-root #cf__wrapper .cf__wrapper-map .cf__data-map {
  height: 100%;
  position: relative;
}
#view__club-finder #club-finder-root #cf__wrapper .cf__wrapper-map .cf__data-map .map__container {
  height: 100%;
}
#view__club-finder #club-finder-root #cf__wrapper .cf__wrapper-map .cf__data-map .map__info {
  display: none;
  height: 100%;
  padding: 30px;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 20;
}
@media (min-width: 1200px) {
  #view__club-finder #club-finder-root #cf__wrapper .cf__wrapper-map .cf__data-map .map__info {
    width: 50%;
  }
}
#view__club-finder #club-finder-root #cf__wrapper .cf__wrapper-map .cf__data-map .map__info .info__inner {
  min-height: 100%;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
#view__club-finder #club-finder-root #cf__wrapper .cf__wrapper-map .cf__data-map .map__info.visible__info {
  display: block;
}
#view__club-finder #club-finder-root #cf__wrapper .cf__wrapper-list {
  padding: 1rem;
}
@media (min-width: 992px) {
  #view__club-finder #club-finder-root #cf__wrapper .cf__wrapper-list {
    padding: 2rem;
  }
}
#view__club-finder #club-finder-root #cf__wrapper .cf__wrapper-list .cf__postcode {
  background-color: #ebedf5;
  padding: 1rem;
}
#view__club-finder #club-finder-root #cf__wrapper .cf__wrapper-list .cf__postcode .cf__postcode-input {
  display: flex;
  gap: 1rem;
}
#view__club-finder #club-finder-root #cf__wrapper .cf__wrapper-list .cf__postcode .cf__postcode-input input {
  appearance: none;
  background-color: #ebedf5;
  border: solid 1px;
  flex: 1;
  padding: 0.5rem 1rem;
}
#view__club-finder #club-finder-root #cf__wrapper .cf__wrapper-list .cf__postcode .cf__postcode-input button {
  appearance: none;
  background-color: #004289;
  border: solid 1px #004289;
  color: white;
  padding: 0.5rem 1rem;
}
#view__club-finder #club-finder-root #cf__wrapper .cf__wrapper-list .cf__list-data .club__list {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  margin: 0;
}
#view__club-finder #club-finder-root #cf__wrapper .cf__wrapper-list .cf__list-data .club__list li.club__divider {
  background: #004289;
  color: white;
  font-weight: 700;
  margin: 1rem 0;
  padding: 1rem;
}
#view__club-finder #club-finder-root #cf__wrapper .cf__wrapper-list .cf__list-data .club__list li.club {
  border-bottom: solid 1px #ebedf5;
}
#view__club-finder #club-finder-root #cf__wrapper .cf__wrapper-list .cf__list-data .club__list li.club a {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 1rem;
}
#view__club-finder #club-finder-root #cf__wrapper .cf__wrapper-list .cf__list-data .club__list li.club a:hover {
  background-color: #ebedf5;
}
#view__club-finder #club-finder-root .cf__loading {
  align-items: center;
  background-color: #ebedf5;
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: center;
  padding: 2rem;
  text-align: center;
}
@media (min-width: 768px) {
  #view__club-finder #club-finder-root .cf__loading {
    padding: 10%;
  }
}
@media (min-width: 992px) {
  #view__club-finder #club-finder-root .cf__loading {
    padding: 20%;
  }
}
#view__club-finder #club-finder-root .cf__error {
  align-items: center;
  background-color: #dc3545;
  color: white;
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: center;
  padding: 2rem;
  text-align: center;
}
@media (min-width: 768px) {
  #view__club-finder #club-finder-root .cf__error {
    padding: 10%;
  }
}
@media (min-width: 992px) {
  #view__club-finder #club-finder-root .cf__error {
    padding: 20%;
  }
}

@media (min-width: 992px) {
  #view__cf-club .club__team-list {
    display: flex;
    flex-wrap: wrap;
  }
  #view__cf-club .club__team-list li {
    width: 50%;
  }
}
#view__cf-club #club__map {
  background-color: #ebedf5;
  aspect-ratio: 1;
  height: 100%;
}
@media (min-width: 768px) {
  #view__cf-club #club__map {
    aspect-ratio: unset;
  }
}

/* ========================================================
    _noticeboard.scss - Scottish Womens Football
======================================================== */
@keyframes rotateLoading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.component__noticeboard .container, .component__noticeboard .component__competition-group .tabbed__content, .component__competition-group .component__noticeboard .tabbed__content {
  border-top: solid 10px #ebedf5;
  padding-top: 2rem;
}
@media (max-width: 767.98px) {
  .component__noticeboard .noticeboard__filters {
    border-bottom: solid 10px #ebedf5;
    margin-bottom: 2rem;
    padding-bottom: 2rem;
  }
}
@media (min-width: 992px) {
  .component__noticeboard .noticeboard__filters {
    margin-right: 3rem;
    max-width: 250px;
    width: 25%;
  }
}
.component__noticeboard .noticeboard__filters form {
  margin-top: 2rem;
}
.component__noticeboard .noticeboard__filters form fieldset {
  margin-bottom: 1rem;
}
.component__noticeboard .noticeboard__filters form fieldset > span {
  align-items: center;
  display: flex;
  font-weight: 700;
  gap: 0.5rem;
  margin: 0 0 1rem;
  width: 100%;
}
.component__noticeboard .noticeboard__filters form fieldset > span input[type=checkbox] {
  appearance: none;
  border: solid 1px #ebedf5;
  height: 2rem;
  width: 2rem;
}
.component__noticeboard .noticeboard__filters form fieldset > span input[type=checkbox]:checked {
  background-color: #11eec6;
  background-image: url("data:image/svg+xml,%3Csvg width=%27187%27 height=%27144%27 viewBox=%270 0 187 144%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M187 15.6666L58.9997 143.667L0.333008 85L15.373 69.96L58.9997 113.48L171.96 0.626648L187 15.6666Z%27 fill=%27white%27/%3E%3C/svg%3E%0A");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 65%;
}
.component__noticeboard .noticeboard__filters form input[type=submit] {
  appearance: none;
  background-color: #8b1c6d;
  border: solid 1px #ebedf5;
  color: white;
  padding: 0.5rem 1rem;
  position: relative;
  width: 100%;
}
.component__noticeboard .noticeboard__filters form input[type=submit]:hover {
  background-color: rgb(162.2, 73.4, 138.2);
}
.component__noticeboard .noticeboard__list ul {
  margin: 0;
}
.component__noticeboard .noticeboard__list ul li.noticeboard__card {
  border-bottom: solid 1px #ebedf5;
  padding: 3rem 0;
}
.component__noticeboard .noticeboard__list ul li.noticeboard__card:first-child {
  padding-top: 0;
}
.component__noticeboard .noticeboard__list ul li.noticeboard__card .inner {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (min-width: 768px) {
  .component__noticeboard .noticeboard__list ul li.noticeboard__card .inner {
    flex-direction: row;
    gap: 3rem;
  }
}
.component__noticeboard .noticeboard__list ul li.noticeboard__card .inner .content {
  flex: 1;
}
.component__noticeboard .noticeboard__list ul li.noticeboard__card .inner .content img {
  margin: 1rem 0;
  max-width: 100%;
}
.component__noticeboard .noticeboard__list ul li.noticeboard__card .inner .content .tags {
  display: block;
  margin-top: 2rem;
}
.component__noticeboard .noticeboard__list ul li.noticeboard__card .inner .content .tags ul {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.component__noticeboard .noticeboard__list ul li.noticeboard__card .inner .content .tags ul li {
  background-color: #ebedf5;
  border-radius: 1rem;
  display: block;
  font-size: 0.8em;
  padding: 0.3rem 1rem;
}
.component__noticeboard .noticeboard__list ul li.noticeboard__card .inner > img {
  display: block;
  margin: 0.5rem 0;
  object-fit: contain;
  object-position: top center;
  width: 100%;
}
@media (min-width: 768px) {
  .component__noticeboard .noticeboard__list ul li.noticeboard__card .inner > img {
    max-width: 344px;
    width: 33.333%;
  }
}
.component__noticeboard #load-more-notices.loading {
  gap: 1rem;
}
.component__noticeboard #load-more-notices.loading::after {
  animation: rotateLoading 1s linear infinite;
  border: dashed 2px white;
  border-left-color: transparent;
  border-radius: 50%;
  content: " ";
  display: block;
  height: 16px;
  width: 16px;
}
.component__noticeboard.no-posts-found {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 3rem;
}
@media (min-width: 768px) {
  .component__noticeboard.no-posts-found {
    padding: 10rem 0;
  }
}

/* ========================================================
    _news.scss - Scottish Women's Football
======================================================== */
article.news__article-item {
  height: 100%;
  padding-bottom: 2rem;
}
article.news__article-item a {
  border: solid 1px #ebedf5;
  color: #26272a;
  display: flex;
  flex-direction: column;
  height: 100%;
  text-decoration: none;
}
@media (min-width: 768px) {
  article.news__article-item a {
    border: 0;
  }
}
article.news__article-item a:hover .content h3, article.news__article-item a:hover .content .h3, article.news__article-item a:hover .content .component__accordion .accordion__container .accordion__title, .component__accordion .accordion__container article.news__article-item a:hover .content .accordion__title {
  color: #004289;
}
article.news__article-item a .ratio, article.news__article-item a .component__banner.banner__video .inner-content, .component__banner.banner__video article.news__article-item a .inner-content, article.news__article-item a .component__media.media__video .inner, .component__media.media__video article.news__article-item a .inner {
  position: relative;
  z-index: 5;
}
article.news__article-item a img {
  object-fit: cover;
  object-position: center;
  z-index: 5;
}
article.news__article-item a .content {
  background-color: white;
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 1rem 1rem;
  position: relative;
  z-index: 10;
}
article.news__article-item a .content span:last-child {
  margin-top: auto;
}
@media (min-width: 768px) {
  article.news__article-item a .content {
    margin-top: -15%;
    width: 90%;
  }
}
@media (min-width: 992px) {
  article.news__article-item a .content {
    width: 80%;
  }
}

.component__latest-news .wrapper__intro {
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: 2rem;
}
.component__latest-news .wrapper__intro .inner h3, .component__latest-news .wrapper__intro .inner .h3, .component__latest-news .wrapper__intro .inner .component__accordion .accordion__container .accordion__title, .component__accordion .accordion__container .component__latest-news .wrapper__intro .inner .accordion__title {
  color: #ebedf5;
  font-size: clamp(1.5rem, 5vw, 10.5rem);
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .component__latest-news .wrapper__intro .inner h3, .component__latest-news .wrapper__intro .inner .h3, .component__latest-news .wrapper__intro .inner .component__accordion .accordion__container .accordion__title, .component__accordion .accordion__container .component__latest-news .wrapper__intro .inner .accordion__title {
    line-height: 0.8;
    margin-bottom: 1rem;
  }
}

.component__news-carousel {
  overflow: hidden;
}
.component__news-carousel .swiper {
  margin-left: 0;
  overflow: visible;
  width: 90%;
}
@media (min-width: 992px) {
  .component__news-carousel .swiper {
    width: 100%;
  }
}
.component__news-carousel .swiper .swiper-slide {
  height: auto;
}

.component__news-grid {
  overflow: hidden;
}
@media (max-width: 991.98px) {
  .component__news-grid .swiper {
    margin-left: 0;
    overflow: visible;
    width: 95%;
  }
  .component__news-grid .swiper .swiper-slide {
    height: auto;
  }
}
@media (min-width: 992px) {
  .component__news-grid .swiper .swiper-wrapper {
    display: grid;
    flex-wrap: wrap;
    gap: 0 2rem;
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (min-width: 1500px) {
  #view__blog-archive .container, #view__blog-archive .component__competition-group .tabbed__content, .component__competition-group #view__blog-archive .tabbed__content {
    width: min(100% - 8rem, 1680px);
  }
}
#view__blog-archive .blog-archive__banner h1, #view__blog-archive .blog-archive__banner .h1 {
  color: #ebedf5;
  display: block;
  font-size: clamp(1.5rem, 10vw, 6rem);
  line-height: 0.8;
  margin-bottom: 1rem;
  max-width: 1280px;
  text-align: center;
}
@media (min-width: 768px) {
  #view__blog-archive .blog-archive__banner h1, #view__blog-archive .blog-archive__banner .h1 {
    text-align: left;
  }
}
#view__blog-archive .blog-archive__banner img {
  width: 100%;
}
#view__blog-archive .component__pagination {
  margin: 20px auto;
  overflow: hidden;
  padding: 30px 0;
  text-align: center;
  width: min(100% - 2rem);
}
@media (min-width: 992px) {
  #view__blog-archive .component__pagination {
    width: min(100% - 4rem, 1280px);
  }
}
@media (min-width: 1500px) {
  #view__blog-archive .component__pagination {
    width: min(100% - 6rem);
  }
}
#view__blog-archive .component__pagination a.next,
#view__blog-archive .component__pagination a.prev {
  background: #e7e8ea;
  color: #26272a;
  display: inline-block;
  font-family: "Poppins", system-ui, sans-serif;
  padding: 5px 10px;
  text-decoration: none;
}
@media (min-width: 768px) {
  #view__blog-archive .component__pagination a.next,
  #view__blog-archive .component__pagination a.prev {
    padding: 10px 25px;
  }
}
#view__blog-archive .component__pagination a.next:hover,
#view__blog-archive .component__pagination a.prev:hover {
  background-color: #879300;
  color: white;
}
#view__blog-archive .component__pagination ul.pages {
  list-style: none;
  margin: 0 auto;
  padding: 0;
}
#view__blog-archive .component__pagination ul.pages li {
  display: inline-block;
}
#view__blog-archive .component__pagination ul.pages li a.page-number {
  background: #e7e8ea;
  color: #26272a;
  display: block;
  font-family: "Poppins", system-ui, sans-serif;
  padding: 5px 10px;
  text-decoration: none;
}
@media (min-width: 768px) {
  #view__blog-archive .component__pagination ul.pages li a.page-number {
    padding: 10px 25px;
  }
}
#view__blog-archive .component__pagination ul.pages li a.page-number:hover {
  background: #879300;
  color: #fff;
}
#view__blog-archive .component__pagination ul.pages li span {
  color: #879300;
  display: block;
  font-family: "Poppins", system-ui, sans-serif;
  font-weight: 700;
  padding: 5px 10px;
}
@media (min-width: 768px) {
  #view__blog-archive .component__pagination ul.pages li span {
    padding: 10px 25px;
  }
}

#view__blog-single .article__image {
  overflow: hidden;
  position: relative;
  z-index: 10;
}
#view__blog-single .article__image img {
  max-height: 800px;
  object-fit: cover;
  object-position: center;
  width: 100%;
}
#view__blog-single .article__meta {
  display: block;
  font-size: 0.8rem;
  margin-bottom: 1rem;
  opacity: 0.75;
}
#view__blog-single .article__content {
  background-color: white;
  max-width: 1280px;
  padding: 2rem 0;
  position: relative;
  z-index: 20;
}
@media (min-width: 768px) {
  #view__blog-single .article__content {
    margin-top: -5rem;
    padding: 2rem;
  }
}
@media (min-width: 992px) {
  #view__blog-single .article__content {
    padding: 3rem;
  }
}
@media (min-width: 1200px) {
  #view__blog-single .article__content {
    padding: 5rem;
  }
}
#view__blog-single .article__content .article__tags {
  margin-top: 4rem;
}
#view__blog-single .article__content .article__tags ul {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
#view__blog-single .article__content .article__tags ul li {
  background-color: #fafafa;
  border-radius: 1rem;
  display: block;
  padding: 0.3rem 1rem;
}
/* ========================================================
	_404.scss - Scottish Women's Football
======================================================== */
#view__404 {
  align-items: center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%271458%27 height=%27581%27 viewBox=%270 0 1458 581%27 fill=%27none%27%3E%3Cpath d=%27M0 479.617V371.996L246.629 19.4967H395.699V364.197H459.698V479.617H395.699V581H262.238V479.617H0ZM271.604 166.111L140.485 364.197H271.604V166.111Z%27 fill=%27%23FAFAFA%27/%3E%3Cpath d=%27M505.557 288.55C505.557 199.126 522.727 128.678 557.068 77.2067C591.929 25.7356 647.862 0 724.869 0C801.875 0 857.549 25.7356 891.89 77.2067C926.751 128.678 944.182 199.126 944.182 288.55C944.182 379.015 926.751 449.983 891.89 501.454C857.549 552.925 801.875 578.66 724.869 578.66C647.862 578.66 591.929 552.925 557.068 501.454C522.727 449.983 505.557 379.015 505.557 288.55ZM813.062 288.55C813.062 236.039 807.339 195.746 795.892 167.671C784.445 139.076 760.771 124.779 724.869 124.779C688.967 124.779 665.293 139.076 653.846 167.671C642.399 195.746 636.676 236.039 636.676 288.55C636.676 323.904 638.757 353.279 642.92 376.675C647.082 399.551 655.407 418.268 667.895 432.826C680.902 446.863 699.894 453.882 724.869 453.882C749.844 453.882 768.575 446.863 781.063 432.826C794.071 418.268 802.656 399.551 806.819 376.675C810.981 353.279 813.062 323.904 813.062 288.55Z%27 fill=%27%23FAFAFA%27/%3E%3Cpath d=%27M998.302 479.617V371.996L1244.93 19.4967H1394V364.197H1458V479.617H1394V581H1260.54V479.617H998.302ZM1269.91 166.111L1138.79 364.197H1269.91V166.111Z%27 fill=%27%23FAFAFA%27/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  justify-content: center;
  display: flex;
  flex-direction: column;
  min-height: 75vh;
}
#view__404 .container__404 {
  display: block;
  padding: 5rem 0;
  text-align: center;
  width: 100%;
}
#view__404 .container__404 .error {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 2rem;
  margin: 0 auto 20px;
}
#view__404 .container__404 .error span {
  display: block;
}
#view__404 .container__404 .error span.text {
  font-size: 13px;
  letter-spacing: 3px;
  padding: 10px 15px;
  text-transform: uppercase;
}

.ie #container__site {
  -ms-overflow-style: none;
}
.ie #container__site ::webkit-scrollbar {
  display: none;
}

/*# sourceMappingURL=style.css.map*/