
[mn="4102"]{

    --tabBgClr: var(--tabBgClr_default, #eee);
    --tabBgClrActive: var(--tabBgClrActive_default, var(--clr01));
    --tabTxtClr: var(--tabTxtClr_default, var(--clr01));
    --tabTxtClrActive: var(--tabTxtClrActive_default, #fff);

    .accordiontab{  
        position: relative; 
        border-top: 1px solid #ccc;
 
        & > * {
            padding: 15px 45px 15px 0;
        } 
        & > .btm {
            padding-right: 0px;
            padding-top: 0px;
        } 
        .slide {
            display: none;
        }
        .top {
            line-height: 1;
            font-size: 120%;
            font-family: var(--ft-t1);
            cursor: pointer;
            /* background-color: var(--tabBgClr); */
            color: var(--tabTxtClrx, #000);
            transition: .6s all ease;

            &::after {
                content: '';
                aspect-ratio: 1 / 1;
                width: 21px;
                /* background-image: url(src/arrow.svg);
                background-size: contain;
                background-position: center;
                background-repeat: no-repeat; */

                -webkit-mask-image: url(src/arrow.svg);
                mask-image: url(src/arrow.svg);
                mask-size: contain;
                -webkit-mask-size: contain;
                mask-repeat: no-repeat;
                -webkit-mask-repeat: no-repeat;
                mask-position: center;
                -webkit-mask-position: center;

                background-color: var(--tabTxtClrx, #000);
                position: absolute;
                right: 15px;
                top: 15px;
                rotate: 0deg;
                transform-origin: center;
                transition: .6s all ease;
            } 
        } 
        &.active .top{
            /* background-color: var(--tabBgClrActive); */
            /* color: var(--tabTxtClrActive); */
            &::after {  
                rotate: 180deg;
                /* background-color: var(--tabTxtClrActive); */
                pointer-events: none;
            }
        }
        @media (max-width: 575px){ 
            .top:after {
                width: 18px;
            }
        }
    }
    

    ._imgobj{
        position: sticky;
        top: 90px;
    }
    
}
