.to-trigger{
    transition: all 0.618s ease;
}
.to-trigger[data-trigger-delay]{
    transition-delay: 0.25s;
}
.to-trigger[data-trigger-type="float-from-top"]{
    opacity: 0;
    transform: translateY(-2rem);
}
.to-trigger[data-trigger-type="float-from-top"].active{
    opacity: 1;
    transform: translateY(0);
}
.to-trigger[data-trigger-type="float-from-right"]{
    opacity: 0;
    transform: translateX(2rem);
}
.to-trigger[data-trigger-type="float-from-right"].active{
    opacity: 1;
    transform: translateX(0);
}
.to-trigger[data-trigger-type="float-from-bottom"]{
    opacity: 0;
    transform: translateY(2rem);
}
.to-trigger[data-trigger-type="float-from-bottom"].active{
    opacity: 1;
    transform: translateY(0);
}
.to-trigger[data-trigger-type="float-from-left"]{
    opacity: 0;
    transform: translateX(-2rem);
}
.to-trigger[data-trigger-type="float-from-left"].active{
    opacity: 1;
    transform: translateX(0);
}
.to-trigger[data-trigger-type="appear"]{
    opacity: 0;
}
.to-trigger[data-trigger-type="appear"].active{
    opacity: 1;
}
.to-trigger[data-trigger-type="appear-from-center"] img{
    opacity: 0;
    transition: all 0.3s ease !important;
}
.to-trigger[data-trigger-type="appear-from-center"].active img{
    opacity: 1;
}
.to-trigger[data-trigger-type="appear-from-center"].active img:nth-child(2){
    transition: all 0.3s ease 0.3s !important;
}
.to-trigger[data-trigger-type="appear-from-center"].active img:nth-child(3){
    transition: all 0.3s ease 0.6s !important;
}
.to-trigger[data-trigger-type="appear-in-order"] img, .to-trigger[data-trigger-type="appear-in-order"] g{
    opacity: 0;
    transition: all 0.3s ease !important;
}
.to-trigger[data-trigger-type="appear-in-order"].active img, .to-trigger[data-trigger-type="appear-in-order"].active g{
    opacity: 1;
}
.to-trigger[data-trigger-type="appear-in-order"].active img:nth-child(n), .to-trigger[data-trigger-type="appear-in-order"].active g:nth-child(n){
    transition: all 0.3s ease calc(0.3s * var(--item)) !important;
}
.to-trigger[data-trigger-type="flyin-from-left"]{
    transform: translateX(-20%);
    opacity: 0;
}
.to-trigger[data-trigger-type="flyin-from-left"].active{
    transform: translateX(0);
    opacity: 1;
}
.to-trigger[data-trigger-type="flyin-from-right"]{
    transform: translateX(20%);
    opacity: 0;
}
.to-trigger[data-trigger-type="flyin-from-right"].active{
    transform: translateX(0);
    opacity: 1;
}