/*
 * Copyright (c) Baidu, Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

@import 'variable.less';
@import (reference) 'tokens.less';

.cosd-transport-ticket-list {
    &-content {
        overflow: hidden;
        .cos-color-bg-dent();
        .cos-rounded-lg();
        .cosd-transport-ticket {
            .cos-rounded-none();
        }
        .cos-divider {
            margin: var(--cos-space-none) var(--cos-space-sm);
            height: 2px;
        }
    }
    &-group-animating {
        transform-origin: top;
        animation: transportTicketShow 300ms ease-out;
    }
    &-fold {
        .cos-flex();
        .cos-justify-between();
        .cos-items-center();
        margin-bottom: -12px;
        -webkit-tap-highlight-color: transparent;
        .cos-divider {
            width: 40%;
            background-color: var(--cos-color-border-tiny);
        }
    }
}

@keyframes transportTicketShow {
    0% {
        max-height: 0;
        .cos-opacity-0();
    }
    99% {
        max-height: 300px;
        .cos-opacity-100();
    }
    100% {
        max-height: 7000px;
        .cos-opacity-100();
    }
}