/* Result. */

.result {
    padding-block: var(--section-gap);
    background-color: var(--main);
}

.result .title:not(:first-child) {
    margin-top: var(--i4);
}

.result-block:not(:first-child) {
    margin-top: var(--i2);
}

.result-progress:not(:first-child) {
    margin-top: var(--i4);
}

.result-progress-li {
    position: relative;
}

.result-progress-li video {
    display: block;

    width: 100%;
    aspect-ratio: 828/446;
    margin: 0;
    object-fit: cover;
    object-position: center;
}

.result-progress-bottom {
    pointer-events: none;
    position: absolute;
    inset: clamp(32px, 8vw, 56px);
    top: auto;
}

.result-progress-bottom button {
    width: clamp(48px, 12vw, 80px);
}

.result-drop {
    --icon-inner: clamp(48px, 6.33vw, 100px);

    padding-block: 32px;
    border-bottom: 1px solid rgba(255, 255, 255, .2);
}

.result-drop-trigger {
    position: relative;

    padding-left: var(--icon-inner);
}

.result-drop-trigger .image {
    position: absolute;
    left: 0;

    width: clamp(32px, 3.66vw, 64px);
}

.result-drop-trigger .image img {
    aspect-ratio: 1/1;
    object-fit: contain;
    object-position: center;
}

.result-drop-trigger .h4 {
    opacity: .5;
}

.result-drop-trigger .h3:not(:first-child) {
    margin-top: var(--i5);
}

.result-drop-trigger .button {
    --btn-inner: 0px;
    --btn-min-width: var(--btn-height);

    justify-content: center;

    height: auto;
    aspect-ratio: 1/1;
    border-radius: 50%;

    -webkit-transform: rotate(100grad);
    -moz-transform: rotate(100grad);
    -ms-transform: rotate(100grad);
    -o-transform: rotate(100grad);
    transform: rotate(100grad);
}

.result-drop-trigger.active .button {
    --btn-border-color: var(--main);

    box-shadow: 0 0 14px rgba(255, 0, 28, 0.85);

    -webkit-transform: rotate(200grad);
    -moz-transform: rotate(200grad);
    -ms-transform: rotate(200grad);
    -o-transform: rotate(200grad);
    transform: rotate(200grad);
}

.result-drop-content {
    display: none;

    margin-top: var(--i3);
    padding-left: var(--icon-inner);
}

/* Result. */