import styled, { css } from 'styled-components';

export const Style = css`
    body {
        overflow-y: hidden;
    }
`;

export const StyledApp = styled.div`
    background-color: white;
    overflow-x: hidden;
`;

export const Scrollbar = `
    ::-webkit-scrollbar {
        height: 10px;
        width: 11px;
    }
    
    ::-webkit-scrollbar-track {
        background: rgba(255, 255, 255, 0); 
    }
        
    ::-webkit-scrollbar-thumb:hover {
        background: rgba(0, 0, 0, 0.25); 
    }

    ::-webkit-scrollbar-thumb {
        background: rgba(0, 0, 0, 0.15); 
        border-radius: 6px;
        border: 3px solid #fff;
    }
`

export const ViewScrollbar = `
    ::-webkit-scrollbar {
        height: 5px;
        width: 11px;
    }
    
    ::-webkit-scrollbar-track {
        background: rgba(255, 255, 255, 0); 
    }
        
    ::-webkit-scrollbar-thumb:hover {
        background: rgba(0, 0, 0, 0.25); 
    }

    ::-webkit-scrollbar-thumb {
        background: rgba(0, 0, 0, 0.15); 
        border-radius: 6px;
    }
`