.countries {
    position: relative;
    margin-bottom: calc(var(--spacing) * 8);
}

    .countries .country {
        position: absolute;
        z-index: 20;
        top: 0;
        left: 0;
        height: 0;
        width: 100%;
        overflow: hidden;
        transition: .3s ease-out;
        background-color: var(--input-background);
        padding-inline: calc(var(--spacing) * 3);
    }

        .countries .country p {
            margin: 0;
            padding: 0;
            line-height: normal;
            padding: calc(var(--spacing) * 3);
            cursor: pointer;
        }

        .countries .country .resortpanel {
            position: absolute;
            top: 0;
            bottom: 0;
            right: 0;
            width: 100%;
            transform: translateX(100%);
            height: auto;
            transition: .3s ease-out;
            overflow: hidden;
        }

            .countries .country .resortpanel .panel {
                position: absolute;
                top: 0;
                bottom: 0;
                left: 0;
                right: 0;
                background: #333;
                color: #eee;
                overflow: auto;
                padding-inline: calc(var(--spacing) * 3);
            }

                .countries .country .resortpanel .panel p {
                    margin: 0;
                    padding: calc(var(--spacing) * 3);
                    line-height: normal;
                }

                    .countries .country .resortpanel .panel p.resortname {
                        padding: calc(var(--spacing));
                        padding-left: 3rem;
                    }