body {
    font-family: Gotham A,Gotham B,Gotham,Helvetica Neue,Arial,sans-serif;
    background-color: #fff;
}

.filter-container {
    border-collapse: separate;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(204 204 204 / var(--tw-border-opacity));
    padding: 1rem;
    font-family: Gotham Narrow A,Gotham Narrow B,Gotham Narrow,Helvetica Neue,Arial,"sans-serif"
}

.m-4 {
    margin: 1rem
}

.my-4 {
    margin-top: 1rem;
    margin-bottom: 1rem
}

.my-1 {
    margin-top: .25rem;
    margin-bottom: .25rem
}

.mt-6 {
    margin-top: 1.5rem
}

.mb-6 {
    margin-bottom: 1.5rem
}

.mr-1 {
    margin-right: .25rem
}

.mt-8 {
    margin-top: 2rem
}

.ml-1\.5 {
    margin-left: .375rem
}

.ml-1 {
    margin-left: .25rem
}

.ml-2 {
    margin-left: .5rem
}

.mt-0 {
    margin-top: 0
}

.ml-0 {
    margin-left: 0
}

.mr-3 {
    margin-right: .75rem
}

.mr-2 {
    margin-right: .5rem
}

.ml-4 {
    margin-left: 1rem
}

.mb-px {
    margin-bottom: 1px
}

.-mb-1 {
    margin-bottom: -.25rem
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.flex {
    display: flex
}

.inline-flex {
    display: inline-flex
}

.table {
    display: table
}

.grid {
    display: grid
}

.hidden {
    display: none
}

.h-4 {
    height: 1rem
}

.h-1 {
    height: .25rem
}

.h-16 {
    height: 4rem
}

.h-11 {
    height: 2.75rem
}

.h-\[1\.5em\] {
    height: 1.5em
}

.h-\[1em\] {
    height: 1em
}

.h-8 {
    height: 2rem
}

.w-4 {
    width: 1rem
}

.w-\[30vw\] {
    width: 30vw
}

.w-\[1\.5em\] {
    width: 1.5em
}

.w-\[1em\] {
    width: 1em
}

.w-7 {
    width: 1.75rem
}

.w-full {
    width: 100%
}

.max-w-fit {
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content
}

.cursor-pointer {
    cursor: pointer
}

.cursor-default {
    cursor: default
}

.appearance-none {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.auto-rows-min {
    grid-auto-rows: -webkit-min-content;
    grid-auto-rows: min-content
}

.grid-cols-3 {
    grid-template-columns: repeat(3,minmax(0,1fr))
}

.grid-cols-12 {
    grid-template-columns: repeat(12,minmax(0,1fr))
}

.grid-cols-5 {
    grid-template-columns: repeat(5,minmax(0,1fr))
}

.grid-cols-2 {
    grid-template-columns: repeat(2,minmax(0,1fr))
}

.items-center {
    align-items: center
}

.justify-end {
    justify-content: flex-end
}

.justify-center {
    justify-content: center
}

.justify-between {
    justify-content: space-between
}

.justify-around {
    justify-content: space-around
}

.gap-2 {
    gap: .5rem
}

.gap-3 {
    gap: .75rem
}

.-space-x-px > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-1px * var(--tw-space-x-reverse));
    margin-left: calc(-1px * calc(1 - var(--tw-space-x-reverse)))
}

.self-center {
    align-self: center
}

.self-stretch {
    align-self: stretch
}

.justify-self-end {
    justify-self: end
}

.overflow-x-scroll {
    overflow-x: scroll
}

.whitespace-nowrap {
    white-space: nowrap
}

.whitespace-pre-line {
    white-space: pre-line
}

.border {
    border-width: 1px
}

.border-0 {
    border-width: 0px
}

.border-x {
    border-left-width: 1px;
    border-right-width: 1px
}

.border-b {
    border-bottom-width: 1px
}

.border-l {
    border-left-width: 1px
}

.border-t {
    border-top-width: 1px
}

.border-r {
    border-right-width: 1px
}

.border-black {
    --tw-border-opacity: 1;
    border-color: rgb(0 0 0 / var(--tw-border-opacity))
}

.border-grey-shadow {
    border-color: #0003
}

.border-table-border {
    --tw-border-opacity: 1;
    border-color: rgb(204 204 204 / var(--tw-border-opacity))
}

.bg-hawkeye-black {
    --tw-bg-opacity: 1;
    background-color: rgb(21 21 21 / var(--tw-bg-opacity))
}

.bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}

.bg-transparent {
    background-color: transparent
}

.fill-white {
    fill: #fff
}

.p-3 {
    padding: .75rem
}

.p-1 {
    padding: .25rem
}

.p-4 {
    padding: 1rem
}

.p-1\.5 {
    padding: .375rem
}

.py-2 {
    padding-top: .5rem;
    padding-bottom: .5rem
}

.px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem
}

.py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
}

.px-1\.5 {
    padding-left: .375rem;
    padding-right: .375rem
}

