html {
    -ms-overflow-style: -ms-autohiding-scrollbar;
    overflow: hidden;
}

body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Noto Sans", "Ubuntu", "Droid Sans", "Helvetica Neue", sans-serif;
    -webkit-font-smoothing: antialiased;
    font-size: 14px;
    width: 100%;
    height: 100%;
    margin: 0px;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    /* -ms-scrollbar-track-color:  #0747a6;
    -ms-scrollbar-3dlight-color:  #0747a6;
    -ms-scrollbar-darkshadow-color:  #0747a6; */
    -ms-scrollbar-arrow-color: #aaa;
}

#main {
	height: 100%;
}

.isModule #main,
.isSidebar #main {
    overflow: hidden;
}


/* Route Specific Styles */
body[data-currentRoute=createIssue] #main,
body[data-currentRoute=addToIssue] #main,
body[data-currentRoute=editordescription] #main {
    height: calc(100vh);
    overflow: hidden;
}

body[data-currentRoute=refinementBar] #main,
body[data-currentRoute=refinementBar] #main {
    height: calc(100vh - 53px);
    /*the padding was for the scrollbar, which now is no longer dependent on the #main element for these screens */
    padding-right: 0;
}

body[data-currentRoute=createIssue].isPC #main,
body[data-currentRoute=createIssue].isMac #main,
body[data-currentRoute=addToIssue].isPC #main,
body[data-currentRoute=addToIssue].isMac #main,
body[data-currentRoute=editordescription].isPC #main,
body[data-currentRoute=editordescription].isMac #main {
    /*the padding was for the scrollbar, which now is no longer dependent on the #main element for these screens */
    padding-right: 0;
}

body[data-currentRoute=refinementBar].isPC #main,
body[data-currentRoute=refinementBar].isMac #main {
    height: calc(100vh - 68px);
    /*the padding was for the scrollbar, which now is no longer dependent on the #main element for these screens */
    padding-right: 0;
}

/* Generic Layouts */
button {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Noto Sans", "Ubuntu", "Droid Sans", "Helvetica Neue", sans-serif;
    -webkit-font-smoothing: antialiased;
}

textarea {
    font-family: 'Arial';
}

@font-face {
    font-family: 'Segoe UI WestEuropean';
    src: local('Segoe UI Light'), url('https://spoprod-a.akamaihd.net/files/fabric/assets/fonts//segoeui-westeuropean/segoeui-light.woff2') format('woff2'), url('https://spoprod-a.akamaihd.net/files/fabric/assets/fonts//segoeui-westeuropean/segoeui-light.woff') format('woff'), url('https://spoprod-a.akamaihd.net/files/fabric/assets/fonts//segoeui-westeuropean/segoeui-light.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Segoe UI WestEuropean';
    src: local('Segoe UI'), url('https://spoprod-a.akamaihd.net/files/fabric/assets/fonts//segoeui-westeuropean/segoeui-regular.woff2') format('woff2'), url('https://spoprod-a.akamaihd.net/files/fabric/assets/fonts//segoeui-westeuropean/segoeui-regular.woff') format('woff'), url('https://spoprod-a.akamaihd.net/files/fabric/assets/fonts//segoeui-westeuropean/segoeui-regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Segoe UI WestEuropean';
    src: local('Segoe UI Semibold'), url('https://spoprod-a.akamaihd.net/files/fabric/assets/fonts//segoeui-westeuropean/segoeui-semibold.woff2') format('woff2'), url('https://spoprod-a.akamaihd.net/files/fabric/assets/fonts//segoeui-westeuropean/segoeui-semibold.woff') format('woff'), url('https://spoprod-a.akamaihd.net/files/fabric/assets/fonts//segoeui-westeuropean/segoeui-semibold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Segoe UI WestEuropean';
    src: local('Segoe UI Semilight'), url('https://spoprod-a.akamaihd.net/files/fabric/assets/fonts//segoeui-westeuropean/segoeui-semilight.woff2') format('woff2'), url('https://spoprod-a.akamaihd.net/files/fabric/assets/fonts//segoeui-westeuropean/segoeui-semilight.woff') format('woff'), url('https://spoprod-a.akamaihd.net/files/fabric/assets/fonts//segoeui-westeuropean/segoeui-semilight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

/* Route transition */
.fade-enter {
    opacity: 0;
}

.fade-enter-active {
    opacity: 1;
    transition: opacity 200ms ease-in;
}

.fade-exit {
    opacity: 1;
}

.fade-exit-active {
    opacity: 0;
    transition: opacity 200ms ease-in;
}

div.transition-group {
    position: relative;
}

section.route-section {
    width: 100%;
	height: 100%;
    top: 0;
    left: 0;
}

/* Custom Scrollbar */

::-webkit-scrollbar {
    height: 8px;
    width: 8px;
}

::-webkit-scrollbar-corner {
    display: none;
}

::-webkit-scrollbar-thumb {
    background-color: var(--ds-background-neutral, #091E420F);
    border-radius: 8px;
}

::-webkit-scrollbar-thumb:hover {
    background-color: var(--ds-background-neutral-hovered, #091E4224);
}

/* End Custom Scrollbar */


h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
}

h4 {
    margin-block-start: 0;
    margin-top: .2em;
    margin-bottom: .3em;
}

a {
    color: var(--ds-link, #0C66E4);
}