.Grid_grid__L_W01 {
    display: grid;
    transition: grid-template-columns .3s ease-out
}

.Grid_grid__L_W01.Grid_space0__rwVJt {
    gap: 0
}

.Grid_grid__L_W01.Grid_space1__eu0iw {
    gap: .5rem
}

.Grid_grid__L_W01.Grid_space2__SM4pc {
    gap: 1rem
}

.Grid_grid__L_W01.Grid_space3__6Suim {
    gap: 1.5rem
}

.Grid_grid__L_W01.Grid_space4__YdRRR {
    gap: 2rem
}

.Grid_grid__L_W01.Grid_space5__drriq {
    gap: 3rem
}

.Grid_grid__L_W01.Grid_rowSpace0__kpgit {
    gap: 0
}

.Grid_grid__L_W01.Grid_rowSpace1__IVhGi {
    gap: .5rem
}

.Grid_grid__L_W01.Grid_rowSpace2__mqhwU {
    gap: 1rem
}

.Grid_grid__L_W01.Grid_rowSpace3__Z8MwP {
    gap: 1.5rem
}

.Grid_grid__L_W01.Grid_rowSpace4__fq17m {
    gap: 2rem
}

.Grid_grid__L_W01.Grid_rowSpace5__9RV2z {
    gap: 3rem
}

.Grid_alignStart__jRchF {
    align-items: flex-start
}

.Grid_alignEnd__b5WuI {
    align-items: flex-end
}

.Grid_center__EcqN8 {
    align-items: center
}

.Pagination_button__qj1vd {
    display: flex;
    width: 20px;
    height: 20px;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    background-color: var(--background-700);
    border: none;
    border-radius: .25rem
}

.Pagination_button__qj1vd:disabled {
    background-color: var(--primary-700);
    font-weight: 400;
    color: var(--grayscale-100);
    pointer-events: none;
    opacity: 1
}

.SelectField_textFieldWrapper__nuHEm {
    display: flex;
    flex-direction: column;
    gap: .5rem
}

.SelectField_textFieldWrapper__nuHEm span {
    font-size: .75rem;
    line-height: 14px
}

.SelectField_textFieldWrapper__nuHEm input {
    width: 100%
}

.SelectField_textFieldWrapper__nuHEm input::-webkit-inner-spin-button,
.SelectField_textFieldWrapper__nuHEm input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.SelectField_errorMessage__gVoay {
    color: var(--primary-700)
}

.SelectField_textField__uDpkx {
    color-scheme: var(--color-scheme);
    background: none;
    color: var(--grayscale-100);
    background-color: var(--background-800);
    border: 1px solid;
    border-color: var(--background-700);
    border-radius: .5rem;
    padding: .5rem 1.75rem .5rem .75rem;
    outline: none;
    resize: vertical;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%
}

.SelectField_textField__uDpkx.SelectField_error__l98qB {
    border-color: var(--primary-700);
    opacity: 1
}

.SelectField_textField__uDpkx:focus {
    border-color: var(--background-400)
}

.SelectField_selectWrapper__dLxAM {
    position: relative
}

.SelectField_selectWrapper__dLxAM .SelectField_icon__WaPdN {
    position: absolute;
    right: .5rem;
    top: calc(50% - .5rem);
    opacity: .5;
    pointer-events: none
}

.SelectField_selectWrapper__dLxAM select {
    background-color: var(--background-800)
}

.toggle-checkbox {
    display: none;
}

.Toggle_advancedCheckboxWrapper__pxAee {
    color: var(--black-200);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    position: relative;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: .5rem
}

.Toggle_advancedCheckboxWrapper__pxAee.Toggle_advancedCheckboxWrapperDisabled___rIFi {
    opacity: .5;
    pointer-events: none
}

.Toggle_advancedCheckboxWrapper__pxAee input {
    display: none
}

.Toggle_advancedCheckboxWrapper__pxAee .Toggle_subText__2eiQ6 {
    font-size: .625rem;
    opacity: .75
}

.Toggle_advancedCheckboxWrapper__pxAee .Toggle_advancedCheckbox__K3w5X {
    height: 1rem;
    width: 2rem;
    border: 1px solid var(--grayscale-500);
    border-radius: 2rem;
    position: relative;
    flex-shrink: 0
}

.Toggle_advancedCheckboxWrapper__pxAee .Toggle_advancedCheckbox__K3w5X .Toggle_advancedCheckboxInner__EI0n5 {
    height: .5rem;
    width: .5rem;
    border-radius: 50%;
    background-color: var(--grayscale-500);
    position: absolute;
    right: calc(100% - .25rem - .5rem);
    top: calc(.25rem - 1px);
    transition: right .3s ease-out
}

