:host {
    display: inline-block;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: clip;
    scroll-behavior: smooth;
    overscroll-behavior-x: contain;
    list-style-type: none;
    inline-size: 100%;
    max-inline-size: 100vw;
    box-sizing: border-box;
    scrollbar-width: none;
}
:host::-webkit-scrollbar {
    display: none;
}
:host[has-snap="true"] {
    scroll-snap-type: var(--snap-type) !important;
}
:host[has-overflow="true"] {
    cursor: grab;
}
:host[has-overflow="true"]:active {
    cursor: grabbing;
}
@media (pointer: fine) {
    :host[has-overflow="true"]:active {
        scroll-snap-type: none !important;
    }
}
:host > * {
    display: inline-block;
    white-space: initial;
    vertical-align: top;
}
:host * {
    -webkit-user-drag: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
}