@import "../styles/base/fn.wxss";

.@{wuxClassNamePrefix}-landscape {
    &__popup {
        background-color: transparent !important;

        &-body {
            padding: 0 !important;
        }
    }

    &__inner {
        padding: 15px;
        font-size: 15px;
        line-height: 1.5;
        color: #666;

        > image {
            width: 100%;
            max-width: 100%;
        }
    }

    &__close {
        position: relative;
        display: inline-block;
        margin-top: 5px;
    }

    &__close-x {
        display: inline-block;
        width: 24px;
        height: 24px;
        background-repeat: no-repeat;
        background-size: cover;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='30' height='30' viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23888' fill-rule='evenodd'%3E%3Cpath d='M1.414 0l28.284 28.284-1.414 1.414L0 1.414z'/%3E%3Cpath d='M28.284 0L0 28.284l1.414 1.414L29.698 1.414z'/%3E%3C/g%3E%3C/svg%3E");
    }

    &--has-mask &__close-x {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='30' height='30' viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23fff' fill-rule='evenodd'%3E%3Cpath d='M1.414 0l28.284 28.284-1.414 1.414L0 1.414z'/%3E%3Cpath d='M28.284 0L0 28.284l1.414 1.414L29.698 1.414z'/%3E%3C/g%3E%3C/svg%3E");
    }
}