.Toggle_advancedCheckboxWrapper__pxAee .Toggle_advancedCheckbox__K3w5X.Toggle_active__BwrGu .Toggle_advancedCheckboxInner__EI0n5 {
    height: .5rem;
    width: .5rem;
    border-radius: 50%;
    background-color: var(--green-600);
    position: absolute;
    right: .25rem;
    top: calc(.25rem - 1px)
}

.Toggle_advancedCheckboxWrapper__pxAee.Toggle_advancedCheckboxWrapperThemed__e9inU {
    color: var(--grayscale-500)
}

.Toggle_advancedCheckboxWrapper__pxAee.Toggle_advancedCheckboxWrapperThemed__e9inU .Toggle_advancedCheckbox__K3w5X {
    border: 1px solid var(--grayscale-500)
}

.Toggle_advancedCheckboxWrapper__pxAee.Toggle_advancedCheckboxSmall__zzsPk {
    font-size: .75rem
}

.InputField_textFieldWrapper__z2zFJ {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    position: relative
}

.InputField_textFieldWrapper__z2zFJ .InputField_icon__nQrH_ {
    position: absolute;
    right: .5rem;
    top: 8px;
    opacity: .75
}

.InputField_textFieldWrapper__z2zFJ.InputField_maxWidth__vzHzd {
    width: 100%
}

.InputField_textFieldWrapper__z2zFJ span {
    font-size: .75rem;
    line-height: 14px
}

.InputField_textFieldWrapper__z2zFJ .InputField_labelInfo__l8Yum {
    opacity: .75;
    font-size: .75rem
}

.InputField_textFieldWrapper__z2zFJ input {
    width: 100%
}

.InputField_textFieldWrapper__z2zFJ input::-webkit-inner-spin-button,
.InputField_textFieldWrapper__z2zFJ input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.InputField_errorMessage__EUOUu {
    color: var(--primary-700)
}

.InputField_textField__TJQ2g {
    color-scheme: var(--color-scheme);
    background: none;
    color: var(--grayscale-100);
    background-color: var(--background-800);
    border: 1px solid;
    border-color: var(--background-700);
    border-radius: .5rem;
    padding: .5rem .75rem;
    outline: none;
    resize: vertical;
    font-family: inherit
}

.InputField_textField__TJQ2g::placeholder {
    color: var(--grayscale-600)
}

.InputField_textField__TJQ2g.InputField_error__m2Tpc {
    border-color: var(--primary-700);
    opacity: 1
}

.InputField_textField__TJQ2g:focus {
    border-color: var(--background-400)
}

.components_classFilterGroup__6UB4C {
    display: grid;
    grid-template-columns: repeat(6, 1fr)
}

.components_classFilter__yMFHI {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .25rem;
    border: 1px solid var(--background-700);
    padding: .25rem .5rem;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    height: 33px;
    background-color: var(--background-800);
    border-inline-width: .5px
}

.components_classFilter__yMFHI:first-child {
    border-bottom-left-radius: .5rem;
    border-top-left-radius: .5rem;
    border-left-width: 1px
}

.components_classFilter__yMFHI:last-child {
    border-bottom-right-radius: .5rem;
    border-top-right-radius: .5rem;
    border-right-width: 1px
}

.components_classFilter__yMFHI.components_active__fthji,
.components_classFilter__yMFHI:hover {
    background-color: var(--background-700);
    color: var(--grayscale-100)
}

.components_classFilter__yMFHI .components_classImage__9R_OK {
    width: 16px;
    height: 16px
}

.components_classFilter__yMFHI .components_label__ndeb7 {
    font-size: .75rem;
    white-space: nowrap
}

.components_classFilter__yMFHI .components_label__ndeb7:not(.components_mobile__cELzK) {
    display: none
}

@media (min-width: 600px) {
    .components_classFilter__yMFHI .components_label__ndeb7:not(.components_mobile__cELzK) {
        display: block
    }
}

.AspectSelection_image__cOPBy {
    width: 20px;
    height: 20px;
    opacity: .5;
    cursor: pointer
}

.AspectSelection_image__cOPBy.AspectSelection_selected__XjchT {
    opacity: 1;
    filter: brightness(1.5)
}

.AspectSelection_image__cOPBy:hover {
    opacity: 1
}

.AspectSelection_image__cOPBy.AspectSelection_large__lBM5h {
    width: 28px;
    height: 28px
}

.AspectSelection_label__MOxLE {
    font-size: .5rem;
    opacity: .75
}

