:root {
    --spacing: 0.25rem;
    --radius-xl: 0.75rem;
}
    .w-3 {
        width: calc(var(--spacing)*3);
    }

    .h-3 {
        height: calc(var(--spacing)*3);
    }

    .shrink-0 {
        flex-shrink: 0;
    }

    img, svg, video, canvas, audio, iframe, embed, object {
        vertical-align: middle;
        display: block;
    }

    .dark\:text-white:where(.dark, .dark *) {
        color: var(--color-white);
    }

    *, ::after, ::before, ::backdrop {
        box-sizing: border-box;
        border: 0 solid;
        margin: 0;
        padding: 0;
    }

.rounded-t-xl {
    border-top-left-radius: var(--radius-xl);
    border-top-right-radius: var(--radius-xl);
}

.rounded-b-xl {
    border-bottom-left-radius: var(--radius-xl);
    border-bottom-right-radius: var(--radius-xl);
}