@coinmeca/ui/dist/components/layouts/contents/part/PartContainer.styled.jsx

This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).

"use client";
import { styled } from "styled-components";
export const Part = styled.div `
    position: ${({ $state }) => ($state ? "relative" : "absolute")};
    display: flex;
    flex-direction: column;
    top: 0;
    height: 100%;
    min-height: 100%;
    min-width: 33.333333333%;
    max-width: 33.333333333%;
    opacity: ${({ $state }) => ($state ? 1 : 0)};
    pointer-events: ${({ $state }) => ($state ? "initial" : "none")};

    &:first-child {
        left: 0;
    }

    &:not(:first-child):not(:last-child) {
        left: 33.333333333%;
    }

    &:last-child {
        left: 66.666666666%;
    }
`;
export const Style = styled.div `
    position: relative;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    height: 100%;

    & > * {
        position: relative;
        display: flex;
        flex-direction: row;
        align-items: center;
        min-width: 300%;
        max-width: 300%;
        height: 100%;
        max-height: inherit;
        transition: 0.3s ease;
    }
`;
export default Style;
//# sourceMappingURL=PartContainer.styled.jsx.map