.AspectSelection_wrapper__gjsHK {
    cursor: pointer
}

.AspectSelection_wrapper__gjsHK:hover .AspectSelection_image__cOPBy,
.AspectSelection_wrapper__gjsHK:hover .AspectSelection_label__MOxLE {
    opacity: 1
}

.ClassSelection_image__lrYQk {
    width: 28px;
    height: 28px;
    opacity: .5
}

.ClassSelection_image__lrYQk.ClassSelection_selected__4GouV {
    opacity: 1;
    filter: brightness(2)
}

.ClassSelection_image__lrYQk:hover {
    opacity: 1
}

.ClassSelection_image__lrYQk.ClassSelection_large__ebrq0 {
    width: 40px;
    height: 40px
}

.ClassSelection_label__eh8Iw {
    font-size: .5rem;
    opacity: .75
}

.ClassSelection_wrapper__sA6nA {
    cursor: pointer;
    padding: .25rem;
    border-radius: .25rem;
    width: 50px
}

.ClassSelection_wrapper__sA6nA.ClassSelection_selected__4GouV,
.ClassSelection_wrapper__sA6nA:hover {
    background-color: var(--background-800)
}

.ClassSelection_wrapper__sA6nA.ClassSelection_selected__4GouV .ClassSelection_image__lrYQk,
.ClassSelection_wrapper__sA6nA.ClassSelection_selected__4GouV .ClassSelection_label__eh8Iw,
.ClassSelection_wrapper__sA6nA:hover .ClassSelection_image__lrYQk,
.ClassSelection_wrapper__sA6nA:hover .ClassSelection_label__eh8Iw {
    opacity: 1
}

.HighlightMessage_tag__IL8vD {
    font-size: .75rem;
    background-color: var(--primary-700);
    border-radius: .25rem;
    padding: .75rem .5rem;
    font-weight: 400;
    color: var(--grayscale-100);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    text-align: center
}

.HighlightMessage_tag__IL8vD.HighlightMessage_clickable__69KHh {
    cursor: pointer
}

@media (min-width: 700px) {
    .HighlightMessage_tag__IL8vD {
        font-size: 1rem
    }
}

.HighlightMessage_tag__IL8vD.HighlightMessage_red__RtMGR {
    background-color: var(--primary-700);
    border: 1px solid var(--primary-800)
}

.HighlightMessage_tag__IL8vD.HighlightMessage_green__N_ilX {
    background-color: var(--green-600);
    border: 1px solid var(--green-700);
    color: var(--grayscale-900)
}

.HighlightMessage_tag__IL8vD.HighlightMessage_blue__DhrGd {
    background-color: var(--blue-700);
    border: 1px solid var(--blue-800)
}

.HighlightMessage_tag__IL8vD.HighlightMessage_gold__HYzHN {
    background-color: var(--orange-400);
    border: 1px solid var(--orange-500);
    color: var(--grayscale-900)
}

.HighlightMessage_tag__IL8vD.HighlightMessage_background__DkNxL {
    background-color: var(--background-700)
}

.Table_tableWrapper__opSvY {
    overflow: auto
}

.Table_tableWrapper__opSvY.Table_overflow__rJNGf {
    overflow: visible
}

.Table_table__1E2kn {
    border-collapse: collapse;
    --border-radius: 0.5rem;
    border-bottom-left-radius: var(--border-radius);
    border-bottom-right-radius: var(--border-radius);
    max-width: 100%;
    width: 100%
}

@media(min-width: 800px) {
    .Table_table__1E2kn {
        width: auto;
        min-width: 100%
    }

    .Table_table__1E2kn.Table_fullWidth__CVTgc {
        width: 100%
    }
}

.Table_table__1E2kn tbody tr:first-child td:first-child {
    border-top-left-radius: var(--border-radius)
}

.Table_table__1E2kn tbody tr:first-child td:last-child {
    border-top-right-radius: var(--border-radius)
}

.Table_table__1E2kn tbody tr:last-child td:first-child {
    border-bottom-left-radius: var(--border-radius)
}

.Table_table__1E2kn tbody tr:last-child td:last-child {
    border-bottom-right-radius: var(--border-radius)
}

.Table_table__1E2kn:not(.Table_notAlternating__m0qOX) tbody tr:nth-child(odd) {
    background-color: var(--background-750)
}

.Table_table__1E2kn:not(.Table_notAlternating__m0qOX) tbody tr:nth-child(2n) {
    background-color: var(--background-800)
}

.TableHead_tableHead__e1S6_ {
    font-weight: 200
}

.TableHead_tableHead__e1S6_ th {
    font-size: .625rem;
    line-height: 14px;
    font-weight: 400;
    padding: .75rem;
    text-align: left
}

