import styled from "@emotion/styled";
import { css } from "@emotion/react";
export const base = /*#__PURE__*/ css("base");
/**
 * Компонент применяется, если требуется компенсировать отступы контейнера в сетке.
 * При обертывании вокруг ``Carousel``, добавляет карусели и ее прокрутке дополнительные отступы.
 * Стилизованный компонент, обладающий всеми свойствами ``div``.
 */ export const CarouselGridWrapper = /*#__PURE__*/ styled("div", {
    target: "ejujd4m0",
    label: "CarouselGridWrapper"
})("overflow:hidden;margin-left:calc(var(--plasma-grid-margin) * -1);margin-right:calc(var(--plasma-grid-margin) * -1);");
export const CarouselWrapper = /*#__PURE__*/ styled("div", {
    target: "ejujd4m1",
    label: "CarouselWrapper"
})("position:relative;margin:0;padding:0;list-style:none;-ms-overflow-style:none;scrollbar-width:none;::-webkit-scrollbar{display:none;}overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scroll-snap-type:", ({ scrollSnapType })=>`x ${scrollSnapType}`, ";", CarouselGridWrapper, " &{scroll-padding:0 var(--plasma-grid-margin);padding-left:var(--plasma-grid-margin);}user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);");
export const CarouselTrack = /*#__PURE__*/ styled("div", {
    target: "ejujd4m2",
    label: "CarouselTrack"
})("display:inline-flex;flex-direction:row;padding-left:", ({ paddingStart })=>paddingStart || 0, ";padding-right:", ({ paddingEnd })=>paddingEnd || 0, ";", CarouselGridWrapper, " &{padding-right:", ({ paddingEnd })=>paddingEnd || 'var(--plasma-grid-margin)', ";}");
