body {
  font-family: var(--tux-fontFamilyParagraph);
  -webkit-font-smoothing: antialiased;
  overscroll-behavior: contain;
}

/*
  radix-ui uses react-remove-scroll in several situations when generating portals.
  this causes unintended side-effects, such as layout shifts due to margins and scrollbar
  behavior being changed, so we need to override that behavior here.
*/
[data-scroll-locked][data-scroll-locked] {
  overflow: scroll !important;
  margin: 0 !important;
}

/* Smooth scroll */
html {
  scroll-behavior: smooth;
}

/* CSS to add top offset for scroll targets which avoid header */
.scroll-target-with-header-offset::before {
  content: '';
  display: block;
  height: 120px; /* Adjust based on the height of your fixed header or desired offset */
  margin-top: -120px; /* Same value as height */
  visibility: hidden;
}

@font-face {
  font-family: 'Playfair Display';
  src: url('https://sf16-va.tiktokcdn.com/obj/eden-va2/wlaa/ljhwZthlaukjlkulzlp/fonts/PlayfairDisplay-Black.ttf')
    format('truetype');
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'Playfair Display';
  src: url('https://sf16-va.tiktokcdn.com/obj/eden-va2/wlaa/ljhwZthlaukjlkulzlp/fonts/PlayfairDisplay-BlackItalic.ttf')
    format('truetype');
  font-weight: 900;
  font-style: italic;
}

@font-face {
  font-family: 'Playfair Display';
  src: url('https://sf16-va.tiktokcdn.com/obj/eden-va2/wlaa/ljhwZthlaukjlkulzlp/fonts/PlayfairDisplay-ExtraBold.ttf')
    format('truetype');
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'Playfair Display';
  src: url('https://sf16-va.tiktokcdn.com/obj/eden-va2/wlaa/ljhwZthlaukjlkulzlp/fonts/PlayfairDisplay-ExtraBoldItalic.ttf')
    format('truetype');
  font-weight: 800;
  font-style: italic;
}

@font-face {
  font-family: 'Playfair Display';
  src: url('https://sf16-va.tiktokcdn.com/obj/eden-va2/wlaa/ljhwZthlaukjlkulzlp/fonts/PlayfairDisplay-Bold.ttf')
    format('truetype');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Playfair Display';
  src: url('https://sf16-va.tiktokcdn.com/obj/eden-va2/wlaa/ljhwZthlaukjlkulzlp/fonts/PlayfairDisplay-BoldItalic.ttf')
    format('truetype');
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: 'Playfair Display';
  src: url('https://sf16-va.tiktokcdn.com/obj/eden-va2/wlaa/ljhwZthlaukjlkulzlp/fonts/PlayfairDisplay-SemiBold.ttf')
    format('truetype');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Playfair Display';
  src: url('https://sf16-va.tiktokcdn.com/obj/eden-va2/wlaa/ljhwZthlaukjlkulzlp/fonts/PlayfairDisplay-SemiBoldItalic.ttf')
    format('truetype');
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: 'Playfair Display';
  src: url('https://sf16-va.tiktokcdn.com/obj/eden-va2/wlaa/ljhwZthlaukjlkulzlp/fonts/PlayfairDisplay-Medium.ttf')
    format('truetype');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Playfair Display';
  src: url('https://sf16-va.tiktokcdn.com/obj/eden-va2/wlaa/ljhwZthlaukjlkulzlp/fonts/PlayfairDisplay-MediumItalic.ttf')
    format('truetype');
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'Playfair Display';
  src: url('https://sf16-va.tiktokcdn.com/obj/eden-va2/wlaa/ljhwZthlaukjlkulzlp/fonts/PlayfairDisplay-Regular.ttf')
    format('truetype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Playfair Display';
  src: url('https://sf16-va.tiktokcdn.com/obj/eden-va2/wlaa/ljhwZthlaukjlkulzlp/fonts/PlayfairDisplay-Italic.ttf')
    format('truetype');
  font-weight: 400;
  font-style: italic;
}