classroom-instruments/src/components/TheSearch/index.module.less

.TheSearch {
    border-radius: 20px !important;

    :global {
        .n-input-wrapper {
            padding-right: 4px;
            height: 42px;

            .n-input__input-el {
                height: 100%;
            }
        }

        .n-button {
            width: 72px;
            height: 34px;
            opacity: .8;
        }
    }
    .active{
        display: none;
    }
    &:global(.n-input--focus){
        .active{
            display: block;
        }
        .default{
            display: none;
        }
        :global{
            .n-button{
                opacity: 1;
            }
        }
    }
}