\n\nsection{\n position: relative;\n}\n\n.bg-image{\n &:not([class*='absolute']){\n position: absolute;\n }\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 0;\n + .card-body{\n position: relative;\n z-index: 1;\n }\n}\n\nimg.bg-image{\n object-fit: cover;\n}","// \n// \n// buttons.scss\n//\n//\n\n.btn{\n letter-spacing: -.02em;\n &.btn-sm{\n letter-spacing: 0;\n }\n > span{\n display: inline-block;\n vertical-align: middle;\n }\n > .icon{\n &:first-child{\n margin-right: .5rem;\n }\n &:last-child{\n margin-left: .5rem;\n }\n &.d-block{\n margin: 0 auto;\n margin-bottom: .75rem;\n height: 2rem;\n }\n }\n &.btn-sm{\n > .icon{\n height: 1rem;\n }\n }\n &:focus{\n box-shadow: none !important;\n }\n}\n\n[class*='-flex']{\n >.btn{\n flex-shrink: 0;\n }\n}\n\n@each $name, $color in $theme-colors {\n .btn{\n &.btn-#{$name}{\n *{\n fill: color-yiq($color);\n }\n }\n }\n .btn-outline-#{$name}{\n &:hover{\n *{\n fill: color-yiq($color);\n }\n }\n }\n}\n\n.btn-light{\n border-color: $border-color;\n background: $gray-100;\n}\n\n.btn-white{\n background: $white;\n color: theme-color('primary');\n > .icon{\n path{\n fill: theme-color('primary');\n }\n }\n &:hover{\n color: theme-color('primary');\n background: rgba(255,255,255,.9);\n }\n}\n\n.btn-outline-white{\n border-color: $border-color;\n}\n\n.btn-round{\n border-radius: 50%;\n width: 2.5rem;\n height: 2.5rem;\n padding: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n >.icon{\n &:only-child{\n margin: 0;\n }\n &.icon-sm{\n height: 1rem;\n }\n }\n &.btn-sm{\n width: 2rem;\n height: 2rem;\n }\n &.btn-lg{\n width: 3.75rem;\n height: 3.75rem;\n }\n &.btn-xlg{\n width: 4.5rem;\n height: 4.5rem;\n }\n &.btn-lg, &.btn-xlg{\n > .icon{\n height: 2rem;\n }\n }\n}\n\n.btn-loading{\n &:not(.btn-loading-animate){\n > span{\n vertical-align: baseline;\n }\n }\n .icon{\n display: none;\n }\n &.btn-loading-animate{\n .icon{\n path{\n animation: spin .5s infinite linear;\n transform-origin: 12px;\n }\n display: inline-block;\n }\n }\n}\n\n@keyframes spin{\n 0%{ transform: rotateZ(0deg); }\n 100%{ transform: rotateZ(360deg); }\n}\n\n// Back to top button\n\n.btn{\n &.back-to-top{\n position: fixed;\n bottom: $spacer;\n right: $spacer;\n z-index: $zindex-sticky;\n }\n}","// \n// \n// card.scss\n//\n//\n\n.card{\n margin-bottom: $spacer;\n &.card-sm{\n &.card-body{\n padding: $spacer;\n }\n }\n &[class*='bg-primary']{\n &:not([class*='hover-bg-primary']){\n border-color: rgba(0,0,0,0);\n }\n }\n &[class*='hover-']{\n transition: background-color $transition-time ease, box-shadow $transition-time ease, transform $transition-time ease;\n }\n > .bg-image{\n border-radius: $border-radius*2;\n }\n}\n\n@include media-breakpoint-up(sm){\n .card{\n &.card-lg{\n &.card-body{\n padding: $spacer*2;\n }\n }\n }\n}\n\n@include media-breakpoint-down(sm){\n .card{\n margin-bottom: $spacer/2;\n }\n}\n\n.card{\n + .card{\n margin-top: $spacer;\n }\n &.card-sm{\n + .card-sm{\n margin-top: $spacer/2;\n }\n }\n}\n\na.card{\n color: $body-color;\n font-weight: $font-weight-normal;\n transition: all $transition-time-fast ease;\n &[class*='hover-shadow']{\n &:hover{\n transform: translate3d(-4px,-4px,0) rotateZ(-1deg);\n }\n }\n}\n\n@include media-breakpoint-up(md){\n .card-icon-2{\n min-height: 22rem;\n }\n}\n\n.card-icon-3{\n overflow: hidden;\n h3{\n margin-bottom: 1rem;\n }\n .badge{\n position: absolute;\n top: 3rem;\n right: 3rem;\n max-height: 1.5rem;\n }\n}\n\n@include media-breakpoint-up(md){\n .card-icon-3{\n min-height: 28rem;\n .icon-round{\n transform: scale(2.5);\n position: relative;\n bottom: 1rem;\n right: 1rem;\n }\n }\n}\n\n.card-customer-1{\n h4{\n margin-bottom: .75rem;\n }\n}\n\n.card-article-wide{\n overflow: hidden;\n .card-img-top{\n height: 100%;\n object-fit: cover;\n }\n}\n\n@include media-breakpoint-up(md){\n .card-article-wide{\n min-height: $spacer*15;\n .card-img-top{\n border-radius: $card-border-radius 0 0 $card-border-radius;\n }\n }\n}","// \n// \n// dropdowns.scss\n//\n//\n\n.dropdown-toggle{\n outline: none;\n cursor: pointer;\n &:after{\n display: none !important;\n }\n &.btn{\n > .icon{\n &:last-child{\n transform: rotateZ(-90deg);\n margin: 0;\n }\n }\n }\n}\n\n.dropright{\n .dropdown-toggle{\n &.btn{\n > .icon{\n &:last-child{\n transform: rotateZ(180deg);\n }\n }\n }\n }\n}\n\n.dropup{\n .dropdown-toggle{\n &.btn{\n > .icon{\n &:last-child{\n transform: rotateZ(90deg);\n }\n }\n }\n }\n}\n\n.dropleft{\n .dropdown-toggle{\n &:before{\n display: none;\n }\n &.btn{\n > .icon{\n &:first-child{\n transform: rotateZ(0deg);\n }\n }\n }\n }\n}\n\n.dropdown-item{\n font-weight: $font-weight-bold;\n transition: color $transition-time-fast ease;\n}\n\n.dropdown-header{\n font-size: inherit;\n padding-bottom: 0;\n}\n\n.dropdown-menu{\n box-shadow: $box-shadow-sm;\n h6{\n margin-bottom: 1rem;\n }\n &.text-light{\n .dropdown-item{\n color: rgba($white,.5);\n &:hover, &:active{\n color: $white;\n }\n }\n }\n}\n\n[data-dropdown-content] .dropdown-item{\n padding-left: 0;\n padding-right: 0;\n}\n\n.dropdown-divider{\n margin: 0;\n}\n\n// Grid Dropdowns\n\n[data-toggle=\"dropdown-grid\"]{\n + .dropdown-menu{\n padding-top: 0;\n padding-bottom: 0;\n width: 100vw;\n max-width: none;\n padding-left: 0;\n padding-right: 0;\n box-shadow: none;\n border: none;\n border-radius: 0;\n background: none;\n margin-top: 0;\n .dropdown-menu{\n top: 0;\n margin-top: 0;\n }\n .card{\n margin-bottom: 0;\n &.card-sm{\n padding-top: 1rem;\n padding-bottom: 1rem;\n }\n }\n }\n}\n\n.dropdown-menu{\n &.row{\n pointer-events: none;\n &.show{\n display: flex;\n }\n }\n}\n\n@include media-breakpoint-up(lg){\n .dropdown-menu{\n &.row{\n [class*='col']{\n padding-right: 0;\n padding-left: 0;\n }\n }\n }\n}\n\n[data-dropdown-content]{\n pointer-events: all;\n}\n\n.dropdown-menu{\n .dropdown{\n position: relative;\n .dropdown-toggle{\n padding-right: $spacer*2;\n .icon{\n transition: opacity $transition-time ease, transform $transition-time ease;\n position: absolute;\n right: 0;\n transform: rotateZ(180deg);\n }\n &:focus{\n .icon{\n opacity: 1;\n transform: rotateZ(180deg) translateX(-4px);\n }\n }\n }\n }\n}\n\n@include media-breakpoint-down(md){\n .navbar-expand-lg{\n .dropdown-menu, [data-dropdown-content]{\n left: 0 !important;\n }\n [data-toggle=\"dropdown-grid\"]{\n + .dropdown-menu{\n top: auto;\n width: auto;\n position: relative;\n }\n }\n .dropdown-menu{\n .dropdown{\n .dropdown-toggle{\n .icon{\n transform: rotateZ(270deg);\n }\n }\n }\n }\n }\n}\n\nbody[data-dropdown-grid-hover=\"true\"] [data-toggle=\"dropdown-grid\"], body[data-dropdown-grid-hover=\"true\"] [data-dropdown-content]:not(.container), [data-toggle=\"dropdown-grid\"][data-hover=\"true\"]{\n &:hover{\n &:before{\n content: '';\n position: absolute;\n width: 100%;\n height: 3rem;\n top: 100%;\n left: 0;\n }\n }\n + .dropdown-menu{\n [data-toggle=\"dropdown-grid\"]{\n &:hover{\n &:before{\n width: 140%;\n height: 110%;\n top: 0;\n left: -20%;\n } \n }\n }\n }\n }\n [data-dropdown-content]:not(.container){\n &:hover{\n &:before{\n top: -1.5rem;\n left: -1.5rem;\n width: calc(100% + 3rem);\n height: calc(100% + 3rem);\n padding: 3rem; \n }\n }\n}\n\n// Grid Dropdown Menu\n\n@include media-breakpoint-up(lg) {\n .dropdown-grid-menu {\n background: $white;\n border-radius: $border-radius;\n border: $border-width solid $border-color;\n padding: $spacer*.75 $spacer*.75;\n box-shadow: $box-shadow;\n min-width: $dropdown-min-width;\n }\n}\n\n@include media-breakpoint-down(lg){\n .dropdown-grid-menu{\n padding-left: $spacer/2;\n border-left: $border-width solid $border-color;\n }\n .navbar-dark{\n .dropdown-grid-menu{\n border-color: rgba($white,.25);\n }\n }\n}","// \n// \n// footers.scss\n//\n//\n\nfooter{\n padding: $default-section-padding 0;\n}","// \n// \n// grid.scss\n//\n//\n\n.row[class*='flex-'][class*='-column']{\n > [class*='col'][class*='my-']{\n &:first-child{\n margin-top: 0 !important;\n }\n &:last-child{\n margin-bottom: 0 !important;\n }\n }\n}\n\n@media all and (max-width: 767px){\n .row:not(.no-gutters){\n >[class*='col-6']{\n &:nth-child(odd){\n padding-right: $spacer/4;\n }\n &:nth-child(even){\n padding-left: $spacer/4;\n }\n }\n }\n}\n\n@include media-breakpoint-up(sm){\n .container-fluid{\n padding-left: $spacer;\n padding-right: $spacer;\n }\n}\n\n@include media-breakpoint-up(xl){\n .container-fluid{\n padding-left: $spacer*2;\n padding-right: $spacer*2;\n }\n}\n\n.row-tight{\n margin-left: -$spacer/4;\n margin-right: -$spacer/4;\n > [class*='col']{\n padding: 0 $spacer/4;\n }\n}","// \n// \n// images.scss\n//\n//\n\nimg[class*='flex-'][class*='-grow-1']{\n object-fit: cover;\n}\n\nimg{\n max-width: 100%;\n}","// \n// \n// navbar.scss\n//\n//\n\n.navbar{\n border-bottom: $border-width solid rgba($primary-3,.08);\n width: 100%;\n &[data-overlay]{\n position: absolute;\n }\n &[data-sticky=\"top\"]{\n transition: all $transition-time ease;\n &.scrolled{\n &.navbar-dark{\n background: theme-color('primary-3');\n border-bottom-color: rgba(0,0,0,0);\n }\n &.navbar-light{\n background: $white !important;\n }\n }\n }\n &[data-overlay],&[data-sticky=\"top\"]{\n z-index: (($zindex-dropdown)-1);\n &.scrolled{\n z-index: $zindex-fixed;\n }\n }\n .dropdown-menu{\n z-index: $zindex-popover;\n }\n .nav-link{\n transition: color $transition-time ease;\n }\n}\n\n.navbar-container{\n position: relative;\n}\n\n.navbar-light{\n .navbar-toggler{\n svg{\n path{\n fill: theme-color('dark');\n }\n }\n }\n}\n\n.navbar-dark{\n border-bottom: $border-width solid rgba($white,.08);\n .navbar-toggler{\n svg{\n path{\n fill: $white;\n }\n }\n }\n &.navbar-toggled-show{\n .dropdown-toggle{\n > svg.bg-dark{\n *{\n fill: $white;\n }\n }\n }\n }\n}\n\n.navbar-toggler{\n border: none;\n position: relative;\n &[aria-expanded=\"false\"]{\n .navbar-toggler-close{\n opacity: 0;\n transform: scale(0) rotate(45deg);\n }\n }\n &[aria-expanded=\"true\"]{\n .navbar-toggler-open{\n opacity: 0;\n transform: scale(0) rotate(-45deg);\n }\n }\n}\n\n.navbar-toggler-open, .navbar-toggler-close{\n transition: opacity $transition-time ease, transform $transition-time ease;\n opacity: 1;\n transform: scale(1);\n}\n\n.navbar-toggler-close{\n position: absolute;\n top: 0;\n left: 0;\n}\n\n@include media-breakpoint-up(lg){\n .navbar{\n padding-left: 0;\n padding-right: 0;\n .dropdown-menu{\n margin-top: 1rem;\n }\n }\n}\n\nnav[data-overlay].navbar-toggled-show{\n background: $white;\n &.navbar-dark{\n background: theme-color('primary-3');\n .dropdown-item{\n color: rgba($white,.5);\n &:hover{\n color: $white;\n }\n }\n }\n}\n\n@include media-breakpoint-down(md){\n .navbar-collapse{\n max-height: 100vh;\n overflow-y: scroll;\n }\n}\n\n// Navbar Dropdowns\n\n@include media-breakpoint-down(md){\n .nav-item.dropdown{\n .col-auto{\n width: 100%;\n padding-left: 0;\n padding-right: 0;\n }\n }\n}","//\n//\n// navs.scss\n//\n//\n\n.nav-link{\n &.disabled{\n opacity: .25;\n }\n}\n\nsection,footer{\n .nav-link{\n transition: opacity $transition-time linear;\n &:not(.active){\n &:not(.disabled){\n &:not(:hover){\n opacity: .5;\n }\n }\n }\n .icon{\n transform: translate3d(0,0,0);\n }\n &[aria-expanded=\"true\"]{\n opacity: 1 !important;\n }\n }\n &:not(.text-light){\n .nav-link{\n color: theme-color('dark');\n }\n }\n}\n\n// Buttons Nav\n\n.nav-link{\n &.btn{\n &.active{\n background: theme-color('primary');\n color: $white;\n }\n }\n &.btn-light{\n &.active, &:active{\n background: $gray-100 !important;\n border-color: $border-color !important;\n }\n &:not(.active){\n background: none;\n border-color: rgba(0,0,0,0);\n }\n .icon{\n *{\n fill: theme-color('primary');\n }\n }\n }\n}\n\n// Icons Nav\n\n.nav-link{\n .icon-round{\n margin-left: auto;\n margin-right: auto;\n margin-bottom: .75rem;\n }\n &:not(.active){\n &:not(:active){\n .icon-round{\n background-color: transparent !important;\n }\n }\n }\n}\n\n// Column Navs\n\n.nav{\n &.flex-column{\n .nav-link{\n padding-left: 0;\n padding-top: 0;\n }\n flex-flow: column;\n }\n}\n\n// Nav Link Collapse\n\n.nav-link{\n &[data-toggle=\"collapse\"]{\n > .icon{\n transform: rotateZ(-90deg);\n position: relative;\n right: .25rem;\n }\n }\n}","//\n//\n// svg.scss\n//\n//\n\nimg[data-inject-svg]{\n opacity: 0;\n}\n\nsvg{\n &.icon{\n *{\n fill: theme-color('primary');\n }\n &[class*='bg-']{\n background: none !important;\n }\n }\n &.bg-white{\n *{\n fill: $white;\n }\n }\n @each $name, $color in $theme-colors {\n &.bg-#{$name}{\n *{\n fill: $color;\n }\n }\n &.bg-#{$name}-alt{\n *{\n fill: mix($color,$white,6%);\n }\n }\n }\n}\n\n.text-light{\n svg.icon{\n &:not([class*='bg-']){\n *{\n fill: $white;\n }\n }\n }\n}\n\n.text-primary{\n svg.icon{\n &:not([class*='bg-']){\n *{\n fill: theme-color('primary');\n }\n }\n }\n}","@font-face {\n font-family: 'Inter UI';\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n unicode-range: U+000-5FF;\n src: url('../fonts/Inter-UI-upright.var.woff2') format(\"woff2-variations\"),\n url(\"../fonts/Inter-UI-Regular.woff2\") format(\"woff2\"),\n url(\"../fonts/Inter-UI-Regular.woff\") format(\"woff\");\n}\n@font-face {\n font-family: 'Inter UI';\n font-style: italic;\n font-weight: 400;\n font-display: swap;\n unicode-range: U+000-5FF;\n src: url('../fonts/Inter-UI.var.woff2') format(\"woff2-variations\"),\n url(\"../fonts/Inter-UI-Italic.woff2\") format(\"woff2\"),\n url(\"../fonts/Inter-UI-Italic.woff\") format(\"woff\");\n}\n\n@font-face {\n font-family: 'Inter UI';\n font-style: normal;\n font-weight: 500;\n font-display: swap;\n unicode-range: U+000-5FF;\n src: url('../fonts/Inter-UI-upright.var.woff2') format(\"woff2-variations\"),\n url(\"../fonts/Inter-UI-Medium.woff2\") format(\"woff2\"),\n url(\"../fonts/Inter-UI-Medium.woff\") format(\"woff\");\n}\n@font-face {\n font-family: 'Inter UI';\n font-style: italic;\n font-weight: 500;\n font-display: swap;\n unicode-range: U+000-5FF;\n src: url('../fonts/Inter-UI.var.woff2') format(\"woff2-variations\"),\n url(\"../fonts/Inter-UI-MediumItalic.woff2\") format(\"woff2\"),\n url(\"../fonts/Inter-UI-MediumItalic.woff\") format(\"woff\");\n}\n@font-face {\n font-family: 'Inter UI';\n font-style: normal;\n font-weight: 600;\n font-display: swap;\n unicode-range: U+000-5FF;\n src: url('../fonts/Inter-UI-upright.var.woff2') format(\"woff2-variations\"),\n url(\"../fonts/Inter-UI-Bold.woff2\") format(\"woff2\"),\n url(\"../fonts/Inter-UI-Bold.woff\") format(\"woff\");\n}","// \n// \n// typography.scss\n//\n//\n\n@import \"CSS:../../components/plugins/inter-ui\";\n\nhtml{\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n}\n\nh1,h2,h3,h4,.h1,.h2,.h3,.h4,.display-1,.display-2,.display-3,.display-4{\n letter-spacing: -.03em;\n}\n\nh5,.h5{\n line-height: 1.5;\n}\n\n@include media-breakpoint-down(lg){\n html{\n font-size: 0.9375rem;\n }\n}\n\n@include media-breakpoint-down(sm){\n html{\n font-size: .875rem;\n }\n}\n\n@include media-breakpoint-down(md){\n .display-2{\n font-size: $display4-size;\n }\n}\n\n.display-1, .display-2, .display-3, .display-4{\n color: $headings-color;\n}\n\n.display-1, .display-2, .display-3, .display-4{\n margin-bottom: 1.5rem;\n line-height: 1;\n}\n\n.display-4{\n line-height: 1.1;\n}\n\n@include media-breakpoint-down(lg){\n .display-3{\n font-size: $display4-size;\n line-height: 4rem;\n }\n}\n\n@include media-breakpoint-down(sm){\n .display-4{\n font-size: $h1-font-size;\n line-height: 3rem;\n }\n}\n\nh5{\n margin-bottom: $spacer/2;\n}\n\nh6{\n line-height: 1.375rem;\n}\n\na{\n font-weight: 600;\n &.lead{\n font-weight: 600;\n }\n color: theme-color('primary');\n}\n\nsmall, .text-small{\n font-weight: $font-weight-bold;\n}\n\n.text-small{\n font-size: 0.875rem;\n line-height: 1.25rem;\n}\n\nsmall{\n display: inline-block;\n line-height: 1.1875rem;\n &.text-uppercase{\n letter-spacing: .08em;\n }\n}\n\nstrong{\n font-weight: $font-weight-bold;\n}\n\n.text-light{\n a:not(.btn),h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,.display-1, .display-2, .display-3, .display-4{\n color: $white;\n }\n .text-muted{\n color: rgba($white,.7) !important;\n }\n}\n\n.highlight{\n display: inline;\n background: rgba(theme-color('primary-2'),.2);\n}\n\n.alert{\n word-break: break-word;\n}\n","// \n// \n// utilities.scss\n//\n//\n.o-hidden {\n overflow: hidden;\n}\n\n.o-visible {\n overflow: visible;\n}\n\n@include media-breakpoint-up(lg){\n .o-lg-visible{\n overflow: visible;\n }\n}\n\n// Opacity\n//\n// Control an element's opacity using the class .opacity-# element with value of 0 - 100\n.opacity-0 {\n opacity: 0;\n}\n\n@for $i from 1 through 9 {\n $opacity: ($i / 10);\n .opacity-#{($i*10)} {\n opacity: $opacity;\n }\n}\n\n// Spacing\n//\n// Control an element's vertical (North South) padding with these utilities\n\nsection {\n padding: $default-section-padding 0;\n}\n\n// Height\n//\n// Control an elements min-height in vh units using the class .height-# with a value of 0 - 90\n\n.h-0 {\n height: 0;\n}\n\n@for $i from 1 through 10 {\n $height: ($i * 10);\n .min-vh-#{$height} {\n min-height: #{$height}vh;\n }\n}\n\n@include media-breakpoint-up(md){\n @for $i from 1 through 10 {\n $height: ($i * 10);\n .min-vh-md-#{$height} {\n min-height: #{$height}vh;\n }\n }\n}\n\n@include media-breakpoint-up(lg){\n @for $i from 1 through 10 {\n $height: ($i * 10);\n .min-vh-lg-#{$height} {\n min-height: #{$height}vh;\n }\n }\n}\n\n// Width\n//\n// Control an elements min-width in vw units using the class .min-width-#vw with a value of 10 - 90\n\n@for $i from 1 through 10 {\n $width: ($i * 10);\n .min-vw-#{$width} {\n min-width: #{$width}vw;\n }\n}\n\n// Text\n//\n\n.text-white{\n p{\n a{\n color: $white;\n }\n }\n}\n\n.text-strikethrough{\n text-decoration: line-through;\n}\n\n// Overlays\n//\n\n.overlay{\n .container{\n z-index: 1;\n position: relative;\n }\n &:after{\n content: '';\n position: absolute;\n width: 100%;\n height: 100%;\n bottom: 0;\n left: 0;\n background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);\n }\n .divider{\n z-index: 1;\n }\n &.card{\n &:after{\n border-radius: 0 0 $border-radius*2 $border-radius*2;\n }\n }\n > .position-absolute{\n z-index: 2;\n }\n}\n\n// Shadows\n//\n\n.shadow-3d{\n box-shadow: $shadow-3d;\n}\n\n\n// Alternative background colors\n//\n \n@each $name, $color in $theme-color-scheme {\n .bg-#{$name}-alt{\n background: mix($color,$white,6%);\n }\n}\n\n// Borders\n\nimg.rounded, div.rounded{\n border-radius: $border-radius*2 !important;\n}\n\n.rounded-sm, img.rounded-sm{\n border-radius: $border-radius !important;\n}\n\n.bg-primary-3{\n &.border-bottom{\n border-color: rgba($white,.08) !important;\n }\n}\n\n// Position\n\n.position-relative{\n z-index: 1;\n}\n\n.position-absolute{\n &[style]{\n z-index: 2;\n }\n}\n\n.sticky-top{\n top: $spacer;\n}\n\n.top-0{\n top: 0;\n bottom: auto;\n}\n\n// Z-index Layers\n\n@for $i from 1 through 4 {\n .layer-#{$i}{\n z-index: $i;\n }\n}\n\n[class*='layer-']{\n position: relative;\n}\n\n// Blend Modes\n\n.blend-mode-multiply{\n mix-blend-mode: multiply;\n}\n\n// Transforms\n\n.flip-x{\n transform: scaleX(-1);\n}\n\n.flip-y{\n transform: scaleY(-1);\n}\n\n.rotate-left{\n transform: rotateZ(-1deg);\n &.mobile-screenshot{\n transform: rotateZ(-5deg);\n }\n}\n\n.rotate-right{\n transform: rotateZ(1deg);\n}","[data-aos][data-aos][data-aos-duration=\"50\"],body[data-aos-duration=\"50\"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay=\"50\"],body[data-aos-delay=\"50\"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay=\"50\"].aos-animate,body[data-aos-delay=\"50\"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration=\"100\"],body[data-aos-duration=\"100\"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay=\"100\"],body[data-aos-delay=\"100\"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay=\"100\"].aos-animate,body[data-aos-delay=\"100\"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration=\"150\"],body[data-aos-duration=\"150\"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay=\"150\"],body[data-aos-delay=\"150\"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay=\"150\"].aos-animate,body[data-aos-delay=\"150\"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration=\"200\"],body[data-aos-duration=\"200\"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay=\"200\"],body[data-aos-delay=\"200\"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay=\"200\"].aos-animate,body[data-aos-delay=\"200\"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration=\"250\"],body[data-aos-duration=\"250\"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay=\"250\"],body[data-aos-delay=\"250\"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay=\"250\"].aos-animate,body[data-aos-delay=\"250\"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration=\"300\"],body[data-aos-duration=\"300\"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay=\"300\"],body[data-aos-delay=\"300\"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay=\"300\"].aos-animate,body[data-aos-delay=\"300\"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration=\"350\"],body[data-aos-duration=\"350\"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay=\"350\"],body[data-aos-delay=\"350\"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay=\"350\"].aos-animate,body[data-aos-delay=\"350\"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration=\"400\"],body[data-aos-duration=\"400\"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay=\"400\"],body[data-aos-delay=\"400\"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay=\"400\"].aos-animate,body[data-aos-delay=\"400\"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration=\"450\"],body[data-aos-duration=\"450\"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay=\"450\"],body[data-aos-delay=\"450\"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay=\"450\"].aos-animate,body[data-aos-delay=\"450\"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration=\"500\"],body[data-aos-duration=\"500\"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay=\"500\"],body[data-aos-delay=\"500\"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay=\"500\"].aos-animate,body[data-aos-delay=\"500\"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration=\"550\"],body[data-aos-duration=\"550\"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay=\"550\"],body[data-aos-delay=\"550\"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay=\"550\"].aos-animate,body[data-aos-delay=\"550\"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration=\"600\"],body[data-aos-duration=\"600\"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay=\"600\"],body[data-aos-delay=\"600\"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay=\"600\"].aos-animate,body[data-aos-delay=\"600\"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration=\"650\"],body[data-aos-duration=\"650\"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay=\"650\"],body[data-aos-delay=\"650\"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay=\"650\"].aos-animate,body[data-aos-delay=\"650\"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration=\"700\"],body[data-aos-duration=\"700\"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay=\"700\"],body[data-aos-delay=\"700\"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay=\"700\"].aos-animate,body[data-aos-delay=\"700\"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration=\"750\"],body[data-aos-duration=\"750\"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay=\"750\"],body[data-aos-delay=\"750\"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay=\"750\"].aos-animate,body[data-aos-delay=\"750\"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration=\"800\"],body[data-aos-duration=\"800\"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay=\"800\"],body[data-aos-delay=\"800\"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay=\"800\"].aos-animate,body[data-aos-delay=\"800\"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration=\"850\"],body[data-aos-duration=\"850\"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay=\"850\"],body[data-aos-delay=\"850\"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay=\"850\"].aos-animate,body[data-aos-delay=\"850\"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration=\"900\"],body[data-aos-duration=\"900\"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay=\"900\"],body[data-aos-delay=\"900\"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay=\"900\"].aos-animate,body[data-aos-delay=\"900\"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration=\"950\"],body[data-aos-duration=\"950\"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay=\"950\"],body[data-aos-delay=\"950\"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay=\"950\"].aos-animate,body[data-aos-delay=\"950\"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration=\"1000\"],body[data-aos-duration=\"1000\"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay=\"1000\"],body[data-aos-delay=\"1000\"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay=\"1000\"].aos-animate,body[data-aos-delay=\"1000\"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration=\"1050\"],body[data-aos-duration=\"1050\"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay=\"1050\"],body[data-aos-delay=\"1050\"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay=\"1050\"].aos-animate,body[data-aos-delay=\"1050\"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration=\"1100\"],body[data-aos-duration=\"1100\"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay=\"1100\"],body[data-aos-delay=\"1100\"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay=\"1100\"].aos-animate,body[data-aos-delay=\"1100\"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration=\"1150\"],body[data-aos-duration=\"1150\"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay=\"1150\"],body[data-aos-delay=\"1150\"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay=\"1150\"].aos-animate,body[data-aos-delay=\"1150\"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration=\"1200\"],body[data-aos-duration=\"1200\"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay=\"1200\"],body[data-aos-delay=\"1200\"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay=\"1200\"].aos-animate,body[data-aos-delay=\"1200\"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration=\"1250\"],body[data-aos-duration=\"1250\"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay=\"1250\"],body[data-aos-delay=\"1250\"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay=\"1250\"].aos-animate,body[data-aos-delay=\"1250\"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration=\"1300\"],body[data-aos-duration=\"1300\"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay=\"1300\"],body[data-aos-delay=\"1300\"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay=\"1300\"].aos-animate,body[data-aos-delay=\"1300\"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration=\"1350\"],body[data-aos-duration=\"1350\"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay=\"1350\"],body[data-aos-delay=\"1350\"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay=\"1350\"].aos-animate,body[data-aos-delay=\"1350\"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration=\"1400\"],body[data-aos-duration=\"1400\"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay=\"1400\"],body[data-aos-delay=\"1400\"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay=\"1400\"].aos-animate,body[data-aos-delay=\"1400\"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration=\"1450\"],body[data-aos-duration=\"1450\"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay=\"1450\"],body[data-aos-delay=\"1450\"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay=\"1450\"].aos-animate,body[data-aos-delay=\"1450\"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration=\"1500\"],body[data-aos-duration=\"1500\"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay=\"1500\"],body[data-aos-delay=\"1500\"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay=\"1500\"].aos-animate,body[data-aos-delay=\"1500\"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration=\"1550\"],body[data-aos-duration=\"1550\"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay=\"1550\"],body[data-aos-delay=\"1550\"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay=\"1550\"].aos-animate,body[data-aos-delay=\"1550\"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration=\"1600\"],body[data-aos-duration=\"1600\"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay=\"1600\"],body[data-aos-delay=\"1600\"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay=\"1600\"].aos-animate,body[data-aos-delay=\"1600\"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration=\"1650\"],body[data-aos-duration=\"1650\"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay=\"1650\"],body[data-aos-delay=\"1650\"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay=\"1650\"].aos-animate,body[data-aos-delay=\"1650\"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration=\"1700\"],body[data-aos-duration=\"1700\"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay=\"1700\"],body[data-aos-delay=\"1700\"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay=\"1700\"].aos-animate,body[data-aos-delay=\"1700\"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration=\"1750\"],body[data-aos-duration=\"1750\"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay=\"1750\"],body[data-aos-delay=\"1750\"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay=\"1750\"].aos-animate,body[data-aos-delay=\"1750\"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration=\"1800\"],body[data-aos-duration=\"1800\"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay=\"1800\"],body[data-aos-delay=\"1800\"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay=\"1800\"].aos-animate,body[data-aos-delay=\"1800\"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration=\"1850\"],body[data-aos-duration=\"1850\"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay=\"1850\"],body[data-aos-delay=\"1850\"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay=\"1850\"].aos-animate,body[data-aos-delay=\"1850\"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration=\"1900\"],body[data-aos-duration=\"1900\"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay=\"1900\"],body[data-aos-delay=\"1900\"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay=\"1900\"].aos-animate,body[data-aos-delay=\"1900\"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration=\"1950\"],body[data-aos-duration=\"1950\"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay=\"1950\"],body[data-aos-delay=\"1950\"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay=\"1950\"].aos-animate,body[data-aos-delay=\"1950\"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration=\"2000\"],body[data-aos-duration=\"2000\"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay=\"2000\"],body[data-aos-delay=\"2000\"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay=\"2000\"].aos-animate,body[data-aos-delay=\"2000\"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration=\"2050\"],body[data-aos-duration=\"2050\"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay=\"2050\"],body[data-aos-delay=\"2050\"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay=\"2050\"].aos-animate,body[data-aos-delay=\"2050\"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration=\"2100\"],body[data-aos-duration=\"2100\"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay=\"2100\"],body[data-aos-delay=\"2100\"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay=\"2100\"].aos-animate,body[data-aos-delay=\"2100\"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration=\"2150\"],body[data-aos-duration=\"2150\"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay=\"2150\"],body[data-aos-delay=\"2150\"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay=\"2150\"].aos-animate,body[data-aos-delay=\"2150\"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration=\"2200\"],body[data-aos-duration=\"2200\"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay=\"2200\"],body[data-aos-delay=\"2200\"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay=\"2200\"].aos-animate,body[data-aos-delay=\"2200\"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration=\"2250\"],body[data-aos-duration=\"2250\"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay=\"2250\"],body[data-aos-delay=\"2250\"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay=\"2250\"].aos-animate,body[data-aos-delay=\"2250\"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration=\"2300\"],body[data-aos-duration=\"2300\"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay=\"2300\"],body[data-aos-delay=\"2300\"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay=\"2300\"].aos-animate,body[data-aos-delay=\"2300\"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration=\"2350\"],body[data-aos-duration=\"2350\"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay=\"2350\"],body[data-aos-delay=\"2350\"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay=\"2350\"].aos-animate,body[data-aos-delay=\"2350\"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration=\"2400\"],body[data-aos-duration=\"2400\"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay=\"2400\"],body[data-aos-delay=\"2400\"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay=\"2400\"].aos-animate,body[data-aos-delay=\"2400\"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration=\"2450\"],body[data-aos-duration=\"2450\"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay=\"2450\"],body[data-aos-delay=\"2450\"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay=\"2450\"].aos-animate,body[data-aos-delay=\"2450\"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration=\"2500\"],body[data-aos-duration=\"2500\"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay=\"2500\"],body[data-aos-delay=\"2500\"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay=\"2500\"].aos-animate,body[data-aos-delay=\"2500\"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration=\"2550\"],body[data-aos-duration=\"2550\"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay=\"2550\"],body[data-aos-delay=\"2550\"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay=\"2550\"].aos-animate,body[data-aos-delay=\"2550\"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration=\"2600\"],body[data-aos-duration=\"2600\"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay=\"2600\"],body[data-aos-delay=\"2600\"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay=\"2600\"].aos-animate,body[data-aos-delay=\"2600\"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration=\"2650\"],body[data-aos-duration=\"2650\"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay=\"2650\"],body[data-aos-delay=\"2650\"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay=\"2650\"].aos-animate,body[data-aos-delay=\"2650\"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration=\"2700\"],body[data-aos-duration=\"2700\"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay=\"2700\"],body[data-aos-delay=\"2700\"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay=\"2700\"].aos-animate,body[data-aos-delay=\"2700\"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration=\"2750\"],body[data-aos-duration=\"2750\"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay=\"2750\"],body[data-aos-delay=\"2750\"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay=\"2750\"].aos-animate,body[data-aos-delay=\"2750\"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration=\"2800\"],body[data-aos-duration=\"2800\"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay=\"2800\"],body[data-aos-delay=\"2800\"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay=\"2800\"].aos-animate,body[data-aos-delay=\"2800\"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration=\"2850\"],body[data-aos-duration=\"2850\"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay=\"2850\"],body[data-aos-delay=\"2850\"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay=\"2850\"].aos-animate,body[data-aos-delay=\"2850\"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration=\"2900\"],body[data-aos-duration=\"2900\"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay=\"2900\"],body[data-aos-delay=\"2900\"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay=\"2900\"].aos-animate,body[data-aos-delay=\"2900\"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration=\"2950\"],body[data-aos-duration=\"2950\"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay=\"2950\"],body[data-aos-delay=\"2950\"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay=\"2950\"].aos-animate,body[data-aos-delay=\"2950\"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration=\"3000\"],body[data-aos-duration=\"3000\"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay=\"3000\"],body[data-aos-delay=\"3000\"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay=\"3000\"].aos-animate,body[data-aos-delay=\"3000\"] [data-aos].aos-animate{transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translateZ(0)}[data-aos=fade-up]{transform:translate3d(0,100px,0)}[data-aos=fade-down]{transform:translate3d(0,-100px,0)}[data-aos=fade-right]{transform:translate3d(-100px,0,0)}[data-aos=fade-left]{transform:translate3d(100px,0,0)}[data-aos=fade-up-right]{transform:translate3d(-100px,100px,0)}[data-aos=fade-up-left]{transform:translate3d(100px,100px,0)}[data-aos=fade-down-right]{transform:translate3d(-100px,-100px,0)}[data-aos=fade-down-left]{transform:translate3d(100px,-100px,0)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translateZ(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translate3d(0,100px,0) scale(.6)}[data-aos=zoom-in-down]{transform:translate3d(0,-100px,0) scale(.6)}[data-aos=zoom-in-right]{transform:translate3d(-100px,0,0) scale(.6)}[data-aos=zoom-in-left]{transform:translate3d(100px,0,0) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translate3d(0,100px,0) scale(1.2)}[data-aos=zoom-out-down]{transform:translate3d(0,-100px,0) scale(1.2)}[data-aos=zoom-out-right]{transform:translate3d(-100px,0,0) scale(1.2)}[data-aos=zoom-out-left]{transform:translate3d(100px,0,0) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translateZ(0)}[data-aos=slide-up]{transform:translate3d(0,100%,0)}[data-aos=slide-down]{transform:translate3d(0,-100%,0)}[data-aos=slide-right]{transform:translate3d(-100%,0,0)}[data-aos=slide-left]{transform:translate3d(100%,0,0)}[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)}","// \n// \n// accordions.scss\n//\n//\n\n.accordion-panel-title{\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n user-select: none;\n > .icon{\n transition: transform $transition-time-fast ease;\n }\n > *{\n transition: color $transition-time-fast ease;\n }\n .h6 + .icon{\n height: 1rem;\n }\n &[aria-expanded=\"true\"]{\n > .icon{\n transform: rotateZ(45deg);\n }\n }\n &[aria-expanded=\"true\"], &:hover{\n > *{\n color: theme-color('primary');\n path{\n fill: theme-color('primary');\n }\n }\n }\n}","// \n// \n// articles.scss\n//\n//\n\n.article{\n p.lead{\n &:first-child{\n margin-top: $spacer*3;\n margin-bottom: $spacer*2;\n }\n }\n p + h4{\n margin-top: $spacer*2;\n }\n p{\n &:not(:last-child){\n margin-bottom: $spacer;\n }\n }\n blockquote{\n margin: $spacer*2 0;\n }\n p + h5{\n margin-top: $spacer*1.5;\n }\n ul{\n padding-left: $spacer;\n > li{\n margin-bottom: $spacer/2;\n }\n }\n}\n\narticle{\n ol{\n > li{\n &:not(:last-child){\n margin-bottom: $spacer*2;\n }\n }\n }\n}\n\nfigure{\n text-align: center;\n margin: $spacer*2 0;\n}\n\nfigcaption{\n margin-top: $spacer/2;\n font-size: $font-size-sm;\n font-weight: $font-weight-bold;\n color: $text-muted;\n}\n\nblockquote{\n position: relative;\n border-radius: $border-radius*2;\n padding: $spacer*2;\n .btn{\n position: absolute;\n bottom: $spacer/2;\n right: $spacer/2;\n }\n}\n\n.comments{\n list-style: none;\n padding-left: 0;\n .comment{\n &:not(:last-child){\n margin-bottom: $spacer;\n }\n .comments{\n margin-top: $spacer;\n }\n .comment{\n padding-left: $spacer*1.5;\n border-left: 4px solid $border-color;\n }\n }\n}\n\n.list-articles{\n margin-bottom: 0;\n > li{\n &:not(:last-child){\n margin-bottom: .75rem;\n }\n }\n}\n\n.col-lg-3{\n .list-articles{\n img{\n min-height: $spacer*2.5;\n object-fit: cover;\n &.rounded{\n border-radius: $border-radius !important;\n }\n }\n }\n}\n\n.col-lg-4{\n .list-articles{\n img{\n min-height: $spacer*4.5;\n object-fit: cover;\n &.rounded{\n border-radius: $border-radius !important;\n }\n }\n }\n}\n\n// Portfolio Articles\n//\n\n@include media-breakpoint-up(md){\n .article-portfolio{\n >*:not(figure){\n max-width: 36rem;\n margin-left: auto;\n margin-right: auto;\n }\n figure{\n margin: $spacer*4 0;\n }\n }\n}","// \n// \n// avatars.scss\n//\n//\n\n.avatar{\n flex-shrink: 0;\n width: $spacer*2;\n height: $spacer*2;\n border-radius: 50%;\n &.avatar-sm{\n width: $spacer*1.5;\n height: $spacer*1.5;\n }\n &.avatar-lg{\n width: $spacer*3;\n height: $spacer*3;\n }\n &.avatar-xlg{\n width: $spacer*5;\n height: $spacer*5;\n }\n}\n\n@include media-breakpoint-up(lg) {\n .avatar{\n &.avatar-lg{\n width: $spacer*3;\n height: $spacer*3;\n }\n }\n}\n\n.avatars{\n padding-left: 0;\n list-style: none;\n display: flex;\n margin-bottom: 0;\n > li{\n position: relative;\n &:not(:last-child){\n margin-right: -$spacer/2;\n }\n }\n .avatar{\n border: 2px solid $white;\n }\n}\n\n.avatar-author{\n display: flex;\n h6{\n margin-bottom: 0;\n }\n}","// \n// \n// badge.scss\n//\n//\n\n.badge{\n text-transform: uppercase;\n letter-spacing: .02em;\n position: relative;\n bottom: 1px;\n vertical-align: middle;\n .icon{\n height: .75rem;\n vertical-align: top;\n }\n &.position-absolute{\n bottom: auto;\n }\n &.badge-top{\n position: absolute;\n top: -$spacer/2;\n bottom: auto;\n }\n}","// \n// \n// breadcrumb.scss\n//\n//\n\n.breadcrumb{\n display: inline-flex;\n font-weight: $font-weight-bold;\n}\n\n.breadcrumb-item{\n height: $spacer;\n display: flex;\n align-items: center;\n font-size: $font-size-sm;\n a{\n transition: opacity $transition-time-fast linear;\n &:not(:hover){\n opacity: .75;\n }\n }\n + .breadcrumb-item{\n &:before{\n content: '';\n background-image: url(\"data:image/svg+xml;utf8, when using getCueAsHTML()\n div {\n display: inline;\n }\n }\n\n span:empty {\n display: none;\n }\n\n @media (min-width: $plyr-bp-sm) {\n font-size: $plyr-font-size-captions-base;\n padding: ($plyr-control-spacing * 2);\n }\n\n @media (min-width: $plyr-bp-md) {\n font-size: $plyr-font-size-captions-medium;\n }\n}\n\n.plyr--captions-active .plyr__captions {\n display: block;\n}\n\n// If the lower controls are shown and not empty\n.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty) ~ .plyr__captions {\n transform: translateY(-($plyr-control-spacing * 4));\n}\n\n","// ==========================================================================\n// Captions\n// ==========================================================================\n\n$plyr-captions-bg: rgba(#000, 0.8) !default;\n$plyr-captions-color: #fff !default;\n$plyr-font-size-captions-base: $plyr-font-size-base !default;\n$plyr-font-size-captions-small: $plyr-font-size-small !default;\n$plyr-font-size-captions-medium: $plyr-font-size-large !default;\n$plyr-font-size-captions-large: $plyr-font-size-xlarge !default;\n","// --------------------------------------------------------------\n// Control buttons\n// --------------------------------------------------------------\n\n.plyr__control {\n background: transparent;\n border: 0;\n border-radius: $plyr-control-radius;\n color: inherit;\n cursor: pointer;\n flex-shrink: 0;\n overflow: visible; // IE11\n padding: $plyr-control-padding;\n position: relative;\n transition: all 0.3s ease;\n\n svg {\n display: block;\n fill: currentColor;\n height: $plyr-control-icon-size;\n pointer-events: none;\n width: $plyr-control-icon-size;\n }\n\n // Default focus\n &:focus {\n outline: 0;\n }\n\n // Tab focus\n &.plyr__tab-focus {\n @include plyr-tab-focus();\n }\n}\n\n// Remove any link styling\na.plyr__control {\n text-decoration: none;\n\n &::after,\n &::before {\n display: none;\n }\n}\n\n// Change icons on state change\n.plyr__control:not(.plyr__control--pressed) .icon--pressed,\n.plyr__control.plyr__control--pressed .icon--not-pressed,\n.plyr__control:not(.plyr__control--pressed) .label--pressed,\n.plyr__control.plyr__control--pressed .label--not-pressed {\n display: none;\n}\n\n// Audio control\n.plyr--audio .plyr__control {\n &.plyr__tab-focus,\n &:hover,\n &[aria-expanded='true'] {\n background: $plyr-audio-control-bg-hover;\n color: $plyr-audio-control-color-hover;\n }\n}\n\n// Video control\n.plyr--video .plyr__control {\n svg {\n filter: drop-shadow(0 1px 1px rgba(#000, 0.15));\n }\n\n // Hover and tab focus\n &.plyr__tab-focus,\n &:hover,\n &[aria-expanded='true'] {\n background: $plyr-video-control-bg-hover;\n color: $plyr-video-control-color-hover;\n }\n}\n\n// Large play button (video only)\n.plyr__control--overlaid {\n background: rgba($plyr-video-control-bg-hover, 0.8);\n border: 0;\n border-radius: 100%;\n box-shadow: 0 1px 1px rgba(#000, 0.15);\n color: $plyr-video-control-color;\n display: none;\n left: 50%;\n padding: ceil($plyr-control-spacing * 1.5);\n position: absolute;\n top: 50%;\n transform: translate(-50%, -50%);\n z-index: 2;\n\n // Offset icon to make the play button look right\n svg {\n left: 2px;\n position: relative;\n }\n\n &:hover,\n &:focus {\n background: $plyr-video-control-bg-hover;\n }\n}\n\n.plyr--playing .plyr__control--overlaid {\n opacity: 0;\n visibility: hidden;\n}\n\n.plyr--full-ui.plyr--video .plyr__control--overlaid {\n display: block;\n}\n","// ==========================================================================\n// Colors\n// ==========================================================================\n\n$plyr-color-main: #1aafff !default;\n$plyr-color-gunmetal: #2f343d !default;\n$plyr-color-fiord: #4f5b5f !default;\n$plyr-color-lynch: #6b7d85 !default;\n$plyr-color-heather: #b7c5cd !default;\n","// --------------------------------------------------------------\n// Controls\n// --------------------------------------------------------------\n\n// Hide native controls\n.plyr--full-ui ::-webkit-media-controls {\n display: none;\n}\n\n// Playback controls\n.plyr__controls {\n align-items: center;\n display: flex;\n justify-content: flex-end;\n text-align: center;\n\n // Spacing\n > .plyr__control,\n .plyr__progress,\n .plyr__time,\n .plyr__menu,\n .plyr__volume {\n margin-left: ($plyr-control-spacing / 2);\n }\n\n .plyr__menu + .plyr__control,\n > .plyr__control + .plyr__menu,\n > .plyr__control + .plyr__control,\n .plyr__progress + .plyr__control {\n margin-left: floor($plyr-control-spacing / 4);\n }\n\n > .plyr__control:first-child,\n > .plyr__control:first-child + [data-plyr='pause'] {\n margin-left: 0;\n margin-right: auto;\n }\n\n // Hide empty controls\n &:empty {\n display: none;\n }\n\n @media (min-width: $plyr-bp-sm) {\n > .plyr__control,\n .plyr__menu,\n .plyr__progress,\n .plyr__time,\n .plyr__volume {\n margin-left: $plyr-control-spacing;\n }\n }\n}\n\n// Audio controls\n.plyr--audio .plyr__controls {\n background: $plyr-audio-controls-bg;\n border-radius: inherit;\n color: $plyr-audio-control-color;\n padding: $plyr-control-spacing;\n}\n\n// Video controls\n.plyr--video .plyr__controls {\n background: linear-gradient(\n rgba($plyr-video-controls-bg, 0),\n rgba($plyr-video-controls-bg, 0.7)\n );\n border-bottom-left-radius: inherit;\n border-bottom-right-radius: inherit;\n bottom: 0;\n color: $plyr-video-control-color;\n left: 0;\n padding: ($plyr-control-spacing * 2) ($plyr-control-spacing / 2) ($plyr-control-spacing / 2);\n position: absolute;\n right: 0;\n transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;\n z-index: 3;\n\n @media (min-width: $plyr-bp-sm) {\n padding: ($plyr-control-spacing * 3.5) $plyr-control-spacing $plyr-control-spacing;\n }\n}\n\n// Hide video controls\n.plyr--video.plyr--hide-controls .plyr__controls {\n opacity: 0;\n pointer-events: none;\n transform: translateY(100%);\n}\n\n// Some options are hidden by default\n.plyr [data-plyr='captions'],\n.plyr [data-plyr='pip'],\n.plyr [data-plyr='airplay'],\n.plyr [data-plyr='fullscreen'] {\n display: none;\n}\n.plyr--captions-enabled [data-plyr='captions'],\n.plyr--pip-supported [data-plyr='pip'],\n.plyr--airplay-supported [data-plyr='airplay'],\n.plyr--fullscreen-enabled [data-plyr='fullscreen'] {\n display: inline-block;\n}\n","// ==========================================================================\n// Controls\n// ==========================================================================\n\n$plyr-control-icon-size: 18px !default;\n$plyr-control-spacing: 10px !default;\n$plyr-control-padding: ($plyr-control-spacing * 0.7) !default;\n$plyr-control-radius: 3px !default;\n\n$plyr-video-controls-bg: #000 !default;\n$plyr-video-control-color: #fff !default;\n$plyr-video-control-color-hover: #fff !default;\n$plyr-video-control-bg-hover: $plyr-color-main !default;\n\n$plyr-audio-controls-bg: #fff !default;\n$plyr-audio-control-color: $plyr-color-fiord !default;\n$plyr-audio-control-color-hover: #fff !default;\n$plyr-audio-control-bg-hover: $plyr-color-main !default;\n","// --------------------------------------------------------------\n// Embedded players\n// YouTube, Vimeo, etc\n// --------------------------------------------------------------\n\n// Default to 16:9 ratio but this is set by JavaScript based on config\n$embed-padding: ((100 / 16) * 9);\n\n.plyr__video-embed {\n height: 0;\n padding-bottom: to-percentage($embed-padding);\n position: relative;\n\n iframe {\n border: 0;\n height: 100%;\n left: 0;\n position: absolute;\n top: 0;\n user-select: none;\n width: 100%;\n }\n}\n\n// If the full custom UI is supported\n.plyr--full-ui .plyr__video-embed {\n $height: 240;\n $offset: to-percentage(($height - $embed-padding) / ($height / 50));\n\n // Only used for Vimeo\n > .plyr__video-embed__container {\n padding-bottom: to-percentage($height);\n position: relative;\n transform: translateY(-$offset);\n }\n}\n","// ==========================================================================\n// Useful functions\n// ==========================================================================\n\n@function to-percentage($input) {\n @return $input * 1%;\n}\n","// --------------------------------------------------------------\n// Menus\n// --------------------------------------------------------------\n\n.plyr__menu {\n display: flex; // Edge fix\n position: relative;\n\n // Animate the icon\n .plyr__control svg {\n transition: transform 0.3s ease;\n }\n .plyr__control[aria-expanded='true'] {\n svg {\n transform: rotate(90deg);\n }\n\n // Hide tooltip\n .plyr__tooltip {\n display: none;\n }\n }\n\n // The actual menu container\n &__container {\n animation: plyr-popup 0.2s ease;\n background: $plyr-menu-bg;\n border-radius: 4px;\n bottom: 100%;\n box-shadow: $plyr-menu-shadow;\n color: $plyr-menu-color;\n font-size: $plyr-font-size-base;\n margin-bottom: 10px;\n position: absolute;\n right: -3px;\n text-align: left;\n white-space: nowrap;\n z-index: 3;\n\n > div {\n overflow: hidden;\n transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1),\n width 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n // Arrow\n &::after {\n border: 4px solid transparent;\n border-top-color: $plyr-menu-bg;\n content: '';\n height: 0;\n position: absolute;\n right: 15px;\n top: 100%;\n width: 0;\n }\n\n [role='menu'] {\n padding: $plyr-control-padding;\n }\n\n [role='menuitem'],\n [role='menuitemradio'] {\n margin-top: 2px;\n\n &:first-child {\n margin-top: 0;\n }\n }\n\n // Options\n .plyr__control {\n align-items: center;\n color: $plyr-menu-color;\n display: flex;\n font-size: $plyr-font-size-menu;\n padding: ceil($plyr-control-padding / 2)\n ceil($plyr-control-padding * 1.5);\n user-select: none;\n width: 100%;\n\n > span {\n align-items: inherit;\n display: flex;\n width: 100%;\n }\n\n &::after {\n border: 4px solid transparent;\n content: '';\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n }\n\n &--forward {\n padding-right: ceil($plyr-control-padding * 4);\n\n &::after {\n border-left-color: rgba($plyr-menu-color, 0.8);\n right: 5px;\n }\n\n &.plyr__tab-focus::after,\n &:hover::after {\n border-left-color: currentColor;\n }\n }\n\n &--back {\n $horizontal-padding: ($plyr-control-padding * 2);\n font-weight: $plyr-font-weight-regular;\n margin: $plyr-control-padding;\n margin-bottom: floor($plyr-control-padding / 2);\n padding-left: ceil($plyr-control-padding * 4);\n position: relative;\n width: calc(100% - #{$horizontal-padding});\n\n &::after {\n border-right-color: rgba($plyr-menu-color, 0.8);\n left: $plyr-control-padding;\n }\n\n &::before {\n background: $plyr-menu-border-color;\n box-shadow: 0 1px 0 $plyr-menu-border-shadow-color;\n content: '';\n height: 1px;\n left: 0;\n margin-top: ceil($plyr-control-padding / 2);\n overflow: hidden;\n position: absolute;\n right: 0;\n top: 100%;\n }\n\n &.plyr__tab-focus::after,\n &:hover::after {\n border-right-color: currentColor;\n }\n }\n }\n\n .plyr__control[role='menuitemradio'] {\n padding-left: $plyr-control-padding;\n\n &::before,\n &::after {\n border-radius: 100%;\n }\n\n &::before {\n background: rgba(#000, 0.1);\n content: '';\n display: block;\n flex-shrink: 0;\n height: 16px;\n margin-right: $plyr-control-spacing;\n transition: all 0.3s ease;\n width: 16px;\n }\n\n &::after {\n background: #fff;\n border: 0;\n height: 6px;\n left: 12px;\n opacity: 0;\n top: 50%;\n transform: translateY(-50%) scale(0);\n transition: transform 0.3s ease, opacity 0.3s ease;\n width: 6px;\n }\n\n &[aria-checked='true'] {\n &::before {\n background: $plyr-color-main;\n }\n &::after {\n opacity: 1;\n transform: translateY(-50%) scale(1);\n }\n }\n\n &.plyr__tab-focus::before,\n &:hover::before {\n background: rgba(#000, 0.1);\n }\n }\n\n // Option value\n .plyr__menu__value {\n align-items: center;\n display: flex;\n margin-left: auto;\n margin-right: -($plyr-control-padding - 2);\n overflow: hidden;\n padding-left: ceil($plyr-control-padding * 3.5);\n pointer-events: none;\n }\n }\n}\n","// ==========================================================================\n// Menus\n// ==========================================================================\n\n$plyr-menu-bg: rgba(#fff, 0.9) !default;\n$plyr-menu-color: $plyr-color-fiord !default;\n$plyr-menu-arrow-size: 6px !default;\n$plyr-menu-border-color: $plyr-color-heather !default;\n$plyr-menu-border-shadow-color: #fff !default;\n$plyr-menu-shadow: 0 1px 2px rgba(#000, 0.15) !default;\n","// --------------------------------------------------------------\n// Slider inputs -