.scene-block {
    display: grid;
    grid-template-rows: auto auto;
    background: linear-gradient(0deg, var(--theme-gray-dark) 0%, var(--theme-gray-base) 100%);
    width: 100%;
    margin-left: 16px;
    margin-right: 16px;
    padding-left: 16px;
    padding-right: 16px;
    border-radius: 16px;
    border: 2px solid var(--theme-white);
    padding-top: 8px;
    padding-bottom: 8px;
    
    height: fit-content;

    &.selected {
        background: linear-gradient(0deg, var(--theme-accent-1-dark) 0%, var(--theme-accent-1-light) 100%);
    }

    & .scene-header {
        display: grid;
        grid-template-columns: auto min-content;
        width: 100%;
        text-align: center;
        color:var(--theme-white);
        font-family: "BW";
        font-size: 24px;

        & button {
            width: fit-content;
            height: fit-content;
            font-size: 16px;
            padding: 4px;
            border-radius: 8px;

            &:active {
                border-width: 2px;
            }
        }
    }

    & .scene-body {
        display: flex;
        align-items: center;
        width: 100%;

        height: fit-content;

        & .scene-icons {
            display: flex;
            flex-wrap: wrap;
            flex-direction: row;
            justify-content: center;

            flex: 0 0.5 20%;

            background-color: var(--theme-primary-1-base);
            border-radius: 16px;
            margin-top: 4px;
            margin-bottom: 4px;   
            padding: 4px;

            & img {
                background-color: var(--theme-primary-2-base);
                border-radius: 16px;
                margin: 2px;    
                padding: 2px;
            }
        }

        & .scene-description {

            flex: 1 0.5 80%;

            background-color: var(--theme-primary-1-base);
            border-radius: 16px;
            margin-top: 4px;
            margin-bottom: 4px; 

            margin-left: 4px;
            margin-right: 4px;   

            padding: 8px;
        }

        & .scene-link {

            flex: 0 0 auto;

            background-color: var(--theme-primary-1-base);
            border-radius: 16px;
            margin-top: 4px;
            margin-bottom: 4px; 

            margin-left: 6px;
            margin-right: 4px;   

            font-size: 48px;
            padding-left: 16px;
            padding-right: 16px;

            background-color: rgb(86, 98, 246);
          
            &:hover {
              background-color: rgba(122, 130, 252);
            }
            
            & .discord-icon {
                transform: translate(0px, -4px);
            }
        }  
    }

    & .scene-footer {
        display: grid;
        width: 100%;
        text-align: center;
        color:var(--theme-white);
        font-family: "BW";
        font-size: 16px;
    }
}