.px-1 {
    padding-left: .25rem;
    padding-right: .25rem
}

.px-4 {
    padding-left: 1rem;
    padding-right: 1rem
}

.py-3 {
    padding-top: .75rem;
    padding-bottom: .75rem
}

.pt-6 {
    padding-top: 1.5rem
}

.pb-4 {
    padding-bottom: 1rem
}

.pb-8 {
    padding-bottom: 2rem
}

.pt-2 {
    padding-top: .5rem
}

.pl-3 {
    padding-left: .75rem
}

.pr-3 {
    padding-right: .75rem
}

.pl-2 {
    padding-left: .5rem
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.font-ppc-sans-narrow {
    font-family: Gotham Narrow A,Gotham Narrow B,Gotham Narrow,Helvetica Neue,Arial,"sans-serif"
}

.font-ppc-sans {
    font-family: Gotham A,Gotham B,Gotham,Helvetica Neue,Arial,sans-serif
}

.text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem
}

.text-2xl {
    font-size: 1.5rem;
    line-height: 2rem
}

.text-xs {
    font-size: .75rem;
    line-height: 1rem
}

.text-\[10px\] {
    font-size: 10px
}

.text-\[1rem\] {
    font-size: 1rem
}

.text-\[1\.5rem\] {
    font-size: 1.5rem
}

.text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem
}

.text-sm {
    font-size: .875rem;
    line-height: 1.25rem
}

.font-bold {
    font-weight: 700
}

.font-light {
    font-weight: 300
}

.font-normal {
    font-weight: 400
}

.font-medium {
    font-weight: 500
}

.leading-tight {
    line-height: 1.25
}

.tracking-wide {
    letter-spacing: .025em
}

.text-dark-blue {
    --tw-text-opacity: 1;
    color: rgb(41 105 179 / var(--tw-text-opacity))
}

.text-grey {
    --tw-text-opacity: 1;
    color: rgb(89 89 89 / var(--tw-text-opacity))
}

.text-text-black {
    --tw-text-opacity: 1;
    color: rgb(35 35 35 / var(--tw-text-opacity))
}

.text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

.text-gray-700 {
    --tw-text-opacity: 1;
    color: rgb(55 65 81 / var(--tw-text-opacity))
}

.placeholder-white::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(255 255 255 / var(--tw-placeholder-opacity))
}

.placeholder-white:-ms-input-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(255 255 255 / var(--tw-placeholder-opacity))
}

.placeholder-white::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(255 255 255 / var(--tw-placeholder-opacity))
}

.filter {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s
}

.delay-75 {
    transition-delay: 75ms
}

.ease-in-out {
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

.button {
    position: relative;
    width: 10px;
    height: 10px
}

    .button:before, .button:after {
        content: "";
        position: absolute;
        background-color: #000;
        transition: transform .25s ease-out
    }

    .button:before {
        top: 0;
        left: 50%;
        width: 2px;
        height: 100%;
        margin-left: -1px
    }

    .button:after {
        top: 50%;
        left: 0;
        width: 100%;
        height: 2px;
        margin-top: -1px
    }

    .button:hover {
        cursor: pointer
    }

    .button.clicked:before {
        transform: rotate(90deg)
    }

    .button.clicked:after {
        transform: rotate(180deg)
    }

.odd\:bg-light-grey:nth-child(odd) {
    --tw-bg-opacity: 1;
    background-color: rgb(239 239 239 / var(--tw-bg-opacity))
}

.even\:bg-white:nth-child(even) {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}

.last-of-type\:border-b:last-of-type {
    border-bottom-width: 1px
}

.hover\:bg-light-grey:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(239 239 239 / var(--tw-bg-opacity))
}

.hover\:text-gray-700:hover {
    --tw-text-opacity: 1;
    color: rgb(55 65 81 / var(--tw-text-opacity))
}

.hover\:underline:hover {
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline
}

.focus\:border-black:focus {
    --tw-border-opacity: 1;
    border-color: rgb(0 0 0 / var(--tw-border-opacity))
}

.focus\:bg-white:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}

.focus\:outline-none:focus {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.focus\:outline-0:focus {
    outline-width: 0px
}

@media (prefers-color-scheme: dark) {
    .dark\:border-gray-700 {
        --tw-border-opacity: 1;
        border-color: rgb(55 65 81 / var(--tw-border-opacity))
    }

    .dark\:bg-gray-800 {
        --tw-bg-opacity: 1;
        background-color: rgb(31 41 55 / var(--tw-bg-opacity))
    }

    .dark\:text-gray-400 {
        --tw-text-opacity: 1;
        color: rgb(156 163 175 / var(--tw-text-opacity))
    }

    .dark\:hover\:bg-gray-700:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(55 65 81 / var(--tw-bg-opacity))
    }

    .dark\:hover\:text-white:hover {
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity))
    }
}

@media (min-width: 640px) {
    .sm\:mx-12 {
        margin-left: 3rem;
        margin-right: 3rem
    }

    .sm\:px-20 {
        padding-left: 5rem;
        padding-right: 5rem
    }

    .sm\:text-xs {
        font-size: .75rem;
        line-height: 1rem
    }
}

