// Converted Variables

// Custom Media Query Variables

/*

   OVERFLOW

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/

.overflow-visible { overflow: visible; } .overflow-hidden { overflow: hidden; } .overflow-scroll { overflow: scroll; } .overflow-auto { overflow: auto; }

.overflow-x-visible { overflow-x: visible; } .overflow-x-hidden { overflow-x: hidden; } .overflow-x-scroll { overflow-x: scroll; } .overflow-x-auto { overflow-x: auto; }

.overflow-y-visible { overflow-y: visible; } .overflow-y-hidden { overflow-y: hidden; } .overflow-y-scroll { overflow-y: scroll; } .overflow-y-auto { overflow-y: auto; }

@media #{$breakpoint-not-small} {

.overflow-visible-ns { overflow: visible; }
.overflow-hidden-ns { overflow: hidden; }
.overflow-scroll-ns { overflow: scroll; }
.overflow-auto-ns { overflow: auto; }
.overflow-x-visible-ns { overflow-x: visible; }
.overflow-x-hidden-ns { overflow-x: hidden; }
.overflow-x-scroll-ns { overflow-x: scroll; }
.overflow-x-auto-ns { overflow-x: auto; }

.overflow-y-visible-ns { overflow-y: visible; }
.overflow-y-hidden-ns { overflow-y: hidden; }
.overflow-y-scroll-ns { overflow-y: scroll; }
.overflow-y-auto-ns { overflow-y: auto; }

}

@media #{$breakpoint-medium} {

.overflow-visible-m { overflow: visible; }
.overflow-hidden-m { overflow: hidden; }
.overflow-scroll-m { overflow: scroll; }
.overflow-auto-m { overflow: auto; }

.overflow-x-visible-m { overflow-x: visible; }
.overflow-x-hidden-m { overflow-x: hidden; }
.overflow-x-scroll-m { overflow-x: scroll; }
.overflow-x-auto-m { overflow-x: auto; }

.overflow-y-visible-m { overflow-y: visible; }
.overflow-y-hidden-m { overflow-y: hidden; }
.overflow-y-scroll-m { overflow-y: scroll; }
.overflow-y-auto-m { overflow-y: auto; }

}

@media #{$breakpoint-large} {

.overflow-visible-l { overflow: visible; }
.overflow-hidden-l { overflow: hidden; }
.overflow-scroll-l { overflow: scroll; }
.overflow-auto-l { overflow: auto; }

.overflow-x-visible-l { overflow-x: visible; }
.overflow-x-hidden-l { overflow-x: hidden; }
.overflow-x-scroll-l { overflow-x: scroll; }
.overflow-x-auto-l { overflow-x: auto; }

.overflow-y-visible-l { overflow-y: visible; }
.overflow-y-hidden-l { overflow-y: hidden; }
.overflow-y-scroll-l { overflow-y: scroll; }
.overflow-y-auto-l { overflow-y: auto; }

}