.trail-planes {
    isolation: isolate;
}

.trail-planes > *:not(.tpa-trail-layer):not(.tpa-plane) {
    position: relative;
    z-index: 1;
}

.trail-planes .tpa-trail-layer {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 0;
}

.trail-planes .tpa-trail-segment {
    stroke: var(--tpa-plane-color, #E9D8CF) !important;
    stroke-width: 6;
    vector-effect: non-scaling-stroke;
    mix-blend-mode: normal !important;
    filter: none !important;
}

.trail-planes .tpa-plane {
    position: absolute;
    top: 0;
    left: 0;
    width: 300px;
    height: 300px;
    pointer-events: none;
    z-index: 0;
    transform-origin: 50% 50%;
    will-change: transform, opacity;
    user-select: none;
    background-color: var(--tpa-plane-color, #E9D8CF) !important;
    mix-blend-mode: normal !important;
    filter: none !important;
    -webkit-mask-image: var(--tpa-plane-icon);
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-image: var(--tpa-plane-icon);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
}