.TableHead_tableHead__e1S6_ th:first-child {
    text-align: left
}

.TableHead_tableHead__e1S6_ th:last-child {
    text-align: right
}

@media(min-width: 800px) {
    .TableHead_tableHead__e1S6_ th {
        font-size: .75rem;
        padding: 0 1.5rem .25rem
    }
}

.TableRow_tableRow__Y3piR {
    opacity: 1
}

.TableRow_tableRow__Y3piR.TableRow_even__XgKTK {
    background-color: var(--background-750)
}

.TableRow_tableRow__Y3piR.TableRow_odd__X7Flw {
    background-color: var(--background-800)
}

.TableRow_tableRow__Y3piR.TableRow_highlight__Hcu4d {
    background-color: var(--orange-600) !important;
    color: var(--grayscale-100);
    font-weight: 500
}

.TableRow_tableRow__Y3piR.TableRow_highlight__Hcu4d td {
    background-color: var(--orange-600) !important
}

.TableRow_tableRow__Y3piR td {
    text-align: start;
    padding: .5rem;
    font-size: .75rem
}

.TableRow_tableRow__Y3piR td:first-child {
    text-align: left
}

.TableRow_tableRow__Y3piR td:last-child {
    text-align: right
}

@media(min-width: 800px) {
    .TableRow_tableRow__Y3piR td {
        padding: .5rem;
        font-size: 1rem
    }
}

.components_aspect__rBAKC {
    cursor: pointer;
    transition: background-color .3s ease-out;
    border-radius: .25rem;
    padding: .5rem .25rem;
    height: 100%;
    min-height: 88px;
    background-color: var(--background-800)
}

.components_aspect__rBAKC:hover {
    background-color: var(--background-700)
}

.components_aspect__rBAKC.components_selected__xWCXy {
    background-color: var(--background-700);
    outline: 1px solid var(--green-600)
}

.components_label__BIP8S {
    color: var(--grayscale-300)
}

.components_disclaimer__yHXtY {
    color: var(--grayscale-600);
    font-size: .875rem
}

.video-list_videoList__PGhw4 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    grid-gap: 1rem;
    gap: 1rem;
    margin-block: 2rem
}

.video-list_videoList__PGhw4 .video-list_videoWrapper__3Jp90 {
    aspect-ratio: 1.64;
    border-radius: .5rem;
    overflow: hidden
}

.video-list_videoList__PGhw4 .video-list_videoWrapper__3Jp90:hover {
    transition: filter .3s ease-out;
    filter: brightness(1.5)
}

.video-list_videoList__PGhw4 .video-list_videoWrapper__3Jp90:nth-child(3),
.video-list_videoList__PGhw4 .video-list_videoWrapper__3Jp90:nth-child(4) {
    display: none
}

@media (min-width: 398px) {

    .video-list_videoList__PGhw4 .video-list_videoWrapper__3Jp90:nth-child(3),
    .video-list_videoList__PGhw4 .video-list_videoWrapper__3Jp90:nth-child(4) {
        display: block
    }
}

@media (min-width: 589px) {
    .video-list_videoList__PGhw4 .video-list_videoWrapper__3Jp90:nth-child(4) {
        display: none
    }
}

@media (min-width: 780px) {
    .video-list_videoList__PGhw4 .video-list_videoWrapper__3Jp90:nth-child(4) {
        display: block
    }
}

.video-list_videoList__PGhw4 .video-list_videoWrapper__3Jp90>iframe {
    width: 100%;
    height: 100%
}

.coordinate {
    position: absolute;
    bottom: 10px;
    right: 50%;
}

.tackle {
    font-weight: 100;
    font-size: 0.75rem;
}

.image-container {
    /* background-image: url("Home _ The Angler _ Call of the Wild_files/1666965549-768-break-bkg.png"); */
    /* The image used - important! */
    background-size: cover;
    position: relative;
    /* Needed to position the cutout text in the middle of the image */
    height: 100%;
    /* Some height */
    width: 100%;
}

.welcome {
    background-color: white;
    color: black;
    font-size: 5vw;
    /* Responsive font size */
    font-weight: bold;
    margin: 0 auto;
    /* Center the text container */
    padding: 10px;
    width: 50%;
    text-align: center;
    /* Center text */
    position: absolute;
    /* Position text */
    top: 50%;
    /* Position text in the middle */
    left: 50%;
    /* Position text in the middle */
    transform: translate(-50%, -50%);
    /* Position text in the middle */
    mix-blend-mode: screen;
    /* This makes the cutout text possible */
}