@import '../../style/theme.less';

page {
    min-height: 100%;
    background: @bg-header;
}

.settings-page {
    min-height: 100vh;
    background: @bg-header;
    box-sizing: border-box;
}

.settings-body {
    padding: @section-gap-xs @page-padding-x;
    box-sizing: border-box;
}

.settings-section {
    background: @bg-white;
    border-radius: @radius-lg;
    border: 1rpx solid rgba(124, 118, 106, 0.12);
    box-shadow: @shadow;
    overflow: hidden;
}

.settings-action {
    display: flex;
    align-items: center;
    padding: 36rpx @page-padding-inner-x;
    position: relative;

    &::after {
        content: '';
        position: absolute;
        left: @page-padding-inner-x;
        right: @page-padding-inner-x;
        bottom: 0;
        height: 1rpx;
        background: rgba(50, 46, 37, 0.08);
    }

    &:last-child::after {
        display: none;
    }

    &:active {
        background: rgba(50, 46, 37, 0.04);
    }
}

.settings-action__text {
    font-size: 30rpx;
    color: @text-primary;
}

.settings-action--danger .settings-action__text {
    color: #e53e3e;
}