{"version":3,"sources":["main.scss","1-base/_1-base.scss","1-base/_global.scss","1-base/_mixins.scss","2-module/_2-module.scss","2-module/_list.scss","2-module/_section.scss","2-module/_table.scss","2-module/_logo.scss","2-module/_btn.scss","2-module/_mobile-header.scss","2-module/_sidebar-toggler.scss","2-module/_doc.scss","2-module/_doc-logo.scss","2-module/_doc-nav.scss","2-module/_sidebar-open.scss","2-module/_doc-head.scss","2-module/_doc-body.scss","3-theme/_3-theme.scss","3-theme/_color.scss","3-theme/_bg.scss","3-theme/_padding.scss","3-theme/_margin.scss","3-theme/_utilities.scss","3-theme/_animation.scss","4-layouts/_4-layouts.scss"],"names":[],"mappings":"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ACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAIF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AHzRF;AAAA;AAAA;AIXA;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAIF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAIF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAIF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AJrRF;AAAA;AAAA;AKhBA;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAEA;EACE;;;AAIA;EACE;;;AAKF;EACE;;;AAKF;EACE;;;AAKF;EACE;;;AAKF;EACE;;;AAKF;EACE;;;AAIJ;EACE;;;AAEA;EACE;;;AAKN;EACE;;;AAEF;EACE;EACA;;;AL9CF;AAAA;AAAA;AMnBA;EACE;IACE;;EAEF;IACE;;EAEF;IACE;;;AAIJ;EACE;IACE;;EAEF;IACE;;;AAIJ;EACE;IACE;;EAEF;IACE;;EAEF;IACE;;;AAIJ;EACE;IACE;;EAEF;IACE;;EAEF;IACE;;;AAIJ;EACE;IACE;;EAEF;IACE;;EAEF;IACE;;;AAIJ;EACE;IACE;;EAEF;IACE;;EAEF;IACE;;;AAIJ;EACE;IACE;;EAEF;IACE;;;AAIJ;EACE;IACE;;EAEF;IACE;;;AAIJ;EACE;IACE;;EAEF;IACE;;EAEF;IACE;;;AAIJ;EACE;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AAIJ;EACE;IACE;;EAEF;IACE;IACA;IACA;;EAEF;IACE;IACA;IACA;;;AAIJ;EACE;IACE;;EAEF;IACE;IACA;IACA;;EAEF;IACE;IACA;IACA;;;AAGJ;EACE;IACE;;EAEF;IACE;IACA;IACA;;EAEF;IACE;IACA;IACA;;;AAGJ;EACE;IACE;;EAEF;IACE;IACA;IACA;;EAEF;IACE;IACA;IACA;;;AxBrHJ;AAAA;AAAA;AyB3DA;AAAA;AAAA","file":"main.css","sourcesContent":["/*---------------------------------------\r\n Theme Name: \r\n Description: \r\n Author Name: \r\n Author URI: \r\n Theme URI: \r\n Version: 1.0\r\n-----------------------------------------\r\n Table of contents\r\n-----------------------------------------\r\n 1 Base Style\r\n 1.1 Functions\r\n 1.2 Variables\r\n 1.3 Mixins\r\n 1.4 Global\r\n 2 Modules Style\r\n 2.1 Hero\r\n 2.2 Header\r\n 2.3 Logo\r\n 2.4 List\r\n 2.5 Nav\r\n 2.6 Primary Nav\r\n 2.7 Nav Toggler\r\n 2.8 Nice Select\r\n 2.9 Form Control\r\n 2.10 Primary Submenu Toggler\r\n 2.11 Preloader\r\n 2.12 Back To Top\r\n 2.13 Button Style\r\n 2.15 Section \r\n 3 Theme Style\r\n 3.1 Color\r\n 3.2 Background\r\n 3.3 Padding\r\n 3.4 Margin\r\n 3.5 Utility Classes\r\n 3.6 Animation\r\n 4. Layouts Style\r\n 4.1 Course Section\r\n 4.2 Feedback Section\r\n 4.3 CTA Section\r\n 4.4 Footer 1\r\n 4.5 Service Section\r\n\r\n/*---------------------------------------\r\n 0.1 Base Style\r\n-----------------------------------------*/\r\n@import \"1-base/1-base\";\r\n\r\n/*---------------------------------------\r\n 0.2 Modules Style\r\n-----------------------------------------*/\r\n@import \"2-module/2-module\";\r\n\r\n/*---------------------------------------\r\n 0.3 Theme Style\r\n-----------------------------------------*/\r\n@import \"3-theme/3-theme\";\r\n\r\n/*---------------------------------------\r\n 0.4 Layouts Style\r\n-----------------------------------------*/\r\n@import \"4-layouts/4-layouts\";\r\n","// 1.1 Functions\r\n@import \"function\";\r\n\r\n// 1.2 Mixins\r\n@import \"mixins\";\r\n\r\n/*---------------------------------------\r\n 1. Global\r\n-----------------------------------------*/\r\n@import \"global\";","@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&family=Ubuntu:wght@400;500;700&display=swap');\r\n:root {\r\n // TypoGraphy\r\n --heading-font: \"Inter\", sans-serif;\r\n --body-font: 'Ubuntu', sans-serif;\r\n\r\n --d1: clamp(3.5rem, 6vw + 1rem, 6.25rem); //Max: 100px\r\n --h1: clamp(2.8125rem, 4vw + 1rem, 4.209rem); //Min:45px - Max:67.34px\r\n --h2: clamp(2.0625rem, 3vw + 1rem, 3.1575rem); //Min: 33px - Max: 50.52px\r\n --h3: clamp(1.875rem, 2.7vw + 1rem, 2.369rem); //Min: 30px - Max: 37.90px\r\n --h4: clamp(1.4rem, 2vw + 1rem, 1.777rem); //28.43px\r\n --h5: 1.333rem; //21.33px\r\n --h6: 1rem;\r\n\r\n // Base Colors\r\n --base: #071251; \r\n // Accent Color Shade \r\n --accent: #062C4E;\r\n --canvas: #4634ff;\r\n --shadow: #136e8a28;\r\n --shadow-alt: #062c4e25;\r\n // Black Color Shade \r\n --dark-h: 229;\r\n --dark-s: 54%;\r\n --dark-l: 8%;\r\n --dark-100: var(--dark-h) var(--dark-s) calc(var(--dark-l) + 90%);\r\n --dark-200: var(--dark-h) var(--dark-s) calc(var(--dark-l) + 80%);\r\n --dark-300: var(--dark-h) var(--dark-s) calc(var(--dark-l) + 70%);\r\n --dark-400: var(--dark-h) var(--dark-s) calc(var(--dark-l) + 60%);\r\n --dark: var(--dark-h) var(--dark-s) var(--dark-l);\r\n --dark-600: var(--dark-h) var(--dark-s) calc(var(--dark-l) + 50%);\r\n --dark-700: var(--dark-h) var(--dark-s) calc(var(--dark-l) + 40%);\r\n --dark-800: var(--dark-h) var(--dark-s) calc(var(--dark-l) + 30%);\r\n --dark-900: var(--dark-h) var(--dark-s) calc(var(--dark-l) + 20%);\r\n // White Color \r\n --white: 0 0% 100%;\r\n --light: 200 43% 99%;\r\n --border: 0 0% 88%;\r\n\r\n --primary: 199 100% 60%;\r\n --secondary: 210 11% 71%;\r\n --success: 159 83% 45%;\r\n --danger: 358 91% 66%;\r\n --warning: 29 100% 63%;\r\n --info: 188 92% 45%;\r\n --dark: 225 23% 17%;\r\n\r\n}\r\n\r\nhtml {\r\n font-size: 16px;\r\n}\r\n\r\nbody {\r\n position: relative;\r\n background: hsl(var(--white));\r\n font-family: var(--body-font);\r\n font-size: 1rem;\r\n font-weight: 400;\r\n line-height: 1.5;\r\n color: hsl(var(--dark));\r\n}\r\n\r\n// Typography\r\np {\r\n margin-bottom: 1.5rem;\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6 {\r\n margin: 1.5rem 0 1rem;\r\n font-family: var(--heading-font);\r\n font-weight: 700;\r\n line-height: 1.15;\r\n color: hsl(var(--dark));\r\n \r\n}\r\n\r\nh1 {\r\n margin-top: 0;\r\n font-size: var(--h1);\r\n}\r\n\r\nh2 {\r\n font-size: var(--h2);\r\n}\r\n\r\nh3 {\r\n font-size: var(--h3);\r\n}\r\n\r\nh4 {\r\n font-size: var(--h4);\r\n}\r\n\r\nh5 {\r\n font-size: var(--h5);\r\n}\r\nh6 {\r\n font-size: var(--h6);\r\n letter-spacing: .05em;\r\n}\r\n.xsm-text {\r\n font-size: 12px;\r\n}\r\nsmall,\r\n.sm-text {\r\n font-size: 14px;\r\n}\r\n.lg-text {\r\n font-size: 18px;\r\n}\r\n.xl-text {\r\n font-size: 20px;\r\n}\r\n.xxl-text {\r\n font-size: 24px;\r\n}\r\n.fw-regular {\r\n font-weight: 400;\r\n}\r\n.fw-md {\r\n font-weight: 500;\r\n}\r\n.lh-1 {\r\n line-height: 1;\r\n}\r\n.hr {\r\n background-color: hsl(var(--base));\r\n}\r\n\r\n// Button Default\r\nbutton {\r\n &:focus {\r\n outline: none !important;\r\n }\r\n}\r\n.btn:focus,\r\n.btn.focus {\r\n outline: none;\r\n box-shadow: none;\r\n}\r\n\r\n// Form Control Default\r\ninput:focus {\r\n outline: none;\r\n}\r\n.form-control {\r\n border: 1px solid hsl(var(--dark)/.1);\r\n}\r\n\r\ntextarea {\r\n resize: none;\r\n}\r\n\r\n.container-restricted {\r\n @include xliv-screen {\r\n max-width: 1540px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n }\r\n}\r\n/* Chrome, Safari, Edge, Opera */\r\ninput::-webkit-outer-spin-button,\r\ninput::-webkit-inner-spin-button {\r\n -webkit-appearance: none;\r\n margin: 0;\r\n}\r\n\r\n/* Firefox */\r\ninput[type=\"number\"] {\r\n -moz-appearance: textfield;\r\n}\r\n","//Media Breakpoint for Each Device\r\n\r\n//Extra Small Screen\r\n@mixin xxs-screen {\r\n @media screen and (max-width: 320px) {\r\n @content;\r\n }\r\n}\r\n//Extra Small Screen\r\n@mixin xs-screen {\r\n @media screen and (min-width: 375px) {\r\n @content;\r\n }\r\n}\r\n\r\n//Iphone Plus\r\n@mixin iphn-plus {\r\n @media screen and (min-width: 400px) {\r\n @content;\r\n }\r\n}\r\n\r\n//Iphone rotate\r\n@mixin iphn-screen {\r\n @media screen and (min-width: 568px) {\r\n @content;\r\n }\r\n}\r\n//Small Screen (min-width: 576)\r\n@mixin sm-screen {\r\n @media screen and (min-width: 576px) {\r\n @content;\r\n }\r\n}\r\n//Medium Screen (min-width: 768)\r\n@mixin md-screen {\r\n @media screen and (min-width: 768px) {\r\n @content;\r\n }\r\n}\r\n//Large Screen (min-width: 992)\r\n@mixin lg-screen {\r\n @media screen and (min-width: 992px) {\r\n @content;\r\n }\r\n}\r\n//Xtra Large Screen (min-width: 1200)\r\n@mixin xl-screen {\r\n @media screen and (min-width: 1200px) {\r\n @content;\r\n }\r\n}\r\n//Xtra Large Screen i (min-width: 1366)\r\n@mixin xli-screen {\r\n @media screen and (min-width: 1366px) {\r\n @content;\r\n }\r\n}\r\n//Xtra Large Screen ii (min-width: 1400)\r\n@mixin xlii-screen {\r\n @media screen and (min-width: 1400px) {\r\n @content;\r\n }\r\n}\r\n//Xtra Large Screen iii (min-width: 1440)\r\n@mixin xliii-screen {\r\n @media screen and (min-width: 1440px) {\r\n @content;\r\n }\r\n}\r\n//Xtra Large Screen iv (min-width: 1600)\r\n@mixin xliv-screen {\r\n @media screen and (min-width: 1600px) {\r\n @content;\r\n }\r\n}\r\n//Xtra Large Screen v (min-width: 1680)\r\n@mixin xlv-screen {\r\n @media screen and (min-width: 1680px) {\r\n @content;\r\n }\r\n}\r\n//Xtra Large Screen xxl (min-width: 1920)\r\n@mixin xxl-screen {\r\n @media screen and (min-width: 1920px) {\r\n @content;\r\n }\r\n}\r\n","/*---------------------------------------\r\n 2.1 List\r\n-----------------------------------------*/\r\n@import 'list';\r\n/*---------------------------------------\r\n 2.2 Section\r\n-----------------------------------------*/\r\n@import 'section';\r\n/*---------------------------------------\r\n 2.3 Table\r\n-----------------------------------------*/\r\n@import 'table';\r\n/*---------------------------------------\r\n 2.4 Logo\r\n-----------------------------------------*/\r\n@import 'logo';\r\n/*---------------------------------------\r\n 2.5 Button\r\n-----------------------------------------*/\r\n@import 'btn';\r\n/*---------------------------------------\r\n 2.6 Mobile Header\r\n-----------------------------------------*/\r\n@import 'mobile-header';\r\n/*---------------------------------------\r\n 2.7 Sidebar Toggler\r\n-----------------------------------------*/\r\n@import 'sidebar-toggler';\r\n/*---------------------------------------\r\n 2.8 Doc\r\n-----------------------------------------*/\r\n@import 'doc';\r\n/*---------------------------------------\r\n 2.9 Doc logo\r\n-----------------------------------------*/\r\n@import 'doc-logo';\r\n/*---------------------------------------\r\n 2.10 Doc Nav\r\n-----------------------------------------*/\r\n@import 'doc-nav';\r\n/*---------------------------------------\r\n 2.11 Sidebar Open \r\n-----------------------------------------*/\r\n@import 'sidebar-open';\r\n/*---------------------------------------\r\n 2.12 Doc Head\r\n-----------------------------------------*/\r\n@import 'doc-head';\r\n/*---------------------------------------\r\n 2.13 Doc Body\r\n-----------------------------------------*/\r\n@import 'doc-body';",".list {\r\n display: flex;\r\n flex-direction: column;\r\n gap: var(--gap, 1rem);\r\n margin: 0;\r\n padding: 0;\r\n list-style: none;\r\n &--row {\r\n flex-direction: row;\r\n }\r\n &--base {\r\n li {\r\n position: relative;\r\n display: flex;\r\n &::before {\r\n content: \"\";\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 10px;\r\n height: 10px;\r\n flex-shrink: 0;\r\n line-height: 10px;\r\n border-radius: 50%;\r\n margin-right: 15px;\r\n position: relative;\r\n top: 8px;\r\n background: var(--base);\r\n box-shadow: 0 0 0 5px var(--shadow-alt);\r\n }\r\n }\r\n }\r\n}",".section {\r\n padding-top: clamp(60px, 8vw, 120px);\r\n padding-bottom: clamp(60px, 8vw, 120px);\r\n &--sm {\r\n padding-bottom: clamp(15px, 4vw, 30px);\r\n }\r\n &--top {\r\n padding-top: clamp(60px, 8vw, 120px);\r\n }\r\n &--bottom {\r\n padding-bottom: clamp(60px, 8vw, 120px);\r\n }\r\n &__head {\r\n padding-bottom: clamp(30px, 4vw, 60px);\r\n }\r\n &__para {\r\n max-width: 60ch;\r\n }\r\n}\r\n","/* table css start */\r\n.custom--table {\r\n margin-bottom: 0;\r\n border-radius: 10px;\r\n box-shadow: 0 5px 10px hsl(var(--dark)/.1);\r\n background: hsl(var(--light));\r\n & > :not(:first-child) {\r\n border-top: none;\r\n }\r\n & > :not(caption) > * > * {\r\n border-bottom-width: 0;\r\n }\r\n thead {\r\n background-color: var(--base);\r\n \r\n th {\r\n padding: 0.75rem 1.25rem;\r\n font-family: var(--heading-font);\r\n color: hsl(var(--white));\r\n text-transform: uppercase;\r\n text-align: center;\r\n font-weight: 500;\r\n vertical-align: middle;\r\n\r\n &:first-child {\r\n border-radius: 10px 0 0 0;\r\n text-align: left;\r\n }\r\n\r\n &:last-child {\r\n border-radius: 0 10px 0 0;\r\n text-align: right;\r\n }\r\n }\r\n }\r\n\r\n tbody {\r\n td {\r\n border-top: none;\r\n border-bottom: 1px solid hsl(var(--base)/.2);\r\n padding: 15px 20px;\r\n font-family: var(--heading-font);\r\n color: hsl(var(--dark));\r\n text-align: center;\r\n vertical-align: middle;\r\n\r\n &:first-child {\r\n text-align: left;\r\n }\r\n\r\n &:last-child {\r\n text-align: right;\r\n }\r\n }\r\n\r\n tr:last-child td {\r\n border-bottom: none;\r\n }\r\n }\r\n [data-label] {\r\n position: relative;\r\n\r\n &::before {\r\n position: absolute;\r\n content: attr(data-label);\r\n font-weight: 500;\r\n left: 0;\r\n padding: 0.8125rem 0.9375rem;\r\n display: none;\r\n color: hsl(var(--dark));\r\n }\r\n }\r\n}\r\n\r\n@media (max-width: 991px) {\r\n .table-responsive--md {\r\n thead {\r\n display: none;\r\n }\r\n\r\n tbody tr {\r\n &:nth-child(odd) {\r\n background-color: hsl(var(--white));\r\n }\r\n\r\n &:last-child td {\r\n border-top: 1px solid hsl(var(--base)/.2);\r\n }\r\n\r\n td {\r\n padding-right: 15px;\r\n\r\n &:last-child {\r\n padding-right: 15px;\r\n }\r\n }\r\n }\r\n\r\n tr {\r\n th,\r\n td {\r\n display: flex;\r\n align-items: center;\r\n justify-content: flex-end;\r\n padding-left: 45% !important;\r\n text-align: right !important;\r\n }\r\n\r\n th:first-child,\r\n td:first-child {\r\n border-top: none !important;\r\n }\r\n }\r\n\r\n [data-label]::before {\r\n display: block;\r\n color: hsl(var(--dark));\r\n }\r\n }\r\n}\r\n\r\n@media (max-width: 767px) {\r\n .table-responsive--sm {\r\n thead {\r\n display: none;\r\n }\r\n\r\n tbody tr {\r\n &:nth-child(odd) {\r\n background-color: hsl(var(--accent-400));\r\n }\r\n\r\n td {\r\n padding-right: 15px;\r\n\r\n &:last-child {\r\n padding-right: 15px;\r\n }\r\n }\r\n }\r\n\r\n tr {\r\n th,\r\n td {\r\n display: block;\r\n padding-left: 45% !important;\r\n text-align: right !important;\r\n border-bottom: 1px solid hsl(var(--base)/.25);\r\n }\r\n\r\n th:first-child,\r\n td:first-child {\r\n border-top: none !important;\r\n }\r\n }\r\n\r\n [data-label]::before {\r\n display: block;\r\n }\r\n }\r\n}\r\n\r\n/* table css end */\r\n",".logo {\r\n display: flex;\r\n align-items: center;\r\n width: 100%;\r\n max-width: 140px;\r\n height: 46px;\r\n font-size: 24px;\r\n text-transform: capitalize;\r\n font-family: var(--heading-font);\r\n font-weight: 700;\r\n color: hsl(var(--white));\r\n letter-spacing: 0.03em;\r\n &:hover {\r\n color: hsl(var(--white));\r\n }\r\n @include lg-screen {\r\n height: 64px;\r\n max-width: 160px;\r\n }\r\n &__is {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: contain;\r\n }\r\n}\r\n",".btn {\r\n transition: all .3s ease;\r\n &--sqr {\r\n aspect-ratio: 1;\r\n }\r\n}",".mobile-header {\r\n padding-top: 10px;\r\n padding-bottom: 10px;\r\n background: var(--base);\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n z-index: 99;\r\n @include lg-screen {\r\n display: none;\r\n }\r\n}",".sidebar-toggler {\r\n border-radius: 2px;\r\n background: var(--accent);\r\n color: hsl(var(--light));\r\n font-size: 20px;\r\n line-height: 1;\r\n\r\n &:hover {\r\n background: var(--accent);\r\n color: hsl(var(--light));\r\n }\r\n\r\n &.active {\r\n background: hsl(var(--light));\r\n color: var(--accent);\r\n\r\n .fa-times {\r\n display: block;\r\n }\r\n\r\n .fa-bars {\r\n display: none;\r\n }\r\n }\r\n\r\n .fa-times {\r\n display: none;\r\n }\r\n}",".doc {\r\n position: relative;\r\n @include lg-screen {\r\n display: flex;\r\n }\r\n\r\n &__sidebar {\r\n width: 250px;\r\n height: calc(100vh - 66px);\r\n background: var(--base);\r\n position: fixed;\r\n top: 66px;\r\n left: 0;\r\n transform: translateX(-100%);\r\n transition: all .3s ease;\r\n z-index: 99;\r\n @include lg-screen {\r\n flex-shrink: 0;\r\n height: 100vh;\r\n position: sticky;\r\n top: 0;\r\n transform: translateX(0);\r\n }\r\n }\r\n &__body {\r\n @include lg-screen {\r\n flex-grow: 1;\r\n }\r\n }\r\n}",".doc-logo {\r\n display: none;\r\n padding: 20px 15px;\r\n background: hsl(var(--light)/.05);\r\n @include lg-screen {\r\n display: block;\r\n }\r\n}",".doc-nav {\r\n height: calc(100vh - 66px);\r\n background: hsl(var(--light)/.05);\r\n\r\n @include lg-screen {\r\n height: calc(100vh - 104px);\r\n background: transparent;\r\n }\r\n\r\n &__list {\r\n gap: 1px;\r\n\r\n &:first-child {\r\n padding-top: 20px;\r\n }\r\n\r\n &:last-child {\r\n padding-bottom: 20px;\r\n }\r\n }\r\n\r\n &__link {\r\n display: block;\r\n padding: 10px 15px;\r\n position: relative;\r\n text-transform: uppercase;\r\n font-family: var(--heading-font);\r\n font-size: 14px;\r\n font-weight: 500;\r\n color: hsl(var(--light));\r\n text-decoration: none;\r\n transition: unset;\r\n &:hover {\r\n color: hsl(var(--light));\r\n background: var(--canvas);\r\n text-decoration: none;\r\n }\r\n\r\n &.active {\r\n color: hsl(var(--light));\r\n background: var(--canvas);\r\n }\r\n }\r\n}",".sidebar-open {\r\n .doc__sidebar {\r\n transform: translateX(0);\r\n }\r\n}",".doc-head {\r\n display: flex;\r\n align-items: center;\r\n gap: 1rem;\r\n\r\n &__content {\r\n flex-grow: 1;\r\n padding: 15px 30px;\r\n background: var(--accent);\r\n }\r\n\r\n &__title {\r\n margin: 0;\r\n color: hsl(var(--white));\r\n }\r\n\r\n &__sub-title {\r\n display: block;\r\n color: hsl(var(--dark-300));\r\n }\r\n}",".doc-body {\r\n padding: 30px;\r\n height: 100%;\r\n\r\n @include lg-screen {\r\n margin-left: clamp(15px, 4vw, 30px);\r\n }\r\n\r\n &--alt {\r\n padding: 30px;\r\n height: 100%;\r\n }\r\n}","/*---------------------------------------\r\n 3.1 Color\r\n-----------------------------------------*/\r\n@import \"color\";\r\n/*---------------------------------------\r\n 3.2 Background\r\n-----------------------------------------*/\r\n@import \"bg\";\r\n/*---------------------------------------\r\n 3.3 Padding\r\n-----------------------------------------*/\r\n@import \"padding\";\r\n/*---------------------------------------\r\n 3.4 Margin\r\n-----------------------------------------*/\r\n@import \"margin\";\r\n/*---------------------------------------\r\n 3.5 Utility Classes\r\n-----------------------------------------*/\r\n@import \"utilities\";\r\n/*---------------------------------------\r\n 3.6 Animation\r\n-----------------------------------------*/\r\n@import \"animation\";\r\n",".text--primary {\r\n color: hsl(var(--primary));\r\n}\r\n.text--secondary {\r\n color: hsl(var(--secondary));\r\n}\r\n.text--success {\r\n color: hsl(var(--success));\r\n}\r\n.text--danger {\r\n color: hsl(var(--danger));\r\n}\r\n.text--warning {\r\n color: hsl(var(--warning));\r\n}\r\n.text--info {\r\n color: hsl(var(--info));\r\n}\r\n.text--dark {\r\n color: hsl(var(--dark));\r\n}\r\n.text--white {\r\n color: hsl(var(--white));\r\n}\r\n.text-clr {\r\n color: hsl(var(--dark-400));\r\n}\r\n.heading-clr {\r\n color: hsl(var(--dark));\r\n}\r\n.text--base {\r\n color: var(--base);\r\n}\r\n.text--accent {\r\n color: var(--accent);\r\n}\r\n",".bg--primary {\r\n background: hsl(var(--primary));\r\n}\r\n.bg--secondary {\r\n background: hsl(var(--secondary));\r\n}\r\n.bg--success {\r\n background:hsl(var(--success));\r\n}\r\n.bg--danger {\r\n background: hsl(var(--danger));\r\n}\r\n.bg--warning {\r\n background: hsl(var(--warning));\r\n}\r\n.bg--info {\r\n background: hsl(var(--info));\r\n}\r\n.bg--dark {\r\n background: hsl(var(--dark));\r\n}\r\n.bg--light {\r\n background-color: hsl(var(--white));\r\n}\r\n.bg--base {\r\n background-color: var(--base);\r\n}\r\n.bg--accent {\r\n background: hsl(var(--accent));\r\n}\r\n","// padding Top\r\n.t-pt-5 {\r\n padding-top: 5px;\r\n}\r\n.t-pt-10 {\r\n padding-top: 10px;\r\n}\r\n.t-pt-15 {\r\n padding-top: 15px;\r\n}\r\n.t-pt-20 {\r\n padding-top: 20px;\r\n}\r\n.t-pt-25 {\r\n padding-top: 25px;\r\n}\r\n.t-pt-30 {\r\n padding-top: 30px;\r\n}\r\n.t-pt-35 {\r\n padding-top: 35px;\r\n}\r\n.t-pt-40 {\r\n padding-top: 40px;\r\n}\r\n.t-pt-45 {\r\n padding-top: 45px;\r\n}\r\n.t-pt-50 {\r\n padding-top: 50px;\r\n}\r\n.t-pt-55 {\r\n padding-top: 55px;\r\n}\r\n.t-pt-60 {\r\n padding-top: 60px;\r\n}\r\n.t-pt-65 {\r\n padding-top: 65px;\r\n}\r\n.t-pt-70 {\r\n padding-top: 70px;\r\n}\r\n.t-pt-75 {\r\n padding-top: 75px;\r\n}\r\n.t-pt-80 {\r\n padding-top: 80px;\r\n}\r\n.t-pt-85 {\r\n padding-top: 85px;\r\n}\r\n.t-pt-90 {\r\n padding-top: 90px;\r\n}\r\n.t-pt-95 {\r\n padding-top: 95px;\r\n}\r\n.t-pt-100 {\r\n padding-top: 100px;\r\n}\r\n.t-pt-105 {\r\n padding-top: 105px;\r\n}\r\n.t-pt-110 {\r\n padding-top: 110px;\r\n}\r\n.t-pt-115 {\r\n padding-top: 115px;\r\n}\r\n.t-pt-120 {\r\n padding-top: 120px;\r\n}\r\n\r\n// padding Bottom\r\n.t-pb-5 {\r\n padding-bottom: 5px;\r\n}\r\n.t-pb-10 {\r\n padding-bottom: 10px;\r\n}\r\n.t-pb-15 {\r\n padding-bottom: 15px;\r\n}\r\n.t-pb-20 {\r\n padding-bottom: 20px;\r\n}\r\n.t-pb-25 {\r\n padding-bottom: 25px;\r\n}\r\n.t-pb-30 {\r\n padding-bottom: 30px;\r\n}\r\n.t-pb-35 {\r\n padding-bottom: 35px;\r\n}\r\n.t-pb-40 {\r\n padding-bottom: 40px;\r\n}\r\n.t-pb-45 {\r\n padding-bottom: 45px;\r\n}\r\n.t-pb-50 {\r\n padding-bottom: 50px;\r\n}\r\n.t-pb-55 {\r\n padding-bottom: 55px;\r\n}\r\n.t-pb-60 {\r\n padding-bottom: 60px;\r\n}\r\n.t-pb-65 {\r\n padding-bottom: 65px;\r\n}\r\n.t-pb-70 {\r\n padding-bottom: 70px;\r\n}\r\n.t-pb-75 {\r\n padding-bottom: 75px;\r\n}\r\n.t-pb-80 {\r\n padding-bottom: 80px;\r\n}\r\n.t-pb-85 {\r\n padding-bottom: 85px;\r\n}\r\n.t-pb-90 {\r\n padding-bottom: 90px;\r\n}\r\n.t-pb-95 {\r\n padding-bottom: 95px;\r\n}\r\n.t-pb-100 {\r\n padding-bottom: 100px;\r\n}\r\n.t-pb-105 {\r\n padding-bottom: 105px;\r\n}\r\n.t-pb-110 {\r\n padding-bottom: 110px;\r\n}\r\n.t-pb-115 {\r\n padding-bottom: 115px;\r\n}\r\n.t-pb-120 {\r\n padding-bottom: 120px;\r\n}\r\n\r\n// padding Right\r\n.t-pr-5 {\r\n padding-right: 5px;\r\n}\r\n.t-pr-10 {\r\n padding-right: 10px;\r\n}\r\n.t-pr-15 {\r\n padding-right: 15px;\r\n}\r\n.t-pr-20 {\r\n padding-right: 20px;\r\n}\r\n.t-pr-25 {\r\n padding-right: 25px;\r\n}\r\n.t-pr-30 {\r\n padding-right: 30px;\r\n}\r\n.t-pr-35 {\r\n padding-right: 35px;\r\n}\r\n.t-pr-40 {\r\n padding-right: 40px;\r\n}\r\n.t-pr-45 {\r\n padding-right: 45px;\r\n}\r\n.t-pr-50 {\r\n padding-right: 50px;\r\n}\r\n.t-pr-55 {\r\n padding-right: 55px;\r\n}\r\n.t-pr-60 {\r\n padding-right: 60px;\r\n}\r\n.t-pr-65 {\r\n padding-right: 65px;\r\n}\r\n.t-pr-70 {\r\n padding-right: 70px;\r\n}\r\n.t-pr-75 {\r\n padding-right: 75px;\r\n}\r\n.t-pr-80 {\r\n padding-right: 80px;\r\n}\r\n.t-pr-85 {\r\n padding-right: 85px;\r\n}\r\n.t-pr-90 {\r\n padding-right: 90px;\r\n}\r\n.t-pr-95 {\r\n padding-right: 95px;\r\n}\r\n.t-pr-100 {\r\n padding-right: 100px;\r\n}\r\n.t-pr-105 {\r\n padding-right: 105px;\r\n}\r\n.t-pr-110 {\r\n padding-right: 110px;\r\n}\r\n.t-pr-115 {\r\n padding-right: 115px;\r\n}\r\n.t-pr-120 {\r\n padding-right: 120px;\r\n}\r\n\r\n// padding Left\r\n.t-pl-5 {\r\n padding-left: 5px;\r\n}\r\n.t-pl-10 {\r\n padding-left: 10px;\r\n}\r\n.t-pl-15 {\r\n padding-left: 15px;\r\n}\r\n.t-pl-20 {\r\n padding-left: 20px;\r\n}\r\n.t-pl-25 {\r\n padding-left: 25px;\r\n}\r\n.t-pl-30 {\r\n padding-left: 30px;\r\n}\r\n.t-pl-35 {\r\n padding-left: 35px;\r\n}\r\n.t-pl-40 {\r\n padding-left: 40px;\r\n}\r\n.t-pl-45 {\r\n padding-left: 45px;\r\n}\r\n.t-pl-50 {\r\n padding-left: 50px;\r\n}\r\n.t-pl-55 {\r\n padding-left: 55px;\r\n}\r\n.t-pl-60 {\r\n padding-left: 60px;\r\n}\r\n.t-pl-65 {\r\n padding-left: 65px;\r\n}\r\n.t-pl-70 {\r\n padding-left: 70px;\r\n}\r\n.t-pl-75 {\r\n padding-left: 75px;\r\n}\r\n.t-pl-80 {\r\n padding-left: 80px;\r\n}\r\n.t-pl-85 {\r\n padding-left: 85px;\r\n}\r\n.t-pl-90 {\r\n padding-left: 90px;\r\n}\r\n.t-pl-95 {\r\n padding-left: 95px;\r\n}\r\n.t-pl-100 {\r\n padding-left: 100px;\r\n}\r\n.t-pl-105 {\r\n padding-left: 105px;\r\n}\r\n.t-pl-110 {\r\n padding-left: 110px;\r\n}\r\n.t-pl-115 {\r\n padding-left: 115px;\r\n}\r\n.t-pl-120 {\r\n padding-left: 120px;\r\n}\r\n","// Margin Top\r\n.t-mt-5 {\r\n margin-top: 5px;\r\n}\r\n.t-mt-10 {\r\n margin-top: 10px;\r\n}\r\n.t-mt-15 {\r\n margin-top: 15px;\r\n}\r\n.t-mt-20 {\r\n margin-top: 20px;\r\n}\r\n.t-mt-25 {\r\n margin-top: 25px;\r\n}\r\n.t-mt-30 {\r\n margin-top: 30px;\r\n}\r\n.t-mt-35 {\r\n margin-top: 35px;\r\n}\r\n.t-mt-40 {\r\n margin-top: 40px;\r\n}\r\n.t-mt-45 {\r\n margin-top: 45px;\r\n}\r\n.t-mt-50 {\r\n margin-top: 50px;\r\n}\r\n.t-mt-55 {\r\n margin-top: 55px;\r\n}\r\n.t-mt-60 {\r\n margin-top: 60px;\r\n}\r\n.t-mt-65 {\r\n margin-top: 65px;\r\n}\r\n.t-mt-70 {\r\n margin-top: 70px;\r\n}\r\n.t-mt-75 {\r\n margin-top: 75px;\r\n}\r\n.t-mt-80 {\r\n margin-top: 80px;\r\n}\r\n.t-mt-85 {\r\n margin-top: 85px;\r\n}\r\n.t-mt-90 {\r\n margin-top: 90px;\r\n}\r\n.t-mt-95 {\r\n margin-top: 95px;\r\n}\r\n.t-mt-100 {\r\n margin-top: 100px;\r\n}\r\n.t-mt-105 {\r\n margin-top: 105px;\r\n}\r\n.t-mt-110 {\r\n margin-top: 110px;\r\n}\r\n.t-mt-115 {\r\n margin-top: 115px;\r\n}\r\n.t-mt-120 {\r\n margin-top: 120px;\r\n}\r\n\r\n// Margin Bottom\r\n.t-mb-5 {\r\n margin-bottom: 5px;\r\n}\r\n.t-mb-10 {\r\n margin-bottom: 10px;\r\n}\r\n.t-mb-15 {\r\n margin-bottom: 15px;\r\n}\r\n.t-mb-20 {\r\n margin-bottom: 20px;\r\n}\r\n.t-mb-25 {\r\n margin-bottom: 25px;\r\n}\r\n.t-mb-30 {\r\n margin-bottom: 30px;\r\n}\r\n.t-mb-35 {\r\n margin-bottom: 35px;\r\n}\r\n.t-mb-40 {\r\n margin-bottom: 40px;\r\n}\r\n.t-mb-45 {\r\n margin-bottom: 45px;\r\n}\r\n.t-mb-50 {\r\n margin-bottom: 50px;\r\n}\r\n.t-mb-55 {\r\n margin-bottom: 55px;\r\n}\r\n.t-mb-60 {\r\n margin-bottom: 60px;\r\n}\r\n.t-mb-65 {\r\n margin-bottom: 65px;\r\n}\r\n.t-mb-70 {\r\n margin-bottom: 70px;\r\n}\r\n.t-mb-75 {\r\n margin-bottom: 75px;\r\n}\r\n.t-mb-80 {\r\n margin-bottom: 80px;\r\n}\r\n.t-mb-85 {\r\n margin-bottom: 85px;\r\n}\r\n.t-mb-90 {\r\n margin-bottom: 90px;\r\n}\r\n.t-mb-95 {\r\n margin-bottom: 95px;\r\n}\r\n.t-mb-100 {\r\n margin-bottom: 100px;\r\n}\r\n.t-mb-105 {\r\n margin-bottom: 105px;\r\n}\r\n.t-mb-110 {\r\n margin-bottom: 110px;\r\n}\r\n.t-mb-115 {\r\n margin-bottom: 115px;\r\n}\r\n.t-mb-120 {\r\n margin-bottom: 120px;\r\n}\r\n\r\n// Margin Right\r\n.t-mr-5 {\r\n margin-right: 5px;\r\n}\r\n.t-mr-10 {\r\n margin-right: 10px;\r\n}\r\n.t-mr-15 {\r\n margin-right: 15px;\r\n}\r\n.t-mr-20 {\r\n margin-right: 20px;\r\n}\r\n.t-mr-25 {\r\n margin-right: 25px;\r\n}\r\n.t-mr-30 {\r\n margin-right: 30px;\r\n}\r\n.t-mr-35 {\r\n margin-right: 35px;\r\n}\r\n.t-mr-40 {\r\n margin-right: 40px;\r\n}\r\n.t-mr-45 {\r\n margin-right: 45px;\r\n}\r\n.t-mr-50 {\r\n margin-right: 50px;\r\n}\r\n.t-mr-55 {\r\n margin-right: 55px;\r\n}\r\n.t-mr-60 {\r\n margin-right: 60px;\r\n}\r\n.t-mr-65 {\r\n margin-right: 65px;\r\n}\r\n.t-mr-70 {\r\n margin-right: 70px;\r\n}\r\n.t-mr-75 {\r\n margin-right: 75px;\r\n}\r\n.t-mr-80 {\r\n margin-right: 80px;\r\n}\r\n.t-mr-85 {\r\n margin-right: 85px;\r\n}\r\n.t-mr-90 {\r\n margin-right: 90px;\r\n}\r\n.t-mr-95 {\r\n margin-right: 95px;\r\n}\r\n.t-mr-100 {\r\n margin-right: 100px;\r\n}\r\n.t-mr-105 {\r\n margin-right: 105px;\r\n}\r\n.t-mr-110 {\r\n margin-right: 110px;\r\n}\r\n.t-mr-115 {\r\n margin-right: 115px;\r\n}\r\n.t-mr-120 {\r\n margin-right: 120px;\r\n}\r\n\r\n// Margin Left\r\n.t-ml-5 {\r\n margin-left: 5px;\r\n}\r\n.t-ml-10 {\r\n margin-left: 10px;\r\n}\r\n.t-ml-15 {\r\n margin-left: 15px;\r\n}\r\n.t-ml-20 {\r\n margin-left: 20px;\r\n}\r\n.t-ml-25 {\r\n margin-left: 25px;\r\n}\r\n.t-ml-30 {\r\n margin-left: 30px;\r\n}\r\n.t-ml-35 {\r\n margin-left: 35px;\r\n}\r\n.t-ml-40 {\r\n margin-left: 40px;\r\n}\r\n.t-ml-45 {\r\n margin-left: 45px;\r\n}\r\n.t-ml-50 {\r\n margin-left: 50px;\r\n}\r\n.t-ml-55 {\r\n margin-left: 55px;\r\n}\r\n.t-ml-60 {\r\n margin-left: 60px;\r\n}\r\n.t-ml-65 {\r\n margin-left: 65px;\r\n}\r\n.t-ml-70 {\r\n margin-left: 70px;\r\n}\r\n.t-ml-75 {\r\n margin-left: 75px;\r\n}\r\n.t-ml-80 {\r\n margin-left: 80px;\r\n}\r\n.t-ml-85 {\r\n margin-left: 85px;\r\n}\r\n.t-ml-90 {\r\n margin-left: 90px;\r\n}\r\n.t-ml-95 {\r\n margin-left: 95px;\r\n}\r\n.t-ml-100 {\r\n margin-left: 100px;\r\n}\r\n.t-ml-105 {\r\n margin-left: 105px;\r\n}\r\n.t-ml-110 {\r\n margin-left: 110px;\r\n}\r\n.t-ml-115 {\r\n margin-left: 115px;\r\n}\r\n.t-ml-120 {\r\n margin-left: 120px;\r\n}\r\n",".t-heading-font {\r\n font-family: var(--heading-font);\r\n}\r\n\r\n.t-body-font {\r\n font-family: var(--body-font);\r\n}\r\n\r\n.t-link {\r\n text-decoration: none;\r\n transition: all 0.3s ease;\r\n\r\n &:hover {\r\n text-decoration: none;\r\n }\r\n\r\n &--primary {\r\n &:hover {\r\n color: hsl(var(--primary));\r\n }\r\n }\r\n\r\n &--danger {\r\n &:hover {\r\n color: hsl(var(--danger));\r\n }\r\n }\r\n\r\n &--success {\r\n &:hover {\r\n color: hsl(var(--success));\r\n }\r\n }\r\n\r\n &--info {\r\n &:hover {\r\n color: hsl(var(--info));\r\n }\r\n }\r\n\r\n &--light {\r\n &:hover {\r\n color: hsl(var(--white));\r\n }\r\n }\r\n\r\n &--base {\r\n &:hover {\r\n color: var(--base);\r\n }\r\n }\r\n\r\n &--accent {\r\n color: var(--accent);\r\n\r\n &:hover {\r\n color: var(--accent);\r\n }\r\n }\r\n}\r\n\r\n.t-short-para {\r\n max-width: 55ch;\r\n}\r\n.t-center {\r\n display: grid;\r\n place-items: center;\r\n}","//Animation\r\n@keyframes btnVideo {\r\n 0% {\r\n box-shadow: 0 0 0 0 hsl(var(--warning));\r\n }\r\n 50% {\r\n box-shadow: 0 0 0 10px hsl(var(--warning) / 0.3);\r\n }\r\n 100% {\r\n box-shadow: 0 0 0 20px hsl(var(--warning) / 0.04);\r\n }\r\n}\r\n//Circle\r\n@keyframes circle {\r\n 0% {\r\n transform: rotate(0deg) translate(-60px) rotate(0deg);\r\n }\r\n 100% {\r\n transform: rotate(360deg) translate(-60px) rotate(-360deg);\r\n }\r\n}\r\n//Go Right\r\n@keyframes goright {\r\n 0% {\r\n transform: translateX(0);\r\n }\r\n 50% {\r\n transform: translateX(80px);\r\n }\r\n 100% {\r\n transform: translateX(0);\r\n }\r\n}\r\n//Go Left\r\n@keyframes goleft {\r\n 0% {\r\n transform: translateX(0);\r\n }\r\n 50% {\r\n transform: translateX(-80px);\r\n }\r\n 100% {\r\n transform: translateX(0);\r\n }\r\n}\r\n// Go Top Right\r\n@keyframes topRight {\r\n 0% {\r\n transform: translate(0);\r\n }\r\n 50% {\r\n transform: translate(80px, -80px);\r\n }\r\n 100% {\r\n transform: translate(0);\r\n }\r\n}\r\n// Go To Left\r\n@keyframes topLeft {\r\n 0% {\r\n transform: translate(0);\r\n }\r\n 50% {\r\n transform: translate(80px, 80px);\r\n }\r\n 100% {\r\n transform: translate(0);\r\n }\r\n}\r\n//Circle & Rotate\r\n@keyframes circlerotate {\r\n 0% {\r\n transform: rotate(0deg) translate(-60px);\r\n }\r\n 100% {\r\n transform: rotate(360deg) translate(-60px);\r\n }\r\n}\r\n//CRotate\r\n@keyframes rotates {\r\n 0% {\r\n transform: rotate(0deg);\r\n }\r\n 100% {\r\n transform: rotate(360deg);\r\n }\r\n}\r\n//Go Top\r\n@keyframes goTop {\r\n 0% {\r\n transform: translateY(0) translateX(-50%);\r\n }\r\n 50% {\r\n transform: translateY(-20px) translateX(-50%);\r\n }\r\n 100% {\r\n transform: translateY(0) translateX(-50%);\r\n }\r\n}\r\n// Heart Beat\r\n@keyframes heartBeat {\r\n 0% {\r\n outline: 0 solid rgba(var(--r), var(--g), var(--b), 0.5);\r\n }\r\n 25% {\r\n outline: 5px solid rgba(var(--r), var(--g), var(--b), 0.5);\r\n }\r\n 50% {\r\n outline: 10px solid rgba(var(--r), var(--g), var(--b), 0.5);\r\n }\r\n 75% {\r\n outline: 5px solid rgba(var(--r), var(--g), var(--b), 0.5);\r\n }\r\n 100% {\r\n outline: 0 solid rgba(var(--r), var(--g), var(--b), 0.5);\r\n }\r\n}\r\n// Button Effects\r\n@-webkit-keyframes criss-cross-left {\r\n 0% {\r\n left: -20px;\r\n }\r\n 50% {\r\n left: 50%;\r\n width: 20px;\r\n height: 20px;\r\n }\r\n 100% {\r\n left: 50%;\r\n width: 375px;\r\n height: 375px;\r\n }\r\n}\r\n\r\n@keyframes criss-cross-left {\r\n 0% {\r\n left: -20px;\r\n }\r\n 50% {\r\n left: 50%;\r\n width: 20px;\r\n height: 20px;\r\n }\r\n 100% {\r\n left: 50%;\r\n width: 375px;\r\n height: 375px;\r\n }\r\n}\r\n@-webkit-keyframes criss-cross-right {\r\n 0% {\r\n right: -20px;\r\n }\r\n 50% {\r\n right: 50%;\r\n width: 20px;\r\n height: 20px;\r\n }\r\n 100% {\r\n right: 50%;\r\n width: 375px;\r\n height: 375px;\r\n }\r\n}\r\n@keyframes criss-cross-right {\r\n 0% {\r\n right: -20px;\r\n }\r\n 50% {\r\n right: 50%;\r\n width: 20px;\r\n height: 20px;\r\n }\r\n 100% {\r\n right: 50%;\r\n width: 375px;\r\n height: 375px;\r\n }\r\n}\r\n","/*---------------------------------------\r\n 4.1 Footer\r\n-----------------------------------------*/\r\n"] }