.settings[_ngcontent-ng-c2105417372] { position: relative; }
.settings[_ngcontent-ng-c2105417372] .settings-btn[_ngcontent-ng-c2105417372] { display: flex; width: max-content; flex-shrink: 0; align-items: center; column-gap: 0.25rem; }
@media not all and (min-width: 1024px) {
  .settings[_ngcontent-ng-c2105417372] .settings-btn[_ngcontent-ng-c2105417372] { display: none; }
}
.settings[_ngcontent-ng-c2105417372] .settings-btn[_ngcontent-ng-c2105417372] .title[_ngcontent-ng-c2105417372] { flex-shrink: 0; font-size: 0.875rem; font-weight: 700; line-height: 1.25rem; --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); }
.settings[_ngcontent-ng-c2105417372] .settings-btn[_ngcontent-ng-c2105417372] .icon[_ngcontent-ng-c2105417372] { height: 1.25rem; width: 1.25rem; flex-shrink: 0; }
.settings-list[_ngcontent-ng-c2105417372] { display: flex; flex-direction: column; row-gap: 0.5rem; }
@media (min-width: 1024px) {
  .settings-list[_ngcontent-ng-c2105417372] { position: absolute; top: 3.125rem; right: -1rem; z-index: 50; max-height: 80vh; width: 23rem; border-radius: 0.375rem; border-width: 1px; --tw-border-opacity: 1; border-color: hsl(var(--tertiary-200) / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: hsl(var(--tertiary) / var(--tw-bg-opacity, 1)); padding: 1rem; }
  .settings-list[_ngcontent-ng-c2105417372]:is(.dark *) { --tw-bg-opacity: 1; background-color: hsl(var(--tertiary-200) / var(--tw-bg-opacity, 1)); }
}
.settings-list[_ngcontent-ng-c2105417372] .item[_ngcontent-ng-c2105417372] { display: flex; align-items: center; column-gap: 0.25rem; }
.settings-list[_ngcontent-ng-c2105417372] .item[_ngcontent-ng-c2105417372] .title[_ngcontent-ng-c2105417372] { display: flex; flex: 1 1 0%; align-items: center; column-gap: 0.5rem; font-size: 0.75rem; font-weight: 700; line-height: 1.25rem; color: hsl(var(--tertiary-950) / .6); }
.settings-list[_ngcontent-ng-c2105417372] .item[_ngcontent-ng-c2105417372] .title[_ngcontent-ng-c2105417372] .icon[_ngcontent-ng-c2105417372] { height: 1.25rem; width: 1.25rem; flex-shrink: 0; --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); }
.settings-list[_ngcontent-ng-c2105417372] .item[_ngcontent-ng-c2105417372] lib-fixture-view-types[_ngcontent-ng-c2105417372], .settings-list[_ngcontent-ng-c2105417372] .item[_ngcontent-ng-c2105417372] lib-odds-format-types[_ngcontent-ng-c2105417372], .settings-list[_ngcontent-ng-c2105417372] .item[_ngcontent-ng-c2105417372] lib-language[_ngcontent-ng-c2105417372], .settings-list[_ngcontent-ng-c2105417372] .item[_ngcontent-ng-c2105417372] lib-theme[_ngcontent-ng-c2105417372] { display: flex; flex: 1 1 0%; justify-content: flex-end; }
.settings-list[_ngcontent-ng-c2105417372] .item.item-bottom-border[_ngcontent-ng-c2105417372] { margin-bottom: 1rem; border-bottom-width: 1px; border-bottom-color: hsl(var(--tertiary-900) / .1); padding-bottom: 1.5rem; }
.header-template-6[_nghost-ng-c2105417372] .settings[_ngcontent-ng-c2105417372] .settings-btn[_ngcontent-ng-c2105417372], .header-template-6 [_nghost-ng-c2105417372] .settings[_ngcontent-ng-c2105417372] .settings-btn[_ngcontent-ng-c2105417372], .header-template-2[_nghost-ng-c2105417372] .settings[_ngcontent-ng-c2105417372] .settings-btn[_ngcontent-ng-c2105417372], .header-template-2 [_nghost-ng-c2105417372] .settings[_ngcontent-ng-c2105417372] .settings-btn[_ngcontent-ng-c2105417372], .header-template-3[_nghost-ng-c2105417372] .settings[_ngcontent-ng-c2105417372] .settings-btn[_ngcontent-ng-c2105417372], .header-template-3 [_nghost-ng-c2105417372] .settings[_ngcontent-ng-c2105417372] .settings-btn[_ngcontent-ng-c2105417372], .header-template-4[_nghost-ng-c2105417372] .settings[_ngcontent-ng-c2105417372] .settings-btn[_ngcontent-ng-c2105417372], .header-template-4 [_nghost-ng-c2105417372] .settings[_ngcontent-ng-c2105417372] .settings-btn[_ngcontent-ng-c2105417372], .header-template-5[_nghost-ng-c2105417372] .settings[_ngcontent-ng-c2105417372] .settings-btn[_ngcontent-ng-c2105417372], .header-template-5 [_nghost-ng-c2105417372] .settings[_ngcontent-ng-c2105417372] .settings-btn[_ngcontent-ng-c2105417372] { height: 2.625rem; padding-left: 0.375rem; padding-right: 0.375rem; }
@media (min-width: 1024px) {
  .header-template-6[_nghost-ng-c2105417372] .settings[_ngcontent-ng-c2105417372] .settings-list[_ngcontent-ng-c2105417372], .header-template-6 [_nghost-ng-c2105417372] .settings[_ngcontent-ng-c2105417372] .settings-list[_ngcontent-ng-c2105417372], .header-template-2[_nghost-ng-c2105417372] .settings[_ngcontent-ng-c2105417372] .settings-list[_ngcontent-ng-c2105417372], .header-template-2 [_nghost-ng-c2105417372] .settings[_ngcontent-ng-c2105417372] .settings-list[_ngcontent-ng-c2105417372], .header-template-3[_nghost-ng-c2105417372] .settings[_ngcontent-ng-c2105417372] .settings-list[_ngcontent-ng-c2105417372], .header-template-3 [_nghost-ng-c2105417372] .settings[_ngcontent-ng-c2105417372] .settings-list[_ngcontent-ng-c2105417372], .header-template-4[_nghost-ng-c2105417372] .settings[_ngcontent-ng-c2105417372] .settings-list[_ngcontent-ng-c2105417372], .header-template-4 [_nghost-ng-c2105417372] .settings[_ngcontent-ng-c2105417372] .settings-list[_ngcontent-ng-c2105417372], .header-template-5[_nghost-ng-c2105417372] .settings[_ngcontent-ng-c2105417372] .settings-list[_ngcontent-ng-c2105417372], .header-template-5 [_nghost-ng-c2105417372] .settings[_ngcontent-ng-c2105417372] .settings-list[_ngcontent-ng-c2105417372] { top: 3.75rem; }
}
.animation-example[_ngcontent-ng-c2105417372] { animation: 0.5s ease-in-out 0.5s 1 normal none running shakeY; }