/* All radius Classes (Mixins)*/
/* 0000000000000000000000 ALL COLORS 0000000000000000 */
/* COLOR MOOD/THEME */
/* dark color theme */
/*
$jds-color-background: #000000;
$jds-color-foreground: #ffffff;
$jds-bodybg: #222222;
$jds-color-link: #62C6FF;
$jds-color-link-hover: #c2e8ff;
*/
/* light color theme */
/**/
/* basic, background, foregroun */
/* 000000000000000000 Typography 000000000000000 */
/* color basic */
/* foreground fraction */
/* background fraction */
/* 000000000000000000 Media Query Breakpoint 000000000000000 */
/*for-big-desktop-up*/
/*for-desktop-up*/
/*for-laptop-up*/
/*for-tab-up*/
/*for-tab-potrare-up*/
/*for-mobile*/
/*for-mobile-down*/
/* Table */
/* dark */
/* primary */
/* 000000000000000000 Border 000000000000000 */
/* 000000000000000000 Shadow Colors 000000000000000 */
/* 000000000000000000 Media Query 000000000000000 */
/* $sereenXXL: 3600px; for-big-desktop-up | $sereenXL: 1920px;  for-desktop-up | $sereenL: 1366px; for-laptop-up | $sereenM: 992px; for-tab-up | $sereenS: 768px; for-tab-potrare-up | $sereenXS: 600px; for-mobile | $sereenXXS: 480px; for-mobile-down */
/* 000000000000000000 Hover 000000000000000 */
/* 000000000000000000 transition 000000000000000 */
/* 000000000000000000 Background Gradiant 000000000000000 */
/*@mixin background-gradiant ($angleDegree, $color1st, $color2nd, $colorBg) {
    background-image: linear-gradient($angleDegree, $color1st, $color2nd);
    background-color: $colorBg;
}*/
/* 000000000000000000 Min height 000000000000000 */
/* 000000000000000000 Max Width 000000000000000 */
/*
-----------------------------------------------
0=0=0=0=0=0=0=0=0 UTILITIES 0=0=0=0=0=0=0=0=0 
-----------------------------------------------
*/
/* 000000000000000000 Background Gradiant 000000000000000 */
/* Mixin for transition css */
/*
@mixin transition-animation($for: all, $time-in: 250ms, $type: ease-in-out, $time-out: 0s) {
  transition: $for $time-in $type $time-out;
  -moz-transition: $for $time-in $type $time-out;
  -webkit-transition: $for $time-in $type $time-out;
  -o-transition: $for $time-in $type $time-out;
}*/
/* 000000000000000000 Background Gradiant 000000000000000 */
/* 000000000000000000 Box Shadow 000000000000000 */
/* 000000000000000000 Border Radius 000000000000000 */
/* 000000000000000000 Border 000000000000000 */
/* 000000000 Badge Background Border 000000000 */
/* 0000000000000000 Form element 000000000000000 */
/* 
-----------------------------------------------
0=0=0=0=0=0=0=0=0 COMPONENTS 0=0=0=0=0=0=0=0=0 
-----------------------------------------------
*/
/* 000000000000000000 alerts 000000000000000 */
/* 000000000000000000 jds-card  000000000000000 */
/* 000000000000000000 Progress  Bar  000000000000000 */
/* 000000000 Chips 000000000 */
/* 000000000000000000 Tables 000000000000000 */
/* 0000000000000000000000 ALL COLORS 0000000000000000 */
/* COLOR MOOD/THEME */
/* dark color theme */
/*
$jds-color-background: #000000;
$jds-color-foreground: #ffffff;
$jds-bodybg: #222222;
$jds-color-link: #62C6FF;
$jds-color-link-hover: #c2e8ff;
*/
/* light color theme */
/**/
/* basic, background, foregroun */
/* 000000000000000000 Typography 000000000000000 */
/* color basic */
/* foreground fraction */
/* background fraction */
/* 000000000000000000 Media Query Breakpoint 000000000000000 */
/*for-big-desktop-up*/
/*for-desktop-up*/
/*for-laptop-up*/
/*for-tab-up*/
/*for-tab-potrare-up*/
/*for-mobile*/
/*for-mobile-down*/
/* Table */
/* dark */
/* primary */
/* 000000000000000000 Border 000000000000000 */
/* 000000000000000000 Shadow Colors 000000000000000 */
.jds-radius-0, .jds-radius-none {
  border-radius: 0 !important;
}

