.text-strikethrough {
    position: relative;
}

.text-strikethrough:before {
    position: absolute;
    content: '';
    left: 0;
    top: 50%;
    right: 0;
    border-top: 1px solid;
    border-color: inherit;
    transform: rotate(-7deg);
}

.emoji-icon {
    font-family: 'Noto Color Emoji', sans-serif;
}

.spin-icon i::before {
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.card-shadow {
    box-shadow: var(--bs-box-shadow-sm) !important;
    transition: transform 150ms ease-in-out;
    transition-delay: 100ms;
}

.card-shadow:hover {
    box-shadow: var(--bs-box-shadow) !important;
    background: var(--bs-light-bg-subtle) !important;
    /*transform: scale(1.03);*/
}

.line-clamp {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.zig-zag {
    width: 100%;
    height: 6px;
    background: 0 center repeat-x url('data:image/svg+xml;utf-8,<?xml version="1.0" encoding="utf-8"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="9px" height="6px" viewBox="0 0 9 6" enable-background="new 0 0 9 6" xml:space="preserve"><polygon opacity="0.2" points="4.5,4.5 0,0 0,1.208 4.5,5.708 9,1.208 9,0 "/></svg>');
}

.no-scrollbar {
    scrollbar-width: none;
}

.no-scrollbar::-webkit-scrollbar {
    width: 0;
    height: 0;
}

.fullwidth {
    margin-left: calc(var(--bs-gutter-x) * -.5);
    margin-right: calc(var(--bs-gutter-x) * -.5);

}

.fullwidth-wrapper {
    padding-left: calc(var(--bs-gutter-x) * .5);
    padding-right: calc(var(--bs-gutter-x) * .5);
}

.color-inherit {
    color: inherit !important;
}

.no-spin::-webkit-inner-spin-button,
.no-spin::-webkit-outer-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}

.no-spin {
    -moz-appearance: textfield !important;
}

.editable-placeholder:empty::before {
    content: attr(data-placeholder);
    color: var(--bs-secondary-color);
    position: absolute;
}

.content-placeholder {
    opacity: 0.5;
    filter: blur(3px);
}