@import "../../variables";

$svgWidth: 14px;
$svgHeight: 14px;

.sz-input-text-clear {
    display: inline-block;
    margin: $margin;

    .sz-html-input {
        margin: 0;
    }

    .input-native-container {
        position: relative;
        min-width: 30px;
    }

    .sz-icon {
        svg {
            width: $svgWidth;
            height: $svgHeight;
        }
    }

    .sz-icon-clear {
        position: absolute;
        right: $margin;
    }

    .clear-icon {
        .input-native {
            max-width: calc(100% - #{$svgWidth});
        }
    }
}