@media (min-width: 768px) {
    .md\:col-start-1 {
        grid-column-start: 1
    }

    .md\:col-start-2 {
        grid-column-start: 2
    }

    .md\:block {
        display: block
    }

    .md\:grid {
        display: grid
    }

    .md\:hidden {
        display: none
    }

    .md\:overflow-hidden {
        overflow: hidden
    }

    .md\:px-3 {
        padding-left: .75rem;
        padding-right: .75rem
    }

    .md\:text-sm {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

@media (min-width: 1024px) {
    .lg\:col-start-4 {
        grid-column-start: 4
    }

    .lg\:col-start-2 {
        grid-column-start: 2
    }

    .lg\:col-start-1 {
        grid-column-start: 1
    }

    .lg\:mb-2 {
        margin-bottom: .5rem
    }

    .lg\:mr-24 {
        margin-right: 6rem
    }

    .lg\:block {
        display: block
    }

    .lg\:flex {
        display: flex
    }

    .lg\:grid {
        display: grid
    }

    .lg\:hidden {
        display: none
    }

    .lg\:w-\[1em\] {
        width: 1em
    }

    .lg\:grid-cols-1 {
        grid-template-columns: repeat(1,minmax(0,1fr))
    }

    .lg\:self-center {
        align-self: center
    }

    .lg\:justify-self-end {
        justify-self: end
    }

    .lg\:border-b {
        border-bottom-width: 1px
    }

    .lg\:border-b-0 {
        border-bottom-width: 0px
    }

    .lg\:px-40 {
        padding-left: 10rem;
        padding-right: 10rem
    }

    .lg\:pl-4 {
        padding-left: 1rem
    }

    .lg\:pl-7 {
        padding-left: 1.75rem
    }

    .lg\:pt-8 {
        padding-top: 2rem
    }
}

@media (min-width: 500px) {
    .tablet\:bg-hawkeye-gold {
        --tw-bg-opacity: 1;
        background-color: rgb(255 205 0 / var(--tw-bg-opacity))
    }

    .tablet\:fill-black {
        fill: #000
    }

    .tablet\:text-black {
        --tw-text-opacity: 1;
        color: rgb(0 0 0 / var(--tw-text-opacity))
    }

    .tablet\:placeholder-black::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgb(0 0 0 / var(--tw-placeholder-opacity))
    }

    .tablet\:placeholder-black:-ms-input-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgb(0 0 0 / var(--tw-placeholder-opacity))
    }

    .tablet\:placeholder-black::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgb(0 0 0 / var(--tw-placeholder-opacity))
    }
}

#wordmark-container.svelte-kem3i3 {
    display: flex;
    align-self: center;
    align-self: stretch;
    padding-bottom: 1.5rem;
    font-family: Gotham Narrow A,Gotham Narrow B,Gotham Narrow,Helvetica Neue,Arial,"sans-serif";
    font-weight: 500;
    font-size: clamp(1.7rem,4vw,1.7rem)
}

@media (max-width: 500px) {
    #uiowa-bar.svelte-kem3i3 {
        width: 100%;
        height: 70px;
        background: #151515;
        padding: 25px 0 0 15px
    }

    svg.svelte-kem3i3 {
        height: 20px
    }
}

@media (min-width: 501px) {
    #uiowa-bar.svelte-kem3i3 {
        height: 50px;
        background: #ffcd00;
        margin-right: auto;
        justify-content: flex-start;
        display: flex;
        padding: 0
    }

    #wordmark-link.svelte-kem3i3 {
        display: opacity-100;
        position: relative;
        background: #151515;
        width: 119px;
        height: 50px;
        text-align: center;
        padding: 12px 15px 15px 12px
    }
}

@media (min-width: 1023px) {
    #wordmark-link.svelte-kem3i3 {
        display: opacity-100;
        position: relative;
        background: #151515;
        height: 56px;
        text-align: center;
        padding: 15px;
        margin-left: 1.75rem
    }
}

footer.svelte-h09wja.svelte-h09wja, .container.svelte-h09wja.svelte-h09wja {
    background-color: #000;
    height: -webkit-min-content;
    height: -moz-min-content;
    height: min-content
}

.container.svelte-h09wja.svelte-h09wja {
    padding: 1rem 1.5rem;
    width: 100%
}

#ppc_lockup.svelte-h09wja.svelte-h09wja {
    width: 20vw;
    margin-bottom: 1rem;
    margin-top: 2rem
}

p.svelte-h09wja.svelte-h09wja {
    color: #fff;
    line-height: 1.8rem;
    font-size: 1rem;
    font-weight: 300
}

svg.svelte-h09wja.svelte-h09wja {
    color: #fff
}

#ui-additional-notices.svelte-h09wja.svelte-h09wja {
    margin: 1rem 0
}

#ui-additional-notices.svelte-h09wja a.svelte-h09wja {
    color: #ffcd00
}