/* Radius Soft - xxs, xs, s, m, l, xl, xxl ($pixel...) */
.jds-radius-xxs {
  border-radius: 2px !important;
}

.jds-radius-xs {
  border-radius: 3px !important;
}

.jds-radius-s {
  border-radius: 4px !important;
}

.jds-radius-m {
  border-radius: 6px !important;
}

.jds-radius-l {
  border-radius: 10px !important;
}

.jds-radius-xl {
  border-radius: 20px !important;
}

.jds-radius-xxl {
  border-radius: 30px !important;
}

.jds-radius-max {
  border-radius: 1000px !important;
}

.jds-top-left-radius-xxs {
  border-top-left-radius: 2px !important;
}

.jds-top-left-radius-xs {
  border-top-left-radius: 3px !important;
}

.jds-top-left-radius-s {
  border-top-left-radius: 4px !important;
}

.jds-top-left-radius-m {
  border-top-left-radius: 6px !important;
}

.jds-top-left-radius-l {
  border-top-left-radius: 10px !important;
}

.jds-top-left-radius-xl {
  border-top-left-radius: 20px !important;
}

.jds-top-left-radius-xxl {
  border-top-left-radius: 30px !important;
}

.jds-top-right-radius-xxs {
  border-top-right-radius: 2px !important;
}

.jds-top-right-radius-xs {
  border-top-right-radius: 3px !important;
}

.jds-top-right-radius-s {
  border-top-right-radius: 4px !important;
}

.jds-top-right-radius-m {
  border-top-right-radius: 6px !important;
}

.jds-top-right-radius-l {
  border-top-right-radius: 10px !important;
}

.jds-top-right-radius-xl {
  border-top-right-radius: 20px !important;
}

.jds-top-right-radius-xxl {
  border-top-right-radius: 30px !important;
}

.jds-bottom-right-radius-xxs {
  border-bottom-right-radius: 2px !important;
}

.jds-bottom-right-radius-xs {
  border-bottom-right-radius: 3px !important;
}

.jds-bottom-right-radius-s {
  border-bottom-right-radius: 4px !important;
}

.jds-bottom-right-radius-m {
  border-bottom-right-radius: 6px !important;
}

.jds-bottom-right-radius-l {
  border-bottom-right-radius: 10px !important;
}

.jds-bottom-right-radius-xl {
  border-bottom-right-radius: 20px !important;
}

.jds-bottom-right-radius-xxl {
  border-bottom-right-radius: 30px !important;
}

.jds-bottom-left-radius-xxs {
  border-bottom-left-radius: 2px !important;
}

.jds-bottom-left-radius-xs {
  border-bottom-left-radius: 3px !important;
}

.jds-bottom-left-radius-s {
  border-bottom-left-radius: 4px !important;
}

.jds-bottom-left-radius-m {
  border-bottom-left-radius: 6px !important;
}

.jds-bottom-left-radius-l {
  border-bottom-left-radius: 10px !important;
}

.jds-bottom-left-radius-xl {
  border-bottom-left-radius: 20px !important;
}

.jds-bottom-left-radius-xxl {
  border-bottom-left-radius: 30px !important;
}

.jds-radius-2p {
  border-radius: 2% !important;
}

.jds-radius-4p {
  border-radius: 4% !important;
}

.jds-radius-8p {
  border-radius: 8% !important;
}

.jds-radius-16p {
  border-radius: 16% !important;
}

.jds-radius-32p {
  border-radius: 32% !important;
}

.jds-radius-50p {
  border-radius: 50% !important;
}
/*# sourceMappingURL=radius.css.map */