.spinner-container {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .4);
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    display: none;
}

.spinner-border {
    position: fixed;
    left: 50%;
    top: 50%;
    border: 4px solid var(--white);
    border-radius: 50%;
    border-top: 4px solid var(--blue);
    width: 120px;
    height: 120px;
    margin: -60px 0 0 -60px;
    -webkit-animation: spinner 2s infinite;
    /*animation: spinner 2s infinite;*/
}


@keyframes spinner {
    to {
        transform: rotate(1turn)
    }
}


.iwWIMArchive {

    font-size: 1.062rem;

    .iwWIMArchive__filters {

        font-size: 1.062rem;
	    gap: 20px;
	    
	    @media(min-width: 768px) {
		    gap: 0;
	    }

        .iwFilter__search {
            display: flex;
            align-items: stretch;
            justify-content: flex-start;
            gap: 0;
            flex-flow: row nowrap;

            .iwForm__inputField {
                background-color: white;
                padding: 1.125rem;
                border: 1px solid rgba(1, 73, 135, 0.3);
                color: rgba(1, 73, 135);
                font-size: 1.062rem;

                &::placeholder {
                    color: rgba(1, 73, 135, 0.7);
                }
	            
	            &:focus-visible {
		            outline: none;
	            }
            }

            .iwButton {
                white-space: nowrap;
                width: auto;
                height: 100%;

                &.iwButton--reset {
                    display: none;
                }
            }
        }

        .iwFilter__year {
            background-color: rgb(1, 73, 135);
            color: var(--white);
            font-size: 1.062rem;
            font-weight: normal;
	        height: 45px;
	        
	        @media(min-width: 768px) {
		        height: 100%;
	        }

            &::after {
                content: '';
                background-image: url(../../Icons/Down.svg);
                background-size: 24px;
                width: 24px;
                height: 24px;
            }
        }

        .iwFilter__yearIcon {
            position: absolute;
            right: 2em;
            top: 50%;
            height: auto;
            width: 16px;
            transform: translateY(-50%);
        }
    }

    .iwList {
        row-gap: 1.5rem;
        margin-top: 2.5rem;
	    margin-bottom: 25px;
	    
	    @media(min-width: 768px) {
		    row-gap: 3rem;
	    }
	    
	    @media(min-width: 992px) {
		    margin-top: 3.75rem;
		    row-gap: 4.5rem;
	    }
    }

    .iwItem {
        display: flex;
        flex-direction: column;
        gap: 1.4rem;

        .iwItem__content {
            display: flex;
            flex-direction: column;
            gap: 0.75rem;
            font-size: 1.062rem;
	        
	        .iwItem__info span {
		        display: block;
		        font-size: 14px;
		        line-height: 160%;
		        
		        @media(min-width: 768px) {
			        display: inline;
			        font-size: inherit;
		        }
	        }

            .iwItem__actions {
                display: flex;
                flex-direction: column;
	            gap: 0.25rem;
	            align-items: flex-start;
	            
	            @media(min-width: 992px) {
		            flex-direction: row;
		            align-items: center;
		            gap: 1.25rem;
	            }
	            
	            .iwButton__label {
		            @media(min-width: 1200px) {
			            flex-direction: column;
			            
			            span {
				            order: -1;
			            }
		            }

		            @media(min-width: 1400px) {
			            flex-direction: row;

			            span {
				            order: unset;
			            }
		            }
	            }
            }

        }
    }
    .iwItem__cover img{
        aspect-ratio: 3/4;
        height: auto;
    }
}