diff --git a/.DS_Store b/.DS_Store new file mode 100644 index 0000000..c0000f0 Binary files /dev/null and b/.DS_Store differ diff --git a/README.md b/README.md new file mode 100644 index 0000000..f9a0720 --- /dev/null +++ b/README.md @@ -0,0 +1,3 @@ +# Aditya Mohan + +My portfolio, That helps me communicate with recruiters and get me a job that helps me learn more about the tech industry. diff --git a/about/index.html b/about/index.html deleted file mode 100644 index 1692039..0000000 --- a/about/index.html +++ /dev/null @@ -1,948 +0,0 @@ - - - - - - - - Who I am - Aditya Mohan - - - - - - - - - - - - - - - - - - - - - - - -
-
-
-
-
-
-
-
-
-
-
-
-
-
- Back to the homepage - -
-
- -
-
- - - -
-
- - - -
- Get in touch -
- -
- - - - - - - - - - - -
-
-
-
-
-

- About me. -

-
-

- I'm a developer, Musician and - bibliophile who has been around the software industry - in some capacity since 2017. I am ambitious and driven, fast - learner, a people person, hardworking & outrageously creative. -

- -
-
-
-
-
-
-

- I come from Mumbai(BARC). People at my place are really - competitive, so when I was of a very young age my parents - decided that I will be crafted into an engineer. Now, I really - thank them for doing so because it turns out that I am - actually super passionate about Computers and how different - applications are made. -

-

- I am currently a student at Georgia State University pursuing - my Master's in Computer Science. - I completed my under-graduation from university of Mumbai - with a degree in Computer Engineering in 2022. During my Graduation, - I spent my time working in the emerging race of unicorn - startups in India. While at it, I gained a tremendous amount of industry - experience due to the courtesy of my fellow mentors. I'll be - forever grateful to them to provide me with the opportunity to - explore my interest. -

-

- These days,I am actively contributing to open-source - development. I'm also looking for a full-time job role/Internship - for the coming years. -

-
-
-
-
-
-
-
- - - - -
- - - - - - - - -
-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-

- Datawarehouse of cyber ethos. -

-

- I have unconditional love for creativity when it comes to - building software. I have an eternal hunger for innovation and - I'm pretty sure that I would be aware of all the latest - trending hot topics related to computer science and software - development. Do share your opinion on some topics with me! If - I am not aware of it by chance then I certainly would be after - having a chat with you :d -

-

- The concept of security increased by machine learning is - what continuously pops into my head these days. - My goal is to create an antivirus engine that is so - advanced that it can quickly respond to zero-day threats in the future. -

-
-
-
-
-
-
-
- - - - - -
- - - - - -
-
-
-
-
-
-
-
-
-
-
- - - - - -
-
- -
-
-
-
-
-
-
-

- My hobbies? -

-

- Outside of my work I like to spend as much time as I can away - from my laptop, travelling and vibing with music. I love the - classic rock genre but recently, I came to respect & like the - modern electronic music as well. -

-
-
-
-
-
-
-
-
-
-
- Milda, RÄ«ga -
-
-
-
- Lake Bled from above -
-
-
-
- The pagoda at Asakusa, Tokyo -
-
-
-
- A rural Japanese village, Gifu prefecture -
-
-
-
- Streetcar in lisbon -
-
-
-
-
-
- A Shitamachi beer poster, Tokyo -
-
-
-
- Sunset in the long grass, Wales -
-
-
-
- Ljubljanski Grad, viewed from the triple bridge -
-
-
-
-
- Connect on Instagram - - Connect on LinkedIn - -
-
-
-
-
- #Look-great-on-the-web -
- - - diff --git a/assets/.DS_Store b/assets/.DS_Store new file mode 100644 index 0000000..2f13c93 Binary files /dev/null and b/assets/.DS_Store differ diff --git a/assets/css/styles.css b/assets/css/styles.css deleted file mode 100644 index 97f22ce..0000000 --- a/assets/css/styles.css +++ /dev/null @@ -1,3675 +0,0 @@ -a, -abbr, -acronym, -address, -applet, -article, -aside, -audio, -b, -big, -blockquote, -body, -canvas, -caption, -center, -cite, -code, -dd, -del, -details, -dfn, -div, -dl, -dt, -em, -embed, -fieldset, -figcaption, -figure, -footer, -form, -h1, -h2, -h3, -h4, -h5, -h6, -header, -hgroup, -html, -i, -iframe, -img, -ins, -kbd, -label, -legend, -li, -mark, -menu, -nav, -object, -ol, -output, -p, -pre, -q, -ruby, -s, -samp, -section, -small, -span, -strike, -strong, -sub, -summary, -sup, -table, -tbody, -td, -tfoot, -th, -thead, -time, -tr, -tt, -u, -ul, -var, -video { - margin: 0; - padding: 0; - border: 0; - font-size: 100%; - font: inherit; - vertical-align: baseline; -} -article, -aside, -details, -figcaption, -figure, -footer, -header, -hgroup, -menu, -nav, -section { - display: block; -} -body { - line-height: 1; -} -ol, -ul { - list-style: none; -} -blockquote, -q { - quotes: none; -} -blockquote:after, -blockquote:before, -q:after, -q:before { - content: ""; - content: none; -} -table { - border-collapse: collapse; - border-spacing: 0; -} -@media (prefers-reduced-motion: reduce) { - *, - :after, - :before { - animation: none !important; - transition: none !important; - } -} -:root { - --bg: #f4f9fc; - --line: #6000cb; - --fill: #aadcec; - --text: #0f1b61; - --subtext: #73bbc5; - --duo: #105d67; -} -a:not([class]) { - font-weight: 700; - color: inherit; - border-bottom: 0.125em solid var(--fill); -} -a:not([class]), -a:not([class]) abbr { - text-decoration: none; -} -.flow { - margin: 0 auto; - position: relative; -} -.flow > * + * { - margin-top: 20px; -} -.flow em { - font-style: italic; -} -.flow strong { - font-weight: 700; -} -.flow p { - -webkit-font-smoothing: antialiased; - font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, - Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; - margin: 25px auto; - font-size: 1.6rem; - line-height: 1.65; - font-weight: 400; - color: var(--text); -} -@media (min-width: 512px) { - .flow p { - font-size: 1.8rem; - } -} -.flow p:first-child { - margin-top: 0; -} -.flow * + h2 { - margin-top: 90px; -} -.flow ol, -.flow ul { - list-style: none; - padding-left: 2.5rem; - margin: 30px auto; -} -.flow ol li, -.flow ul li { - -webkit-font-smoothing: antialiased; - font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, - Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; - font-size: 1.6rem; - line-height: 1.65; - font-weight: 400; - color: var(--text); - margin: 15px auto; -} -@media (min-width: 512px) { - .flow ol li, - .flow ul li { - font-size: 1.8rem; - } -} -.flow ul li { - position: relative; -} -.flow ul li:before { - content: ""; - position: absolute; - width: 8px; - height: 8px; - background: var(--subtext); - left: -2.5rem; - top: 0.85rem; - border-radius: 100%; -} -.flow ol { - counter-reset: list-counter; -} -.flow ol li { - counter-increment: list-counter; - position: relative; -} -.flow ol li:before { - content: counter(list-counter) "."; - position: absolute; - font-weight: 700; - vertical-align: bottom; - width: 10px; - height: 1em; - color: var(--subtext); - left: -2.5rem; - top: 0; -} -.flow blockquote { - position: relative; - margin: 40px auto; - padding-left: 40px; -} -.flow blockquote:before { - content: "“"; - font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, - Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; - position: absolute; - top: -5px; - left: 0; - font-size: 8rem; - font-weight: 700; - color: var(--subtext); -} -.flow blockquote p { - font-family: Bitter, serif; - font-size: 2rem; - letter-spacing: 0.0075em; - line-height: 1.65; - max-width: 900px; - font-weight: 400; - color: var(--text); - font-weight: 700; -} -.flow blockquote p b { - font-weight: 700; -} -@media (min-width: 512px) { - .flow blockquote p { - font-size: 2.4rem; - } -} -@media (min-width: 512px) { - .flow blockquote { - margin: 60px auto; - padding-left: 55px; - } - .flow blockquote:before { - font-size: 10rem; - } -} -.dot { - color: var(--subtext); -} -.t-heading, -.t-strong, -b, -strong { - font-weight: 700; -} -.t-heading, -.t-primary { - position: relative; - font-family: Bitter, serif; - line-height: 1.125; - color: var(--text); - scroll-margin-top: -40px; -} -.t-allcaps { - -webkit-font-smoothing: antialiased; - font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, - Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; - text-transform: uppercase; - font-weight: 600; - letter-spacing: 0.075em; - line-height: 1.25; -} -.t-outline { - text-shadow: -1px -1px var(--bg), 0 -1px var(--bg), 1px -1px var(--bg), - -1px 0 var(--bg), 1px 0 var(--bg), -1px 1px var(--bg), 0 1px var(--bg), - 1px 1px var(--bg), -2px -2px var(--bg), 0 -2px var(--bg), 2px -2px var(--bg), - -2px 0 var(--bg), 2px 0 var(--bg), -2px 2px var(--bg), 0 2px var(--bg), - 2px 2px var(--bg), -3px -3px var(--bg), 0 -3px var(--bg), 3px -3px var(--bg), - -3px 0 var(--bg), 3px 0 var(--bg), -3px 3px var(--bg), 0 3px var(--bg), - 3px 3px var(--bg), -4px -4px var(--bg), 0 -4px var(--bg), 4px -4px var(--bg), - -4px 0 var(--bg), 4px 0 var(--bg), -4px 4px var(--bg), 0 4px var(--bg), - 4px 4px var(--bg); -} -abbr { - display: inline-block; - line-height: 1.25; - border-bottom: 0.125em dashed var(--fill); - cursor: help; - text-decoration: none; -} -@media screen and (max-width: 512px) { - .t-beast\:s { - font-size: 8rem; - } - .t-biggest\:s { - font-size: 7.5rem; - } - .t-bigger\:s { - font-size: 6rem; - } - .t-big\:s { - font-size: 4.2rem; - } - .t-medium\:s { - font-size: 3.8rem; - } - .t-lede\:s { - font-size: 2.4rem; - } - .t-sublede\:s { - font-size: 2rem; - } - .t-body\:s { - font-size: 1.8rem; - } - .t-small\:s { - font-size: 1.5rem; - } - .t-tiny\:s { - font-size: 1.2rem; - } -} -@media screen and (min-width: 513px) and (max-width: 1000px) { - .t-beast\:m { - font-size: 8rem; - } - .t-biggest\:m { - font-size: 7.5rem; - } - .t-bigger\:m { - font-size: 6rem; - } - .t-big\:m { - font-size: 4.2rem; - } - .t-medium\:m { - font-size: 3.8rem; - } - .t-lede\:m { - font-size: 2.4rem; - } - .t-sublede\:m { - font-size: 2rem; - } - .t-body\:m { - font-size: 1.8rem; - } - .t-small\:m { - font-size: 1.5rem; - } - .t-tiny\:m { - font-size: 1.2rem; - } -} -@media screen and (min-width: 1001px) { - .t-beast\:l { - font-size: 8rem; - } - .t-biggest\:l { - font-size: 7.5rem; - } - .t-bigger\:l { - font-size: 6rem; - } - .t-big\:l { - font-size: 4.2rem; - } - .t-medium\:l { - font-size: 3.8rem; - } - .t-lede\:l { - font-size: 2.4rem; - } - .t-sublede\:l { - font-size: 2rem; - } - .t-body\:l { - font-size: 1.8rem; - } - .t-small\:l { - font-size: 1.5rem; - } - .t-tiny\:l { - font-size: 1.2rem; - } -} -@media screen and (min-width: 1201px) { - .t-beast\:xl { - font-size: 8rem; - } - .t-biggest\:xl { - font-size: 7.5rem; - } - .t-bigger\:xl { - font-size: 6rem; - } - .t-big\:xl { - font-size: 4.2rem; - } - .t-medium\:xl { - font-size: 3.8rem; - } - .t-lede\:xl { - font-size: 2.4rem; - } - .t-sublede\:xl { - font-size: 2rem; - } - .t-body\:xl { - font-size: 1.8rem; - } - .t-small\:xl { - font-size: 1.5rem; - } - .t-tiny\:xl { - font-size: 1.2rem; - } -} -.lh-tight { - line-height: 1; -} -.lh-mid { - line-height: 1.5; -} -.lh-loose, -p:not([class]) { - line-height: 1.65; -} -p:not([class]) { - -webkit-font-smoothing: antialiased; - font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, - Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; - font-size: 1.6rem; - font-weight: 400; - color: var(--text); -} -@media (min-width: 512px) { - p:not([class]) { - font-size: 1.8rem; - } -} -.article code { - color: var(--subtext); - font-weight: 700; - white-space: nowrap; -} -.avatar-wrap { - perspective: 1000px; - position: relative; - width: 100%; - height: 50vh; -} -.bar-outer { - position: relative; - height: 100%; -} -.bar { - backface-visibility: hidden; - transition: transform 1.5s ease-out; - position: absolute; - width: 80vw; - max-width: 975px; - height: 240px; - background-size: 11px; - top: 35%; - left: 50%; - transform: translateX(-50%); - opacity: 0.75; - overflow: hidden; -} -.bar:after, -.bar:before { - content: ""; - position: absolute; - top: 0; - left: 0; - width: 50%; - height: 100%; - background: var(--bg); - animation: barReveal 0.7s cubic-bezier(0.23, 1, 0.32, 1) 1.5s backwards; -} -.is-loading .bar:after, -.is-loading .bar:before { - animation-play-state: paused; -} -.bar:before { - transform: translateX(-100%); -} -.bar:after { - left: auto; - right: 0; - transform: translateX(100%); -} -.avatar { - width: 60vw; - height: auto; - max-width: 465px; - position: absolute; - top: 40%; - left: 50%; - transform: translate(-50%, -50%); - transform-origin: bottom center; - backface-visibility: hidden; - will-change: transform; -} -.avwrap { - position: relative; - margin-bottom: 500px; -} -.beard, -.face-tilt, -.head__rotation, -.head__yaw, -.neck__shadow { - transform-origin: 50% 80%; -} -.avatar--ready .beard, -.avatar--ready .ears__left, -.avatar--ready .ears__right, -.avatar--ready .face-tilt, -.avatar--ready .head__rotation, -.avatar--ready .head__yaw, -.avatar--ready .mouth { - will-change: transform; - backface-visibility: hidden; - perspective: 1000; - transition: transform 0.35s ease-out; -} -.avatar--ready .neck__shadow { - will-change: transform; - backface-visibility: hidden; - perspective: 1000; - transition: transform 0.4s ease-in-out; -} -.avatar--ready .neck__adamsapple { - will-change: transform; - animation: breath 2.5s ease-in-out infinite alternate; -} -.avatar--ready .head__y { - will-change: transform; - animation: breathHead 2.5s ease-in-out infinite alternate; -} -.avatar--ready .nose__breath { - will-change: transform; - animation: breathNose 2.5s ease-in-out infinite alternate; -} -.avatar--ready .eyes__x, -.avatar--ready .eyes__y { - backface-visibility: hidden; - perspective: 1000; - transition: all 0.1s ease-out 10ms; -} -.avatar--ready.creeper .eyes__x, -.avatar--ready.creeper .eyes__y { - backface-visibility: hidden; - perspective: 1000; - transition: all 0.3s ease-in-out; -} -.avatar--ready .eyebrow { - transition: all 0.36s ease-in-out; -} -.avatar--ready .eyebrow, -.avatar--ready .mouth path { - backface-visibility: hidden; - perspective: 1000; -} -.dizzy .mouth svg { - display: none; -} -.dizzy .mouth:before { - width: 12%; - background: var(--line); - bottom: 34%; - transform-origin: top center; - animation: breatheMouthUp 2s ease-in-out infinite alternate; -} -.dizzy .mouth:after, -.dizzy .mouth:before { - content: ""; - position: absolute; - height: 2%; - border-radius: 100%; - left: 50%; - margin-left: -6%; -} -.dizzy .mouth:after { - transform-origin: bottom center; - width: 16%; - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - background: var(--bg); - bottom: 33%; - width: 12%; - animation: breatheMouth 2s ease-in-out infinite alternate; -} -.dizzy .eyebrows__left { - animation: dizzyBrowL 2s ease-in-out infinite alternate; -} -.dizzy .eyebrows__right { - animation: dizzyBrowR 2s ease-in-out infinite alternate; -} -.dizzy .eyes__left .eye__dot { - animation: dizzyEyeL 2.5s ease-in infinite alternate; -} -.dizzy .eyes__right .eye__dot { - animation: dizzyEyeR 2.5s ease-in infinite alternate-reverse; -} -.dizzy .eyes__x, -.dizzy .eyes__y { - transform: none; -} -.dizzy .head__yaw { - animation: dizzyYaw 2.5s ease-in-out infinite alternate; -} -.dizzy .head__rotation { - animation: dizzySway 1.5s ease-in-out infinite alternate; -} -.bgmask { - fill: var(--bg); -} -.mask--chin { - clip-path: url(#clip--chin); -} -@media screen and (max-width: 512px) { - .avatar .svg-stroke { - stroke-width: 0.45vw; - } -} -@media screen and (min-width: 513px) and (max-width: 1200px) { - .avatar .svg-stroke { - stroke-width: 2.5px; - } -} -.mask--eyebrow-l { - clip-path: url(#clip--eyebrow-l); -} -.mask--eyebrow-r { - clip-path: url(#clip--eyebrow-r); -} -.svg-pattern { - fill: url(#pattern--stubble); -} -.layer * { - backface-visibility: hidden; -} -.layer div, -.layer svg { - position: absolute; - top: 0; - left: 0; - right: 0; - bottom: 0; - height: 100%; - width: 100%; -} -.avatar--intro .avatar__animwrap { - backface-visibility: hidden; - transform-origin: center bottom; - animation: bakedAvatar 1.5s cubic-bezier(0.215, 0.61, 0.355, 1) 1.25s - backwards; -} -.avatar--intro .eyebrows, -.avatar--intro .hair, -.avatar--intro .mouth, -.avatar--intro .nose, -.avatar--intro .shading { - backface-visibility: hidden; - animation: bakedSecondary 1.5s cubic-bezier(0.215, 0.61, 0.355, 1) 1.25s - backwards; -} -.avatar--intro .head__y { - transform-origin: center 75%; - animation: headIn 0.975s cubic-bezier(0.215, 0.61, 0.355, 1) 1.25s backwards; -} -.avatar--intro .eyes__glasses { - backface-visibility: hidden; - transform-origin: center bottom; - animation: bakedGlasses 1.5s ease-out 1.25s backwards; -} -.avatar__animwrap { - position: absolute; - top: 0; - left: 0; - right: 0; - bottom: 0; - backface-visibility: hidden; - transform-origin: bottom center; -} -.is-loading .avatar__animwrap, -.is-loading .eyebrows, -.is-loading .hair, -.is-loading .head__y, -.is-loading .mouth, -.is-loading .nose, -.is-loading .shading { - animation-play-state: paused !important; -} -@keyframes barReveal { - 0% { - transform: translateX(0); - } -} -@keyframes avatarIn { - 0% { - opacity: 0; - } -} -@keyframes headIn { - 5% { - transform: scale(1.075, 0.85); - } - 20% { - transform: scale(0.8, 1.05); - } - 50% { - transform: scale(1.025, 0.9); - } - 0%, - to { - transform: scale(1); - } -} -@keyframes breatheMouthUp { - 0% { - transform: translateY(2px) scale(0.9); - } - to { - transform: translateY(0) scale(0.85, 1.25); - } -} -@keyframes breatheMouth { - to { - transform: scaleY(0.5); - } -} -@keyframes breath { - to { - transform: none; - } - 0% { - transform: translateY(2px); - } -} -@keyframes breathHead { - to { - transform: translateY(4px); - } - 0% { - transform: translateY(0); - } -} -@keyframes breathNose { - to { - transform: none; - } - 0% { - transform: translateX(-24px) scaleX(1.075); - } -} -@keyframes dizzySway { - 0% { - transform: rotate(-2deg); - } - to { - transform: rotate(2deg); - } -} -@keyframes dizzyEyeL { - 0% { - transform: translate(68px, 85px) scale(0.75); - } -} -@keyframes dizzyEyeR { - 0% { - transform: translate(108px, 85px) scale(0.75); - } -} -@keyframes dizzyYaw { - 0% { - transform: translateY(-2px); - } - to { - transform: translateY(5px); - } -} -@keyframes dizzyBrowL { - 0% { - transform: translateY(-5px); - } - to { - transform: translateY(5px); - } -} -@keyframes dizzyBrowR { - 0% { - transform: translateY(10px); - } - to { - transform: translateY(0); - } -} -@keyframes bakedAvatar { - 0% { - opacity: 0; - transform: scale(1.2337282615, 0.9459515515); - } - 1% { - transform: scale(1.2918607173, 1.0306209681); - } - 3% { - transform: scale(1.3225012657, 1.1003424939); - } - 4% { - transform: scale(1.3279217986, 1.1529759485); - } - 6% { - transform: scale(1.2780508182, 1.2053248387); - } - 7% { - transform: scale(1.2319227548, 1.2071001777); - } - 9% { - transform: scale(1.1212535786, 1.1731169371); - } - 10% { - transform: scale(1.065401853, 1.1432184169); - } - 12% { - transform: scale(1.0139650316, 1.1087997909); - } - 14% { - transform: scale(0.9695373498, 1.0727445662); - } - 15% { - transform: scale(0.933868851, 1.0375976325); - } - 17% { - transform: scale(0.9078836758, 1.0054553618); - } - 18% { - transform: scale(0.8917480812, 0.9779011157); - } - 20% { - transform: scale(0.8849762281, 0.9559832879); - } - 21% { - transform: scale(0.8865612095, 0.9402307497); - } - 23% { - transform: scale(0.8951191068, 0.9306989734); - } - 25% { - transform: scale(0.909034912, 0.9270391878); - } - 26% { - transform: scale(0.9266007455, 0.9285826319); - } - 28% { - transform: scale(0.94613876, 0.9344322277); - } - 29% { - transform: scale(0.9661032636, 0.9435547022); - } - 31% { - transform: scale(0.9851587564, 0.9548672291); - } - 32% { - transform: scale(1.0022326142, 0.9673139193); - } - 34% { - transform: scale(1.0165429605, 0.9799288545); - } - 35% { - transform: scale(1.0276037641, 0.9918837191); - } - 37% { - transform: scale(1.0352103339, 1.0025193646); - } - 39% { - transform: scale(1.0394091434, 1.0113617679); - } - 40% { - opacity: 1; - transform: scale(1.0404563112, 1.0181237609); - } - 42% { - transform: scale(1.0387691198, 1.0226946098); - } - 43% { - transform: scale(1.034874726, 1.0251199696); - } - 45% { - transform: scale(1.0293597564, 1.0255749681); - } - 46% { - transform: scale(1.0228238592, 1.0243331865); - } - 48% { - transform: scale(1.0158395586, 1.0217341395); - } - 50% { - transform: scale(1.0089199995, 1.0181515542); - } - 51% { - transform: scale(1.0024954209, 1.0139643429); - } - 53% { - transform: scale(0.9968985163, 1.009531703); - } - 54% { - transform: scale(0.9923582464, 1.0051732943); - } - 56% { - transform: scale(0.9890012015, 1.0011549741); - } - 57% { - transform: scale(0.9868592659, 0.9976801467); - } - 59% { - transform: scale(0.9858821306, 0.994886412); - } - 60% { - transform: scale(0.9859531139, 0.9928469165); - } - 62% { - transform: scale(0.9869067741, 0.9915755959); - } - 64% { - transform: scale(0.9885469209, 0.9910353795); - } - 65% { - transform: scaleX(0.9906638165); - } - 67% { - transform: scaleX(0.9930495981); - } - 68% { - transform: scaleX(0.9955112128); - } - 70% { - transform: scaleX(0.9978804249); - } - 71% { - transform: scaleX(1.000020707); - } - 73% { - transform: scaleX(1.0018310571); - } - 75% { - transform: scaleX(1.0032469692); - } - 76% { - transform: scaleX(1.0042389329); - } - 78% { - transform: scaleX(1.004808938); - } - 79% { - transform: scaleX(1.0049855108); - } - 81% { - transform: scaleX(1.0048178258); - } - 82% { - transform: scaleX(1.0043694066); - } - 84% { - transform: scaleX(1.0037118824); - } - 85% { - transform: scaleX(1.0029191863); - } - 87% { - transform: scaleX(1.0020624986); - } - 89% { - transform: scaleX(1.0012061418); - } - 90% { - transform: scaleX(1.000404541); - } - 92% { - transform: scaleX(0.9997002821); - } - 93% { - transform: scaleX(0.9991232199); - } - 95% { - transform: scaleX(0.9986905339); - } - 96% { - transform: scaleX(0.9984075818); - } - to { - transform: scale(1); - } -} -@keyframes bakedGlasses { - 0% { - transform: translate(1.8252168953px, 79.7310864062px); - } - 1% { - transform: translate(3.2774357765px, 75.4413983327px); - } - 3% { - transform: translate(4.3396984375px, 67.9666001762px); - } - 4% { - transform: translate(5.017755689px, 58.1765685246px); - } - 6% { - transform: translate(5.3336033642px, 35.0111906855px); - } - 7% { - transform: translate(5.059784667px, 23.1422908208px); - } - 9% { - transform: translate(3.9229540015px, 1.8073616254px); - } - 11% { - transform: translate(2.3804793012px, -13.8144413047px); - } - 12% { - transform: translate(1.58649247px, -19.0126499763px); - } - 14% { - transform: translate(0.8335809956px, -22.4440411613px); - } - 15% { - transform: translate(0.1537990991px, -24.2050590992px); - } - 17% { - transform: translate(-0.429446493px, -24.4624457122px); - } - 19% { - transform: translate(-0.9012614032px, -23.4339517343px); - } - 20% { - transform: translate(-1.2547155021px, -21.369410516px); - } - 22% { - transform: translate(-1.4899731836px, -18.5330831103px); - } - 23% { - transform: translate(-1.61319571px, -15.1879789668px); - } - 25% { - transform: translate(-1.6353065485px, -11.5826477653px); - } - 26% { - transform: translate(-1.5707036404px, -7.940735931px); - } - 28% { - transform: translate(-1.4359923625px, -4.4534154419px); - } - 30% { - transform: translate(-1.2488005569px, -1.2746296768px); - } - 31% { - transform: translate(-1.0267234054px, 1.4810339968px); - } - 33% { - transform: translate(-0.7864319692px, 3.7381398059px); - } - 34% { - transform: translate(-0.5429656858px, 5.4582357679px); - } - 36% { - transform: translate(-0.3092166255px, 6.6361344008px); - } - 38% { - transform: translate(-0.0956023431px, 7.2950696601px); - } - 39% { - transform: translate(0.0900849648px, 7.4811493971px); - } - 41% { - transform: translate(0.2426723798px, 7.2574941498px); - } - 42% { - transform: translate(0.359467663px, 6.6984090572px); - } - 44% { - transform: translate(0.4400155464px, 5.8838807491px); - } - 46% { - transform: translate(0.4857774684px, 4.8946297013px); - } - 47% { - transform: translate(0.4997628263px, 3.8078848536px); - } - 49% { - transform: translate(0.4861379768px, 2.6939848771px); - } - 50% { - transform: translate(0.449836323px, 1.6138523362px); - } - 52% { - transform: translate(0.3961891863px, 0.6173354141px); - } - 53% { - transform: translate(0.3305930804px, -0.257631515px); - } - 55% { - transform: translate(0.258224749px, -0.9851314195px); - } - 57% { - transform: translate(0.1838111536px, -1.5507399648px); - } - 58% { - transform: translate(0.1114576939px, -1.9504958671px); - } - 60% { - transform: translate(0.0445344705px, -2.189496245px); - } - 61% { - transform: translate(-0.0143825251px, -2.2802461116px); - } - 63% { - transform: translate(-0.0635207317px, -2.2408838509px); - } - 65% { - transform: translate(-0.1018779729px, -2.0933921298px); - } - 66% { - transform: translate(-0.1291552348px, -1.8618876376px); - } - 68% { - transform: translate(-0.1456639387px, -1.5710646863px); - } - 69% { - transform: translate(-0.152216349px, -1.2448483488px); - } - 71% { - transform: translate(-0.15000729px, -0.9052935827px); - } - 73% { - transform: translate(-0.140494532px, -0.5717486641px); - } - 74% { - transform: translate(-0.1252841457px, -0.2602849714px); - } - 76% { - transform: translate(-0.1060259031px, 0.0166187238px); - } - 77% { - transform: translate(-0.0843225117px, 0.250160448px); - } - 79% { - transform: translate(-0.061655183px, 0.4350989584px); - } - 80% { - transform: translate(-0.0393268188px, 0.5694740768px); - } - 82% { - transform: translate(-0.0184230056px, 0.6542027925px); - } - 84% { - transform: translate(0.0002099298px, 0.6925907867px); - } - 85% { - transform: translate(0.0159713052px, 0.6897972537px); - } - 87% { - transform: translate(0.0284989718px, 0.6522874542px); - } - 88% { - transform: translate(0.0376511423px, 0.5873027802px); - } - 90% { - transform: translate(0.0434797803px, 0.5023726398px); - } - 92% { - transform: translate(0.0461982053px, 0.4048866123px); - } - 93% { - transform: translate(0.0461454495px, 0.3017394183px); - } - 95% { - transform: translate(0.0437496824px, 0.1990556133px); - } - 96% { - transform: translate(0.0394927097px, 0.1019957906px); - } - 98% { - transform: translate(0.0338771901px, 0.0146416546px); - } - to { - transform: translate(0); - } -} -@keyframes bakedSecondary { - 0% { - transform: translate(1.7959659753px, 31.0190756201px); - } - 2% { - transform: translate(4.1475565303px, 28.1896658639px); - } - 5% { - transform: translate(4.7346136551px, 25.0498718545px); - } - 7% { - transform: translate(4.9274862799px, 17.0267516236px); - } - 10% { - transform: translate(3.9455562973px, 7.0095785006px); - } - 12% { - transform: translate(2.6380651848px, 0.1856833204px); - } - 15% { - transform: translate(1.2872407443px, -4.4216480003px); - } - 17% { - transform: translate(0.1503062633px, -6.7146617386px); - } - 20% { - transform: translate(-0.638792475px, -7.0440477499px); - } - 22% { - transform: translate(-1.0528295751px, -5.998010865px); - } - 25% { - transform: translate(-1.1410079869px, -4.218173871px); - } - 27% { - transform: translate(-1.090744538px, -3.2342576839px); - } - 30% { - transform: translate(-0.9949108007px, -2.2665736839px); - } - 32% { - transform: translate(-0.7180572499px, -0.5508241259px); - } - 35% { - transform: translate(-0.3424919458px, 0.8833091539px); - } - 37% { - transform: translate(-0.1987099315px, 1.2516638676px); - } - 40% { - transform: translate(-0.0710324798px, 1.4904886752px); - } - 42% { - transform: translate(0.0370591444px, 1.6112932512px); - } - 45% { - transform: translate(0.1236967049px, 1.6294174036px); - } - 47% { - transform: translate(0.1884262261px, 1.5625676653px); - } - 50% { - transform: translate(0.2319743572px, 1.4295005375px); - } - 52% { - transform: translate(0.2628321448px, 1.0384149282px); - } - 55% { - transform: translate(0.2261366623px, 0.5023708992px); - } - 57% { - transform: translate(0.196199522px, 0.2960350152px); - } - 60% { - transform: translate(0.1618536151px, 0.1122649899px); - } - 62% { - transform: translate(0.1256200912px, -0.0438171866px); - } - 65% { - transform: translate(0.0896576678px, -0.1694061848px); - } - 67% { - transform: translate(0.0557201126px, -0.2637339844px); - } - 70% { - transform: translate(0.0251417355px, -0.327739029px); - } - 72% { - transform: translate(-0.0011534602px, -0.3637098105px); - } - 75% { - transform: translate(-0.0390673802px, -0.365311407px); - } - 77% { - transform: translate(-0.0574544456px, -0.300686443px); - } - 80% { - transform: translate(-0.0594462276px, -0.2032932835px); - } - 82% { - transform: translate(-0.055841257px, -0.1514719342px); - } - 85% { - transform: translate(-0.050090331px, -0.101451597px); - } - 87% { - transform: translate(-0.0428708077px, -0.0554134487px); - } - 90% { - transform: translate(-0.034810871px, -0.0149435954px); - } - 92% { - transform: translate(-0.0264669528px, 0.0189385625px); - } - 95% { - transform: translate(-0.0183088451px, 0.0457286972px); - } - 97% { - transform: translate(-0.010711855px, 0.0653694583px); - } - to { - transform: translate(0); - } -} -.avatar-bg { - position: absolute; - left: 0; - top: 0; - height: 100vh; - width: 100%; - z-index: 0; -} -.avatar-bg .bar { - left: 65%; - height: 240px; - max-width: 840px; -} -.avatar-bg .avatar-wrap { - height: 100%; -} -.avatar-bg .avatar { - max-width: 575px; - top: 45%; - left: 70%; -} -@media screen and (min-width: 1001px) and (max-height: 600px) { - .avatar-bg { - min-height: 600px; - height: 600px; - } -} -@media screen and (max-width: 512px) { - .avatar-bg { - margin-top: 60px !important; - } -} -@media screen and (max-width: 1000px) { - .avatar-bg { - position: relative; - margin-top: 100px; - left: 0; - height: 45vh; - min-height: 300px; - } - .avatar-bg .bar { - left: 50%; - top: 40%; - height: 25vw; - max-height: 200px; - } - .avatar-bg .avatar { - top: 0; - transform: translate(-50%); - width: 75vw; - height: 45vh; - min-height: 300px; - left: 50%; - max-width: 400px; - } -} -@media screen and (min-width: 1001px) and (max-width: 1200px) { - .avatar-bg { - left: 0; - } - .avatar-bg .bar { - left: 60%; - max-width: 65vw; - height: 200px; - max-height: 240px; - } - .avatar-bg .avatar { - max-width: 485px; - width: 50vw; - left: 70%; - } -} -.u-vhide { - overflow: hidden; - position: absolute; - clip: rect(0, 0, 0, 0); - left: -900px; -} -@media screen and (max-width: 512px) { - .u-hide\:s { - display: none; - } -} -@media screen and (min-width: 513px) and (max-width: 1000px) { - .u-hide\:m { - display: none; - } -} -@media screen and (min-width: 1001px) { - .u-hide\:l { - display: none; - } -} -*, -:after, -:before { - box-sizing: border-box; -} -main:focus { - outline: none; -} -html { - font-size: 62.5%; - -webkit-font-smoothing: antialiased; -} -html:after, -html:before { - content: ""; - will-change: top left; - backface-visibility: hidden; - position: fixed; - top: 0; - height: 100%; - width: 20px; - background: #fff; - z-index: 21000; -} -html:before { - left: 0; -} -html:after { - right: 0; -} -body { - background: var(--bg); - min-height: calc(100vh - 40px); - position: relative; - padding: 20px; -} -body:after, -body:before { - content: ""; - will-change: top left; - backface-visibility: hidden; - position: fixed; - left: 0; - width: 100%; - height: 20px; - background: #fff; - z-index: 20000; -} -body:before { - top: 0; -} -body:after { - bottom: 0; -} -body.lock-scroll, -html.lock-scroll { - overflow: hidden; -} -@media (max-width: 512px) { - html:after, - html:before { - width: 10px; - } - body { - padding: 10px; - } - body:after, - body:before { - height: 10px; - } -} -.inner-body { - max-width: 975px; - margin: 0 auto; -} -.pagewrap { - min-height: calc(100vh - 40px); - position: relative; - background: var(--bg); - overflow: hidden; - transition: background 1s cubic-bezier(0.165, 0.84, 0.44, 1); -} -@media (max-width: 511px) { - .pagewrap:before { - content: ""; - position: fixed; - background: linear-gradient(180deg, var(--bg) 60%, hsla(0, 0%, 100%, 0)); - width: 100%; - height: 100px; - top: 0; - left: 0; - pointer-events: none; - z-index: 999; - } -} -.chunk { - margin: 150px auto; -} -.chunk:first-child { - margin-top: 0; -} -@media (min-width: 741px) { - .break-out { - width: 75vw; - margin-top: 60px; - margin-bottom: 60px; - margin-left: 50%; - transform: translateX(-50%); - } -} -.page-body { - margin: 100px 20px; -} -@media (min-width: 512px) { - .page-body { - margin: 230px 30px 100px; - } -} -@media (min-width: 800px) { - .page-body { - margin: 230px 60px 100px; - } -} -.page-body--header { - margin: 0 20px 100px; -} -@media (min-width: 512px) { - .page-body--header { - margin: 0 60px 100px; - } -} -hr { - height: 1px; - border: none; - background: var(--text); - opacity: 0.275; - margin: 100px auto; -} -.section { - max-width: 1200px; - margin: 0 auto; -} -.article { - max-width: 740px; - margin: 0 auto; -} -.mainnav { - z-index: 10000; - display: inline-block; - vertical-align: middle; - position: fixed; - width: 200px; - top: 0; - left: 35px; -} -@media (min-width: 512px) { - .mainnav { - top: 30px; - left: 65px; - } -} -.logo-wrap { - position: relative; - z-index: 10000; - display: inline-block; - vertical-align: middle; - max-width: 65px; - padding-top: 8px; - width: 100%; -} -@media (min-width: 512px) { - .logo-wrap { - padding-top: 0; - max-width: 100px; - } -} -.logo-wrap .logo { - position: relative; - display: block; - animation: logoIn 0.45s ease-out 0.2s backwards; -} -.logo-wrap .logo .shade { - transition: transform 1.5s ease-out; - backface-visibility: hidden; - position: absolute; - top: 0; - left: 0; - right: 0; - bottom: 0; -} -.logo-wrap svg { - max-width: 100%; - height: auto; - margin-left: -10px; -} -.svg-stroke { - fill: none; - stroke: var(--line); - stroke-width: 2.5px; - stroke-linecap: round; - stroke-linejoin: round; - stroke-miterlimit: 10; - vector-effect: non-scaling-stroke; -} -@media (min-width: 512px) { - .svg-stroke { - stroke-width: 3px; - } -} -.svg-fill-stroke { - fill: var(--line); -} -.svg-fill { - fill: var(--fill); -} -.svg-blank { - fill: none; -} -.stroke-path, -.stroke-poly { - fill: none; - stroke: var(--line); - stroke-width: 2.5px; - stroke-linecap: round; - stroke-linejoin: round; - stroke-miterlimit: 10; - vector-effect: non-scaling-stroke; -} -@media (min-width: 512px) { - .stroke-path, - .stroke-poly { - stroke-width: 3px; - } -} -.svg-stroke-thin { - fill: none; - stroke: var(--line); - stroke-width: 2.5px; - stroke-linecap: round; - stroke-linejoin: round; - stroke-miterlimit: 10; - vector-effect: non-scaling-stroke; -} -.svg-stroke-dashed { - stroke-dasharray: 6; -} -.svg-bg { - fill: var(--bg); -} -.filled-path, -.filled-poly, -.svg-fill { - fill: var(--fill); -} -.hire-me { - vertical-align: middle; - text-align: center; - width: 100px; - height: 18px; - font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, - Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; - position: fixed; - right: 65px; - top: 80px; - background: transparent; - border: none; - font-weight: 700; - font-size: 1.2rem; - line-height: 1.2rem; - letter-spacing: 4px; - text-transform: uppercase; - text-decoration: none; - color: var(--text); - outline: none; - transition: all 0.12s cubic-bezier(0.25, 0.46, 0.45, 0.94); - z-index: 90000; -} -.hire-me:hover { - letter-spacing: 6px; - color: var(--text); -} -.hire-me .shade { - transition: transform 1.5s ease-out; -} -.hire-me .main svg, -.hire-me .shade { - position: absolute; - left: -35px; - top: 40%; - transform: translateY(-50%); - width: 35px; - height: 35px; -} -.hire-me .main svg .stroke-path, -.hire-me .shade .stroke-path { - stroke-width: 2.5px; -} -@media (max-width: 511px) { - .hire-me { - right: 20px; - top: 38px; - } - .hire-me svg { - display: none; - } -} -.btn { - margin: 30px 0; - font-size: 1.8rem; - text-decoration: none; - font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, - Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; - font-weight: 700; - text-align: center; -} -.btn, -.btn__label { - display: inline-block; - position: relative; -} -.btn__label { - padding: 15px 45px; - color: var(--line); - border: 3px solid var(--line); - border-radius: 8px; - z-index: 2; -} -.btn__fill { - will-change: transform; - backface-visibility: hidden; - user-select: none; - transition: transform 1.5s ease-out, background 0.15s ease-out; - display: inline-block; - position: absolute; - padding: 16px 0; - top: 4px; - left: 4px; - right: 4px; - bottom: 4px; - color: var(--bg); - text-align: center; - z-index: 1; - border-radius: 8px; - opacity: 0.75; -} -.btn:hover .btn__fill { - background-color: var(--fill); -} -.btn--small { - padding: 10px 0; -} -.clock { - width: 7.5%; - height: 7.5%; - top: 70%; - left: 67%; -} -.clock, -.clock:after { - position: absolute; - border-radius: 100%; -} -.clock:after { - content: ""; - top: 50%; - left: 50%; - width: 2px; - height: 2px; - background: var(--line); - margin-left: -1px; - margin-top: -1px; -} -.clock-pivot, -.clock-pivot__hand { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - transition: all 0.1s ease-out; -} -.clock-pivot__hand--hour:after { - height: 33.33%; -} -.clock-pivot__hand--hour:after, -.clock-pivot__hand--minute:after { - content: ""; - position: absolute; - width: 2px; - left: 50%; - margin-left: -1px; - background: var(--line); - bottom: 50%; -} -.clock-pivot__hand--minute:after { - height: 49%; -} -.text { - position: absolute; - overflow: hidden; -} -.text--a { - top: 23%; - left: 49%; - width: 44%; - height: 12%; -} -.text--b { - top: 47%; - left: 6%; - width: 36%; - height: 12%; -} -.text--c { - top: 67%; - left: 60%; - width: 36%; - height: 10%; -} -.text__inr { - position: absolute; - height: 100%; - width: 300vw; - top: 0; - left: 50%; - background-size: auto; - background-position: 0; - background-repeat: repeat-x; -} -.text--b .text__inr { - right: 200vw; - left: auto; - background-position: -50%; -} -.text--c .text__inr { - background-position: -70%; -} -.made-in-wales { - display: block; - text-align: center; - font-size: 1.2rem; - letter-spacing: 0.02em; - color: #919795; - font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, - Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; - margin-bottom: 20px; -} -@media (min-width: 1320px) { - .made-in-wales { - position: fixed; - font-size: 1.2rem; - transform-origin: bottom left; - transform: rotate(-90deg); - bottom: 84px; - left: 55px; - text-align: left; - } - .made-in-wales:before { - content: ""; - display: inline-block; - vertical-align: middle; - margin-right: 15px; - height: 1px; - width: 25px; - background: #919795; - } -} -.article-list { - margin: 120px auto; -} -.article-listing { - position: relative; - padding-bottom: 30px; -} -.article-listing + .article-listing { - margin-top: 50px; -} -.article-listing:not(:last-child):after { - content: ""; - position: absolute; - left: 0; - right: 0; - bottom: -1px; - height: 1px; - border: none; - background: var(--text); - opacity: 0.275; -} -.article-listing__date { - position: relative; - display: block; - color: var(--subtext); - -webkit-font-smoothing: antialiased; - font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, - Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; - font-size: 1.2rem; - text-transform: uppercase; - font-weight: 600; - letter-spacing: 0.075em; - line-height: 1.25; - font-size: 1.6rem; - margin-bottom: 10px; -} -@media (min-width: 512px) { - .article-listing__date { - font-size: 1.75rem; - } -} -.article-listing__link { - text-decoration: none; - color: inherit; -} -.article-listing__link:hover { - text-decoration: underline; -} -@media screen and (min-width: 1001px) { - .article-listing__content { - width: 60%; - margin-right: 0; - } - .article-listing__date { - position: absolute; - top: 18px; - left: 0; - margin-right: 60px; - white-space: nowrap; - } - .article-listing__date:after { - content: ""; - position: absolute; - left: 100%; - top: 50%; - margin-left: 10px; - margin-top: -2px; - width: 80px; - height: 3px; - background: var(--line); - } -} -@keyframes lineIn { - 0% { - opacity: 0; - transform: translateX(500%) scaleX(5); - } - 1% { - opacity: 1; - } - to { - opacity: 1; - transform: none; - } -} -.article-heading { - position: relative; -} -.article-heading .article-heading__byline, -.article-heading .article-heading__title > span { - opacity: 0; -} -.article-heading .article-heading__title > span { - transform: translateY(8px); -} -.article-heading .article-heading__title:before { - opacity: 0; -} -html:not(.is-loading) .article-heading.is-active .article-heading__byline, -html:not(.is-loading) .article-heading.is-active .article-heading__title > span, -html:not(.is-loading) .is-onscreen .article-heading .article-heading__byline, -html:not(.is-loading) - .is-onscreen - .article-heading - .article-heading__title - > span { - opacity: 1; - transform: none; -} -html:not(.is-loading) .article-heading.is-active .article-heading__title:before, -html:not(.is-loading) - .is-onscreen - .article-heading - .article-heading__title:before { - animation: lineIn 0.25s cubic-bezier(0.45, 0.85, 0.35, 0.85) 0.3s both; -} -.transitions - html:not(.is-loading) - .article-heading.is-active - .article-heading__title:before, -.transitions - html:not(.is-loading) - .is-onscreen - .article-heading - .article-heading__title:before { - animation: lineIn 0.25s cubic-bezier(0.45, 0.85, 0.35, 0.85) both; -} -.article-heading__title { - margin-bottom: 50px; -} -@media (min-width: 512px) { - .article-heading__title { - margin-bottom: 60px; - } -} -@media (min-width: 750px) { - .article-heading__title { - margin-bottom: 60px; - } -} -.article-heading__title:before { - content: ""; - position: absolute; - left: 0; - bottom: -23px; - height: 3px; - background: var(--subtext); - width: 50px; - transform-origin: left center; -} -@media (min-width: 512px) { - .article-heading__title:before { - width: 80px; - bottom: -33px; - } -} -@media (min-width: 750px) { - .article-heading__title:before { - bottom: -30px; - } -} -.article-heading__title > span { - display: block; -} -.article-heading__title > span, -.transitions .article-heading__title > span { - transition: opacity 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0.55s, - transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0.55s; -} -.article-heading--small .article-heading__title { - margin-bottom: 20px; -} -@media (min-width: 512px) { - .article-heading--small .article-heading__title { - margin-bottom: 30px; - } -} -@media (min-width: 750px) { - .article-heading--small .article-heading__title { - margin-bottom: 50px; - } -} -.article-heading--small .article-heading__title:before { - width: 30px; - bottom: -15px; -} -@media (min-width: 512px) { - .article-heading--small .article-heading__title:before { - width: 50px; - bottom: -20px; - } -} -@media (min-width: 750px) { - .article-heading--small .article-heading__title:before { - bottom: -30px; - } -} -@keyframes titleFade { - 0% { - transform: translateY(8px); - opacity: 0; - } -} -.article-heading__byline { - display: block; - color: var(--subtext); - -webkit-font-smoothing: antialiased; - font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, - Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; - font-size: 1.2rem; - text-transform: uppercase; - font-weight: 600; - letter-spacing: 0.075em; - line-height: 1.25; - margin-bottom: 10px; - transition: opacity 0.35s cubic-bezier(0.215, 0.61, 0.355, 1) 0.75s, - transform 0.35s cubic-bezier(0.215, 0.61, 0.355, 1) 0.75s; -} -@media (min-width: 512px) { - .article-heading__byline { - font-size: 1.75rem; - } -} -.no-js .article-heading__byline, -.no-js .article-heading__title:before, -.no-js .article-heading__title > span, -.reduced-motion .article-heading__byline, -.reduced-motion .article-heading__title:before, -.reduced-motion .article-heading__title > span { - opacity: 1; - transition: none; -} -.no-js .article-heading__title > span, -.reduced-motion .article-heading__title > span { - transform: none; -} -.hero { - margin-top: 130px; - position: relative; - z-index: 1; -} -.hero__title { - margin-bottom: 40px; -} -@media screen and (min-width: 513px) { - .hero__title { - text-align: center; - } -} -.hero__content { - max-width: 580px; - margin: 0 auto; -} -.hero__bg { - position: absolute; - height: 100%; - max-height: 450px; - width: 50%; - top: -45%; - left: -40%; - opacity: 0.8; - transition: transform 1.5s ease-out; - z-index: -1; -} -@media screen and (max-width: 512px) { - .hero__bg { - left: 25%; - width: 75%; - min-height: 130px; - max-height: 380px; - height: 25vw; - top: -150px; - } -} -@media screen and (min-width: 513px) and (max-width: 1000px) { - .hero__bg { - left: auto; - right: -10%; - width: 80%; - min-height: 130px; - max-height: 380px; - height: 25vw; - top: -150px; - } -} -.portrait { - margin-left: auto; - position: relative; - max-width: 320px; - z-index: 1; -} -.portrait__bg { - backface-visibility: hidden; - transition: transform 1.5s ease-out; - position: absolute; - width: 95%; - height: 95%; - top: 8%; - left: 8%; - opacity: 0.75; - z-index: 0; -} -.portrait__image { - position: relative; - display: inline-block; - max-width: 500px; - max-height: 500px; - border-radius: 100%; - overflow: hidden; - border: 10px solid var(--bg); - z-index: 1; -} -.portrait__image img { - width: 100%; - height: auto; - display: block; -} -code[class*="language-"], -pre[class*="language-"] { - color: #000; - background: none; - font-family: Consolas, Monaco, Andale Mono, Ubuntu Mono, monospace; - text-align: left; - white-space: pre; - word-spacing: normal; - word-break: normal; - word-wrap: normal; - line-height: 1.5; - -moz-tab-size: 4; - -o-tab-size: 4; - tab-size: 4; - -webkit-hyphens: none; - -moz-hyphens: none; - -ms-hyphens: none; - hyphens: none; -} -pre[class*="language-"] { - position: relative; - margin: 0.5em 0; - overflow: visible; - padding: 0; -} -pre[class*="language-"] > code { - position: relative; - border-left: 10px solid #358ccb; - box-shadow: -1px 0 0 0 #358ccb, 0 0 0 1px #dfdfdf; - background-color: #fdfdfd; - background-image: linear-gradient( - transparent 50%, - rgba(69, 142, 209, 0.04) 0 - ); - background-size: 3em 3em; - background-origin: content-box; - background-attachment: local; -} -code[class*="language"] { - max-height: inherit; - height: inherit; - padding: 0 1em; - display: block; - overflow: auto; -} -:not(pre) > code[class*="language-"], -pre[class*="language-"] { - background-color: #fdfdfd; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - margin-bottom: 1em; -} -:not(pre) > code[class*="language-"] { - position: relative; - border-radius: 0.3em; - color: #c92c2c; - border: 1px solid rgba(0, 0, 0, 0.1); - display: inline; - white-space: normal; -} -pre[class*="language-"]:after, -pre[class*="language-"]:before { - content: ""; - z-index: -2; - display: block; - position: absolute; - bottom: 0.75em; - left: 0.18em; - width: 40%; - height: 20%; - max-height: 13em; - box-shadow: 0 13px 8px #979797; - -webkit-transform: rotate(-2deg); - -moz-transform: rotate(-2deg); - -ms-transform: rotate(-2deg); - -o-transform: rotate(-2deg); - transform: rotate(-2deg); -} -:not(pre) > code[class*="language-"]:after, -pre[class*="language-"]:after { - right: 0.75em; - left: auto; - -webkit-transform: rotate(2deg); - -moz-transform: rotate(2deg); - -ms-transform: rotate(2deg); - -o-transform: rotate(2deg); - transform: rotate(2deg); -} -.token.block-comment, -.token.cdata, -.token.comment, -.token.doctype, -.token.prolog { - color: #7d8b99; -} -.token.punctuation { - color: #5f6364; -} -.token.boolean, -.token.constant, -.token.deleted, -.token.function-name, -.token.number, -.token.property, -.token.symbol, -.token.tag { - color: #c92c2c; -} -.token.attr-name, -.token.builtin, -.token.char, -.token.function, -.token.inserted, -.token.selector, -.token.string { - color: #2f9c0a; -} -.token.entity, -.token.operator, -.token.url, -.token.variable { - color: #a67f59; - background: hsla(0, 0%, 100%, 0.5); -} -.token.atrule, -.token.attr-value, -.token.class-name, -.token.keyword { - color: #1990b8; -} -.token.important, -.token.regex { - color: #e90; -} -.language-css .token.string, -.style .token.string { - color: #a67f59; - background: hsla(0, 0%, 100%, 0.5); -} -.token.important { - font-weight: 400; -} -.token.bold { - font-weight: 700; -} -.token.italic { - font-style: italic; -} -.token.entity { - cursor: help; -} -.namespace { - opacity: 0.7; -} -@media screen and (max-width: 767px) { - pre[class*="language-"]:after, - pre[class*="language-"]:before { - bottom: 14px; - box-shadow: none; - } -} -.token.cr:before, -.token.lf:before, -.token.tab:not(:empty):before { - color: #e0d7d1; -} -pre[class*="language-"].line-numbers.line-numbers { - padding-left: 0; -} -pre[class*="language-"].line-numbers.line-numbers code { - padding-left: 3.8em; -} -pre[class*="language-"].line-numbers.line-numbers .line-numbers-rows { - left: 0; -} -pre[class*="language-"][data-line] { - padding-top: 0; - padding-bottom: 0; - padding-left: 0; -} -pre[data-line] code { - position: relative; - padding-left: 4em; -} -pre .line-highlight { - margin-top: 0; -} -:not(pre) > code[class*="language-"] { - padding: 0.2em; - color: var(--line); - font-weight: 700; - letter-spacing: 0.05em; - background: transparent; - border: none; -} -::selection { - background: var(--line); - color: var(--bg); - text-shadow: none; -} -::-moz-selection { - background: var(--line); - color: #fff; - text-shadow: none; -} -pre { - margin: 40px auto; - font-size: 1.6rem; -} -pre[class*="language-"]:after, -pre[class*="language-"]:before { - content: none; -} -pre[class*="language-"] > code { - box-shadow: none; - border-left: 3px solid var(--line); - padding: 1em; -} -.no-js .loading, -.no-js .loading__mask .no-js .mask-wave { - display: none; -} -.loading { - position: fixed; - z-index: -11000; - top: 0; - left: 0; - right: 0; - bottom: 0; - overflow: hidden; -} -.loading__mask { - width: 100%; - height: 100%; - position: absolute; - background: var(--fill); - transform: translateY(-110%); - backface-visibility: hidden; -} -.loading--in .loading__mask { - transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1), - background-color 0.35s ease-out; - transform: translateY(0); -} -.loading--out .loading__mask { - transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1); - transform: translateY(110%); -} -.loading__mask .mask-wave { - width: 200%; - position: absolute; - left: 0; - white-space: nowrap; - backface-visibility: hidden; - font-size: 0; - animation: wave 2s linear infinite; -} -.loading__mask .mask-wave svg { - display: inline-block; - width: 50%; - height: auto; -} -.loading__mask .mask-wave.mask-wave--bottom { - top: 100%; -} -.loading__mask .mask-wave.mask-wave--top { - bottom: 100%; -} -.loading__mask .mask-wave.mask-wave--top svg { - transform: scaleY(-1); -} -.loading--in, -.loading--out { - z-index: 11000; -} -.loader { - position: fixed; - top: 50%; - left: 50%; - transform: translate(-50%, -50%); - opacity: 0; - transition: opacity 0.2s ease-out; -} -.loading--in .loader { - opacity: 1; - transition: opacity 0.2s ease-out 1s; -} -@keyframes fadeIn { - 0% { - opacity: 0; - } -} -@keyframes fadeInSlide { - 0% { - transform: translateY(8px); - opacity: 0; - } -} -@keyframes wave { - 0% { - transform: translateX(0); - } - to { - transform: translateX(-50%); - } -} -.reveal { - backface-visibility: hidden; - animation: fadeInSlide 0.75s ease-out 1.15s backwards; -} -.transitions .reveal { - animation: fadeInSlide 0.75s ease-out 0.8s backwards; -} -.lds-ellipsis { - display: inline-block; - position: relative; - width: 64px; - height: 64px; -} -.lds-ellipsis div { - position: absolute; - top: 27px; - width: 8px; - height: 8px; - border-radius: 50%; - background: var(--bg); - animation-timing-function: cubic-bezier(0, 1, 1, 0); -} -.lds-ellipsis div:first-child { - left: 6px; - animation: lds-ellipsis1 0.6s infinite; -} -.lds-ellipsis div:nth-child(2) { - left: 6px; - animation: lds-ellipsis2 0.6s infinite; -} -.lds-ellipsis div:nth-child(3) { - left: 26px; - animation: lds-ellipsis2 0.6s infinite; -} -.lds-ellipsis div:nth-child(4) { - left: 45px; - animation: lds-ellipsis3 0.6s infinite; -} -@keyframes lds-ellipsis1 { - 0% { - transform: scale(0); - } - to { - transform: scale(1); - } -} -@keyframes lds-ellipsis3 { - 0% { - transform: scale(1); - } - to { - transform: scale(0); - } -} -@keyframes lds-ellipsis2 { - 0% { - transform: translate(0); - } - to { - transform: translate(19px); - } -} -.menu-link { - padding-top: 10px; - position: relative; - display: inline-block; - vertical-align: middle; - z-index: 2; -} -.no-js .menu-link { - display: none; -} -.menu-link:before { - content: ""; - display: inline-block; - width: 1px; - height: 26px; - margin-right: 16px; - background: #919795; - vertical-align: middle; - animation: menuBarIn 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s backwards; -} -@keyframes logoIn { - 0% { - opacity: 0; - } - to { - opacity: 1; - } -} -@keyframes menuBarIn { - 0% { - transform: scaleY(0); - } - to { - transform: none; - } -} -@keyframes menuTextIn { - 0% { - opacity: 0; - transform: translatex(-10px); - } - to { - opacity: 1; - transform: none; - } -} -.menu-link__trigger { - vertical-align: middle; - overflow: hidden; - width: 70px; - height: 18px; - position: relative; - background: transparent; - border: none; - font-weight: 700; - font-size: 1.2rem; - line-height: 1.2rem; - letter-spacing: 4px; - text-transform: uppercase; - color: var(--text); - outline: none; - cursor: pointer; - transition: all 0.12s cubic-bezier(0.25, 0.46, 0.45, 0.94); - animation: menuTextIn 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.75s - backwards; -} -.menu-link__trigger:hover { - letter-spacing: 6px; - color: var(--text); -} -.menu-link__mask { - padding: 4px 0; - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - z-index: 2; -} -.menu-link__label { - display: inline-block; - height: 20px; - transform: translateY(-20px); - transition: transform 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.3); -} -.is-active .menu-link__label { - transform: none; -} -.no-js .main-menu__mask { - display: none; -} -.js .main-menu { - position: fixed; - top: 0; - left: 0; - width: 100vw; - height: 100vh; - overflow: hidden; - z-index: -10000; -} -.js .main-menu.is-open { - z-index: 1000; -} -.main-menu__mask { - position: fixed; - transform-origin: bottom left; - z-index: 10000; - overflow: hidden; - top: 0; - left: 0; - backface-visibility: hidden; - width: 100vw; - height: 100vh; - background: var(--fill); - transform: translateY(-100%); - transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1); -} -.is-open .main-menu__mask { - transform: none; -} -.js .main-menu__flyout { - position: fixed; - backface-visibility: hidden; - z-index: 10001; - top: 0; - left: 0; - width: 100%; - height: 100%; - padding: 100px 35px 50px; -} -@media (min-width: 512px) { - .js .main-menu__flyout { - top: 0; - left: 0; - width: 100%; - height: 100%; - padding: 150px 55px 80px 65px; - } -} -@media (min-width: 512px) and (min-height: 700px) { - .js .main-menu__flyout { - padding: 180px 55px 80px 65px; - } -} -.social-links { - position: relative; - margin: 0 0 30px; - padding-left: 100px; -} -@media (min-width: 512px) and (min-height: 700px) { - .social-links { - margin: 0 0 50px; - padding-left: 120px; - } -} -.social-links:after { - content: ""; - position: absolute; - top: 50%; - left: 0; - height: 3px; - width: 80px; - margin-top: -2px; - background-color: var(--line); -} -.is-open .social-links:after { - animation: menuLineIn 0.25s cubic-bezier(0.45, 0.85, 0.35, 0.85) both; -} -@keyframes menuLineIn { - 0% { - opacity: 0; - transform: translateX(500%) scaleX(5); - } - 1% { - opacity: 1; - } - to { - transform: none; - } -} -.social-links__item { - display: inline-block; - vertical-align: middle; - margin: 0 15px 0 0 !important; -} -@media (min-width: 512px) { - .social-links__item { - margin: 0 40px 0 0 !important; - } -} -.social-links__link { - vertical-align: middle; - display: block; - overflow: hidden; - text-indent: -999px; - width: 20px; - height: 20px; - background-size: contain; - background-repeat: no-repeat; - background-position: center 100%; - opacity: 0; -} -.is-open .social-links__link { - opacity: 1; -} -.social-links__link--tw { - background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZD0iTTI0IDQuNTU3YTkuODMgOS44MyAwIDAxLTIuODI4Ljc3NSA0LjkzMiA0LjkzMiAwIDAwMi4xNjUtMi43MjQgOS44NjQgOS44NjQgMCAwMS0zLjEyNyAxLjE5NSA0LjkxNiA0LjkxNiAwIDAwLTMuNTk0LTEuNTU1Yy0zLjE3OSAwLTUuNTE1IDIuOTY2LTQuNzk3IDYuMDQ1QTEzLjk3OCAxMy45NzggMCAwMTEuNjcxIDMuMTQ5YTQuOTMgNC45MyAwIDAwMS41MjMgNi41NzQgNC45MDMgNC45MDMgMCAwMS0yLjIyOS0uNjE2Yy0uMDU0IDIuMjgxIDEuNTgxIDQuNDE1IDMuOTQ5IDQuODlhNC45MzUgNC45MzUgMCAwMS0yLjIyNC4wODQgNC45MjggNC45MjggMCAwMDQuNiAzLjQxOUE5LjkgOS45IDAgMDEwIDE5LjU0YTEzLjk0IDEzLjk0IDAgMDA3LjU0OCAyLjIxMmM5LjE0MiAwIDE0LjMwNy03LjcyMSAxMy45OTUtMTQuNjQ2QTEwLjAyNSAxMC4wMjUgMCAwMDI0IDQuNTU3eiIvPjwvc3ZnPg==); -} -.is-open .social-links__link--tw { - transition: opacity 0.5s ease-out 0.3s; - animation: socialIn 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.575) 0.3s - backwards; -} -.social-links__link--tw:hover { - background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTI0IDQuNTU3YTkuODMgOS44MyAwIDAxLTIuODI4Ljc3NSA0LjkzMiA0LjkzMiAwIDAwMi4xNjUtMi43MjQgOS44NjQgOS44NjQgMCAwMS0zLjEyNyAxLjE5NSA0LjkxNiA0LjkxNiAwIDAwLTMuNTk0LTEuNTU1Yy0zLjE3OSAwLTUuNTE1IDIuOTY2LTQuNzk3IDYuMDQ1QTEzLjk3OCAxMy45NzggMCAwMTEuNjcxIDMuMTQ5YTQuOTMgNC45MyAwIDAwMS41MjMgNi41NzQgNC45MDMgNC45MDMgMCAwMS0yLjIyOS0uNjE2Yy0uMDU0IDIuMjgxIDEuNTgxIDQuNDE1IDMuOTQ5IDQuODlhNC45MzUgNC45MzUgMCAwMS0yLjIyNC4wODQgNC45MjggNC45MjggMCAwMDQuNiAzLjQxOUE5LjkgOS45IDAgMDEwIDE5LjU0YTEzLjk0IDEzLjk0IDAgMDA3LjU0OCAyLjIxMmM5LjE0MiAwIDE0LjMwNy03LjcyMSAxMy45OTUtMTQuNjQ2QTEwLjAyNSAxMC4wMjUgMCAwMDI0IDQuNTU3eiIvPjwvc3ZnPg==); -} -.social-links__link--in { - background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZD0iTTEyIDIuMTYzYzMuMjA0IDAgMy41ODQuMDEyIDQuODUuMDcgMy4yNTIuMTQ4IDQuNzcxIDEuNjkxIDQuOTE5IDQuOTE5LjA1OCAxLjI2NS4wNjkgMS42NDUuMDY5IDQuODQ5IDAgMy4yMDUtLjAxMiAzLjU4NC0uMDY5IDQuODQ5LS4xNDkgMy4yMjUtMS42NjQgNC43NzEtNC45MTkgNC45MTktMS4yNjYuMDU4LTEuNjQ0LjA3LTQuODUuMDctMy4yMDQgMC0zLjU4NC0uMDEyLTQuODQ5LS4wNy0zLjI2LS4xNDktNC43NzEtMS42OTktNC45MTktNC45Mi0uMDU4LTEuMjY1LS4wNy0xLjY0NC0uMDctNC44NDkgMC0zLjIwNC4wMTMtMy41ODMuMDctNC44NDkuMTQ5LTMuMjI3IDEuNjY0LTQuNzcxIDQuOTE5LTQuOTE5IDEuMjY2LS4wNTcgMS42NDUtLjA2OSA0Ljg0OS0uMDY5ek0xMiAwQzguNzQxIDAgOC4zMzMuMDE0IDcuMDUzLjA3MiAyLjY5NS4yNzIuMjczIDIuNjkuMDczIDcuMDUyLjAxNCA4LjMzMyAwIDguNzQxIDAgMTJjMCAzLjI1OS4wMTQgMy42NjguMDcyIDQuOTQ4LjIgNC4zNTggMi42MTggNi43OCA2Ljk4IDYuOThDOC4zMzMgMjMuOTg2IDguNzQxIDI0IDEyIDI0YzMuMjU5IDAgMy42NjgtLjAxNCA0Ljk0OC0uMDcyIDQuMzU0LS4yIDYuNzgyLTIuNjE4IDYuOTc5LTYuOTguMDU5LTEuMjguMDczLTEuNjg5LjA3My00Ljk0OCAwLTMuMjU5LS4wMTQtMy42NjctLjA3Mi00Ljk0Ny0uMTk2LTQuMzU0LTIuNjE3LTYuNzgtNi45NzktNi45OEMxNS42NjguMDE0IDE1LjI1OSAwIDEyIDB6bTAgNS44MzhhNi4xNjIgNi4xNjIgMCAxMDAgMTIuMzI0IDYuMTYyIDYuMTYyIDAgMDAwLTEyLjMyNHpNMTIgMTZhNCA0IDAgMTEwLTggNCA0IDAgMDEwIDh6bTYuNDA2LTExLjg0NWExLjQ0IDEuNDQgMCAxMDAgMi44ODEgMS40NCAxLjQ0IDAgMDAwLTIuODgxeiIvPjwvc3ZnPg==); -} -.is-open .social-links__link--in { - transition: opacity 0.5s ease-out 0.35s; - animation: socialIn 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.575) 0.35s - backwards; -} -.social-links__link--in:hover { - background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTEyIDIuMTYzYzMuMjA0IDAgMy41ODQuMDEyIDQuODUuMDcgMy4yNTIuMTQ4IDQuNzcxIDEuNjkxIDQuOTE5IDQuOTE5LjA1OCAxLjI2NS4wNjkgMS42NDUuMDY5IDQuODQ5IDAgMy4yMDUtLjAxMiAzLjU4NC0uMDY5IDQuODQ5LS4xNDkgMy4yMjUtMS42NjQgNC43NzEtNC45MTkgNC45MTktMS4yNjYuMDU4LTEuNjQ0LjA3LTQuODUuMDctMy4yMDQgMC0zLjU4NC0uMDEyLTQuODQ5LS4wNy0zLjI2LS4xNDktNC43NzEtMS42OTktNC45MTktNC45Mi0uMDU4LTEuMjY1LS4wNy0xLjY0NC0uMDctNC44NDkgMC0zLjIwNC4wMTMtMy41ODMuMDctNC44NDkuMTQ5LTMuMjI3IDEuNjY0LTQuNzcxIDQuOTE5LTQuOTE5IDEuMjY2LS4wNTcgMS42NDUtLjA2OSA0Ljg0OS0uMDY5ek0xMiAwQzguNzQxIDAgOC4zMzMuMDE0IDcuMDUzLjA3MiAyLjY5NS4yNzIuMjczIDIuNjkuMDczIDcuMDUyLjAxNCA4LjMzMyAwIDguNzQxIDAgMTJjMCAzLjI1OS4wMTQgMy42NjguMDcyIDQuOTQ4LjIgNC4zNTggMi42MTggNi43OCA2Ljk4IDYuOThDOC4zMzMgMjMuOTg2IDguNzQxIDI0IDEyIDI0YzMuMjU5IDAgMy42NjgtLjAxNCA0Ljk0OC0uMDcyIDQuMzU0LS4yIDYuNzgyLTIuNjE4IDYuOTc5LTYuOTguMDU5LTEuMjguMDczLTEuNjg5LjA3My00Ljk0OCAwLTMuMjU5LS4wMTQtMy42NjctLjA3Mi00Ljk0Ny0uMTk2LTQuMzU0LTIuNjE3LTYuNzgtNi45NzktNi45OEMxNS42NjguMDE0IDE1LjI1OSAwIDEyIDB6bTAgNS44MzhhNi4xNjIgNi4xNjIgMCAxMDAgMTIuMzI0IDYuMTYyIDYuMTYyIDAgMDAwLTEyLjMyNHpNMTIgMTZhNCA0IDAgMTEwLTggNCA0IDAgMDEwIDh6bTYuNDA2LTExLjg0NWExLjQ0IDEuNDQgMCAxMDAgMi44ODEgMS40NCAxLjQ0IDAgMDAwLTIuODgxeiIvPjwvc3ZnPg==); -} -.social-links__link--gh { - background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZD0iTTEyIDBDNS4zNzQgMCAwIDUuMzczIDAgMTJjMCA1LjMwMiAzLjQzOCA5LjggOC4yMDcgMTEuMzg3LjU5OS4xMTEuNzkzLS4yNjEuNzkzLS41Nzd2LTIuMjM0Yy0zLjMzOC43MjYtNC4wMzMtMS40MTYtNC4wMzMtMS40MTYtLjU0Ni0xLjM4Ny0xLjMzMy0xLjc1Ni0xLjMzMy0xLjc1Ni0xLjA4OS0uNzQ1LjA4My0uNzI5LjA4My0uNzI5IDEuMjA1LjA4NCAxLjgzOSAxLjIzNyAxLjgzOSAxLjIzNyAxLjA3IDEuODM0IDIuODA3IDEuMzA0IDMuNDkyLjk5Ny4xMDctLjc3NS40MTgtMS4zMDUuNzYyLTEuNjA0LTIuNjY1LS4zMDUtNS40NjctMS4zMzQtNS40NjctNS45MzEgMC0xLjMxMS40NjktMi4zODEgMS4yMzYtMy4yMjEtLjEyNC0uMzAzLS41MzUtMS41MjQuMTE3LTMuMTc2IDAgMCAxLjAwOC0uMzIyIDMuMzAxIDEuMjNBMTEuNTA5IDExLjUwOSAwIDAxMTIgNS44MDNjMS4wMi4wMDUgMi4wNDcuMTM4IDMuMDA2LjQwNCAyLjI5MS0xLjU1MiAzLjI5Ny0xLjIzIDMuMjk3LTEuMjMuNjUzIDEuNjUzLjI0MiAyLjg3NC4xMTggMy4xNzYuNzcuODQgMS4yMzUgMS45MTEgMS4yMzUgMy4yMjEgMCA0LjYwOS0yLjgwNyA1LjYyNC01LjQ3OSA1LjkyMS40My4zNzIuODIzIDEuMTAyLjgyMyAyLjIyMnYzLjI5M2MwIC4zMTkuMTkyLjY5NC44MDEuNTc2QzIwLjU2NiAyMS43OTcgMjQgMTcuMyAyNCAxMmMwLTYuNjI3LTUuMzczLTEyLTEyLTEyeiIvPjwvc3ZnPg==); -} -.is-open .social-links__link--gh { - transition: opacity 0.5s ease-out 0.4s; - animation: socialIn 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.575) 0.4s - backwards; -} -.social-links__link--gh:hover { - background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTEyIDBDNS4zNzQgMCAwIDUuMzczIDAgMTJjMCA1LjMwMiAzLjQzOCA5LjggOC4yMDcgMTEuMzg3LjU5OS4xMTEuNzkzLS4yNjEuNzkzLS41Nzd2LTIuMjM0Yy0zLjMzOC43MjYtNC4wMzMtMS40MTYtNC4wMzMtMS40MTYtLjU0Ni0xLjM4Ny0xLjMzMy0xLjc1Ni0xLjMzMy0xLjc1Ni0xLjA4OS0uNzQ1LjA4My0uNzI5LjA4My0uNzI5IDEuMjA1LjA4NCAxLjgzOSAxLjIzNyAxLjgzOSAxLjIzNyAxLjA3IDEuODM0IDIuODA3IDEuMzA0IDMuNDkyLjk5Ny4xMDctLjc3NS40MTgtMS4zMDUuNzYyLTEuNjA0LTIuNjY1LS4zMDUtNS40NjctMS4zMzQtNS40NjctNS45MzEgMC0xLjMxMS40NjktMi4zODEgMS4yMzYtMy4yMjEtLjEyNC0uMzAzLS41MzUtMS41MjQuMTE3LTMuMTc2IDAgMCAxLjAwOC0uMzIyIDMuMzAxIDEuMjNBMTEuNTA5IDExLjUwOSAwIDAxMTIgNS44MDNjMS4wMi4wMDUgMi4wNDcuMTM4IDMuMDA2LjQwNCAyLjI5MS0xLjU1MiAzLjI5Ny0xLjIzIDMuMjk3LTEuMjMuNjUzIDEuNjUzLjI0MiAyLjg3NC4xMTggMy4xNzYuNzcuODQgMS4yMzUgMS45MTEgMS4yMzUgMy4yMjEgMCA0LjYwOS0yLjgwNyA1LjYyNC01LjQ3OSA1LjkyMS40My4zNzIuODIzIDEuMTAyLjgyMyAyLjIyMnYzLjI5M2MwIC4zMTkuMTkyLjY5NC44MDEuNTc2QzIwLjU2NiAyMS43OTcgMjQgMTcuMyAyNCAxMmMwLTYuNjI3LTUuMzczLTEyLTEyLTEyeiIvPjwvc3ZnPg==); -} -.social-links__link--li { - margin-top: -4px; - background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZD0iTTQuOTggMy41QzQuOTggNC44ODEgMy44NyA2IDIuNSA2Uy4wMiA0Ljg4MS4wMiAzLjVDLjAyIDIuMTIgMS4xMyAxIDIuNSAxczIuNDggMS4xMiAyLjQ4IDIuNXpNNSA4SDB2MTZoNVY4em03Ljk4MiAwSDguMDE0djE2aDQuOTY5di04LjM5OWMwLTQuNjcgNi4wMjktNS4wNTIgNi4wMjkgMFYyNEgyNFYxMy44NjljMC03Ljg4LTguOTIyLTcuNTkzLTExLjAxOC0zLjcxNFY4eiIvPjwvc3ZnPg==); -} -.is-open .social-links__link--li { - transition: opacity 0.5s ease-out 0.45s; - animation: socialIn 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.5) 0.45s backwards; -} -.social-links__link--li:hover { - background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTQuOTggMy41QzQuOTggNC44ODEgMy44NyA2IDIuNSA2Uy4wMiA0Ljg4MS4wMiAzLjVDLjAyIDIuMTIgMS4xMyAxIDIuNSAxczIuNDggMS4xMiAyLjQ4IDIuNXpNNSA4SDB2MTZoNVY4em03Ljk4MiAwSDguMDE0djE2aDQuOTY5di04LjM5OWMwLTQuNjcgNi4wMjktNS4wNTIgNi4wMjkgMFYyNEgyNFYxMy44NjljMC03Ljg4LTguOTIyLTcuNTkzLTExLjAxOC0zLjcxNFY4eiIvPjwvc3ZnPg==); -} -.social-links__link--email { - background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZD0iTTEyIDEyLjcxM0wuMDE1IDNoMjMuOTcxTDEyIDEyLjcxM3ptLTUuNDI1LTEuODIyTDAgNS41NjJ2MTIuNTAxbDYuNTc1LTcuMTcyem0xMC44NSAwTDI0IDE4LjA2M1Y1LjU2MmwtNi41NzUgNS4zMjl6bS0xLjU1NyAxLjI2MUwxMiAxNS4yODdsLTMuODY4LTMuMTM1TC4wMjIgMjFoMjMuOTU2bC04LjExLTguODQ4eiIvPjwvc3ZnPg==); -} -.is-open .social-links__link--email { - transition: opacity 0.5s ease-out 0.5s; - animation: socialIn 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.75) 0.5s backwards; -} -.social-links__link--email:hover { - background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTEyIDEyLjcxM0wuMDE1IDNoMjMuOTcxTDEyIDEyLjcxM3ptLTUuNDI1LTEuODIyTDAgNS41NjJ2MTIuNTAxbDYuNTc1LTcuMTcyem0xMC44NSAwTDI0IDE4LjA2M1Y1LjU2MmwtNi41NzUgNS4zMjl6bS0xLjU1NyAxLjI2MUwxMiAxNS4yODdsLTMuODY4LTMuMTM1TC4wMjIgMjFoMjMuOTU2bC04LjExLTguODQ4eiIvPjwvc3ZnPg==); -} -.primary-links__link { - color: var(--text); - display: inline-block; - font-weight: 700; - letter-spacing: -0.01em; - text-decoration: none; - transition: color ease-out-quad 0.2s; - font-size: 4rem; - line-height: 5.2rem; - width: 200px; -} -.primary-links__link:hover { - color: var(--bg); -} -@media (min-width: 512px) and (min-height: 700px) { - .primary-links__link { - width: 360px; - font-size: 6rem; - line-height: 1.25; - } -} -.primary-links__item { - opacity: 0; - transform: translateY(-5px); -} -.is-open .primary-links__item { - opacity: 1; - transform: none; - transition: 0.7s ease-out; -} -.is-open .primary-links__item:first-child { - transition-delay: 0.75s; -} -.is-open .primary-links__item:nth-child(2) { - transition-delay: 1s; -} -.is-open .primary-links__item:nth-child(3) { - transition-delay: 1.25s; -} -.is-open .primary-links__item:nth-child(4) { - transition-delay: 1.5s; -} -.primary-links__summary { - -webkit-font-smoothing: antialiased; - font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, - Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; - margin: 30px auto; - font-size: 1.8rem; - line-height: 1.45; - font-weight: 400; - color: var(--text); -} -@media (max-height: 700px) { - .primary-links__summary { - font-size: 1.6rem; - line-height: 1.25; - } -} -@media screen and (max-width: 1000px) { - .primary-links__summary { - display: none; - } -} -.main-menu__inr, -.main-menu__links { - display: flex; - flex-direction: column; - height: 100%; -} -.main-menu__links { - justify-content: space-between; - max-height: 300px; -} -@media (min-height: 700px) { - .main-menu__links { - max-height: 460px; - } -} -@keyframes socialIn { - 0% { - transform: translateX(15px); - } -} -.no-js .main-menu__flyout { - position: fixed; - z-index: 100000; - top: 70px; - left: 180px; -} -.no-js .main-menu__flyout:before { - content: ""; - display: inline-block; - width: 1px; - height: 26px; - margin-right: 16px; - background: #919795; - vertical-align: middle; - animation: menuBarIn 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s backwards; -} -.no-js .main-menu__inr { - white-space: nowrap; - display: inline-block; - vertical-align: middle; -} -.no-js .social-links { - display: none; -} -.no-js .main-menu__links { - position: absolute; - display: block; - height: auto; -} -.no-js .primary-links__item { - opacity: 1; - display: inline-block; - vertical-align: middle; - margin: 0 15px; - transform: none; -} -.no-js .primary-links__summary { - display: none; -} -.no-js .primary-links__link { - font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, - Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; - font-weight: 700; - font-size: 1.2rem; - line-height: 1.2rem; - letter-spacing: 4px; - text-transform: uppercase; - color: var(--text); - outline: none; - cursor: pointer; - width: auto; -} -.duotone { - display: block; - position: relative; - backface-visibility: hidden; - filter: url(#duotone_filter); -} -.article__content { - position: relative; - background: var(--bg); -} -.js .reveal-content { - opacity: 0; - transform: translateY(5px); - transition: opacity 0.75s ease-out 0.85s, transform 0.75s ease-out 0.85s; -} -html.js.reduced-motion .reveal-content, -html:not(.is-loading).js .is-onscreen .reveal-content { - opacity: 1; - transform: none; -} -.panels--reversed .circle__bg { - right: auto; - left: -50px; -} -[data-drift], -[data-prlx] { - backface-visibility: hidden; -} -[data-drift] { - transition: transform 1.5s ease-out; -} -.panels { - margin: 50px auto; - display: flex; - flex-direction: column-reverse; - justify-content: space-between; -} -.panels .circle__bg, -.panels.panels--reversed .circle__bg { - right: auto; - left: 6%; -} -@media screen and (max-width: 1000px) { - .panels .panels__main { - max-width: 580px; - margin-left: auto; - margin-right: auto; - } - .panels .circle { - width: 85%; - } -} -@media screen and (max-width: 512px) { - .panels .svg-stroke, - .panels .svg-stroke-thin { - stroke-width: 0.5vw; - } -} -.panels__side { - margin-bottom: 50px; -} -@media screen and (min-width: 1001px) { - .panels { - margin: 250px auto; - flex-direction: row; - justify-content: space-between; - } - .panels .circle__bg { - right: -10%; - left: auto; - } - .panels__main { - width: 50%; - } - .panels__side { - width: 50%; - margin-bottom: 0; - position: relative; - } - .panels--centred { - align-items: center; - } - .panels.panels--reversed { - flex-direction: row-reverse; - } - .panels.panels--reversed .circle__bg { - right: auto; - left: -10%; - } -} -.project-promo__item { - position: relative; -} -.project__header { - width: 100%; -} -.project__header .illustration { - position: relative; -} -@media screen and (min-width: 651px) { - .project-promo { - margin: 120px auto; - } - .project-promo__item { - display: flex; - padding-bottom: 30px; - } - .project-promo__item + .project-promo__item { - margin-top: 50px; - } - .project-promo__item:not(:last-child):after { - content: ""; - position: absolute; - left: 0; - right: 0; - bottom: -1px; - height: 1px; - border: none; - background: var(--text); - opacity: 0.275; - } - .project__details { - width: 60%; - margin-right: 0; - margin-left: auto; - } - .project__header { - width: 40%; - margin-right: 20px; - } - .project__header .illustration { - max-width: 400px; - position: relative; - margin: -20px auto 0; - } -} -@media screen and (min-width: 650px) and (max-width: 900px) { - .project__header { - display: none; - } - .project__details { - width: 100%; - } -} -.dot-header { - position: relative; - width: 100%; -} -.dot-header__content { - margin-left: 0; -} -@media screen and (min-width: 1001px) { - .dot-header__content { - max-width: 50%; - } -} -.dot-header__dots .dots { - height: 100%; - width: 100%; -} -@media screen and (min-width: 1001px) { - .dot-header__dots { - width: 40%; - height: 100%; - position: absolute; - right: -5%; - top: 0; - } -} -.reveal-img { - display: block; - position: relative; - overflow: hidden; - max-width: 100%; - height: 0; - padding-top: 56.25%; -} -.article__content .reveal-img { - margin: 40px auto; -} -.reveal-img img { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - object-fit: cover; - opacity: 0; - transform: scale(1.1); - transition: transform 2s cubic-bezier(0.075, 0.82, 0.165, 1) 0.125s; -} -.no-js .reveal-img img, -.reveal-img.is-active img { - opacity: 1; - transform: none; -} -.reveal-img:after { - content: ""; - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - background: var(--fill); - transition: transform 0.4s cubic-bezier(0.45, 0.85, 0.35, 0.85); - backface-visibility: hidden; - will-change: transform; - transform: translateY(101%); -} -.reveal-img.is-active:after { - transform: translateY(-101%); - transition-delay: 0.2s; -} -.reveal-img.is-ready:after { - transform: translateY(0); -} -.photo-grid { - margin: 100px 0 50px; - overflow: hidden; -} -.photo-grid__content img { - max-width: 100%; - height: auto; -} -@media screen and (max-width: 762px) { - .photo-grid__content .col[style] { - transform: none !important; - } -} -@media screen and (min-width: 763px) { - .photo-grid__content { - display: flex; - justify-content: space-between; - margin: 0 -25px; - } - .photo-grid__content .col { - width: 50%; - padding: 0 25px; - } - .photo-grid__content .col:last-child { - margin-top: -50px; - } -} -.photo-grid__footer { - text-align: center; -} -.photo { - max-width: 100%; - position: relative; - margin-bottom: 25px; -} -@media screen and (min-width: 763px) { - .photo { - margin-bottom: 50px; - } -} -.photo__img { - display: block; -} -.photo__duo { - position: absolute; - display: none; - top: 0; - left: 0; - width: 100%; - height: 100%; - transition: opacity 0.2s ease-out; - backface-visibility: hidden; -} -.photo__duo:hover { - opacity: 0; -} -@keyframes scrollBob { - 0%, - 10% { - transform: none; - opacity: 1; - color: #919795; - } - 1%, - 8% { - transform: translateY(-2px); - color: var(--fill); - } - 4% { - transform: translateY(3px); - opacity: 1; - color: #919795; - } -} -.page-header { - position: relative; -} -.page-header:after { - content: ""; - transform-origin: bottom center; - position: absolute; - width: 1px; - height: 25vh; - left: 220px; - top: 100%; - background: var(--text); - opacity: 0.45; -} -.page-header__inr { - min-height: 100vh; - display: flex; - align-items: center; - overflow: hidden; - margin-bottom: 33.33vh; -} -@media screen and (max-width: 513px) { - .page-header__inr { - align-items: flex-start; - margin-top: 100px; - } -} -.page-header__content { - position: relative; - width: 100%; - min-height: 25vh; - margin-bottom: 100px; -} -.page-header__content:after { - content: ""; - transform-origin: bottom center; - position: absolute; - width: 1px; - height: 50vh; - left: 220px; - top: calc(100% + 140px); - background: var(--text); - opacity: 0.45; - animation: vLineIn 1s ease-in-out 1.5s backwards; -} -@media screen and (max-width: 512px) { - .page-header__content:after { - top: calc(100% + 80px); - } -} -.is-loading .page-header__content:after { - animation-play-state: paused; -} -.page-header__lede { - max-width: 900px; -} -.page-header__scroll { - position: absolute; - bottom: -120px; - left: 220px; - transform: translateX(-50%); - font-size: 1.2rem; - color: #919795; - font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, - Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; - text-transform: uppercase; -} -.page-header__scroll > span { - animation: reveal 1s ease-out 1.5s backwards; -} -.is-loading .page-header__scroll > span { - animation-play-state: paused; -} -.page-header__scroll > span span { - margin: 0 1px; - display: inline-block; - animation: scrollBob 8s ease-in-out infinite; -} -.is-loading .page-header__scroll > span span { - animation-play-state: paused; -} -.page-header__scroll > span span:first-child { - animation-delay: 3.0725s; -} -.page-header__scroll > span span:nth-child(2) { - animation-delay: 3.145s; -} -.page-header__scroll > span span:nth-child(3) { - animation-delay: 3.2175s; -} -.page-header__scroll > span span:nth-child(4) { - animation-delay: 3.29s; -} -.page-header__scroll > span span:nth-child(5) { - animation-delay: 3.3625s; -} -.page-header__scroll > span span:nth-child(6) { - animation-delay: 3.435s; -} -.page-header__scroll > span span:nth-child(7) { - animation-delay: 3.5075s; -} -.page-header__scroll > span span:nth-child(8) { - animation-delay: 3.58s; -} -.page-header__scroll > span span:nth-child(9) { - animation-delay: 3.6525s; -} -@media screen and (max-width: 512px) { - .page-header__scroll { - bottom: -60px; - } -} -@media screen and (max-width: 1000px) { - .page-header:after, - .page-header__content:after, - .page-header__scroll { - left: 50%; - } -} -@media screen and (max-width: 1000px) { - .page-header--masthead:after { - height: 50vh; - } - .page-header--masthead .page-header__inr { - min-height: auto; - margin-bottom: 60vh; - } -} -@media screen and (max-width: 1000px) and (max-width: 513px) { - .page-header--masthead .page-header__inr { - align-items: center; - margin-top: 0; - } -} -@media screen and (max-width: 1000px) { - .page-header--masthead .page-header__scroll { - bottom: 20px; - } -} -@media screen and (max-width: 512px) { - .page-header--masthead .page-header__content { - text-align: center; - } - .page-header--masthead .page-header__content br { - display: none; - } -} -@media screen and (max-width: 1000px) { - .page-header--masthead .page-header__content { - min-height: auto; - margin-bottom: 0; - transform: none !important; - text-align: center; - padding: 10px 0 50px; - } -} -@media screen and (min-width: 1201px) { - .page-header--masthead .page-header__content { - max-width: 600px; - } -} -.page-header--masthead .page-header__lede, -.page-header--masthead .page-header__title { - animation: reveal 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s backwards; -} -.is-loading .page-header--masthead .page-header__lede, -.is-loading .page-header--masthead .page-header__title { - animation-play-state: paused; -} -.page-header--masthead .page-header__lede { - animation-delay: 0.75s; - font-size: 2rem; - max-width: 500px; - margin-top: 30px; -} -@media screen and (max-width: 512px) { - .page-header--masthead .page-header__lede { - display: none; - } -} -@media screen and (min-width: 1201px) { - .page-header--masthead .page-header__lede { - font-size: 2.4rem; - } -} -.page-header--masthead .page-header__title { - font-size: 3.8rem; -} -@media screen and (min-width: 513px) and (max-width: 1000px) { - .page-header--masthead .page-header__title { - font-size: 5rem; - } -} -@media screen and (min-width: 1001px) and (max-width: 1200px) { - .page-header--masthead .page-header__title { - font-size: 6rem; - } -} -@media screen and (min-width: 1201px) { - .page-header--masthead .page-header__title { - font-size: 8rem; - } -} -@keyframes reveal { - 0% { - opacity: 0; - transform: translateY(8px); - } -} -@keyframes vLineIn { - 0% { - transform: scaleY(0); - } -} -@media screen and (min-width: 1001px) and (max-height: 600px) { - .page-header__inr { - min-height: 600px; - height: 600px; - } -} -.circle { - max-width: 400px; - margin: 0 auto; -} -.circle__inr { - position: relative; - width: 100%; - margin-left: auto; - margin-right: auto; - padding-top: 100%; - animation: bakedAvatar 1.125s cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s - backwards; - animation-play-state: paused; -} -.circle__inr svg { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; -} -.circle__inr.is-active, -.circle__inr.is-active .circle__bg:after, -.no-js .circle__inr, -.no-js .circle__inr .circle__bg:after { - animation-play-state: running; -} -.circle__bg { - top: 5%; - width: 88%; - height: 88%; - transition: all 1.5s ease-out; - background-repeat: no-repeat; -} -.circle__bg, -.circle__bg:after { - position: absolute; - border-radius: 100%; -} -.circle__bg:after { - content: ""; - background: inherit; - background-repeat: repeat; - top: 0; - left: 0; - width: 100%; - height: 100%; - animation: circleIn 0.5s cubic-bezier(1, 1.6, 0, 1.66) backwards; - animation-play-state: paused; -} -@keyframes circleIn { - 0% { - transform: scale(0); - opacity: 1; - } - to { - transform: scale(1); - opacity: 1; - } -} -.iconwrap, -.illustration__layer { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; -} -.code { - overflow: hidden; - width: 21%; - height: 14%; - top: 57%; - left: 19%; -} -.code, -.code__inr { - position: absolute; -} -.code__inr { - height: 200vh; - width: 100%; - top: 0; - left: 0; - background-size: 100% auto; - background-repeat: repeat-y; -} -.pointer { - backface-visibility: hidden; - position: absolute; - height: 27%; - width: 46%; - top: 53%; - left: 11.5%; - transition: transform 0.125s ease-out; -} -.pointer svg polygon { - stroke: var(--line); - fill: var(--line); -} -@keyframes bob { - 0% { - transform: translateY(-2.5%); - } -} -@keyframes bob2 { - to { - transform: translateY(-2.5%); - } -} -.iconwrap--a { - animation: bob 4s ease-in-out infinite alternate; -} -.iconwrap--b { - animation: bob2 5s ease-in-out infinite alternate; -} -.author { - position: relative; - margin: 50px auto; - padding-top: 50px; -} -.author:after { - content: ""; - position: absolute; - top: 0; - height: 1px; - width: 100%; - left: 0; - background: var(--text); - opacity: 0.275; -} -@media screen and (min-width: 680px) { - .author { - margin: 100px auto 150px; - padding-top: 100px; - } -} -.author__inr { - max-width: 740px; - margin-left: auto; - margin-right: auto; - text-align: center; -} -@media screen and (min-width: 680px) { - .author__inr { - display: flex; - align-items: center; - text-align: left; - } -} -.author__bio { - max-width: 400px; -} -@media screen and (min-width: 680px) { - .author__bio { - max-width: none; - width: 66.6666%; - } -} -.author__portrait { - max-width: 200px; - width: 100%; - margin: 0 auto 30px; -} -@media screen and (min-width: 680px) { - .author__portrait { - margin: 0; - max-width: none; - padding-right: 50px; - width: 33.3333%; - } -} -.author__cta { - margin: 0 auto; -} diff --git a/assets/img/.DS_Store b/assets/img/.DS_Store new file mode 100644 index 0000000..73be7fc Binary files /dev/null and b/assets/img/.DS_Store differ diff --git a/assets/img/Aditya.jpeg b/assets/img/Aditya.jpeg new file mode 100644 index 0000000..77b37ef Binary files /dev/null and b/assets/img/Aditya.jpeg differ diff --git a/assets/img/Aditya.png b/assets/img/Aditya.png new file mode 100644 index 0000000..e092693 Binary files /dev/null and b/assets/img/Aditya.png differ diff --git a/assets/img/apple-touch-icon.png b/assets/img/apple-touch-icon.png deleted file mode 100644 index 629efb5..0000000 Binary files a/assets/img/apple-touch-icon.png and /dev/null differ diff --git a/assets/img/card.png b/assets/img/card.png deleted file mode 100644 index a2823bc..0000000 Binary files a/assets/img/card.png and /dev/null differ diff --git a/assets/img/favicon-16x16.png b/assets/img/favicon-16x16.png deleted file mode 100644 index 92b1389..0000000 Binary files a/assets/img/favicon-16x16.png and /dev/null differ diff --git a/assets/img/favicon-32x32.png b/assets/img/favicon-32x32.png deleted file mode 100644 index a35ceb1..0000000 Binary files a/assets/img/favicon-32x32.png and /dev/null differ diff --git a/assets/img/favicon.ico b/assets/img/favicon.ico deleted file mode 100644 index 8968ac4..0000000 Binary files a/assets/img/favicon.ico and /dev/null differ diff --git a/assets/js/main.js b/assets/js/main.js deleted file mode 100644 index 082e0fe..0000000 --- a/assets/js/main.js +++ /dev/null @@ -1 +0,0 @@ -!function(){"use strict";const t="undefined"==typeof window;function e(t,e){let n=0;return function(...r){const i=(new Date).getTime();if(!(i-nt+e,0)/t.length)}const r=new class{constructor(){t||(this.lastX=0,this.lastY=0,this.lastWidth=window.innerWidth,this.lastHeight=window.innerHeight,this.lastMouseX=0,this.lastMouseY=0,this.lastWindowX=window.screenX,this.lastWindowY=window.screenY,this.lastAlpha=0,this.lastBeta=0,this.lastGamma=0,this.currAlpha=0,this.currBeta=0,this.currGamma=0,this.scrollHeight=document.body.scrollHeight,this.scrollChange=!1,this.sizeChange=!1,this.mouseChange=!1,this.positionChange=!1,this.orientationChange=!1,this.devicePixelRatioChange=!1,this.currX=0,this.currY=0,this.currWidth=window.innerWidth,this.currHeight=window.innerHeight,this.currMouseX=0,this.currMouseY=0,this.currWindowX=0,this.currDevicePixelRatio=this.lastDevicePixelRatio=Math.max(window.devicePixelRatio||1,1),this.mouseXVelocity=[],this.mouseYVelocity=[],this.lastMouseXVelocity=0,this.lastMouseYVelocity=0,this.windowXVelocity=[],this.windowYVelocity=[],this.lastWindowXVelocity=0,this.lastWindowYVelocity=0,this.updating=!1,this.callbacks=[],this.update=this.update.bind(this),this.handleResize=this.handleResize.bind(this),this.handleMouse=this.handleMouse.bind(this),this.handleOrientation=this.handleOrientation.bind(this),this.recalibrateOrientation=this.recalibrateOrientation.bind(this),this.formatData=this.formatData.bind(this),this.watch=this.watch.bind(this),this.unwatch=this.unwatch.bind(this),this.handleResize=e(110,this.handleResize),this.handleMouse=e(75,this.handleMouse),window.addEventListener("resize",this.handleResize),window.addEventListener("mousemove",this.handleMouse),window.addEventListener("deviceorientation",this.handleOrientation),requestAnimationFrame(this.update))}handleResize(t){this.currWidth=window.innerWidth,this.currHeight=window.innerHeight}handleMouse(t){this.currMouseX=t.clientX,this.currMouseY=t.clientY}handleOrientation(t){this.initialAlpha||(this.initialAlpha=t.alpha),this.initialBeta||(this.initialBeta=t.beta),this.initialGamma||(this.initialGamma=t.gamma),this.currAlpha=t.alpha,this.currBeta=t.beta,this.currGamma=t.gamma}recalibrateOrientation(){const t={prev:{alpha:this.initialAlpha,beta:this.initialBeta,gamma:this.initialGamma}};return this.initialAlpha=this.lastAlpha,this.initialBeta=this.lastBeta,this.initialGamma=this.lastGamma,t.current={alpha:this.initialAlpha,beta:this.initialBeta,gamma:this.initialGamma},t}formatData(){return{scroll:{changed:this.scrollChange,left:Math.floor(this.lastX),right:Math.floor(this.lastX+this.lastWidth),top:Math.floor(this.lastY),bottom:Math.floor(this.lastY+this.lastHeight),velocity:{x:Math.floor(this.scrollXVelocity)||0,y:Math.floor(this.scrollYVelocity)||0}},size:{changed:this.sizeChange,x:Math.floor(this.lastWidth),y:Math.floor(this.lastHeight),docY:Math.floor(this.scrollHeight)},mouse:{changed:this.mouseChange,x:Math.floor(this.lastMouseX),y:Math.floor(this.lastMouseY),velocity:{x:Math.floor(this.lastMouseXVelocity)||0,y:Math.floor(this.lastMouseYVelocity)||0}},position:{changed:this.positionChange,left:Math.floor(this.lastWindowX),right:Math.floor(this.lastWindowX+this.lastWidth),top:Math.floor(this.lastWindowY),bottom:Math.floor(this.lastWindowY+this.lastHeight),velocity:{x:Math.floor(this.lastWindowXVelocity)||0,y:Math.floor(this.lastWindowYVelocity)||0}},orientation:{changed:this.orientationChange,alpha:Math.floor(this.lastAlpha-this.initialAlpha)||0,beta:Math.floor(this.lastBeta-this.initialBeta)||0,gamma:Math.floor(this.lastGamma-this.initialGamma)||0},devicePixelRatio:{changed:this.devicePixelRatioChange,ratio:this.currDevicePixelRatio}}}update(){const{currWidth:t,currHeight:e,currMouseX:r,currMouseY:i,currAlpha:o,currBeta:a,currGamma:s,currDevicePixelRatio:c}=this;if(this.updating)return!1;this.scrollChange=this.sizeChange=this.mouseChange=this.positionChange=this.orientationChange=this.devicePixelRatioChange=!1,this.windowXVelocity.length>5&&this.windowXVelocity.shift(),this.windowXVelocity.push(window.screenX-this.lastWindowX),n(this.windowXVelocity)!=this.lastWindowXVelocity&&(this.lastWindowXVelocity=n(this.windowXVelocity),this.positionChange=!0),window.screenX!=this.lastWindowX&&(this.positionChange=!0,this.lastWindowX=window.screenX),this.windowYVelocity.length>5&&this.windowYVelocity.shift(),this.windowYVelocity.push(window.screenY-this.lastWindowY),n(this.windowYVelocity)!=this.lastWindowYVelocity&&(this.lastWindowYVelocity=n(this.windowYVelocity),this.positionChange=!0),window.screenY!=this.lastWindowY&&(this.positionChange=!0,this.lastWindowY=window.screenY),window.pageXOffset==this.lastX&&0!=this.scrollXVelocity&&(this.scrollXVelocity=0,this.scrollChange=!0),window.pageYOffset==this.lastY&&0!=this.scrollYVelocity&&(this.scrollYVelocity=0,this.scrollChange=!0),window.pageXOffset!=this.lastX&&(this.scrollChange=!0,this.scrollXVelocity=Math.floor(window.pageXOffset-this.lastX),this.lastX=window.pageXOffset),window.pageYOffset!=this.lastY&&(this.scrollChange=!0,this.scrollYVelocity=Math.floor(window.pageYOffset-this.lastY),this.lastY=window.pageYOffset),t!=this.lastWidth&&(this.lastWidth=t,this.scrollHeight=document.body.scrollHeight,this.sizeChange=!0),e!=this.lastHeight&&(this.lastHeight=e,this.sizeChange=!0),this.mouseXVelocity.length>5&&this.mouseXVelocity.shift(),this.mouseXVelocity.push(r-this.lastMouseX),n(this.mouseXVelocity)!=this.lastMouseXVelocity&&(this.lastMouseXVelocity=n(this.mouseXVelocity),this.mouseChange=!0),r!=this.lastMouseX&&(this.lastMouseX=r,this.mouseChange=!0),this.mouseYVelocity.length>5&&this.mouseYVelocity.shift(),this.mouseYVelocity.push(i-this.lastMouseY),n(this.mouseYVelocity)!=this.lastMouseYVelocity&&(this.lastMouseYVelocity=n(this.mouseYVelocity),this.mouseChange=!0),i==this.lastMouseY&&0==n(this.mouseYVelocity)||(this.lastMouseY=i,this.mouseChange=!0),o!=this.lastAlpha&&(this.lastAlpha=o,this.orientationChange=!0),a!=this.lastBeta&&(this.lastBeta=a,this.orientationChange=!0),s!=this.lastGamma&&(this.lastGamma=s,this.orientationChange=!0),(this.positionChange||this.sizeChange)&&(this.currDevicePixelRatio=Math.max(window.devicePixelRatio||1,1),this.currDevicePixelRatio!==this.lastDevicePixelRatio&&(this.devicePixelRatioChange=!0,this.lastDevicePixelRatio=this.currDevicePixelRatio)),(this.scrollChange||this.sizeChange||this.mouseChange||this.positionChange||this.orientationChange||this.devicePixelRatioChange)&&this.callbacks.forEach(t=>t(this.formatData())),this.updating=!1,requestAnimationFrame(this.update)}watch(e,n=!0){if("function"!=typeof e)throw new Error("Value passed to Watch is not a function");if(!t){if(n){const t=this.formatData();t.scroll.changed=!0,t.mouse.changed=!0,t.size.changed=!0,t.position.changed=!0,t.orientation.changed=!0,t.devicePixelRatio.changed=!0,e(t)}this.callbacks.push(e)}}unwatch(e){if("function"!=typeof e)throw new Error("The value passed to unwatch is not a function");t||(this.callbacks=this.callbacks.filter(t=>t!==e))}};t||(window.__TORNIS={watchViewport:r.watch,unwatchViewport:r.unwatch,getViewportState:r.formatData,recalibrateOrientation:r.recalibrateOrientation});const i=r.watch,o=r.unwatch,a=t=>"/"==t?t:t.replace(/\/$/g,""),s=t=>{if("string"!=typeof t||!t)throw new Error("Value passed must be a string");let e;e="/"==t.substr(0,1)?t:"?"==t.substr(0,1)?`${window.location.pathname.replace(/\/$/,"")}/${t}`:"#"==t.substr(0,1)?window.location.pathname+window.location.search+t:`${window.location.pathname.replace(/\/$/,"")}/${t}`;let[n,r]=e.split("#"),[i,o]=n.split("?");const s=o?o.split("&").reduce((t,e)=>{const[n,r]=e.split("=");return{...t,[n]:r}},{}):{};return{path:a(i),hash:r?`#${r}`:null,params:s}},c=t=>{try{let e="*"!=t.substr(-1),n=t.replace(/(\*)|(\/)$/g,"");return e?new RegExp(`^${n}(\\/)?$`):new RegExp(`^${n}`)}catch(t){throw new Error("Path is not in the correct format")}};var u=new class{constructor(t){const e={initPathData:{},registeredPaths:[],scrollRestoration:"manual",...t};history.scrollRestoration=e.scrollRestoration,this._callbacks=[],this._prevURL={},this._currentURL={},this._pathData={},this._registeredPaths=[],this.push=this.push.bind(this),this.registerPath=this.registerPath.bind(this),this.getCurrentState=this.getCurrentState.bind(this),this.watch=this.watch.bind(this),this.unwatch=this.unwatch.bind(this),this._handlePop=this._handlePop.bind(this),this._updatePathData=this._updatePathData.bind(this),this._updatePosition=this._updatePosition.bind(this),this._didHashChange=this._didHashChange.bind(this),this._mergeRegisteredData=this._mergeRegisteredData.bind(this),e.registeredPaths.length&&e.registeredPaths.forEach(t=>{const{path:e,data:n}=t;this.registerPath(e,n)});const n=`${window.location.pathname}${window.location.hash}${window.location.search}`,{path:r,hash:i,params:o}=s(n);this._updatePosition(r,i,o),this._updatePathData(r,e.initPathData),window.addEventListener("popstate",this._handlePop)}_updatePosition(t,e,n){if(this._prevURL=this._currentURL,this._currentURL={path:a(t),hash:e,params:n},this._prevURL.path==this._currentURL.path){if(this._didHashChange()&&!this._didParamsChange())return"HASH";if(!this._didHashChange()&&this._didParamsChange())return"PARAMS";if(this._didHashChange()&&this._didParamsChange())return"HASHPARAMS";if(!this._didHashChange()&&!this._didParamsChange())return"NOCHANGE"}}_updatePathData(t,e){const n=a(t);return this._pathData={...this._pathData,[n]:e},this._pathData}_mergeRegisteredData(t){return{...this._registeredPaths.reduce((e,n)=>n.regex.test(t)?{...e,...n.data}:e,{}),...this._pathData[t]}}push(t,e){const{path:n,hash:r,params:i}=s(t);this._updatePathData(n,e||{});let o=this._updatePosition(n,r,i);o=o||"PUSH",history.pushState(null,null,t),this._callbacks.forEach(t=>t({...this.getCurrentState(),action:o}))}_handlePop(t){const e=`${window.location.pathname}${window.location.search}${window.location.hash}`,{path:n,hash:r,params:i}=s(e);let o=this._updatePosition(n,r,i);o=o||"POP",this._callbacks.forEach(t=>t({...this.getCurrentState(),action:o}))}_didHashChange(){return this._currentURL.path==this._prevURL.path&&this._currentURL.hash!=this._prevURL.hash}_didParamsChange(){return this._currentURL.path==this._prevURL.path&&(t=this._currentURL.params,e=this._prevURL.params,!(Object.keys(t).every(n=>n in e&&t[n]===e[n])&&Object.keys(e).every(n=>n in t&&t[n]===e[n])));var t,e}getCurrentState(){return{incoming:{path:this._currentURL.path,hash:this._currentURL.hash,params:this._currentURL.params,data:this._mergeRegisteredData(this._currentURL.path)},outgoing:{path:this._prevURL.path,hash:this._prevURL.hash,params:this._prevURL.params,data:this._mergeRegisteredData(this._prevURL.path)}}}registerPath(t,e){return this._registeredPaths=[...this._registeredPaths,{path:t,regex:c(t),data:e}],this._registeredPaths}watch(t){if("function"!=typeof t)throw new Error("Value passed to Watch is not a function");this._callbacks.push(t)}unwatch(t){if("function"!=typeof t)throw new Error("The value passed to unwatch is not a function");this._callbacks=this._callbacks.filter(e=>e!==t)}};function l(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function h(t,e){for(var n=0;nt.length)&&(e=t.length);for(var n=0,r=new Array(e);n0&&(!function(t){var e=t.querySelector("img");t.classList.add("is-ready"),e.onload=function(){return function(t){t.classList.add("is-active"),t.classList.remove("is-ready")}(t)},setTimeout((function(){e.setAttribute("src",t.dataset.src)}),500)}(t),n.unobserve(e.target))}))}),{rootMargin:"-100px",threshold:.35}).observe(t)}))};var b="loading--in",x=new(function(){function t(){l(this,t),this.openLoader=this.openLoader.bind(this),this.closeLoader=this.closeLoader.bind(this),this.openTimeout,this.closeTimeout,this.loaderEl=document.querySelector(".loading"),this.loaderEl&&(this.loaderMask=this.loaderEl.querySelector(".loading__mask"),document.querySelector("html").classList.add("is-loading"))}return d(t,[{key:"openLoader",value:function(t){this.loaderMask&&(this.loaderEl.classList.remove("loading--out"),this.loaderEl.classList.add(b),document.querySelector("html").classList.remove("is-loading"),clearTimeout(this.openTimeout),clearTimeout(this.closeTimeout),this.openTimeout=setTimeout((function(){"function"==typeof t&&t()}),500))}},{key:"closeLoader",value:function(t){var e=this;this.loaderMask&&this.loaderEl.classList.contains(b)&&(this.loaderEl.classList.remove(b),this.loaderEl.classList.add("loading--out"),document.querySelector("html").classList.remove("is-loading"),clearTimeout(this.openTimeout),clearTimeout(this.closeTimeout),this.closeTimeout=setTimeout((function(){"function"==typeof t&&t(),e.loaderEl.classList.remove("loading--out"),e.loaderEl.classList.remove(b)}),500))}}]),t}()),M=x.openLoader,S=x.closeLoader,O={skirrid:'\n
\n
\n \n \n \n
\n \n
',sugarloaf:'\n
\n
\n \n \n \n
\n \n
',blorenge:'\n
\n
\n \n \n \n
\n \n
'},_=function(){var t=document.querySelector(".js-logo");if(t){for(;t.firstChild;)t.removeChild(t.firstChild);t.innerHTML=O[["skirrid","sugarloaf","blorenge"][Math.floor(3*Math.random())]]}},C=function(t,e){return(C=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(t,e)};var L=function(){return(L=Object.assign||function(t){for(var e,n=1,r=arguments.length;n4?(e=t.substr(1,2),n=t.substr(3,2),r=t.substr(5,2)):(e=t.substr(1,1),n=t.substr(2,1),r=t.substr(3,1),e+=e,n+=n,r+=r),{red:parseInt(e,16),green:parseInt(n,16),blue:parseInt(r,16),alpha:1}}}),nt={test:function(t){return"string"==typeof t&&V.test(t)||F(t)||I(t)},parse:function(t){return Q.test(t)?Q.parse(t):tt.test(t)?tt.parse(t):et.test(t)?et.parse(t):t},transform:function(t){return F(t)?Q.transform(t):I(t)?tt.transform(t):t}},rt=function(t){return"number"==typeof t?0:t},it={test:function(t){if("string"!=typeof t||!isNaN(t))return!1;var e=0,n=t.match(X),r=t.match(k);return n&&(e+=n.length),r&&(e+=r.length),e>0},parse:function(t){var e=t,n=[],r=e.match(k);r&&(e=e.replace(k,"${c}"),n.push.apply(n,r.map(nt.parse)));var i=e.match(X);return i&&n.push.apply(n,i.map(q.parse)),n},createTransformer:function(t){var e=t,n=0,r=t.match(k),i=r?r.length:0;if(r)for(var o=0;oa+g)||(!e||d||l||p)&&(M=a-(M-g),d&&A0&&void 0!==arguments[0]?arguments[0]:void 0;if(void 0===t){this.triggerEl.classList.toggle("is-active"),this.menuEl.classList.toggle("is-open"),document.querySelector("html").classList.toggle("lock-scroll");var e=this.menuEl.classList.contains("is-open");this.closeLabelEl.setAttribute("aria-hidden",!e),this.openLabelEl.setAttribute("aria-hidden",e),this.triggerEl.setAttribute("aria-expanded",e)}!0===t&&(this.triggerEl.classList.add("is-active"),this.menuEl.classList.add("is-open"),document.querySelector("html").classList.add("lock-scroll"),this.triggerEl.setAttribute("aria-expanded",!0),this.closeLabelEl.setAttribute("aria-hidden",!1),this.openLabelEl.setAttribute("aria-hidden",!0)),!1===t&&(this.triggerEl.classList.remove("is-active"),this.menuEl.classList.remove("is-open"),document.querySelector("html").classList.remove("lock-scroll"),this.triggerEl.setAttribute("aria-expanded",!1),this.closeLabelEl.setAttribute("aria-hidden",!0),this.openLabelEl.setAttribute("aria-hidden",!1))}}]),t}())).toggleMenu,on=function(t){g((t||document.querySelector("body")).querySelectorAll('a[href^="/"], a[href^="#"]')).forEach((function(t){t.addEventListener("click",(function(e){e.preventDefault();var n=t.getAttribute("href");if(window.location.pathname==n||window.location.pathname==n+"/")return rn(!1),!1;u.push(n)}))}))},an=function(){return window.matchMedia("(prefers-reduced-motion: reduce)").matches};an()&&document.querySelector("html").classList.add("reduced-motion");var sn=function(t){var e=t.scroll,n=t.size;if(an())return!1;g(document.querySelectorAll("[data-reveal]")).forEach((function(t){var r=t.dataset.reveal,i=t.classList.contains(r),o=t.dataset.offset?parseInt(t.dataset.offset):t.getBoundingClientRect().top+window.pageYOffset;n.changed&&(t.dataset.offset=Math.floor(t.getBoundingClientRect().top+window.pageYOffset)),e.changed&&e.bottom>o+n.y/4&&!i&&(t.classList.add(r),delete t.dataset.reveal,delete t.dataset.offset)}))},cn=function(t){if(t){var e=document.querySelector(t);e?window.scrollTo(0,e.getBoundingClientRect().top+window.scrollY):window.scrollTo(0,0)}else window.scrollTo(0,0)},un=function(t){var e=t.path,n=t.hash;M((function(){var t;(t=e,fetch(t).then((function(t){if(!t.ok)throw new Error("Ajax page-load failed!");return t.text()}))).then((function(t){if(window.location.pathname!=e&&window.location.pathname!=e+"/")return rn(!1),!1;var r,a=(new DOMParser).parseFromString(t,"text/html");(r=a).querySelectorAll(".reveal-img").length&&r.querySelectorAll(".reveal-img").forEach((function(t){t.querySelector("img").setAttribute("src","")})),function(t){var e=document.querySelector('meta[name="theme-color"]'),n=t.querySelector('meta[name="theme-color"]');e.setAttribute("content",n.getAttribute("content"));var r=document.querySelector("title"),i=t.querySelector("title");r.innerText=i.innerText;["og:title","og:url","og:description"].forEach((function(e){var n=document.querySelector('[property="'.concat(e,'"]')),r=t.querySelector('[property="'.concat(e,'"]'));n.setAttribute("content",r.getAttribute("content"))}));document.querySelector("#theme").remove();document.querySelector("head").appendChild(t.querySelector("#theme"))}(a),_(),rn(!1),document.querySelector(".page-body").remove(),document.querySelector("html").classList.remove("lock-scroll"),o(sn),setTimeout((function(){return S((function(){var t=a.querySelector(".page-body"),e=document.querySelector(".main-menu");e.parentElement.insertBefore(t,e.nextSibling),cn(n),on(t),w(),i(sn)}))}),200)})).catch((function(t){console.log(t),S()}))}))};u.watch((function(t){var e=t.incoming;t.outgoing;switch(t.action){case"PUSH":case"POP":un(e);break;case"HASH":cn(e.hash)}})),_(),i((function(t){var e=t.size,n=t.mouse,r=t.orientation;if(n.changed){var i=n.x/e.x,o=n.y/e.y,a=document.querySelector(".pointer");a&&(a.style.transform="translate(".concat(90*i,"%, ").concat(90*o,"%"))}if(r.changed){var s=Math.min(Math.max(r.gamma/22.5,-1),1),c=Math.min(Math.max(r.beta/45,-1),1),u=(e.x/2+e.x/2*(.66*s))/e.x,l=(e.y/2+e.y/2*(.66*c))/e.y,h=document.querySelector(".pointer");h&&(h.style.transform="translate(".concat(90*u,"%, ").concat(90*l,"%"))}})),i(sn),i((function(t){var e=t.mouse,n=t.orientation,r=t.size;if(an())return!1;g(document.querySelectorAll("[data-drift]")).forEach((function(t){var i=m(t.dataset.drift.split(" ").map((function(t){return parseInt(t)})),2),o=i[0],a=i[1],s=[];if(t.dataset.driftCenter&&(s=t.dataset.driftCenter.split(" ").filter((function(t){return"x"==t||"y"==t}))),e.changed){var c=(e.x-r.x/2)/(r.x/2),u=(e.y-r.y/2)/(r.y/2);t.style.transform="".concat(s.includes("x")?"translateX(-50%)":"").concat(s.includes("y")?"translateY(-50%)":""," translate(").concat(o*c,"px, ").concat(a*u,"px)")}if(n.changed){var l=Math.min(Math.max(n.gamma/22.5,-1),1),h=Math.min(Math.max(n.beta/45,-1),1);t.style.transform="".concat(s.includes("x")?"translateX(-50%)":"").concat(s.includes("y")?"translateY(-50%)":""," translate(").concat(o*l,"px, ").concat(a*h,"px)")}}))})),i((function(t){var e=t.size,n=t.scroll;n.changed&&g(document.querySelectorAll("[data-prlx]")).forEach((function(t){var r=m(t.dataset.prlx.split(" ").map((function(t){return parseFloat(t)})),2),i=r[0],o=r[1];n.top,e.y;t.style.position="relative",t.style.transform="translate3d(".concat(n.top*i,"px, ").concat(n.top*o,"px, 0)")}))})),i((function(t){var e=t.mouse,n=t.orientation,r=t.size;if(window.matchMedia("(prefers-reduced-motion: reduce)").matches)return!1;var i=document.querySelector(".avatar--ready");if(i){var o,a=i.classList.contains("dizzy"),s=i.querySelector(".head__yaw"),c=g(i.querySelectorAll(".head__rotation")),u=g(i.querySelectorAll(".face-tilt")),l=i.querySelector(".eyes__x"),h=i.querySelector(".eyes__y"),d=i.querySelector(".eyebrows__left"),m=i.querySelector(".eyebrows__right"),v=i.querySelector(".ears__left"),y=i.querySelector(".ears__right"),w=i.querySelector(".beard"),b=i.querySelector(".mouth path"),x=b.getAttribute("d");if(e.changed&&!a&&(o=function(t){for(var e=1;e1?1:C;var L,A=(o.y-r.y/2)/(r.y/4);if(A=(A=A<-1?-1:A)>1?1:A,!a)if(A<0&&C<0&&(L=1),A<0&&C>=0&&(L=2),A>=0&&C>=0&&(L=3),A>=0&&C<0&&(L=4),L!=Qe&&(Qe=L,Je+=1,setTimeout((function(){Je=Je<=0?0:Je-1}),500)),Je>=5)return function(){var t=document.querySelector(".avatar");t.classList.add("dizzy"),Je=0,setTimeout((function(){t.classList.remove("dizzy")}),6e3)}(),!1;l.style.transition="all 100ms 10ms ease-out",l.style.transform="translateX(".concat(Math.ceil(10*O),"px)"),h.style.transition="all 100ms 10ms ease-out",h.style.transform="translateY(".concat(Math.ceil(10*_)<-3?-3:Math.ceil(10*_),"px)"),s.style.transform="translateY(".concat(A<0?Math.ceil(1*A):Math.ceil(3*A),"px)"),c.forEach((function(t){return t.style.transform="rotate(".concat(3*C*A,"deg)")})),u.forEach((function(t){return t.style.transform=A<0?"translateY(".concat(Math.ceil(1*A),"px) translateX(").concat(Math.ceil(1.25*C),"px)"):"translateY(".concat(Math.ceil(3*A),"px) translateX(").concat(Math.ceil(1.25*C),"px)")})),v.style.transform="translateX(".concat(C<0?Math.ceil(1*C):Math.ceil(-1*C),"px)"),y.style.transform="translateX(".concat(C<0?Math.ceil(-1*C):Math.ceil(1*C),"px)"),d.style.transform="translateY(".concat(C<0?-5+Math.ceil(2*C):-5+Math.ceil(5*C),"px)"),m.style.transform="translateY(".concat(C<0?-3+Math.ceil(-5*C):-3+Math.ceil(-3*C),"px)"),w.style.transform=A<0?"scaleY(".concat(1+-1*A*.025,")"):"scaleY(".concat(1-.025*A);var P=en.y,Y=en.duration,R=tn.d;if(C<-.5&&A<-.5||C>.5&&A<-.5?(P=en.y,Y=en.duration,R=en.d):(C<-.5&&A>.5||C>.5&&A>.5||A>.5)&&(P=nn.y,Y=nn.duration,R=nn.d),x!==R&&!a){var E=Oe(b.parentElement),X=Oe(b),k=Ge({from:{d:X.get("d")},to:{d:R},duration:Y,ease:_t}),V=Ge({from:{y:E.get("y")},to:{y:P},duration:Y,ease:_t});k.start(X.set),V.start(E.set)}}}})),requestAnimationFrame((function t(){if(document.querySelector(".clock")){var e=new Date,n=e.getMinutes()/60*360,r=e.getHours()/12*360;document.querySelector(".clock-pivot__hand--minute").parentElement.style.transform="rotate(".concat(n,"deg)"),document.querySelector(".clock-pivot__hand--hour").parentElement.style.transform="rotate(".concat(r,"deg)")}requestAnimationFrame(t)})),on(),window.addEventListener("load",(function(){setTimeout((function(){S((function(){"undefined"!=typeof window&&console.log("%c >>>|||<<< ","\n font-family: monospace; \n padding: 8px 10px; \n background: #9d2d38; \n color: #fff; \n font-size: 18px;\n font-weight: bold;\n "),w()}))}),1e3)}))}(); diff --git a/css/custom.css b/css/custom.css new file mode 100644 index 0000000..f0c8e4b --- /dev/null +++ b/css/custom.css @@ -0,0 +1,620 @@ +body { + height: 100%; +} +.page-wrapper-overflow { + overflow-x: hidden; + position: absolute; +} +.intro { + white-space: nowrap; +} +.vertical-rectangle { + position: absolute; + rotate: 45deg; + top: 0; + bottom: 0; + left: 50%; + transform: translateX(-50%); + width: 50%; /* Adjust the width as needed */ + background-color: rgb(232, 182, 182); /* Adjust the color as needed */ + z-index: -10; + /* height: 500%; */ + opacity: 0.4; +} +.vertical-rectangle1 { + position: absolute; + rotate: -45deg; + top: 0; + bottom: 0; + left: 0; + transform: translateX(-50%); + width: 50%; /* Adjust the width as needed */ + background-color: rgb(232, 182, 182); /* Adjust the color as needed */ + z-index: -10; + /* height: 800%; */ + opacity: 0.4; +} + +.photo-grid { + margin: 100px 0 50px; + overflow: hidden; +} +.photo-grid__content img { + max-width: 100%; + height: auto; +} +@media screen and (max-width: 762px) { + .photo-grid__content .col[style] { + transform: none !important; + } +} +@media screen and (min-width: 763px) { + .photo-grid__content { + display: flex; + justify-content: space-between; + margin: 0 -25px; + } + .photo-grid__content .col { + width: 50%; + padding: 0 25px; + } + .photo-grid__content .col:last-child { + margin-top: -50px; + } +} +.photo-grid__footer { + text-align: center; +} +.photo { + max-width: 100%; + position: relative; + margin-bottom: 25px; +} +@media screen and (min-width: 763px) { + .photo { + margin-bottom: 50px; + } +} +.photo__img { + display: block; +} +.photo__duo { + position: absolute; + display: none; + top: 0; + left: 0; + width: 100%; + height: 100%; + transition: opacity 0.2s ease-out; + backface-visibility: hidden; +} +.photo__duo:hover { + opacity: 0; +} +@keyframes scrollBob { + 0%, + 10% { + transform: none; + opacity: 1; + color: #919795; + } + 1%, + 8% { + transform: translateY(-2px); + color: var(--fill); + } + 4% { + transform: translateY(3px); + opacity: 1; + color: #919795; + } +} + +.c { + position: relative; + width: 90vmin; + /* height: calc(90vmin * 9 / 16); */ + margin: auto; + overflow: hidden; + /* box-shadow: 0 1.25em 1em -0.5em #0005; */ +} + +.img { + width: 100%; + height: 100%; + -o-object-fit: contain; + object-fit: contain; + -o-object-position: 0% 50%; + object-position: 0% 50%; + transition: transform 1s; +} +.c:hover .img { + transform: translateX(-3%); + transition-duration: 5s; +} + +:root { + --s1-w: 40vmin; + --s2-w: 60vmin; + --s3-w: 10vmin; +} + +@-webkit-keyframes move-x { + 50% { + transform: translateX(var(--x1)); + } + 100% { + transform: translateX(var(--x2)); + } +} + +@keyframes move-x { + 50% { + transform: translateX(var(--x1)); + } + 100% { + transform: translateX(var(--x2)); + } +} +.s1, +.s2, +.s3 { + position: absolute; + top: 0; + bottom: 0; + -webkit-animation: gg 0.5s ease-out forwards; + animation: gg 0.5s ease-out forwards; + pointer-events: none; +} +.c:hover .s1, +.c:hover .s2, +.c:hover .s3 { + -webkit-animation-name: move-x; + animation-name: move-x; +} + +.s1 { + left: 100%; + z-index: 1; + width: var(--s1-w); + background-color: #fff; + mix-blend-mode: difference; + --x1: -110vmin; + --x2: -50vmin; +} + +.s2 { + z-index: 2; + width: calc(var(--s2-w) * 2); + left: calc(100% + var(--s1-w)); + background-color: #a05f5f; + --x1: -110vmin; + --x2: -90vmin; + opacity: 0.3; +} + +.s3 { + z-index: 2; + width: 10vmin; + right: 100%; + background-color: #e87474; + -webkit-animation-delay: 0.1s; + animation-delay: 0.1s; + --x1: 0; + --x2: 95%; +} +/* Blockquote */ + +.classy-bq { + border-left: 1px solid #ccc; + margin: 1.5em 10px; + padding: 0.7em 25px; + quotes: "\201C""\201D""\2018""\2019"; + color: black; +} +.classy-bq:before { + color: black; + content: open-quote; + font-size: 8em; + line-height: 0.1em; + margin-right: 0.25em; + vertical-align: -0.4em; + opacity: 0.6; +} +blockquote p { + display: inline; + font-size: 1.5rem; + line-height: 1.5; +} +.blockquote-section { + width: 100%; + max-width: 1200px; + margin: 0 auto; + opacity: 0.95; + padding: 20px; +} +.blockquote-section > cite { + font-style: none; +} +.cite { + color: black; + padding-left: 20px; + font-size: 1.25rem; +} + +/* Fireworks */ + +.pyro > .before, +.pyro > .after { + position: absolute; + width: 5px; + height: 5px; + border-radius: 50%; + box-shadow: 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, + 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, + 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, + 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, + 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, + 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, + 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, + 0 0 #fff, 0 0 #fff, 0 0 #fff; + -moz-animation: 1s bang ease-out infinite backwards, + 1s gravity ease-in infinite backwards, 5s position linear infinite backwards; + -webkit-animation: 1s bang ease-out infinite backwards, + 1s gravity ease-in infinite backwards, 5s position linear infinite backwards; + -o-animation: 1s bang ease-out infinite backwards, + 1s gravity ease-in infinite backwards, 5s position linear infinite backwards; + -ms-animation: 1s bang ease-out infinite backwards, + 1s gravity ease-in infinite backwards, 5s position linear infinite backwards; + animation: 1s bang ease-out infinite backwards, + 1s gravity ease-in infinite backwards, 5s position linear infinite backwards; +} + +.pyro > .after { + -moz-animation-delay: 1.25s, 1.25s, 1.25s; + -webkit-animation-delay: 1.25s, 1.25s, 1.25s; + -o-animation-delay: 1.25s, 1.25s, 1.25s; + -ms-animation-delay: 1.25s, 1.25s, 1.25s; + animation-delay: 1.25s, 1.25s, 1.25s; + -moz-animation-duration: 1.25s, 1.25s, 6.25s; + -webkit-animation-duration: 1.25s, 1.25s, 6.25s; + -o-animation-duration: 1.25s, 1.25s, 6.25s; + -ms-animation-duration: 1.25s, 1.25s, 6.25s; + animation-duration: 1.25s, 1.25s, 6.25s; +} + +@-webkit-keyframes bang { + to { + box-shadow: 113px -78.6666666667px #00ff3c, 22px -17.6666666667px lime, + 245px -303.6666666667px #001eff, 169px -60.6666666667px #5900ff, + 203px -286.6666666667px #5e00ff, 14px -262.6666666667px #00ff26, + -135px 82.3333333333px #ff00e6, -200px -267.6666666667px #8800ff, + -63px -238.6666666667px #2b00ff, -189px -137.6666666667px #bfff00, + 182px -24.6666666667px #00c8ff, -82px -383.6666666667px #a2ff00, + -236px -196.6666666667px #2fff00, 150px -50.6666666667px #ffdd00, + 184px -173.6666666667px #00ff7b, 231px -239.6666666667px #00fff2, + -128px 26.3333333333px #ff1e00, -228px -154.6666666667px #00ff8c, + 50px -121.6666666667px #d5ff00, -184px -286.6666666667px #4d00ff, + -206px 52.3333333333px #aaff00, 235px -79.6666666667px #ff3700, + 76px -121.6666666667px #37ff00, 59px -50.6666666667px #9d00ff, + -232px -381.6666666667px #ddff00, -157px 19.3333333333px #e600ff, + 77px -321.6666666667px #00ff40, 26px 40.3333333333px #15ff00, + -196px -234.6666666667px #bb00ff, -215px -217.6666666667px #00ff2f, + 235px -55.6666666667px #0095ff, 13px -49.6666666667px #88ff00, + -10px -15.6666666667px #c800ff, -192px -81.6666666667px #7bff00, + 162px -273.6666666667px #002fff, 202px -112.6666666667px #ff0009, + 59px -84.6666666667px #f2ff00, -130px -185.6666666667px #62ff00, + -157px -311.6666666667px #ff005e, 199px 15.3333333333px #00ff80, + 247px 51.3333333333px #ff9d00, 154px 55.3333333333px #ff6a00, + -227px -369.6666666667px #00e1ff, 80px -237.6666666667px #00ff91, + -124px -47.6666666667px #0091ff, -113px 40.3333333333px #6aff00, + -202px -63.6666666667px #7700ff, 96px -117.6666666667px #0055ff, + 49px -110.6666666667px #62ff00, -97px -33.6666666667px #001eff, + 164px 35.3333333333px #00ff7b; + } +} +@-moz-keyframes bang { + to { + box-shadow: 113px -78.6666666667px #00ff3c, 22px -17.6666666667px lime, + 245px -303.6666666667px #001eff, 169px -60.6666666667px #5900ff, + 203px -286.6666666667px #5e00ff, 14px -262.6666666667px #00ff26, + -135px 82.3333333333px #ff00e6, -200px -267.6666666667px #8800ff, + -63px -238.6666666667px #2b00ff, -189px -137.6666666667px #bfff00, + 182px -24.6666666667px #00c8ff, -82px -383.6666666667px #a2ff00, + -236px -196.6666666667px #2fff00, 150px -50.6666666667px #ffdd00, + 184px -173.6666666667px #00ff7b, 231px -239.6666666667px #00fff2, + -128px 26.3333333333px #ff1e00, -228px -154.6666666667px #00ff8c, + 50px -121.6666666667px #d5ff00, -184px -286.6666666667px #4d00ff, + -206px 52.3333333333px #aaff00, 235px -79.6666666667px #ff3700, + 76px -121.6666666667px #37ff00, 59px -50.6666666667px #9d00ff, + -232px -381.6666666667px #ddff00, -157px 19.3333333333px #e600ff, + 77px -321.6666666667px #00ff40, 26px 40.3333333333px #15ff00, + -196px -234.6666666667px #bb00ff, -215px -217.6666666667px #00ff2f, + 235px -55.6666666667px #0095ff, 13px -49.6666666667px #88ff00, + -10px -15.6666666667px #c800ff, -192px -81.6666666667px #7bff00, + 162px -273.6666666667px #002fff, 202px -112.6666666667px #ff0009, + 59px -84.6666666667px #f2ff00, -130px -185.6666666667px #62ff00, + -157px -311.6666666667px #ff005e, 199px 15.3333333333px #00ff80, + 247px 51.3333333333px #ff9d00, 154px 55.3333333333px #ff6a00, + -227px -369.6666666667px #00e1ff, 80px -237.6666666667px #00ff91, + -124px -47.6666666667px #0091ff, -113px 40.3333333333px #6aff00, + -202px -63.6666666667px #7700ff, 96px -117.6666666667px #0055ff, + 49px -110.6666666667px #62ff00, -97px -33.6666666667px #001eff, + 164px 35.3333333333px #00ff7b; + } +} +@-o-keyframes bang { + to { + box-shadow: 113px -78.6666666667px #00ff3c, 22px -17.6666666667px lime, + 245px -303.6666666667px #001eff, 169px -60.6666666667px #5900ff, + 203px -286.6666666667px #5e00ff, 14px -262.6666666667px #00ff26, + -135px 82.3333333333px #ff00e6, -200px -267.6666666667px #8800ff, + -63px -238.6666666667px #2b00ff, -189px -137.6666666667px #bfff00, + 182px -24.6666666667px #00c8ff, -82px -383.6666666667px #a2ff00, + -236px -196.6666666667px #2fff00, 150px -50.6666666667px #ffdd00, + 184px -173.6666666667px #00ff7b, 231px -239.6666666667px #00fff2, + -128px 26.3333333333px #ff1e00, -228px -154.6666666667px #00ff8c, + 50px -121.6666666667px #d5ff00, -184px -286.6666666667px #4d00ff, + -206px 52.3333333333px #aaff00, 235px -79.6666666667px #ff3700, + 76px -121.6666666667px #37ff00, 59px -50.6666666667px #9d00ff, + -232px -381.6666666667px #ddff00, -157px 19.3333333333px #e600ff, + 77px -321.6666666667px #00ff40, 26px 40.3333333333px #15ff00, + -196px -234.6666666667px #bb00ff, -215px -217.6666666667px #00ff2f, + 235px -55.6666666667px #0095ff, 13px -49.6666666667px #88ff00, + -10px -15.6666666667px #c800ff, -192px -81.6666666667px #7bff00, + 162px -273.6666666667px #002fff, 202px -112.6666666667px #ff0009, + 59px -84.6666666667px #f2ff00, -130px -185.6666666667px #62ff00, + -157px -311.6666666667px #ff005e, 199px 15.3333333333px #00ff80, + 247px 51.3333333333px #ff9d00, 154px 55.3333333333px #ff6a00, + -227px -369.6666666667px #00e1ff, 80px -237.6666666667px #00ff91, + -124px -47.6666666667px #0091ff, -113px 40.3333333333px #6aff00, + -202px -63.6666666667px #7700ff, 96px -117.6666666667px #0055ff, + 49px -110.6666666667px #62ff00, -97px -33.6666666667px #001eff, + 164px 35.3333333333px #00ff7b; + } +} +@-ms-keyframes bang { + to { + box-shadow: 113px -78.6666666667px #00ff3c, 22px -17.6666666667px lime, + 245px -303.6666666667px #001eff, 169px -60.6666666667px #5900ff, + 203px -286.6666666667px #5e00ff, 14px -262.6666666667px #00ff26, + -135px 82.3333333333px #ff00e6, -200px -267.6666666667px #8800ff, + -63px -238.6666666667px #2b00ff, -189px -137.6666666667px #bfff00, + 182px -24.6666666667px #00c8ff, -82px -383.6666666667px #a2ff00, + -236px -196.6666666667px #2fff00, 150px -50.6666666667px #ffdd00, + 184px -173.6666666667px #00ff7b, 231px -239.6666666667px #00fff2, + -128px 26.3333333333px #ff1e00, -228px -154.6666666667px #00ff8c, + 50px -121.6666666667px #d5ff00, -184px -286.6666666667px #4d00ff, + -206px 52.3333333333px #aaff00, 235px -79.6666666667px #ff3700, + 76px -121.6666666667px #37ff00, 59px -50.6666666667px #9d00ff, + -232px -381.6666666667px #ddff00, -157px 19.3333333333px #e600ff, + 77px -321.6666666667px #00ff40, 26px 40.3333333333px #15ff00, + -196px -234.6666666667px #bb00ff, -215px -217.6666666667px #00ff2f, + 235px -55.6666666667px #0095ff, 13px -49.6666666667px #88ff00, + -10px -15.6666666667px #c800ff, -192px -81.6666666667px #7bff00, + 162px -273.6666666667px #002fff, 202px -112.6666666667px #ff0009, + 59px -84.6666666667px #f2ff00, -130px -185.6666666667px #62ff00, + -157px -311.6666666667px #ff005e, 199px 15.3333333333px #00ff80, + 247px 51.3333333333px #ff9d00, 154px 55.3333333333px #ff6a00, + -227px -369.6666666667px #00e1ff, 80px -237.6666666667px #00ff91, + -124px -47.6666666667px #0091ff, -113px 40.3333333333px #6aff00, + -202px -63.6666666667px #7700ff, 96px -117.6666666667px #0055ff, + 49px -110.6666666667px #62ff00, -97px -33.6666666667px #001eff, + 164px 35.3333333333px #00ff7b; + } +} +@keyframes bang { + to { + box-shadow: 113px -78.6666666667px #00ff3c, 22px -17.6666666667px lime, + 245px -303.6666666667px #001eff, 169px -60.6666666667px #5900ff, + 203px -286.6666666667px #5e00ff, 14px -262.6666666667px #00ff26, + -135px 82.3333333333px #ff00e6, -200px -267.6666666667px #8800ff, + -63px -238.6666666667px #2b00ff, -189px -137.6666666667px #bfff00, + 182px -24.6666666667px #00c8ff, -82px -383.6666666667px #a2ff00, + -236px -196.6666666667px #2fff00, 150px -50.6666666667px #ffdd00, + 184px -173.6666666667px #00ff7b, 231px -239.6666666667px #00fff2, + -128px 26.3333333333px #ff1e00, -228px -154.6666666667px #00ff8c, + 50px -121.6666666667px #d5ff00, -184px -286.6666666667px #4d00ff, + -206px 52.3333333333px #aaff00, 235px -79.6666666667px #ff3700, + 76px -121.6666666667px #37ff00, 59px -50.6666666667px #9d00ff, + -232px -381.6666666667px #ddff00, -157px 19.3333333333px #e600ff, + 77px -321.6666666667px #00ff40, 26px 40.3333333333px #15ff00, + -196px -234.6666666667px #bb00ff, -215px -217.6666666667px #00ff2f, + 235px -55.6666666667px #0095ff, 13px -49.6666666667px #88ff00, + -10px -15.6666666667px #c800ff, -192px -81.6666666667px #7bff00, + 162px -273.6666666667px #002fff, 202px -112.6666666667px #ff0009, + 59px -84.6666666667px #f2ff00, -130px -185.6666666667px #62ff00, + -157px -311.6666666667px #ff005e, 199px 15.3333333333px #00ff80, + 247px 51.3333333333px #ff9d00, 154px 55.3333333333px #ff6a00, + -227px -369.6666666667px #00e1ff, 80px -237.6666666667px #00ff91, + -124px -47.6666666667px #0091ff, -113px 40.3333333333px #6aff00, + -202px -63.6666666667px #7700ff, 96px -117.6666666667px #0055ff, + 49px -110.6666666667px #62ff00, -97px -33.6666666667px #001eff, + 164px 35.3333333333px #00ff7b; + } +} +@-webkit-keyframes gravity { + to { + transform: translateY(200px); + -moz-transform: translateY(200px); + -webkit-transform: translateY(200px); + -o-transform: translateY(200px); + -ms-transform: translateY(200px); + opacity: 0; + } +} +@-moz-keyframes gravity { + to { + transform: translateY(200px); + -moz-transform: translateY(200px); + -webkit-transform: translateY(200px); + -o-transform: translateY(200px); + -ms-transform: translateY(200px); + opacity: 0; + } +} +@-o-keyframes gravity { + to { + transform: translateY(200px); + -moz-transform: translateY(200px); + -webkit-transform: translateY(200px); + -o-transform: translateY(200px); + -ms-transform: translateY(200px); + opacity: 0; + } +} +@-ms-keyframes gravity { + to { + transform: translateY(200px); + -moz-transform: translateY(200px); + -webkit-transform: translateY(200px); + -o-transform: translateY(200px); + -ms-transform: translateY(200px); + opacity: 0; + } +} +@keyframes gravity { + to { + transform: translateY(200px); + -moz-transform: translateY(200px); + -webkit-transform: translateY(200px); + -o-transform: translateY(200px); + -ms-transform: translateY(200px); + opacity: 0; + } +} +@-webkit-keyframes position { + 0%, + 19.9% { + margin-top: 10%; + margin-left: 40%; + } + 20%, + 39.9% { + margin-top: 40%; + margin-left: 30%; + } + 40%, + 59.9% { + margin-top: 20%; + margin-left: 70%; + } + 60%, + 79.9% { + margin-top: 30%; + margin-left: 20%; + } + 80%, + 99.9% { + margin-top: 30%; + margin-left: 80%; + } +} +@-moz-keyframes position { + 0%, + 19.9% { + margin-top: 10%; + margin-left: 40%; + } + 20%, + 39.9% { + margin-top: 40%; + margin-left: 30%; + } + 40%, + 59.9% { + margin-top: 20%; + margin-left: 70%; + } + 60%, + 79.9% { + margin-top: 30%; + margin-left: 20%; + } + 80%, + 99.9% { + margin-top: 30%; + margin-left: 80%; + } +} +@-o-keyframes position { + 0%, + 19.9% { + margin-top: 10%; + margin-left: 40%; + } + 20%, + 39.9% { + margin-top: 40%; + margin-left: 30%; + } + 40%, + 59.9% { + margin-top: 20%; + margin-left: 70%; + } + 60%, + 79.9% { + margin-top: 30%; + margin-left: 20%; + } + 80%, + 99.9% { + margin-top: 30%; + margin-left: 80%; + } +} +@-ms-keyframes position { + 0%, + 19.9% { + margin-top: 10%; + margin-left: 40%; + } + 20%, + 39.9% { + margin-top: 40%; + margin-left: 30%; + } + 40%, + 59.9% { + margin-top: 20%; + margin-left: 70%; + } + 60%, + 79.9% { + margin-top: 30%; + margin-left: 20%; + } + 80%, + 99.9% { + margin-top: 30%; + margin-left: 80%; + } +} +@keyframes position { + 0%, + 19.9% { + margin-top: 10%; + margin-left: 40%; + } + 20%, + 39.9% { + margin-top: 40%; + margin-left: 30%; + } + 40%, + 59.9% { + margin-top: 20%; + margin-left: 70%; + } + 60%, + 79.9% { + margin-top: 30%; + margin-left: 20%; + } + 80%, + 99.9% { + margin-top: 30%; + margin-left: 80%; + } +} diff --git a/css/styles.css b/css/styles.css new file mode 100644 index 0000000..8ffccb8 --- /dev/null +++ b/css/styles.css @@ -0,0 +1,11262 @@ +@charset "UTF-8"; + +/*! +* Start Bootstrap - Resume v7.0.4 (https://startbootstrap.com/theme/resume) +* Copyright 2013-2021 Start Bootstrap +* Licensed under MIT (https://github.com/StartBootstrap/startbootstrap-resume/blob/master/LICENSE) +*/ + + +/*! + * Bootstrap v5.1.3 (https://getbootstrap.com/) + * Copyright 2011-2021 The Bootstrap Authors + * Copyright 2011-2021 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) + */ + +:root { + --bs-blue: #0d6efd; + --bs-indigo: #6610f2; + --bs-purple: #6f42c1; + --bs-pink: #d63384; + --bs-red: #dc3545; + --bs-orange: #bd5d38; + --bs-yellow: #ffc107; + --bs-green: #198754; + --bs-teal: #20c997; + --bs-cyan: #0dcaf0; + --bs-white: #fff; + --bs-gray: #6c757d; + --bs-gray-dark: #343a40; + --bs-gray-100: #f8f9fa; + --bs-gray-200: #e9ecef; + --bs-gray-300: #dee2e6; + --bs-gray-400: #ced4da; + --bs-gray-500: #adb5bd; + --bs-gray-600: #6c757d; + --bs-gray-700: #495057; + --bs-gray-800: #343a40; + --bs-gray-900: #212529; + --bs-primary: #bd5d38; + --bs-secondary: #6c757d; + --bs-success: #198754; + --bs-info: #0dcaf0; + --bs-warning: #ffc107; + --bs-danger: #dc3545; + --bs-light: #f8f9fa; + --bs-dark: #212529; + --bs-primary-rgb: 189, 93, 56; + --bs-secondary-rgb: 108, 117, 125; + --bs-success-rgb: 25, 135, 84; + --bs-info-rgb: 13, 202, 240; + --bs-warning-rgb: 255, 193, 7; + --bs-danger-rgb: 220, 53, 69; + --bs-light-rgb: 248, 249, 250; + --bs-dark-rgb: 33, 37, 41; + --bs-white-rgb: 255, 255, 255; + --bs-black-rgb: 0, 0, 0; + --bs-body-color-rgb: 33, 37, 41; + --bs-body-bg-rgb: 255, 255, 255; + --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); + --bs-body-font-family: Muli, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji; + --bs-body-font-size: 1rem; + --bs-body-font-weight: 400; + --bs-body-line-height: 1.5; + --bs-body-color: #212529; + --bs-body-bg: #fff; +} + +*, +*::before, +*::after { + box-sizing: border-box; +} + +@media (prefers-reduced-motion: no-preference) { + :root { + scroll-behavior: smooth; + } +} + +body { + margin: 0; + font-family: var(--bs-body-font-family); + font-size: var(--bs-body-font-size); + font-weight: var(--bs-body-font-weight); + line-height: var(--bs-body-line-height); + color: var(--bs-body-color); + text-align: var(--bs-body-text-align); + background-color: var(--bs-body-bg); + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); +} + +hr { + margin: 1rem 0; + color: inherit; + background-color: currentColor; + border: 0; + opacity: 0.25; +} + +hr:not([size]) { + height: 1px; +} + +h6, +.h6, +h5, +.h5, +h4, +.h4, +h3, +.h3, +h2, +.h2, +h1, +.h1 { + margin-top: 0; + margin-bottom: 0.5rem; + font-family: "Saira Extra Condensed", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + font-weight: 700; + line-height: 1.2; + color: #343a40; +} + +h1, +.h1 { + font-size: calc(1.725rem + 5.7vw); +} + +@media (min-width: 1200px) { + h1, + .h1 { + font-size: 6rem; + } +} + +h2, +.h2 { + font-size: calc(1.475rem + 2.7vw); +} + +@media (min-width: 1200px) { + h2, + .h2 { + font-size: 3.5rem; + } +} + +h3, +.h3 { + font-size: calc(1.325rem + 0.9vw); +} + +@media (min-width: 1200px) { + h3, + .h3 { + font-size: 2rem; + } +} + +h4, +.h4 { + font-size: calc(1.275rem + 0.3vw); +} + +@media (min-width: 1200px) { + h4, + .h4 { + font-size: 1.5rem; + } +} + +h5, +.h5 { + font-size: 1.25rem; +} + +h6, +.h6 { + font-size: 1rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +abbr[title], +abbr[data-bs-original-title] { + -webkit-text-decoration: underline dotted; + text-decoration: underline dotted; + cursor: help; + -webkit-text-decoration-skip-ink: none; + text-decoration-skip-ink: none; +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +ol, +ul { + padding-left: 2rem; +} + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; +} + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; +} + +dt { + font-weight: 700; +} + +dd { + margin-bottom: 0.5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +b, +strong { + font-weight: bolder; +} + +small, +.small { + font-size: 0.875em; +} + +mark, +.mark { + padding: 0.2em; + background-color: #fcf8e3; +} + +sub, +sup { + position: relative; + font-size: 0.75em; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +a { + color: #0076ce; + text-decoration: underline; +} + +a:hover { + color: #0076ce; +} + +a:not([href]):not([class]), +a:not([href]):not([class]):hover { + color: inherit; + text-decoration: none; +} + +pre, +code, +kbd, +samp { + font-family: var(--bs-font-monospace); + font-size: 1em; + direction: ltr/* rtl:ignore */ + ; + unicode-bidi: bidi-override; +} + +pre { + display: block; + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; + font-size: 0.875em; +} + +pre code { + font-size: inherit; + color: inherit; + word-break: normal; +} + +code { + font-size: 0.875em; + color: #d63384; + word-wrap: break-word; +} + +a>code { + color: inherit; +} + +kbd { + padding: 0.2rem 0.4rem; + font-size: 0.875em; + color: #fff; + background-color: #212529; + border-radius: 0.2rem; +} + +kbd kbd { + padding: 0; + font-size: 1em; + font-weight: 700; +} + +figure { + margin: 0 0 1rem; +} + +img, +svg { + vertical-align: middle; +} + +table { + caption-side: bottom; + border-collapse: collapse; +} + +caption { + padding-top: 0.5rem; + padding-bottom: 0.5rem; + color: #6c757d; + text-align: left; +} + +th { + text-align: inherit; + text-align: -webkit-match-parent; +} + +thead, +tbody, +tfoot, +tr, +td, +th { + border-color: inherit; + border-style: solid; + border-width: 0; +} + +label { + display: inline-block; +} + +button { + border-radius: 0; +} + +button:focus:not(:focus-visible) { + outline: 0; +} + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +button, +select { + text-transform: none; +} + +[role=button] { + cursor: pointer; +} + +select { + word-wrap: normal; +} + +select:disabled { + opacity: 1; +} + +[list]::-webkit-calendar-picker-indicator { + display: none; +} + +button, +[type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button; +} + +button:not(:disabled), +[type=button]:not(:disabled), +[type=reset]:not(:disabled), +[type=submit]:not(:disabled) { + cursor: pointer; +} + +::-moz-focus-inner { + padding: 0; + border-style: none; +} + +textarea { + resize: vertical; +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} + +legend { + float: left; + width: 100%; + padding: 0; + margin-bottom: 0.5rem; + font-size: calc(1.275rem + 0.3vw); + line-height: inherit; +} + +@media (min-width: 1200px) { + legend { + font-size: 1.5rem; + } +} + +legend+* { + clear: left; +} + +::-webkit-datetime-edit-fields-wrapper, +::-webkit-datetime-edit-text, +::-webkit-datetime-edit-minute, +::-webkit-datetime-edit-hour-field, +::-webkit-datetime-edit-day-field, +::-webkit-datetime-edit-month-field, +::-webkit-datetime-edit-year-field { + padding: 0; +} + +::-webkit-inner-spin-button { + height: auto; +} + +[type=search] { + outline-offset: -2px; + -webkit-appearance: textfield; +} + + +/* rtl:raw: +[type="tel"], +[type="url"], +[type="email"], +[type="number"] { + direction: ltr; +} +*/ + +::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-color-swatch-wrapper { + padding: 0; +} + +::-webkit-file-upload-button { + font: inherit; +} + +::file-selector-button { + font: inherit; +} + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} + +output { + display: inline-block; +} + +iframe { + border: 0; +} + +summary { + display: list-item; + cursor: pointer; +} + +progress { + vertical-align: baseline; +} + +[hidden] { + display: none !important; +} + +.lead { + font-size: 1.25rem; + font-weight: 300; +} + +.display-1 { + font-size: calc(1.625rem + 4.5vw); + font-weight: 300; + line-height: 1.2; +} + +@media (min-width: 1200px) { + .display-1 { + font-size: 5rem; + } +} + +.display-2 { + font-size: calc(1.575rem + 3.9vw); + font-weight: 300; + line-height: 1.2; +} + +@media (min-width: 1200px) { + .display-2 { + font-size: 4.5rem; + } +} + +.display-3 { + font-size: calc(1.525rem + 3.3vw); + font-weight: 300; + line-height: 1.2; +} + +@media (min-width: 1200px) { + .display-3 { + font-size: 4rem; + } +} + +.display-4 { + font-size: calc(1.475rem + 2.7vw); + font-weight: 300; + line-height: 1.2; +} + +@media (min-width: 1200px) { + .display-4 { + font-size: 3.5rem; + } +} + +.display-5 { + font-size: calc(1.425rem + 2.1vw); + font-weight: 300; + line-height: 1.2; +} + +@media (min-width: 1200px) { + .display-5 { + font-size: 3rem; + } +} + +.display-6 { + font-size: calc(1.375rem + 1.5vw); + font-weight: 300; + line-height: 1.2; +} + +@media (min-width: 1200px) { + .display-6 { + font-size: 2.5rem; + } +} + +.list-unstyled { + padding-left: 0; + list-style: none; +} + +.list-inline { + padding-left: 0; + list-style: none; +} + +.list-inline-item { + display: inline-block; +} + +.list-inline-item:not(:last-child) { + margin-right: 0.5rem; +} + +.initialism { + font-size: 0.875em; + text-transform: uppercase; +} + +.blockquote { + margin-bottom: 1rem; + font-size: 1.25rem; +} + +.blockquote> :last-child { + margin-bottom: 0; +} + +.blockquote-footer { + margin-top: -1rem; + margin-bottom: 1rem; + font-size: 0.875em; + color: #6c757d; +} + +.blockquote-footer::before { + content: "— "; +} + +.img-fluid { + max-width: 100%; + height: auto; +} + +.img-thumbnail { + padding: 0.25rem; + background-color: #fff; + border: 1px solid #dee2e6; + border-radius: 0.25rem; + max-width: 100%; + height: auto; +} + +.figure { + display: inline-block; +} + +.figure-img { + margin-bottom: 0.5rem; + line-height: 1; +} + +.figure-caption { + font-size: 0.875em; + color: #6c757d; +} + +.container, +.container-fluid, +.container-xxl, +.container-xl, +.container-lg, +.container-md, +.container-sm { + width: 100%; + padding-right: var(--bs-gutter-x, 0.75rem); + padding-left: var(--bs-gutter-x, 0.75rem); + margin-right: auto; + margin-left: auto; +} + +@media (min-width: 576px) { + .container-sm, + .container { + max-width: 540px; + } +} + +@media (min-width: 768px) { + .container-md, + .container-sm, + .container { + max-width: 720px; + } +} + +@media (min-width: 992px) { + .container-lg, + .container-md, + .container-sm, + .container { + max-width: 960px; + } +} + +@media (min-width: 1200px) { + .container-xl, + .container-lg, + .container-md, + .container-sm, + .container { + max-width: 1140px; + } +} + +@media (min-width: 1400px) { + .container-xxl, + .container-xl, + .container-lg, + .container-md, + .container-sm, + .container { + max-width: 1320px; + } +} + +.row { + --bs-gutter-x: 1.5rem; + --bs-gutter-y: 0; + display: flex; + flex-wrap: wrap; + margin-top: calc(-1 * var(--bs-gutter-y)); + margin-right: calc(-0.5 * var(--bs-gutter-x)); + margin-left: calc(-0.5 * var(--bs-gutter-x)); +} + +.row>* { + flex-shrink: 0; + width: 100%; + max-width: 100%; + padding-right: calc(var(--bs-gutter-x) * 0.5); + padding-left: calc(var(--bs-gutter-x) * 0.5); + margin-top: var(--bs-gutter-y); +} + +.col { + flex: 1 0 0%; +} + +.row-cols-auto>* { + flex: 0 0 auto; + width: auto; +} + +.row-cols-1>* { + flex: 0 0 auto; + width: 100%; +} + +.row-cols-2>* { + flex: 0 0 auto; + width: 50%; +} + +.row-cols-3>* { + flex: 0 0 auto; + width: 33.3333333333%; +} + +.row-cols-4>* { + flex: 0 0 auto; + width: 25%; +} + +.row-cols-5>* { + flex: 0 0 auto; + width: 20%; +} + +.row-cols-6>* { + flex: 0 0 auto; + width: 16.6666666667%; +} + +.col-auto { + flex: 0 0 auto; + width: auto; +} + +.col-1 { + flex: 0 0 auto; + width: 8.33333333%; +} + +.col-2 { + flex: 0 0 auto; + width: 16.66666667%; +} + +.col-3 { + flex: 0 0 auto; + width: 25%; +} + +.col-4 { + flex: 0 0 auto; + width: 33.33333333%; +} + +.col-5 { + flex: 0 0 auto; + width: 41.66666667%; +} + +.col-6 { + flex: 0 0 auto; + width: 50%; +} + +.col-7 { + flex: 0 0 auto; + width: 58.33333333%; +} + +.col-8 { + flex: 0 0 auto; + width: 66.66666667%; +} + +.col-9 { + flex: 0 0 auto; + width: 75%; +} + +.col-10 { + flex: 0 0 auto; + width: 83.33333333%; +} + +.col-11 { + flex: 0 0 auto; + width: 91.66666667%; +} + +.col-12 { + flex: 0 0 auto; + width: 100%; +} + +.offset-1 { + margin-left: 8.33333333%; +} + +.offset-2 { + margin-left: 16.66666667%; +} + +.offset-3 { + margin-left: 25%; +} + +.offset-4 { + margin-left: 33.33333333%; +} + +.offset-5 { + margin-left: 41.66666667%; +} + +.offset-6 { + margin-left: 50%; +} + +.offset-7 { + margin-left: 58.33333333%; +} + +.offset-8 { + margin-left: 66.66666667%; +} + +.offset-9 { + margin-left: 75%; +} + +.offset-10 { + margin-left: 83.33333333%; +} + +.offset-11 { + margin-left: 91.66666667%; +} + +.g-0, +.gx-0 { + --bs-gutter-x: 0; +} + +.g-0, +.gy-0 { + --bs-gutter-y: 0; +} + +.g-1, +.gx-1 { + --bs-gutter-x: 0.25rem; +} + +.g-1, +.gy-1 { + --bs-gutter-y: 0.25rem; +} + +.g-2, +.gx-2 { + --bs-gutter-x: 0.5rem; +} + +.g-2, +.gy-2 { + --bs-gutter-y: 0.5rem; +} + +.g-3, +.gx-3 { + --bs-gutter-x: 1rem; +} + +.g-3, +.gy-3 { + --bs-gutter-y: 1rem; +} + +.g-4, +.gx-4 { + --bs-gutter-x: 1.5rem; +} + +.g-4, +.gy-4 { + --bs-gutter-y: 1.5rem; +} + +.g-5, +.gx-5 { + --bs-gutter-x: 3rem; +} + +.g-5, +.gy-5 { + --bs-gutter-y: 3rem; +} + +@media (min-width: 576px) { + .col-sm { + flex: 1 0 0%; + } + .row-cols-sm-auto>* { + flex: 0 0 auto; + width: auto; + } + .row-cols-sm-1>* { + flex: 0 0 auto; + width: 100%; + } + .row-cols-sm-2>* { + flex: 0 0 auto; + width: 50%; + } + .row-cols-sm-3>* { + flex: 0 0 auto; + width: 33.3333333333%; + } + .row-cols-sm-4>* { + flex: 0 0 auto; + width: 25%; + } + .row-cols-sm-5>* { + flex: 0 0 auto; + width: 20%; + } + .row-cols-sm-6>* { + flex: 0 0 auto; + width: 16.6666666667%; + } + .col-sm-auto { + flex: 0 0 auto; + width: auto; + } + .col-sm-1 { + flex: 0 0 auto; + width: 8.33333333%; + } + .col-sm-2 { + flex: 0 0 auto; + width: 16.66666667%; + } + .col-sm-3 { + flex: 0 0 auto; + width: 25%; + } + .col-sm-4 { + flex: 0 0 auto; + width: 33.33333333%; + } + .col-sm-5 { + flex: 0 0 auto; + width: 41.66666667%; + } + .col-sm-6 { + flex: 0 0 auto; + width: 50%; + } + .col-sm-7 { + flex: 0 0 auto; + width: 58.33333333%; + } + .col-sm-8 { + flex: 0 0 auto; + width: 66.66666667%; + } + .col-sm-9 { + flex: 0 0 auto; + width: 75%; + } + .col-sm-10 { + flex: 0 0 auto; + width: 83.33333333%; + } + .col-sm-11 { + flex: 0 0 auto; + width: 91.66666667%; + } + .col-sm-12 { + flex: 0 0 auto; + width: 100%; + } + .offset-sm-0 { + margin-left: 0; + } + .offset-sm-1 { + margin-left: 8.33333333%; + } + .offset-sm-2 { + margin-left: 16.66666667%; + } + .offset-sm-3 { + margin-left: 25%; + } + .offset-sm-4 { + margin-left: 33.33333333%; + } + .offset-sm-5 { + margin-left: 41.66666667%; + } + .offset-sm-6 { + margin-left: 50%; + } + .offset-sm-7 { + margin-left: 58.33333333%; + } + .offset-sm-8 { + margin-left: 66.66666667%; + } + .offset-sm-9 { + margin-left: 75%; + } + .offset-sm-10 { + margin-left: 83.33333333%; + } + .offset-sm-11 { + margin-left: 91.66666667%; + } + .g-sm-0, + .gx-sm-0 { + --bs-gutter-x: 0; + } + .g-sm-0, + .gy-sm-0 { + --bs-gutter-y: 0; + } + .g-sm-1, + .gx-sm-1 { + --bs-gutter-x: 0.25rem; + } + .g-sm-1, + .gy-sm-1 { + --bs-gutter-y: 0.25rem; + } + .g-sm-2, + .gx-sm-2 { + --bs-gutter-x: 0.5rem; + } + .g-sm-2, + .gy-sm-2 { + --bs-gutter-y: 0.5rem; + } + .g-sm-3, + .gx-sm-3 { + --bs-gutter-x: 1rem; + } + .g-sm-3, + .gy-sm-3 { + --bs-gutter-y: 1rem; + } + .g-sm-4, + .gx-sm-4 { + --bs-gutter-x: 1.5rem; + } + .g-sm-4, + .gy-sm-4 { + --bs-gutter-y: 1.5rem; + } + .g-sm-5, + .gx-sm-5 { + --bs-gutter-x: 3rem; + } + .g-sm-5, + .gy-sm-5 { + --bs-gutter-y: 3rem; + } +} + +@media (min-width: 768px) { + .col-md { + flex: 1 0 0%; + } + .row-cols-md-auto>* { + flex: 0 0 auto; + width: auto; + } + .row-cols-md-1>* { + flex: 0 0 auto; + width: 100%; + } + .row-cols-md-2>* { + flex: 0 0 auto; + width: 50%; + } + .row-cols-md-3>* { + flex: 0 0 auto; + width: 33.3333333333%; + } + .row-cols-md-4>* { + flex: 0 0 auto; + width: 25%; + } + .row-cols-md-5>* { + flex: 0 0 auto; + width: 20%; + } + .row-cols-md-6>* { + flex: 0 0 auto; + width: 16.6666666667%; + } + .col-md-auto { + flex: 0 0 auto; + width: auto; + } + .col-md-1 { + flex: 0 0 auto; + width: 8.33333333%; + } + .col-md-2 { + flex: 0 0 auto; + width: 16.66666667%; + } + .col-md-3 { + flex: 0 0 auto; + width: 25%; + } + .col-md-4 { + flex: 0 0 auto; + width: 33.33333333%; + } + .col-md-5 { + flex: 0 0 auto; + width: 41.66666667%; + } + .col-md-6 { + flex: 0 0 auto; + width: 50%; + } + .col-md-7 { + flex: 0 0 auto; + width: 58.33333333%; + } + .col-md-8 { + flex: 0 0 auto; + width: 66.66666667%; + } + .col-md-9 { + flex: 0 0 auto; + width: 75%; + } + .col-md-10 { + flex: 0 0 auto; + width: 83.33333333%; + } + .col-md-11 { + flex: 0 0 auto; + width: 91.66666667%; + } + .col-md-12 { + flex: 0 0 auto; + width: 100%; + } + .offset-md-0 { + margin-left: 0; + } + .offset-md-1 { + margin-left: 8.33333333%; + } + .offset-md-2 { + margin-left: 16.66666667%; + } + .offset-md-3 { + margin-left: 25%; + } + .offset-md-4 { + margin-left: 33.33333333%; + } + .offset-md-5 { + margin-left: 41.66666667%; + } + .offset-md-6 { + margin-left: 50%; + } + .offset-md-7 { + margin-left: 58.33333333%; + } + .offset-md-8 { + margin-left: 66.66666667%; + } + .offset-md-9 { + margin-left: 75%; + } + .offset-md-10 { + margin-left: 83.33333333%; + } + .offset-md-11 { + margin-left: 91.66666667%; + } + .g-md-0, + .gx-md-0 { + --bs-gutter-x: 0; + } + .g-md-0, + .gy-md-0 { + --bs-gutter-y: 0; + } + .g-md-1, + .gx-md-1 { + --bs-gutter-x: 0.25rem; + } + .g-md-1, + .gy-md-1 { + --bs-gutter-y: 0.25rem; + } + .g-md-2, + .gx-md-2 { + --bs-gutter-x: 0.5rem; + } + .g-md-2, + .gy-md-2 { + --bs-gutter-y: 0.5rem; + } + .g-md-3, + .gx-md-3 { + --bs-gutter-x: 1rem; + } + .g-md-3, + .gy-md-3 { + --bs-gutter-y: 1rem; + } + .g-md-4, + .gx-md-4 { + --bs-gutter-x: 1.5rem; + } + .g-md-4, + .gy-md-4 { + --bs-gutter-y: 1.5rem; + } + .g-md-5, + .gx-md-5 { + --bs-gutter-x: 3rem; + } + .g-md-5, + .gy-md-5 { + --bs-gutter-y: 3rem; + } +} + +@media (min-width: 992px) { + .col-lg { + flex: 1 0 0%; + } + .row-cols-lg-auto>* { + flex: 0 0 auto; + width: auto; + } + .row-cols-lg-1>* { + flex: 0 0 auto; + width: 100%; + } + .row-cols-lg-2>* { + flex: 0 0 auto; + width: 50%; + } + .row-cols-lg-3>* { + flex: 0 0 auto; + width: 33.3333333333%; + } + .row-cols-lg-4>* { + flex: 0 0 auto; + width: 25%; + } + .row-cols-lg-5>* { + flex: 0 0 auto; + width: 20%; + } + .row-cols-lg-6>* { + flex: 0 0 auto; + width: 16.6666666667%; + } + .col-lg-auto { + flex: 0 0 auto; + width: auto; + } + .col-lg-1 { + flex: 0 0 auto; + width: 8.33333333%; + } + .col-lg-2 { + flex: 0 0 auto; + width: 16.66666667%; + } + .col-lg-3 { + flex: 0 0 auto; + width: 25%; + } + .col-lg-4 { + flex: 0 0 auto; + width: 33.33333333%; + } + .col-lg-5 { + flex: 0 0 auto; + width: 41.66666667%; + } + .col-lg-6 { + flex: 0 0 auto; + width: 50%; + } + .col-lg-7 { + flex: 0 0 auto; + width: 58.33333333%; + } + .col-lg-8 { + flex: 0 0 auto; + width: 66.66666667%; + } + .col-lg-9 { + flex: 0 0 auto; + width: 75%; + } + .col-lg-10 { + flex: 0 0 auto; + width: 83.33333333%; + } + .col-lg-11 { + flex: 0 0 auto; + width: 91.66666667%; + } + .col-lg-12 { + flex: 0 0 auto; + width: 100%; + } + .offset-lg-0 { + margin-left: 0; + } + .offset-lg-1 { + margin-left: 8.33333333%; + } + .offset-lg-2 { + margin-left: 16.66666667%; + } + .offset-lg-3 { + margin-left: 25%; + } + .offset-lg-4 { + margin-left: 33.33333333%; + } + .offset-lg-5 { + margin-left: 41.66666667%; + } + .offset-lg-6 { + margin-left: 50%; + } + .offset-lg-7 { + margin-left: 58.33333333%; + } + .offset-lg-8 { + margin-left: 66.66666667%; + } + .offset-lg-9 { + margin-left: 75%; + } + .offset-lg-10 { + margin-left: 83.33333333%; + } + .offset-lg-11 { + margin-left: 91.66666667%; + } + .g-lg-0, + .gx-lg-0 { + --bs-gutter-x: 0; + } + .g-lg-0, + .gy-lg-0 { + --bs-gutter-y: 0; + } + .g-lg-1, + .gx-lg-1 { + --bs-gutter-x: 0.25rem; + } + .g-lg-1, + .gy-lg-1 { + --bs-gutter-y: 0.25rem; + } + .g-lg-2, + .gx-lg-2 { + --bs-gutter-x: 0.5rem; + } + .g-lg-2, + .gy-lg-2 { + --bs-gutter-y: 0.5rem; + } + .g-lg-3, + .gx-lg-3 { + --bs-gutter-x: 1rem; + } + .g-lg-3, + .gy-lg-3 { + --bs-gutter-y: 1rem; + } + .g-lg-4, + .gx-lg-4 { + --bs-gutter-x: 1.5rem; + } + .g-lg-4, + .gy-lg-4 { + --bs-gutter-y: 1.5rem; + } + .g-lg-5, + .gx-lg-5 { + --bs-gutter-x: 3rem; + } + .g-lg-5, + .gy-lg-5 { + --bs-gutter-y: 3rem; + } +} + +@media (min-width: 1200px) { + .col-xl { + flex: 1 0 0%; + } + .row-cols-xl-auto>* { + flex: 0 0 auto; + width: auto; + } + .row-cols-xl-1>* { + flex: 0 0 auto; + width: 100%; + } + .row-cols-xl-2>* { + flex: 0 0 auto; + width: 50%; + } + .row-cols-xl-3>* { + flex: 0 0 auto; + width: 33.3333333333%; + } + .row-cols-xl-4>* { + flex: 0 0 auto; + width: 25%; + } + .row-cols-xl-5>* { + flex: 0 0 auto; + width: 20%; + } + .row-cols-xl-6>* { + flex: 0 0 auto; + width: 16.6666666667%; + } + .col-xl-auto { + flex: 0 0 auto; + width: auto; + } + .col-xl-1 { + flex: 0 0 auto; + width: 8.33333333%; + } + .col-xl-2 { + flex: 0 0 auto; + width: 16.66666667%; + } + .col-xl-3 { + flex: 0 0 auto; + width: 25%; + } + .col-xl-4 { + flex: 0 0 auto; + width: 33.33333333%; + } + .col-xl-5 { + flex: 0 0 auto; + width: 41.66666667%; + } + .col-xl-6 { + flex: 0 0 auto; + width: 50%; + } + .col-xl-7 { + flex: 0 0 auto; + width: 58.33333333%; + } + .col-xl-8 { + flex: 0 0 auto; + width: 66.66666667%; + } + .col-xl-9 { + flex: 0 0 auto; + width: 75%; + } + .col-xl-10 { + flex: 0 0 auto; + width: 83.33333333%; + } + .col-xl-11 { + flex: 0 0 auto; + width: 91.66666667%; + } + .col-xl-12 { + flex: 0 0 auto; + width: 100%; + } + .offset-xl-0 { + margin-left: 0; + } + .offset-xl-1 { + margin-left: 8.33333333%; + } + .offset-xl-2 { + margin-left: 16.66666667%; + } + .offset-xl-3 { + margin-left: 25%; + } + .offset-xl-4 { + margin-left: 33.33333333%; + } + .offset-xl-5 { + margin-left: 41.66666667%; + } + .offset-xl-6 { + margin-left: 50%; + } + .offset-xl-7 { + margin-left: 58.33333333%; + } + .offset-xl-8 { + margin-left: 66.66666667%; + } + .offset-xl-9 { + margin-left: 75%; + } + .offset-xl-10 { + margin-left: 83.33333333%; + } + .offset-xl-11 { + margin-left: 91.66666667%; + } + .g-xl-0, + .gx-xl-0 { + --bs-gutter-x: 0; + } + .g-xl-0, + .gy-xl-0 { + --bs-gutter-y: 0; + } + .g-xl-1, + .gx-xl-1 { + --bs-gutter-x: 0.25rem; + } + .g-xl-1, + .gy-xl-1 { + --bs-gutter-y: 0.25rem; + } + .g-xl-2, + .gx-xl-2 { + --bs-gutter-x: 0.5rem; + } + .g-xl-2, + .gy-xl-2 { + --bs-gutter-y: 0.5rem; + } + .g-xl-3, + .gx-xl-3 { + --bs-gutter-x: 1rem; + } + .g-xl-3, + .gy-xl-3 { + --bs-gutter-y: 1rem; + } + .g-xl-4, + .gx-xl-4 { + --bs-gutter-x: 1.5rem; + } + .g-xl-4, + .gy-xl-4 { + --bs-gutter-y: 1.5rem; + } + .g-xl-5, + .gx-xl-5 { + --bs-gutter-x: 3rem; + } + .g-xl-5, + .gy-xl-5 { + --bs-gutter-y: 3rem; + } +} + +@media (min-width: 1400px) { + .col-xxl { + flex: 1 0 0%; + } + .row-cols-xxl-auto>* { + flex: 0 0 auto; + width: auto; + } + .row-cols-xxl-1>* { + flex: 0 0 auto; + width: 100%; + } + .row-cols-xxl-2>* { + flex: 0 0 auto; + width: 50%; + } + .row-cols-xxl-3>* { + flex: 0 0 auto; + width: 33.3333333333%; + } + .row-cols-xxl-4>* { + flex: 0 0 auto; + width: 25%; + } + .row-cols-xxl-5>* { + flex: 0 0 auto; + width: 20%; + } + .row-cols-xxl-6>* { + flex: 0 0 auto; + width: 16.6666666667%; + } + .col-xxl-auto { + flex: 0 0 auto; + width: auto; + } + .col-xxl-1 { + flex: 0 0 auto; + width: 8.33333333%; + } + .col-xxl-2 { + flex: 0 0 auto; + width: 16.66666667%; + } + .col-xxl-3 { + flex: 0 0 auto; + width: 25%; + } + .col-xxl-4 { + flex: 0 0 auto; + width: 33.33333333%; + } + .col-xxl-5 { + flex: 0 0 auto; + width: 41.66666667%; + } + .col-xxl-6 { + flex: 0 0 auto; + width: 50%; + } + .col-xxl-7 { + flex: 0 0 auto; + width: 58.33333333%; + } + .col-xxl-8 { + flex: 0 0 auto; + width: 66.66666667%; + } + .col-xxl-9 { + flex: 0 0 auto; + width: 75%; + } + .col-xxl-10 { + flex: 0 0 auto; + width: 83.33333333%; + } + .col-xxl-11 { + flex: 0 0 auto; + width: 91.66666667%; + } + .col-xxl-12 { + flex: 0 0 auto; + width: 100%; + } + .offset-xxl-0 { + margin-left: 0; + } + .offset-xxl-1 { + margin-left: 8.33333333%; + } + .offset-xxl-2 { + margin-left: 16.66666667%; + } + .offset-xxl-3 { + margin-left: 25%; + } + .offset-xxl-4 { + margin-left: 33.33333333%; + } + .offset-xxl-5 { + margin-left: 41.66666667%; + } + .offset-xxl-6 { + margin-left: 50%; + } + .offset-xxl-7 { + margin-left: 58.33333333%; + } + .offset-xxl-8 { + margin-left: 66.66666667%; + } + .offset-xxl-9 { + margin-left: 75%; + } + .offset-xxl-10 { + margin-left: 83.33333333%; + } + .offset-xxl-11 { + margin-left: 91.66666667%; + } + .g-xxl-0, + .gx-xxl-0 { + --bs-gutter-x: 0; + } + .g-xxl-0, + .gy-xxl-0 { + --bs-gutter-y: 0; + } + .g-xxl-1, + .gx-xxl-1 { + --bs-gutter-x: 0.25rem; + } + .g-xxl-1, + .gy-xxl-1 { + --bs-gutter-y: 0.25rem; + } + .g-xxl-2, + .gx-xxl-2 { + --bs-gutter-x: 0.5rem; + } + .g-xxl-2, + .gy-xxl-2 { + --bs-gutter-y: 0.5rem; + } + .g-xxl-3, + .gx-xxl-3 { + --bs-gutter-x: 1rem; + } + .g-xxl-3, + .gy-xxl-3 { + --bs-gutter-y: 1rem; + } + .g-xxl-4, + .gx-xxl-4 { + --bs-gutter-x: 1.5rem; + } + .g-xxl-4, + .gy-xxl-4 { + --bs-gutter-y: 1.5rem; + } + .g-xxl-5, + .gx-xxl-5 { + --bs-gutter-x: 3rem; + } + .g-xxl-5, + .gy-xxl-5 { + --bs-gutter-y: 3rem; + } +} + +.table { + --bs-table-bg: transparent; + --bs-table-accent-bg: transparent; + --bs-table-striped-color: #212529; + --bs-table-striped-bg: rgba(0, 0, 0, 0.05); + --bs-table-active-color: #212529; + --bs-table-active-bg: rgba(0, 0, 0, 0.1); + --bs-table-hover-color: #212529; + --bs-table-hover-bg: rgba(0, 0, 0, 0.075); + width: 100%; + margin-bottom: 1rem; + color: #212529; + vertical-align: top; + border-color: #dee2e6; +} + +.table> :not(caption)>*>* { + padding: 0.5rem 0.5rem; + background-color: var(--bs-table-bg); + border-bottom-width: 1px; + box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg); +} + +.table>tbody { + vertical-align: inherit; +} + +.table>thead { + vertical-align: bottom; +} + +.table> :not(:first-child) { + border-top: 2px solid currentColor; +} + +.caption-top { + caption-side: top; +} + +.table-sm> :not(caption)>*>* { + padding: 0.25rem 0.25rem; +} + +.table-bordered> :not(caption)>* { + border-width: 1px 0; +} + +.table-bordered> :not(caption)>*>* { + border-width: 0 1px; +} + +.table-borderless> :not(caption)>*>* { + border-bottom-width: 0; +} + +.table-borderless> :not(:first-child) { + border-top-width: 0; +} + +.table-striped>tbody>tr:nth-of-type(odd)>* { + --bs-table-accent-bg: var(--bs-table-striped-bg); + color: var(--bs-table-striped-color); +} + +.table-active { + --bs-table-accent-bg: var(--bs-table-active-bg); + color: var(--bs-table-active-color); +} + +.table-hover>tbody>tr:hover>* { + --bs-table-accent-bg: var(--bs-table-hover-bg); + color: var(--bs-table-hover-color); +} + +.table-primary { + --bs-table-bg: #f2dfd7; + --bs-table-striped-bg: #e6d4cc; + --bs-table-striped-color: #000; + --bs-table-active-bg: #dac9c2; + --bs-table-active-color: #000; + --bs-table-hover-bg: #e0cec7; + --bs-table-hover-color: #000; + color: #000; + border-color: #dac9c2; +} + +.table-secondary { + --bs-table-bg: #e2e3e5; + --bs-table-striped-bg: #d7d8da; + --bs-table-striped-color: #000; + --bs-table-active-bg: #cbccce; + --bs-table-active-color: #000; + --bs-table-hover-bg: #d1d2d4; + --bs-table-hover-color: #000; + color: #000; + border-color: #cbccce; +} + +.table-success { + --bs-table-bg: #d1e7dd; + --bs-table-striped-bg: #c7dbd2; + --bs-table-striped-color: #000; + --bs-table-active-bg: #bcd0c7; + --bs-table-active-color: #000; + --bs-table-hover-bg: #c1d6cc; + --bs-table-hover-color: #000; + color: #000; + border-color: #bcd0c7; +} + +.table-info { + --bs-table-bg: #cff4fc; + --bs-table-striped-bg: #c5e8ef; + --bs-table-striped-color: #000; + --bs-table-active-bg: #badce3; + --bs-table-active-color: #000; + --bs-table-hover-bg: #bfe2e9; + --bs-table-hover-color: #000; + color: #000; + border-color: #badce3; +} + +.table-warning { + --bs-table-bg: #fff3cd; + --bs-table-striped-bg: #f2e7c3; + --bs-table-striped-color: #000; + --bs-table-active-bg: #e6dbb9; + --bs-table-active-color: #000; + --bs-table-hover-bg: #ece1be; + --bs-table-hover-color: #000; + color: #000; + border-color: #e6dbb9; +} + +.table-danger { + --bs-table-bg: #f8d7da; + --bs-table-striped-bg: #eccccf; + --bs-table-striped-color: #000; + --bs-table-active-bg: #dfc2c4; + --bs-table-active-color: #000; + --bs-table-hover-bg: #e5c7ca; + --bs-table-hover-color: #000; + color: #000; + border-color: #dfc2c4; +} + +.table-light { + --bs-table-bg: #f8f9fa; + --bs-table-striped-bg: #ecedee; + --bs-table-striped-color: #000; + --bs-table-active-bg: #dfe0e1; + --bs-table-active-color: #000; + --bs-table-hover-bg: #e5e6e7; + --bs-table-hover-color: #000; + color: #000; + border-color: #dfe0e1; +} + +.table-dark { + --bs-table-bg: #212529; + --bs-table-striped-bg: #2c3034; + --bs-table-striped-color: #fff; + --bs-table-active-bg: #373b3e; + --bs-table-active-color: #fff; + --bs-table-hover-bg: #323539; + --bs-table-hover-color: #fff; + color: #fff; + border-color: #373b3e; +} + +.table-responsive { + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} + +@media (max-width: 575.98px) { + .table-responsive-sm { + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } +} + +@media (max-width: 767.98px) { + .table-responsive-md { + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } +} + +@media (max-width: 991.98px) { + .table-responsive-lg { + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } +} + +@media (max-width: 1199.98px) { + .table-responsive-xl { + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } +} + +@media (max-width: 1399.98px) { + .table-responsive-xxl { + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } +} + +.form-label { + margin-bottom: 0.5rem; +} + +.col-form-label { + padding-top: calc(0.375rem + 1px); + padding-bottom: calc(0.375rem + 1px); + margin-bottom: 0; + font-size: inherit; + line-height: 1.5; +} + +.col-form-label-lg { + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); + font-size: 1.25rem; +} + +.col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.875rem; +} + +.form-text { + margin-top: 0.25rem; + font-size: 0.875em; + color: #6c757d; +} + +.form-control { + display: block; + width: 100%; + padding: 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #212529; + background-color: #fff; + background-clip: padding-box; + border: 1px solid #ced4da; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + border-radius: 0.25rem; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} + +.form-control[type=file] { + overflow: hidden; +} + +.form-control[type=file]:not(:disabled):not([readonly]) { + cursor: pointer; +} + +.form-control:focus { + color: #212529; + background-color: #fff; + border-color: #deae9c; + outline: 0; + box-shadow: 0 0 0 0.25rem rgba(189, 93, 56, 0.25); +} + +.form-control::-webkit-date-and-time-value { + height: 1.5em; +} + +.form-control::-moz-placeholder { + color: #6c757d; + opacity: 1; +} + +.form-control:-ms-input-placeholder { + color: #6c757d; + opacity: 1; +} + +.form-control::placeholder { + color: #6c757d; + opacity: 1; +} + +.form-control:disabled, +.form-control[readonly] { + background-color: #e9ecef; + opacity: 1; +} + +.form-control::-webkit-file-upload-button { + padding: 0.375rem 0.75rem; + margin: -0.375rem -0.75rem; + -webkit-margin-end: 0.75rem; + margin-inline-end: 0.75rem; + color: #212529; + background-color: #e9ecef; + pointer-events: none; + border-color: inherit; + border-style: solid; + border-width: 0; + border-inline-end-width: 1px; + border-radius: 0; + -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} + +.form-control::file-selector-button { + padding: 0.375rem 0.75rem; + margin: -0.375rem -0.75rem; + -webkit-margin-end: 0.75rem; + margin-inline-end: 0.75rem; + color: #212529; + background-color: #e9ecef; + pointer-events: none; + border-color: inherit; + border-style: solid; + border-width: 0; + border-inline-end-width: 1px; + border-radius: 0; + transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .form-control::-webkit-file-upload-button { + -webkit-transition: none; + transition: none; + } + .form-control::file-selector-button { + transition: none; + } +} + +.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button { + background-color: #dde0e3; +} + +.form-control:hover:not(:disabled):not([readonly])::file-selector-button { + background-color: #dde0e3; +} + +.form-control::-webkit-file-upload-button { + padding: 0.375rem 0.75rem; + margin: -0.375rem -0.75rem; + -webkit-margin-end: 0.75rem; + margin-inline-end: 0.75rem; + color: #212529; + background-color: #e9ecef; + pointer-events: none; + border-color: inherit; + border-style: solid; + border-width: 0; + border-inline-end-width: 1px; + border-radius: 0; + -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .form-control::-webkit-file-upload-button { + -webkit-transition: none; + transition: none; + } +} + +.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button { + background-color: #dde0e3; +} + +.form-control-plaintext { + display: block; + width: 100%; + padding: 0.375rem 0; + margin-bottom: 0; + line-height: 1.5; + color: #212529; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; +} + +.form-control-plaintext.form-control-sm, +.form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; +} + +.form-control-sm { + min-height: calc(1.5em + 0.5rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + border-radius: 0.2rem; +} + +.form-control-sm::-webkit-file-upload-button { + padding: 0.25rem 0.5rem; + margin: -0.25rem -0.5rem; + -webkit-margin-end: 0.5rem; + margin-inline-end: 0.5rem; +} + +.form-control-sm::file-selector-button { + padding: 0.25rem 0.5rem; + margin: -0.25rem -0.5rem; + -webkit-margin-end: 0.5rem; + margin-inline-end: 0.5rem; +} + +.form-control-sm::-webkit-file-upload-button { + padding: 0.25rem 0.5rem; + margin: -0.25rem -0.5rem; + -webkit-margin-end: 0.5rem; + margin-inline-end: 0.5rem; +} + +.form-control-lg { + min-height: calc(1.5em + 1rem + 2px); + padding: 0.5rem 1rem; + font-size: 1.25rem; + border-radius: 0.3rem; +} + +.form-control-lg::-webkit-file-upload-button { + padding: 0.5rem 1rem; + margin: -0.5rem -1rem; + -webkit-margin-end: 1rem; + margin-inline-end: 1rem; +} + +.form-control-lg::file-selector-button { + padding: 0.5rem 1rem; + margin: -0.5rem -1rem; + -webkit-margin-end: 1rem; + margin-inline-end: 1rem; +} + +.form-control-lg::-webkit-file-upload-button { + padding: 0.5rem 1rem; + margin: -0.5rem -1rem; + -webkit-margin-end: 1rem; + margin-inline-end: 1rem; +} + +textarea.form-control { + min-height: calc(1.5em + 0.75rem + 2px); +} + +textarea.form-control-sm { + min-height: calc(1.5em + 0.5rem + 2px); +} + +textarea.form-control-lg { + min-height: calc(1.5em + 1rem + 2px); +} + +.form-control-color { + width: 3rem; + height: auto; + padding: 0.375rem; +} + +.form-control-color:not(:disabled):not([readonly]) { + cursor: pointer; +} + +.form-control-color::-moz-color-swatch { + height: 1.5em; + border-radius: 0.25rem; +} + +.form-control-color::-webkit-color-swatch { + height: 1.5em; + border-radius: 0.25rem; +} + +.form-select { + display: block; + width: 100%; + padding: 0.375rem 2.25rem 0.375rem 0.75rem; + -moz-padding-start: calc(0.75rem - 3px); + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #212529; + background-color: #fff; + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right 0.75rem center; + background-size: 16px 12px; + border: 1px solid #ced4da; + border-radius: 0.25rem; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; +} + +@media (prefers-reduced-motion: reduce) { + .form-select { + transition: none; + } +} + +.form-select:focus { + border-color: #deae9c; + outline: 0; + box-shadow: 0 0 0 0.25rem rgba(189, 93, 56, 0.25); +} + +.form-select[multiple], +.form-select[size]:not([size="1"]) { + padding-right: 0.75rem; + background-image: none; +} + +.form-select:disabled { + background-color: #e9ecef; +} + +.form-select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #212529; +} + +.form-select-sm { + padding-top: 0.25rem; + padding-bottom: 0.25rem; + padding-left: 0.5rem; + font-size: 0.875rem; + border-radius: 0.2rem; +} + +.form-select-lg { + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 1rem; + font-size: 1.25rem; + border-radius: 0.3rem; +} + +.form-check { + display: block; + min-height: 1.5rem; + padding-left: 1.5em; + margin-bottom: 0.125rem; +} + +.form-check .form-check-input { + float: left; + margin-left: -1.5em; +} + +.form-check-input { + width: 1em; + height: 1em; + margin-top: 0.25em; + vertical-align: top; + background-color: #fff; + background-repeat: no-repeat; + background-position: center; + background-size: contain; + border: 1px solid rgba(0, 0, 0, 0.25); + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + -webkit-print-color-adjust: exact; + color-adjust: exact; +} + +.form-check-input[type=checkbox] { + border-radius: 0.25em; +} + +.form-check-input[type=radio] { + border-radius: 50%; +} + +.form-check-input:active { + filter: brightness(90%); +} + +.form-check-input:focus { + border-color: #deae9c; + outline: 0; + box-shadow: 0 0 0 0.25rem rgba(189, 93, 56, 0.25); +} + +.form-check-input:checked { + background-color: #bd5d38; + border-color: #bd5d38; +} + +.form-check-input:checked[type=checkbox] { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e"); +} + +.form-check-input:checked[type=radio] { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e"); +} + +.form-check-input[type=checkbox]:indeterminate { + background-color: #bd5d38; + border-color: #bd5d38; + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e"); +} + +.form-check-input:disabled { + pointer-events: none; + filter: none; + opacity: 0.5; +} + +.form-check-input[disabled]~.form-check-label, +.form-check-input:disabled~.form-check-label { + opacity: 0.5; +} + +.form-switch { + padding-left: 2.5em; +} + +.form-switch .form-check-input { + width: 2em; + margin-left: -2.5em; + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e"); + background-position: left center; + border-radius: 2em; + transition: background-position 0.15s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .form-switch .form-check-input { + transition: none; + } +} + +.form-switch .form-check-input:focus { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23deae9c'/%3e%3c/svg%3e"); +} + +.form-switch .form-check-input:checked { + background-position: right center; + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); +} + +.form-check-inline { + display: inline-block; + margin-right: 1rem; +} + +.btn-check { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} + +.btn-check[disabled]+.btn, +.btn-check:disabled+.btn { + pointer-events: none; + filter: none; + opacity: 0.65; +} + +.form-range { + width: 100%; + height: 1.5rem; + padding: 0; + background-color: transparent; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; +} + +.form-range:focus { + outline: 0; +} + +.form-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(189, 93, 56, 0.25); +} + +.form-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(189, 93, 56, 0.25); +} + +.form-range::-moz-focus-outer { + border: 0; +} + +.form-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + background-color: #bd5d38; + border: 0; + border-radius: 1rem; + -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + -webkit-appearance: none; + appearance: none; +} + +@media (prefers-reduced-motion: reduce) { + .form-range::-webkit-slider-thumb { + -webkit-transition: none; + transition: none; + } +} + +.form-range::-webkit-slider-thumb:active { + background-color: #ebcec3; +} + +.form-range::-webkit-slider-runnable-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #dee2e6; + border-color: transparent; + border-radius: 1rem; +} + +.form-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + background-color: #bd5d38; + border: 0; + border-radius: 1rem; + -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + -moz-appearance: none; + appearance: none; +} + +@media (prefers-reduced-motion: reduce) { + .form-range::-moz-range-thumb { + -moz-transition: none; + transition: none; + } +} + +.form-range::-moz-range-thumb:active { + background-color: #ebcec3; +} + +.form-range::-moz-range-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #dee2e6; + border-color: transparent; + border-radius: 1rem; +} + +.form-range:disabled { + pointer-events: none; +} + +.form-range:disabled::-webkit-slider-thumb { + background-color: #adb5bd; +} + +.form-range:disabled::-moz-range-thumb { + background-color: #adb5bd; +} + +.form-floating { + position: relative; +} + +.form-floating>.form-control, +.form-floating>.form-select { + height: calc(3.5rem + 2px); + line-height: 1.25; +} + +.form-floating>label { + position: absolute; + top: 0; + left: 0; + height: 100%; + padding: 1rem 0.75rem; + pointer-events: none; + border: 1px solid transparent; + transform-origin: 0 0; + transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .form-floating>label { + transition: none; + } +} + +.form-floating>.form-control { + padding: 1rem 0.75rem; +} + +.form-floating>.form-control::-moz-placeholder { + color: transparent; +} + +.form-floating>.form-control:-ms-input-placeholder { + color: transparent; +} + +.form-floating>.form-control::placeholder { + color: transparent; +} + +.form-floating>.form-control:not(:-moz-placeholder-shown) { + padding-top: 1.625rem; + padding-bottom: 0.625rem; +} + +.form-floating>.form-control:not(:-ms-input-placeholder) { + padding-top: 1.625rem; + padding-bottom: 0.625rem; +} + +.form-floating>.form-control:focus, +.form-floating>.form-control:not(:placeholder-shown) { + padding-top: 1.625rem; + padding-bottom: 0.625rem; +} + +.form-floating>.form-control:-webkit-autofill { + padding-top: 1.625rem; + padding-bottom: 0.625rem; +} + +.form-floating>.form-select { + padding-top: 1.625rem; + padding-bottom: 0.625rem; +} + +.form-floating>.form-control:not(:-moz-placeholder-shown)~label { + opacity: 0.65; + transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); +} + +.form-floating>.form-control:not(:-ms-input-placeholder)~label { + opacity: 0.65; + transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); +} + +.form-floating>.form-control:focus~label, +.form-floating>.form-control:not(:placeholder-shown)~label, +.form-floating>.form-select~label { + opacity: 0.65; + transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); +} + +.form-floating>.form-control:-webkit-autofill~label { + opacity: 0.65; + transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); +} + +.input-group { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100%; +} + +.input-group>.form-control, +.input-group>.form-select { + position: relative; + flex: 1 1 auto; + width: 1%; + min-width: 0; +} + +.input-group>.form-control:focus, +.input-group>.form-select:focus { + z-index: 3; +} + +.input-group .btn { + position: relative; + z-index: 2; +} + +.input-group .btn:focus { + z-index: 3; +} + +.input-group-text { + display: flex; + align-items: center; + padding: 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #212529; + text-align: center; + white-space: nowrap; + background-color: #e9ecef; + border: 1px solid #ced4da; + border-radius: 0.25rem; +} + +.input-group-lg>.form-control, +.input-group-lg>.form-select, +.input-group-lg>.input-group-text, +.input-group-lg>.btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + border-radius: 0.3rem; +} + +.input-group-sm>.form-control, +.input-group-sm>.form-select, +.input-group-sm>.input-group-text, +.input-group-sm>.btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + border-radius: 0.2rem; +} + +.input-group-lg>.form-select, +.input-group-sm>.form-select { + padding-right: 3rem; +} + +.input-group:not(.has-validation)> :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu), +.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group.has-validation> :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu), +.input-group.has-validation>.dropdown-toggle:nth-last-child(n+4) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group> :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { + margin-left: -1px; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 0.875em; + color: #198754; +} + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + color: #fff; + background-color: rgba(25, 135, 84, 0.9); + border-radius: 0.25rem; +} + +.was-validated :valid~.valid-feedback, +.was-validated :valid~.valid-tooltip, +.is-valid~.valid-feedback, +.is-valid~.valid-tooltip { + display: block; +} + +.was-validated .form-control:valid, +.form-control.is-valid { + border-color: #198754; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} + +.was-validated .form-control:valid:focus, +.form-control.is-valid:focus { + border-color: #198754; + box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25); +} + +.was-validated textarea.form-control:valid, +textarea.form-control.is-valid { + padding-right: calc(1.5em + 0.75rem); + background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); +} + +.was-validated .form-select:valid, +.form-select.is-valid { + border-color: #198754; +} + +.was-validated .form-select:valid:not([multiple]):not([size]), +.was-validated .form-select:valid:not([multiple])[size="1"], +.form-select.is-valid:not([multiple]):not([size]), +.form-select.is-valid:not([multiple])[size="1"] { + padding-right: 4.125rem; + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); + background-position: right 0.75rem center, center right 2.25rem; + background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} + +.was-validated .form-select:valid:focus, +.form-select.is-valid:focus { + border-color: #198754; + box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25); +} + +.was-validated .form-check-input:valid, +.form-check-input.is-valid { + border-color: #198754; +} + +.was-validated .form-check-input:valid:checked, +.form-check-input.is-valid:checked { + background-color: #198754; +} + +.was-validated .form-check-input:valid:focus, +.form-check-input.is-valid:focus { + box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25); +} + +.was-validated .form-check-input:valid~.form-check-label, +.form-check-input.is-valid~.form-check-label { + color: #198754; +} + +.form-check-inline .form-check-input~.valid-feedback { + margin-left: 0.5em; +} + +.was-validated .input-group .form-control:valid, +.input-group .form-control.is-valid, +.was-validated .input-group .form-select:valid, +.input-group .form-select.is-valid { + z-index: 1; +} + +.was-validated .input-group .form-control:valid:focus, +.input-group .form-control.is-valid:focus, +.was-validated .input-group .form-select:valid:focus, +.input-group .form-select.is-valid:focus { + z-index: 3; +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 0.875em; + color: #dc3545; +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + color: #fff; + background-color: rgba(220, 53, 69, 0.9); + border-radius: 0.25rem; +} + +.was-validated :invalid~.invalid-feedback, +.was-validated :invalid~.invalid-tooltip, +.is-invalid~.invalid-feedback, +.is-invalid~.invalid-tooltip { + display: block; +} + +.was-validated .form-control:invalid, +.form-control.is-invalid { + border-color: #dc3545; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} + +.was-validated .form-control:invalid:focus, +.form-control.is-invalid:focus { + border-color: #dc3545; + box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25); +} + +.was-validated textarea.form-control:invalid, +textarea.form-control.is-invalid { + padding-right: calc(1.5em + 0.75rem); + background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); +} + +.was-validated .form-select:invalid, +.form-select.is-invalid { + border-color: #dc3545; +} + +.was-validated .form-select:invalid:not([multiple]):not([size]), +.was-validated .form-select:invalid:not([multiple])[size="1"], +.form-select.is-invalid:not([multiple]):not([size]), +.form-select.is-invalid:not([multiple])[size="1"] { + padding-right: 4.125rem; + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); + background-position: right 0.75rem center, center right 2.25rem; + background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} + +.was-validated .form-select:invalid:focus, +.form-select.is-invalid:focus { + border-color: #dc3545; + box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25); +} + +.was-validated .form-check-input:invalid, +.form-check-input.is-invalid { + border-color: #dc3545; +} + +.was-validated .form-check-input:invalid:checked, +.form-check-input.is-invalid:checked { + background-color: #dc3545; +} + +.was-validated .form-check-input:invalid:focus, +.form-check-input.is-invalid:focus { + box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25); +} + +.was-validated .form-check-input:invalid~.form-check-label, +.form-check-input.is-invalid~.form-check-label { + color: #dc3545; +} + +.form-check-inline .form-check-input~.invalid-feedback { + margin-left: 0.5em; +} + +.was-validated .input-group .form-control:invalid, +.input-group .form-control.is-invalid, +.was-validated .input-group .form-select:invalid, +.input-group .form-select.is-invalid { + z-index: 2; +} + +.was-validated .input-group .form-control:invalid:focus, +.input-group .form-control.is-invalid:focus, +.was-validated .input-group .form-select:invalid:focus, +.input-group .form-select.is-invalid:focus { + z-index: 3; +} + +.btn { + display: inline-block; + font-weight: 400; + line-height: 1.5; + color: #212529; + text-align: center; + text-decoration: none; + vertical-align: middle; + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + background-color: transparent; + border: 1px solid transparent; + padding: 0.375rem 0.75rem; + font-size: 1rem; + border-radius: 0.25rem; + transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .btn { + transition: none; + } +} + +.btn:hover { + color: #212529; +} + +.btn-check:focus+.btn, +.btn:focus { + outline: 0; + box-shadow: 0 0 0 0.25rem rgba(189, 93, 56, 0.25); +} + +.btn:disabled, +.btn.disabled, +fieldset:disabled .btn { + pointer-events: none; + opacity: 0.65; +} + +.btn-primary { + color: #000; + background-color: #bd5d38; + border-color: #bd5d38; +} + +.btn-primary:hover { + color: #000; + background-color: #c77556; + border-color: #c46d4c; +} + +.btn-check:focus+.btn-primary, +.btn-primary:focus { + color: #000; + background-color: #c77556; + border-color: #c46d4c; + box-shadow: 0 0 0 0.25rem rgba(161, 79, 48, 0.5); +} + +.btn-check:checked+.btn-primary, +.btn-check:active+.btn-primary, +.btn-primary:active, +.btn-primary.active, +.show>.btn-primary.dropdown-toggle { + color: #000; + background-color: #ca7d60; + border-color: #c46d4c; +} + +.btn-check:checked+.btn-primary:focus, +.btn-check:active+.btn-primary:focus, +.btn-primary:active:focus, +.btn-primary.active:focus, +.show>.btn-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.25rem rgba(161, 79, 48, 0.5); +} + +.btn-primary:disabled, +.btn-primary.disabled { + color: #000; + background-color: #bd5d38; + border-color: #bd5d38; +} + +.btn-secondary { + color: #fff; + background-color: #6c757d; + border-color: #6c757d; +} + +.btn-secondary:hover { + color: #fff; + background-color: #5c636a; + border-color: #565e64; +} + +.btn-check:focus+.btn-secondary, +.btn-secondary:focus { + color: #fff; + background-color: #5c636a; + border-color: #565e64; + box-shadow: 0 0 0 0.25rem rgba(130, 138, 145, 0.5); +} + +.btn-check:checked+.btn-secondary, +.btn-check:active+.btn-secondary, +.btn-secondary:active, +.btn-secondary.active, +.show>.btn-secondary.dropdown-toggle { + color: #fff; + background-color: #565e64; + border-color: #51585e; +} + +.btn-check:checked+.btn-secondary:focus, +.btn-check:active+.btn-secondary:focus, +.btn-secondary:active:focus, +.btn-secondary.active:focus, +.show>.btn-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.25rem rgba(130, 138, 145, 0.5); +} + +.btn-secondary:disabled, +.btn-secondary.disabled { + color: #fff; + background-color: #6c757d; + border-color: #6c757d; +} + +.btn-success { + color: #fff; + background-color: #198754; + border-color: #198754; +} + +.btn-success:hover { + color: #fff; + background-color: #157347; + border-color: #146c43; +} + +.btn-check:focus+.btn-success, +.btn-success:focus { + color: #fff; + background-color: #157347; + border-color: #146c43; + box-shadow: 0 0 0 0.25rem rgba(60, 153, 110, 0.5); +} + +.btn-check:checked+.btn-success, +.btn-check:active+.btn-success, +.btn-success:active, +.btn-success.active, +.show>.btn-success.dropdown-toggle { + color: #fff; + background-color: #146c43; + border-color: #13653f; +} + +.btn-check:checked+.btn-success:focus, +.btn-check:active+.btn-success:focus, +.btn-success:active:focus, +.btn-success.active:focus, +.show>.btn-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.25rem rgba(60, 153, 110, 0.5); +} + +.btn-success:disabled, +.btn-success.disabled { + color: #fff; + background-color: #198754; + border-color: #198754; +} + +.btn-info { + color: #000; + background-color: #0dcaf0; + border-color: #0dcaf0; +} + +.btn-info:hover { + color: #000; + background-color: #31d2f2; + border-color: #25cff2; +} + +.btn-check:focus+.btn-info, +.btn-info:focus { + color: #000; + background-color: #31d2f2; + border-color: #25cff2; + box-shadow: 0 0 0 0.25rem rgba(11, 172, 204, 0.5); +} + +.btn-check:checked+.btn-info, +.btn-check:active+.btn-info, +.btn-info:active, +.btn-info.active, +.show>.btn-info.dropdown-toggle { + color: #000; + background-color: #3dd5f3; + border-color: #25cff2; +} + +.btn-check:checked+.btn-info:focus, +.btn-check:active+.btn-info:focus, +.btn-info:active:focus, +.btn-info.active:focus, +.show>.btn-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.25rem rgba(11, 172, 204, 0.5); +} + +.btn-info:disabled, +.btn-info.disabled { + color: #000; + background-color: #0dcaf0; + border-color: #0dcaf0; +} + +.btn-warning { + color: #000; + background-color: #ffc107; + border-color: #ffc107; +} + +.btn-warning:hover { + color: #000; + background-color: #ffca2c; + border-color: #ffc720; +} + +.btn-check:focus+.btn-warning, +.btn-warning:focus { + color: #000; + background-color: #ffca2c; + border-color: #ffc720; + box-shadow: 0 0 0 0.25rem rgba(217, 164, 6, 0.5); +} + +.btn-check:checked+.btn-warning, +.btn-check:active+.btn-warning, +.btn-warning:active, +.btn-warning.active, +.show>.btn-warning.dropdown-toggle { + color: #000; + background-color: #ffcd39; + border-color: #ffc720; +} + +.btn-check:checked+.btn-warning:focus, +.btn-check:active+.btn-warning:focus, +.btn-warning:active:focus, +.btn-warning.active:focus, +.show>.btn-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.25rem rgba(217, 164, 6, 0.5); +} + +.btn-warning:disabled, +.btn-warning.disabled { + color: #000; + background-color: #ffc107; + border-color: #ffc107; +} + +.btn-danger { + color: #fff; + background-color: #dc3545; + border-color: #dc3545; +} + +.btn-danger:hover { + color: #fff; + background-color: #bb2d3b; + border-color: #b02a37; +} + +.btn-check:focus+.btn-danger, +.btn-danger:focus { + color: #fff; + background-color: #bb2d3b; + border-color: #b02a37; + box-shadow: 0 0 0 0.25rem rgba(225, 83, 97, 0.5); +} + +.btn-check:checked+.btn-danger, +.btn-check:active+.btn-danger, +.btn-danger:active, +.btn-danger.active, +.show>.btn-danger.dropdown-toggle { + color: #fff; + background-color: #b02a37; + border-color: #a52834; +} + +.btn-check:checked+.btn-danger:focus, +.btn-check:active+.btn-danger:focus, +.btn-danger:active:focus, +.btn-danger.active:focus, +.show>.btn-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.25rem rgba(225, 83, 97, 0.5); +} + +.btn-danger:disabled, +.btn-danger.disabled { + color: #fff; + background-color: #dc3545; + border-color: #dc3545; +} + +.btn-light { + color: #000; + background-color: #f8f9fa; + border-color: #f8f9fa; +} + +.btn-light:hover { + color: #000; + background-color: #f9fafb; + border-color: #f9fafb; +} + +.btn-check:focus+.btn-light, +.btn-light:focus { + color: #000; + background-color: #f9fafb; + border-color: #f9fafb; + box-shadow: 0 0 0 0.25rem rgba(211, 212, 213, 0.5); +} + +.btn-check:checked+.btn-light, +.btn-check:active+.btn-light, +.btn-light:active, +.btn-light.active, +.show>.btn-light.dropdown-toggle { + color: #000; + background-color: #f9fafb; + border-color: #f9fafb; +} + +.btn-check:checked+.btn-light:focus, +.btn-check:active+.btn-light:focus, +.btn-light:active:focus, +.btn-light.active:focus, +.show>.btn-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.25rem rgba(211, 212, 213, 0.5); +} + +.btn-light:disabled, +.btn-light.disabled { + color: #000; + background-color: #f8f9fa; + border-color: #f8f9fa; +} + +.btn-dark { + color: #fff; + background-color: #212529; + border-color: #212529; +} + +.btn-dark:hover { + color: #fff; + background-color: #1c1f23; + border-color: #1a1e21; +} + +.btn-check:focus+.btn-dark, +.btn-dark:focus { + color: #fff; + background-color: #1c1f23; + border-color: #1a1e21; + box-shadow: 0 0 0 0.25rem rgba(66, 70, 73, 0.5); +} + +.btn-check:checked+.btn-dark, +.btn-check:active+.btn-dark, +.btn-dark:active, +.btn-dark.active, +.show>.btn-dark.dropdown-toggle { + color: #fff; + background-color: #1a1e21; + border-color: #191c1f; +} + +.btn-check:checked+.btn-dark:focus, +.btn-check:active+.btn-dark:focus, +.btn-dark:active:focus, +.btn-dark.active:focus, +.show>.btn-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.25rem rgba(66, 70, 73, 0.5); +} + +.btn-dark:disabled, +.btn-dark.disabled { + color: #fff; + background-color: #212529; + border-color: #212529; +} + +.btn-outline-primary { + color: #bd5d38; + border-color: #bd5d38; +} + +.btn-outline-primary:hover { + color: #000; + background-color: #bd5d38; + border-color: #bd5d38; +} + +.btn-check:focus+.btn-outline-primary, +.btn-outline-primary:focus { + box-shadow: 0 0 0 0.25rem rgba(189, 93, 56, 0.5); +} + +.btn-check:checked+.btn-outline-primary, +.btn-check:active+.btn-outline-primary, +.btn-outline-primary:active, +.btn-outline-primary.active, +.btn-outline-primary.dropdown-toggle.show { + color: #000; + background-color: #bd5d38; + border-color: #bd5d38; +} + +.btn-check:checked+.btn-outline-primary:focus, +.btn-check:active+.btn-outline-primary:focus, +.btn-outline-primary:active:focus, +.btn-outline-primary.active:focus, +.btn-outline-primary.dropdown-toggle.show:focus { + box-shadow: 0 0 0 0.25rem rgba(189, 93, 56, 0.5); +} + +.btn-outline-primary:disabled, +.btn-outline-primary.disabled { + color: #bd5d38; + background-color: transparent; +} + +.btn-outline-secondary { + color: #6c757d; + border-color: #6c757d; +} + +.btn-outline-secondary:hover { + color: #fff; + background-color: #6c757d; + border-color: #6c757d; +} + +.btn-check:focus+.btn-outline-secondary, +.btn-outline-secondary:focus { + box-shadow: 0 0 0 0.25rem rgba(108, 117, 125, 0.5); +} + +.btn-check:checked+.btn-outline-secondary, +.btn-check:active+.btn-outline-secondary, +.btn-outline-secondary:active, +.btn-outline-secondary.active, +.btn-outline-secondary.dropdown-toggle.show { + color: #fff; + background-color: #6c757d; + border-color: #6c757d; +} + +.btn-check:checked+.btn-outline-secondary:focus, +.btn-check:active+.btn-outline-secondary:focus, +.btn-outline-secondary:active:focus, +.btn-outline-secondary.active:focus, +.btn-outline-secondary.dropdown-toggle.show:focus { + box-shadow: 0 0 0 0.25rem rgba(108, 117, 125, 0.5); +} + +.btn-outline-secondary:disabled, +.btn-outline-secondary.disabled { + color: #6c757d; + background-color: transparent; +} + +.btn-outline-success { + color: #198754; + border-color: #198754; +} + +.btn-outline-success:hover { + color: #fff; + background-color: #198754; + border-color: #198754; +} + +.btn-check:focus+.btn-outline-success, +.btn-outline-success:focus { + box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.5); +} + +.btn-check:checked+.btn-outline-success, +.btn-check:active+.btn-outline-success, +.btn-outline-success:active, +.btn-outline-success.active, +.btn-outline-success.dropdown-toggle.show { + color: #fff; + background-color: #198754; + border-color: #198754; +} + +.btn-check:checked+.btn-outline-success:focus, +.btn-check:active+.btn-outline-success:focus, +.btn-outline-success:active:focus, +.btn-outline-success.active:focus, +.btn-outline-success.dropdown-toggle.show:focus { + box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.5); +} + +.btn-outline-success:disabled, +.btn-outline-success.disabled { + color: #198754; + background-color: transparent; +} + +.btn-outline-info { + color: #0dcaf0; + border-color: #0dcaf0; +} + +.btn-outline-info:hover { + color: #000; + background-color: #0dcaf0; + border-color: #0dcaf0; +} + +.btn-check:focus+.btn-outline-info, +.btn-outline-info:focus { + box-shadow: 0 0 0 0.25rem rgba(13, 202, 240, 0.5); +} + +.btn-check:checked+.btn-outline-info, +.btn-check:active+.btn-outline-info, +.btn-outline-info:active, +.btn-outline-info.active, +.btn-outline-info.dropdown-toggle.show { + color: #000; + background-color: #0dcaf0; + border-color: #0dcaf0; +} + +.btn-check:checked+.btn-outline-info:focus, +.btn-check:active+.btn-outline-info:focus, +.btn-outline-info:active:focus, +.btn-outline-info.active:focus, +.btn-outline-info.dropdown-toggle.show:focus { + box-shadow: 0 0 0 0.25rem rgba(13, 202, 240, 0.5); +} + +.btn-outline-info:disabled, +.btn-outline-info.disabled { + color: #0dcaf0; + background-color: transparent; +} + +.btn-outline-warning { + color: #ffc107; + border-color: #ffc107; +} + +.btn-outline-warning:hover { + color: #000; + background-color: #ffc107; + border-color: #ffc107; +} + +.btn-check:focus+.btn-outline-warning, +.btn-outline-warning:focus { + box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.5); +} + +.btn-check:checked+.btn-outline-warning, +.btn-check:active+.btn-outline-warning, +.btn-outline-warning:active, +.btn-outline-warning.active, +.btn-outline-warning.dropdown-toggle.show { + color: #000; + background-color: #ffc107; + border-color: #ffc107; +} + +.btn-check:checked+.btn-outline-warning:focus, +.btn-check:active+.btn-outline-warning:focus, +.btn-outline-warning:active:focus, +.btn-outline-warning.active:focus, +.btn-outline-warning.dropdown-toggle.show:focus { + box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.5); +} + +.btn-outline-warning:disabled, +.btn-outline-warning.disabled { + color: #ffc107; + background-color: transparent; +} + +.btn-outline-danger { + color: #dc3545; + border-color: #dc3545; +} + +.btn-outline-danger:hover { + color: #fff; + background-color: #dc3545; + border-color: #dc3545; +} + +.btn-check:focus+.btn-outline-danger, +.btn-outline-danger:focus { + box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.5); +} + +.btn-check:checked+.btn-outline-danger, +.btn-check:active+.btn-outline-danger, +.btn-outline-danger:active, +.btn-outline-danger.active, +.btn-outline-danger.dropdown-toggle.show { + color: #fff; + background-color: #dc3545; + border-color: #dc3545; +} + +.btn-check:checked+.btn-outline-danger:focus, +.btn-check:active+.btn-outline-danger:focus, +.btn-outline-danger:active:focus, +.btn-outline-danger.active:focus, +.btn-outline-danger.dropdown-toggle.show:focus { + box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.5); +} + +.btn-outline-danger:disabled, +.btn-outline-danger.disabled { + color: #dc3545; + background-color: transparent; +} + +.btn-outline-light { + color: #f8f9fa; + border-color: #f8f9fa; +} + +.btn-outline-light:hover { + color: #000; + background-color: #f8f9fa; + border-color: #f8f9fa; +} + +.btn-check:focus+.btn-outline-light, +.btn-outline-light:focus { + box-shadow: 0 0 0 0.25rem rgba(248, 249, 250, 0.5); +} + +.btn-check:checked+.btn-outline-light, +.btn-check:active+.btn-outline-light, +.btn-outline-light:active, +.btn-outline-light.active, +.btn-outline-light.dropdown-toggle.show { + color: #000; + background-color: #f8f9fa; + border-color: #f8f9fa; +} + +.btn-check:checked+.btn-outline-light:focus, +.btn-check:active+.btn-outline-light:focus, +.btn-outline-light:active:focus, +.btn-outline-light.active:focus, +.btn-outline-light.dropdown-toggle.show:focus { + box-shadow: 0 0 0 0.25rem rgba(248, 249, 250, 0.5); +} + +.btn-outline-light:disabled, +.btn-outline-light.disabled { + color: #f8f9fa; + background-color: transparent; +} + +.btn-outline-dark { + color: #212529; + border-color: #212529; +} + +.btn-outline-dark:hover { + color: #fff; + background-color: #212529; + border-color: #212529; +} + +.btn-check:focus+.btn-outline-dark, +.btn-outline-dark:focus { + box-shadow: 0 0 0 0.25rem rgba(33, 37, 41, 0.5); +} + +.btn-check:checked+.btn-outline-dark, +.btn-check:active+.btn-outline-dark, +.btn-outline-dark:active, +.btn-outline-dark.active, +.btn-outline-dark.dropdown-toggle.show { + color: #fff; + background-color: #212529; + border-color: #212529; +} + +.btn-check:checked+.btn-outline-dark:focus, +.btn-check:active+.btn-outline-dark:focus, +.btn-outline-dark:active:focus, +.btn-outline-dark.active:focus, +.btn-outline-dark.dropdown-toggle.show:focus { + box-shadow: 0 0 0 0.25rem rgba(33, 37, 41, 0.5); +} + +.btn-outline-dark:disabled, +.btn-outline-dark.disabled { + color: #212529; + background-color: transparent; +} + +.btn-link { + font-weight: 400; + color: #bd5d38; + text-decoration: underline; +} + +.btn-link:hover { + color: #974a2d; +} + +.btn-link:disabled, +.btn-link.disabled { + color: #6c757d; +} + +.btn-lg, +.btn-group-lg>.btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + border-radius: 0.3rem; +} + +.btn-sm, +.btn-group-sm>.btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + border-radius: 0.2rem; +} + +.fade { + transition: opacity 0.15s linear; +} + +@media (prefers-reduced-motion: reduce) { + .fade { + transition: none; + } +} + +.fade:not(.show) { + opacity: 0; +} + +.collapse:not(.show) { + display: none; +} + +.collapsing { + height: 0; + overflow: hidden; + transition: height 0.35s ease; +} + +@media (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; + } +} + +.collapsing.collapse-horizontal { + width: 0; + height: auto; + transition: width 0.35s ease; +} + +@media (prefers-reduced-motion: reduce) { + .collapsing.collapse-horizontal { + transition: none; + } +} + +.dropup, +.dropend, +.dropdown, +.dropstart { + position: relative; +} + +.dropdown-toggle { + white-space: nowrap; +} + +.dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; +} + +.dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropdown-menu { + position: absolute; + z-index: 1000; + display: none; + min-width: 10rem; + padding: 0.5rem 0; + margin: 0; + font-size: 1rem; + color: #212529; + text-align: left; + list-style: none; + background-color: #fff; + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 0.25rem; +} + +.dropdown-menu[data-bs-popper] { + top: 100%; + left: 0; + margin-top: 0.125rem; +} + +.dropdown-menu-start { + --bs-position: start; +} + +.dropdown-menu-start[data-bs-popper] { + right: auto; + left: 0; +} + +.dropdown-menu-end { + --bs-position: end; +} + +.dropdown-menu-end[data-bs-popper] { + right: 0; + left: auto; +} + +@media (min-width: 576px) { + .dropdown-menu-sm-start { + --bs-position: start; + } + .dropdown-menu-sm-start[data-bs-popper] { + right: auto; + left: 0; + } + .dropdown-menu-sm-end { + --bs-position: end; + } + .dropdown-menu-sm-end[data-bs-popper] { + right: 0; + left: auto; + } +} + +@media (min-width: 768px) { + .dropdown-menu-md-start { + --bs-position: start; + } + .dropdown-menu-md-start[data-bs-popper] { + right: auto; + left: 0; + } + .dropdown-menu-md-end { + --bs-position: end; + } + .dropdown-menu-md-end[data-bs-popper] { + right: 0; + left: auto; + } +} + +@media (min-width: 992px) { + .dropdown-menu-lg-start { + --bs-position: start; + } + .dropdown-menu-lg-start[data-bs-popper] { + right: auto; + left: 0; + } + .dropdown-menu-lg-end { + --bs-position: end; + } + .dropdown-menu-lg-end[data-bs-popper] { + right: 0; + left: auto; + } +} + +@media (min-width: 1200px) { + .dropdown-menu-xl-start { + --bs-position: start; + } + .dropdown-menu-xl-start[data-bs-popper] { + right: auto; + left: 0; + } + .dropdown-menu-xl-end { + --bs-position: end; + } + .dropdown-menu-xl-end[data-bs-popper] { + right: 0; + left: auto; + } +} + +@media (min-width: 1400px) { + .dropdown-menu-xxl-start { + --bs-position: start; + } + .dropdown-menu-xxl-start[data-bs-popper] { + right: auto; + left: 0; + } + .dropdown-menu-xxl-end { + --bs-position: end; + } + .dropdown-menu-xxl-end[data-bs-popper] { + right: 0; + left: auto; + } +} + +.dropup .dropdown-menu[data-bs-popper] { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: 0.125rem; +} + +.dropup .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; +} + +.dropup .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropend .dropdown-menu[data-bs-popper] { + top: 0; + right: auto; + left: 100%; + margin-top: 0; + margin-left: 0.125rem; +} + +.dropend .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0; + border-bottom: 0.3em solid transparent; + border-left: 0.3em solid; +} + +.dropend .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropend .dropdown-toggle::after { + vertical-align: 0; +} + +.dropstart .dropdown-menu[data-bs-popper] { + top: 0; + right: 100%; + left: auto; + margin-top: 0; + margin-right: 0.125rem; +} + +.dropstart .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; +} + +.dropstart .dropdown-toggle::after { + display: none; +} + +.dropstart .dropdown-toggle::before { + display: inline-block; + margin-right: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0.3em solid; + border-bottom: 0.3em solid transparent; +} + +.dropstart .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropstart .dropdown-toggle::before { + vertical-align: 0; +} + +.dropdown-divider { + height: 0; + margin: 0.5rem 0; + overflow: hidden; + border-top: 1px solid rgba(0, 0, 0, 0.15); +} + +.dropdown-item { + display: block; + width: 100%; + padding: 0.25rem 1rem; + clear: both; + font-weight: 400; + color: #212529; + text-align: inherit; + text-decoration: none; + white-space: nowrap; + background-color: transparent; + border: 0; +} + +.dropdown-item:hover, +.dropdown-item:focus { + color: #1e2125; + background-color: #e9ecef; +} + +.dropdown-item.active, +.dropdown-item:active { + color: #fff; + text-decoration: none; + background-color: #bd5d38; +} + +.dropdown-item.disabled, +.dropdown-item:disabled { + color: #adb5bd; + pointer-events: none; + background-color: transparent; +} + +.dropdown-menu.show { + display: block; +} + +.dropdown-header { + display: block; + padding: 0.5rem 1rem; + margin-bottom: 0; + font-size: 0.875rem; + color: #6c757d; + white-space: nowrap; +} + +.dropdown-item-text { + display: block; + padding: 0.25rem 1rem; + color: #212529; +} + +.dropdown-menu-dark { + color: #dee2e6; + background-color: #343a40; + border-color: rgba(0, 0, 0, 0.15); +} + +.dropdown-menu-dark .dropdown-item { + color: #dee2e6; +} + +.dropdown-menu-dark .dropdown-item:hover, +.dropdown-menu-dark .dropdown-item:focus { + color: #fff; + background-color: rgba(255, 255, 255, 0.15); +} + +.dropdown-menu-dark .dropdown-item.active, +.dropdown-menu-dark .dropdown-item:active { + color: #fff; + background-color: #bd5d38; +} + +.dropdown-menu-dark .dropdown-item.disabled, +.dropdown-menu-dark .dropdown-item:disabled { + color: #adb5bd; +} + +.dropdown-menu-dark .dropdown-divider { + border-color: rgba(0, 0, 0, 0.15); +} + +.dropdown-menu-dark .dropdown-item-text { + color: #dee2e6; +} + +.dropdown-menu-dark .dropdown-header { + color: #adb5bd; +} + +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-flex; + vertical-align: middle; +} + +.btn-group>.btn, +.btn-group-vertical>.btn { + position: relative; + flex: 1 1 auto; +} + +.btn-group>.btn-check:checked+.btn, +.btn-group>.btn-check:focus+.btn, +.btn-group>.btn:hover, +.btn-group>.btn:focus, +.btn-group>.btn:active, +.btn-group>.btn.active, +.btn-group-vertical>.btn-check:checked+.btn, +.btn-group-vertical>.btn-check:focus+.btn, +.btn-group-vertical>.btn:hover, +.btn-group-vertical>.btn:focus, +.btn-group-vertical>.btn:active, +.btn-group-vertical>.btn.active { + z-index: 1; +} + +.btn-toolbar { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} + +.btn-toolbar .input-group { + width: auto; +} + +.btn-group>.btn:not(:first-child), +.btn-group>.btn-group:not(:first-child) { + margin-left: -1px; +} + +.btn-group>.btn:not(:last-child):not(.dropdown-toggle), +.btn-group>.btn-group:not(:last-child)>.btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.btn-group>.btn:nth-child(n+3), +.btn-group> :not(.btn-check)+.btn, +.btn-group>.btn-group:not(:first-child)>.btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.dropdown-toggle-split { + padding-right: 0.5625rem; + padding-left: 0.5625rem; +} + +.dropdown-toggle-split::after, +.dropup .dropdown-toggle-split::after, +.dropend .dropdown-toggle-split::after { + margin-left: 0; +} + +.dropstart .dropdown-toggle-split::before { + margin-right: 0; +} + +.btn-sm+.dropdown-toggle-split, +.btn-group-sm>.btn+.dropdown-toggle-split { + padding-right: 0.375rem; + padding-left: 0.375rem; +} + +.btn-lg+.dropdown-toggle-split, +.btn-group-lg>.btn+.dropdown-toggle-split { + padding-right: 0.75rem; + padding-left: 0.75rem; +} + +.btn-group-vertical { + flex-direction: column; + align-items: flex-start; + justify-content: center; +} + +.btn-group-vertical>.btn, +.btn-group-vertical>.btn-group { + width: 100%; +} + +.btn-group-vertical>.btn:not(:first-child), +.btn-group-vertical>.btn-group:not(:first-child) { + margin-top: -1px; +} + +.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle), +.btn-group-vertical>.btn-group:not(:last-child)>.btn { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + +.btn-group-vertical>.btn~.btn, +.btn-group-vertical>.btn-group:not(:first-child)>.btn { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.nav { + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.nav-link { + display: block; + padding: 0.5rem 1rem; + color: #bd5d38; + text-decoration: none; + transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .nav-link { + transition: none; + } +} + +.nav-link:hover, +.nav-link:focus { + color: #974a2d; +} + +.nav-link.disabled { + color: #6c757d; + pointer-events: none; + cursor: default; +} + +.nav-tabs { + border-bottom: 1px solid #dee2e6; +} + +.nav-tabs .nav-link { + margin-bottom: -1px; + background: none; + border: 1px solid transparent; + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} + +.nav-tabs .nav-link:hover, +.nav-tabs .nav-link:focus { + border-color: #e9ecef #e9ecef #dee2e6; + isolation: isolate; +} + +.nav-tabs .nav-link.disabled { + color: #6c757d; + background-color: transparent; + border-color: transparent; +} + +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: #495057; + background-color: #fff; + border-color: #dee2e6 #dee2e6 #fff; +} + +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.nav-pills .nav-link { + background: none; + border: 0; + border-radius: 0.25rem; +} + +.nav-pills .nav-link.active, +.nav-pills .show>.nav-link { + color: #fff; + background-color: #bd5d38; +} + +.nav-fill>.nav-link, +.nav-fill .nav-item { + flex: 1 1 auto; + text-align: center; +} + +.nav-justified>.nav-link, +.nav-justified .nav-item { + flex-basis: 0; + flex-grow: 1; + text-align: center; +} + +.nav-fill .nav-item .nav-link, +.nav-justified .nav-item .nav-link { + width: 100%; +} + +.tab-content>.tab-pane { + display: none; +} + +.tab-content>.active { + display: block; +} + +.navbar { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.navbar>.container, +.navbar>.container-fluid, +.navbar>.container-sm, +.navbar>.container-md, +.navbar>.container-lg, +.navbar>.container-xl, +.navbar>.container-xxl { + display: flex; + flex-wrap: inherit; + align-items: center; + justify-content: space-between; +} + +.navbar-brand { + padding-top: 0.3125rem; + padding-bottom: 0.3125rem; + margin-right: 1rem; + font-size: 1.25rem; + text-decoration: none; + white-space: nowrap; +} + +.navbar-nav { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.navbar-nav .nav-link { + padding-right: 0; + padding-left: 0; +} + +.navbar-nav .dropdown-menu { + position: static; +} + +.navbar-text { + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.navbar-collapse { + flex-basis: 100%; + flex-grow: 1; + align-items: center; +} + +.navbar-toggler { + padding: 0.25rem 0.75rem; + font-size: 1.25rem; + line-height: 1; + background-color: transparent; + border: 1px solid transparent; + border-radius: 0.25rem; + transition: box-shadow 0.15s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .navbar-toggler { + transition: none; + } +} + +.navbar-toggler:hover { + text-decoration: none; +} + +.navbar-toggler:focus { + text-decoration: none; + outline: 0; + box-shadow: 0 0 0 0.25rem; +} + +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + background-repeat: no-repeat; + background-position: center; + background-size: 100%; +} + +.navbar-nav-scroll { + max-height: var(--bs-scroll-height, 75vh); + overflow-y: auto; +} + +@media (min-width: 576px) { + .navbar-expand-sm { + flex-wrap: nowrap; + justify-content: flex-start; + } + .navbar-expand-sm .navbar-nav { + flex-direction: row; + } + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-sm .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-sm .navbar-nav-scroll { + overflow: visible; + } + .navbar-expand-sm .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-sm .navbar-toggler { + display: none; + } + .navbar-expand-sm .offcanvas-header { + display: none; + } + .navbar-expand-sm .offcanvas { + position: inherit; + bottom: 0; + z-index: 1000; + flex-grow: 1; + visibility: visible !important; + background-color: transparent; + border-right: 0; + border-left: 0; + transition: none; + transform: none; + } + .navbar-expand-sm .offcanvas-top, + .navbar-expand-sm .offcanvas-bottom { + height: auto; + border-top: 0; + border-bottom: 0; + } + .navbar-expand-sm .offcanvas-body { + display: flex; + flex-grow: 0; + padding: 0; + overflow-y: visible; + } +} + +@media (min-width: 768px) { + .navbar-expand-md { + flex-wrap: nowrap; + justify-content: flex-start; + } + .navbar-expand-md .navbar-nav { + flex-direction: row; + } + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-md .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-md .navbar-nav-scroll { + overflow: visible; + } + .navbar-expand-md .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-md .navbar-toggler { + display: none; + } + .navbar-expand-md .offcanvas-header { + display: none; + } + .navbar-expand-md .offcanvas { + position: inherit; + bottom: 0; + z-index: 1000; + flex-grow: 1; + visibility: visible !important; + background-color: transparent; + border-right: 0; + border-left: 0; + transition: none; + transform: none; + } + .navbar-expand-md .offcanvas-top, + .navbar-expand-md .offcanvas-bottom { + height: auto; + border-top: 0; + border-bottom: 0; + } + .navbar-expand-md .offcanvas-body { + display: flex; + flex-grow: 0; + padding: 0; + overflow-y: visible; + } +} + +@media (min-width: 992px) { + .navbar-expand-lg { + flex-wrap: nowrap; + justify-content: flex-start; + } + .navbar-expand-lg .navbar-nav { + flex-direction: row; + } + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-lg .navbar-nav-scroll { + overflow: visible; + } + .navbar-expand-lg .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-lg .navbar-toggler { + display: none; + } + .navbar-expand-lg .offcanvas-header { + display: none; + } + .navbar-expand-lg .offcanvas { + position: inherit; + bottom: 0; + z-index: 1000; + flex-grow: 1; + visibility: visible !important; + background-color: transparent; + border-right: 0; + border-left: 0; + transition: none; + transform: none; + } + .navbar-expand-lg .offcanvas-top, + .navbar-expand-lg .offcanvas-bottom { + height: auto; + border-top: 0; + border-bottom: 0; + } + .navbar-expand-lg .offcanvas-body { + display: flex; + flex-grow: 0; + padding: 0; + overflow-y: visible; + } +} + +@media (min-width: 1200px) { + .navbar-expand-xl { + flex-wrap: nowrap; + justify-content: flex-start; + } + .navbar-expand-xl .navbar-nav { + flex-direction: row; + } + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-xl .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-xl .navbar-nav-scroll { + overflow: visible; + } + .navbar-expand-xl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-xl .navbar-toggler { + display: none; + } + .navbar-expand-xl .offcanvas-header { + display: none; + } + .navbar-expand-xl .offcanvas { + position: inherit; + bottom: 0; + z-index: 1000; + flex-grow: 1; + visibility: visible !important; + background-color: transparent; + border-right: 0; + border-left: 0; + transition: none; + transform: none; + } + .navbar-expand-xl .offcanvas-top, + .navbar-expand-xl .offcanvas-bottom { + height: auto; + border-top: 0; + border-bottom: 0; + } + .navbar-expand-xl .offcanvas-body { + display: flex; + flex-grow: 0; + padding: 0; + overflow-y: visible; + } +} + +@media (min-width: 1400px) { + .navbar-expand-xxl { + flex-wrap: nowrap; + justify-content: flex-start; + } + .navbar-expand-xxl .navbar-nav { + flex-direction: row; + } + .navbar-expand-xxl .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-xxl .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + .navbar-expand-xxl .navbar-nav-scroll { + overflow: visible; + } + .navbar-expand-xxl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-xxl .navbar-toggler { + display: none; + } + .navbar-expand-xxl .offcanvas-header { + display: none; + } + .navbar-expand-xxl .offcanvas { + position: inherit; + bottom: 0; + z-index: 1000; + flex-grow: 1; + visibility: visible !important; + background-color: transparent; + border-right: 0; + border-left: 0; + transition: none; + transform: none; + } + .navbar-expand-xxl .offcanvas-top, + .navbar-expand-xxl .offcanvas-bottom { + height: auto; + border-top: 0; + border-bottom: 0; + } + .navbar-expand-xxl .offcanvas-body { + display: flex; + flex-grow: 0; + padding: 0; + overflow-y: visible; + } +} + +.navbar-expand { + flex-wrap: nowrap; + justify-content: flex-start; +} + +.navbar-expand .navbar-nav { + flex-direction: row; +} + +.navbar-expand .navbar-nav .dropdown-menu { + position: absolute; +} + +.navbar-expand .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; +} + +.navbar-expand .navbar-nav-scroll { + overflow: visible; +} + +.navbar-expand .navbar-collapse { + display: flex !important; + flex-basis: auto; +} + +.navbar-expand .navbar-toggler { + display: none; +} + +.navbar-expand .offcanvas-header { + display: none; +} + +.navbar-expand .offcanvas { + position: inherit; + bottom: 0; + z-index: 1000; + flex-grow: 1; + visibility: visible !important; + background-color: transparent; + border-right: 0; + border-left: 0; + transition: none; + transform: none; +} + +.navbar-expand .offcanvas-top, +.navbar-expand .offcanvas-bottom { + height: auto; + border-top: 0; + border-bottom: 0; +} + +.navbar-expand .offcanvas-body { + display: flex; + flex-grow: 0; + padding: 0; + overflow-y: visible; +} + +.navbar-light .navbar-brand { + color: rgba(0, 0, 0, 0.9); +} + +.navbar-light .navbar-brand:hover, +.navbar-light .navbar-brand:focus { + color: rgba(0, 0, 0, 0.9); +} + +.navbar-light .navbar-nav .nav-link { + color: rgba(0, 0, 0, 0.55); +} + +.navbar-light .navbar-nav .nav-link:hover, +.navbar-light .navbar-nav .nav-link:focus { + color: rgba(0, 0, 0, 0.7); +} + +.navbar-light .navbar-nav .nav-link.disabled { + color: rgba(0, 0, 0, 0.3); +} + +.navbar-light .navbar-nav .show>.nav-link, +.navbar-light .navbar-nav .nav-link.active { + color: rgba(0, 0, 0, 0.9); +} + +.navbar-light .navbar-toggler { + color: rgba(0, 0, 0, 0.55); + border-color: rgba(0, 0, 0, 0.1); +} + +.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} + +.navbar-light .navbar-text { + color: rgba(0, 0, 0, 0.55); +} + +.navbar-light .navbar-text a, +.navbar-light .navbar-text a:hover, +.navbar-light .navbar-text a:focus { + color: rgba(0, 0, 0, 0.9); +} + +.navbar-dark .navbar-brand { + color: #fff; +} + +.navbar-dark .navbar-brand:hover, +.navbar-dark .navbar-brand:focus { + color: #fff; +} + +.navbar-dark .navbar-nav .nav-link { + color: rgba(255, 255, 255, 0.55); +} + +.navbar-dark .navbar-nav .nav-link:hover, +.navbar-dark .navbar-nav .nav-link:focus { + color: rgba(255, 255, 255, 0.75); +} + +.navbar-dark .navbar-nav .nav-link.disabled { + color: rgba(255, 255, 255, 0.25); +} + +.navbar-dark .navbar-nav .show>.nav-link, +.navbar-dark .navbar-nav .nav-link.active { + color: #fff; +} + +.navbar-dark .navbar-toggler { + color: rgba(255, 255, 255, 0.55); + border-color: rgba(255, 255, 255, 0.1); +} + +.navbar-dark .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} + +.navbar-dark .navbar-text { + color: rgba(255, 255, 255, 0.55); +} + +.navbar-dark .navbar-text a, +.navbar-dark .navbar-text a:hover, +.navbar-dark .navbar-text a:focus { + color: #fff; +} + +.card { + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + background-color: #fff; + background-clip: border-box; + border: 1px solid rgba(0, 0, 0, 0.125); + border-radius: 0.25rem; +} + +.card>hr { + margin-right: 0; + margin-left: 0; +} + +.card>.list-group { + border-top: inherit; + border-bottom: inherit; +} + +.card>.list-group:first-child { + border-top-width: 0; + border-top-left-radius: calc(0.25rem - 1px); + border-top-right-radius: calc(0.25rem - 1px); +} + +.card>.list-group:last-child { + border-bottom-width: 0; + border-bottom-right-radius: calc(0.25rem - 1px); + border-bottom-left-radius: calc(0.25rem - 1px); +} + +.card>.card-header+.list-group, +.card>.list-group+.card-footer { + border-top: 0; +} + +.card-body { + flex: 1 1 auto; + padding: 1rem 1rem; +} + +.card-title { + margin-bottom: 0.5rem; +} + +.card-subtitle { + margin-top: -0.25rem; + margin-bottom: 0; +} + +.card-text:last-child { + margin-bottom: 0; +} + +.card-link+.card-link { + margin-left: 1rem; +} + +.card-header { + padding: 0.5rem 1rem; + margin-bottom: 0; + background-color: rgba(0, 0, 0, 0.03); + border-bottom: 1px solid rgba(0, 0, 0, 0.125); +} + +.card-header:first-child { + border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; +} + +.card-footer { + padding: 0.5rem 1rem; + background-color: rgba(0, 0, 0, 0.03); + border-top: 1px solid rgba(0, 0, 0, 0.125); +} + +.card-footer:last-child { + border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); +} + +.card-header-tabs { + margin-right: -0.5rem; + margin-bottom: -0.5rem; + margin-left: -0.5rem; + border-bottom: 0; +} + +.card-header-pills { + margin-right: -0.5rem; + margin-left: -0.5rem; +} + +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1rem; + border-radius: calc(0.25rem - 1px); +} + +.card-img, +.card-img-top, +.card-img-bottom { + width: 100%; +} + +.card-img, +.card-img-top { + border-top-left-radius: calc(0.25rem - 1px); + border-top-right-radius: calc(0.25rem - 1px); +} + +.card-img, +.card-img-bottom { + border-bottom-right-radius: calc(0.25rem - 1px); + border-bottom-left-radius: calc(0.25rem - 1px); +} + +.card-group>.card { + margin-bottom: 0.75rem; +} + +@media (min-width: 576px) { + .card-group { + display: flex; + flex-flow: row wrap; + } + .card-group>.card { + flex: 1 0 0%; + margin-bottom: 0; + } + .card-group>.card+.card { + margin-left: 0; + border-left: 0; + } + .card-group>.card:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .card-group>.card:not(:last-child) .card-img-top, + .card-group>.card:not(:last-child) .card-header { + border-top-right-radius: 0; + } + .card-group>.card:not(:last-child) .card-img-bottom, + .card-group>.card:not(:last-child) .card-footer { + border-bottom-right-radius: 0; + } + .card-group>.card:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + .card-group>.card:not(:first-child) .card-img-top, + .card-group>.card:not(:first-child) .card-header { + border-top-left-radius: 0; + } + .card-group>.card:not(:first-child) .card-img-bottom, + .card-group>.card:not(:first-child) .card-footer { + border-bottom-left-radius: 0; + } +} + +.accordion-button { + position: relative; + display: flex; + align-items: center; + width: 100%; + padding: 1rem 1.25rem; + font-size: 1rem; + color: #212529; + text-align: left; + background-color: #fff; + border: 0; + border-radius: 0; + overflow-anchor: none; + transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease; +} + +@media (prefers-reduced-motion: reduce) { + .accordion-button { + transition: none; + } +} + +.accordion-button:not(.collapsed) { + color: #aa5432; + background-color: #f8efeb; + box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125); +} + +.accordion-button:not(.collapsed)::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23aa5432'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); + transform: rotate(-180deg); +} + +.accordion-button::after { + flex-shrink: 0; + width: 1.25rem; + height: 1.25rem; + margin-left: auto; + content: ""; + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-size: 1.25rem; + transition: transform 0.2s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .accordion-button::after { + transition: none; + } +} + +.accordion-button:hover { + z-index: 2; +} + +.accordion-button:focus { + z-index: 3; + border-color: #deae9c; + outline: 0; + box-shadow: 0 0 0 0.25rem rgba(189, 93, 56, 0.25); +} + +.accordion-header { + margin-bottom: 0; +} + +.accordion-item { + background-color: #fff; + border: 1px solid rgba(0, 0, 0, 0.125); +} + +.accordion-item:first-of-type { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} + +.accordion-item:first-of-type .accordion-button { + border-top-left-radius: calc(0.25rem - 1px); + border-top-right-radius: calc(0.25rem - 1px); +} + +.accordion-item:not(:first-of-type) { + border-top: 0; +} + +.accordion-item:last-of-type { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} + +.accordion-item:last-of-type .accordion-button.collapsed { + border-bottom-right-radius: calc(0.25rem - 1px); + border-bottom-left-radius: calc(0.25rem - 1px); +} + +.accordion-item:last-of-type .accordion-collapse { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} + +.accordion-body { + padding: 1rem 1.25rem; +} + +.accordion-flush .accordion-collapse { + border-width: 0; +} + +.accordion-flush .accordion-item { + border-right: 0; + border-left: 0; + border-radius: 0; +} + +.accordion-flush .accordion-item:first-child { + border-top: 0; +} + +.accordion-flush .accordion-item:last-child { + border-bottom: 0; +} + +.accordion-flush .accordion-item .accordion-button { + border-radius: 0; +} + +.breadcrumb { + display: flex; + flex-wrap: wrap; + padding: 0 0; + margin-bottom: 1rem; + list-style: none; +} + +.breadcrumb-item+.breadcrumb-item { + padding-left: 0.5rem; +} + +.breadcrumb-item+.breadcrumb-item::before { + float: left; + padding-right: 0.5rem; + color: #6c757d; + content: var(--bs-breadcrumb-divider, "/")/* rtl: var(--bs-breadcrumb-divider, "/") */ + ; +} + +.breadcrumb-item.active { + color: #6c757d; +} + +.pagination { + display: flex; + padding-left: 0; + list-style: none; +} + +.page-link { + position: relative; + display: block; + color: #bd5d38; + text-decoration: none; + background-color: #fff; + border: 1px solid #dee2e6; + transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .page-link { + transition: none; + } +} + +.page-link:hover { + z-index: 2; + color: #974a2d; + background-color: #e9ecef; + border-color: #dee2e6; +} + +.page-link:focus { + z-index: 3; + color: #974a2d; + background-color: #e9ecef; + outline: 0; + box-shadow: 0 0 0 0.25rem rgba(189, 93, 56, 0.25); +} + +.page-item:not(:first-child) .page-link { + margin-left: -1px; +} + +.page-item.active .page-link { + z-index: 3; + color: #fff; + background-color: #bd5d38; + border-color: #bd5d38; +} + +.page-item.disabled .page-link { + color: #6c757d; + pointer-events: none; + background-color: #fff; + border-color: #dee2e6; +} + +.page-link { + padding: 0.375rem 0.75rem; +} + +.page-item:first-child .page-link { + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} + +.page-item:last-child .page-link { + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} + +.pagination-lg .page-link { + padding: 0.75rem 1.5rem; + font-size: 1.25rem; +} + +.pagination-lg .page-item:first-child .page-link { + border-top-left-radius: 0.3rem; + border-bottom-left-radius: 0.3rem; +} + +.pagination-lg .page-item:last-child .page-link { + border-top-right-radius: 0.3rem; + border-bottom-right-radius: 0.3rem; +} + +.pagination-sm .page-link { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; +} + +.pagination-sm .page-item:first-child .page-link { + border-top-left-radius: 0.2rem; + border-bottom-left-radius: 0.2rem; +} + +.pagination-sm .page-item:last-child .page-link { + border-top-right-radius: 0.2rem; + border-bottom-right-radius: 0.2rem; +} + +.badge { + display: inline-block; + padding: 0.35em 0.65em; + font-size: 0.75em; + font-weight: 700; + line-height: 1; + color: #fff; + text-align: center; + white-space: nowrap; + vertical-align: baseline; + border-radius: 0.25rem; +} + +.badge:empty { + display: none; +} + +.btn .badge { + position: relative; + top: -1px; +} + +.alert { + position: relative; + padding: 1rem 1rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 0.25rem; +} + +.alert-heading { + color: inherit; +} + +.alert-link { + font-weight: 700; +} + +.alert-dismissible { + padding-right: 3rem; +} + +.alert-dismissible .btn-close { + position: absolute; + top: 0; + right: 0; + z-index: 2; + padding: 1.25rem 1rem; +} + +.alert-primary { + color: #713822; + background-color: #f2dfd7; + border-color: #ebcec3; +} + +.alert-primary .alert-link { + color: #5a2d1b; +} + +.alert-secondary { + color: #41464b; + background-color: #e2e3e5; + border-color: #d3d6d8; +} + +.alert-secondary .alert-link { + color: #34383c; +} + +.alert-success { + color: #0f5132; + background-color: #d1e7dd; + border-color: #badbcc; +} + +.alert-success .alert-link { + color: #0c4128; +} + +.alert-info { + color: #055160; + background-color: #cff4fc; + border-color: #b6effb; +} + +.alert-info .alert-link { + color: #04414d; +} + +.alert-warning { + color: #664d03; + background-color: #fff3cd; + border-color: #ffecb5; +} + +.alert-warning .alert-link { + color: #523e02; +} + +.alert-danger { + color: #842029; + background-color: #f8d7da; + border-color: #f5c2c7; +} + +.alert-danger .alert-link { + color: #6a1a21; +} + +.alert-light { + color: #636464; + background-color: #fefefe; + border-color: #fdfdfe; +} + +.alert-light .alert-link { + color: #4f5050; +} + +.alert-dark { + color: #141619; + background-color: #d3d3d4; + border-color: #bcbebf; +} + +.alert-dark .alert-link { + color: #101214; +} + +@-webkit-keyframes progress-bar-stripes { + 0% { + background-position-x: 1rem; + } +} + +@keyframes progress-bar-stripes { + 0% { + background-position-x: 1rem; + } +} + +.progress { + display: flex; + height: 1rem; + overflow: hidden; + font-size: 0.75rem; + background-color: #e9ecef; + border-radius: 0.25rem; +} + +.progress-bar { + display: flex; + flex-direction: column; + justify-content: center; + overflow: hidden; + color: #fff; + text-align: center; + white-space: nowrap; + background-color: #bd5d38; + transition: width 0.6s ease; +} + +@media (prefers-reduced-motion: reduce) { + .progress-bar { + transition: none; + } +} + +.progress-bar-striped { + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-size: 1rem 1rem; +} + +.progress-bar-animated { + -webkit-animation: 1s linear infinite progress-bar-stripes; + animation: 1s linear infinite progress-bar-stripes; +} + +@media (prefers-reduced-motion: reduce) { + .progress-bar-animated { + -webkit-animation: none; + animation: none; + } +} + +.list-group { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + border-radius: 0.25rem; +} + +.list-group-numbered { + list-style-type: none; + counter-reset: section; +} + +.list-group-numbered>li::before { + content: counters(section, ".") ". "; + counter-increment: section; +} + +.list-group-item-action { + width: 100%; + color: #495057; + text-align: inherit; +} + +.list-group-item-action:hover, +.list-group-item-action:focus { + z-index: 1; + color: #495057; + text-decoration: none; + background-color: #f8f9fa; +} + +.list-group-item-action:active { + color: #212529; + background-color: #e9ecef; +} + +.list-group-item { + position: relative; + display: block; + padding: 0.5rem 1rem; + color: #212529; + text-decoration: none; + background-color: #fff; + border: 1px solid rgba(0, 0, 0, 0.125); +} + +.list-group-item:first-child { + border-top-left-radius: inherit; + border-top-right-radius: inherit; +} + +.list-group-item:last-child { + border-bottom-right-radius: inherit; + border-bottom-left-radius: inherit; +} + +.list-group-item.disabled, +.list-group-item:disabled { + color: #6c757d; + pointer-events: none; + background-color: #fff; +} + +.list-group-item.active { + z-index: 2; + color: #fff; + background-color: #bd5d38; + border-color: #bd5d38; +} + +.list-group-item+.list-group-item { + border-top-width: 0; +} + +.list-group-item+.list-group-item.active { + margin-top: -1px; + border-top-width: 1px; +} + +.list-group-horizontal { + flex-direction: row; +} + +.list-group-horizontal>.list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; +} + +.list-group-horizontal>.list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; +} + +.list-group-horizontal>.list-group-item.active { + margin-top: 0; +} + +.list-group-horizontal>.list-group-item+.list-group-item { + border-top-width: 1px; + border-left-width: 0; +} + +.list-group-horizontal>.list-group-item+.list-group-item.active { + margin-left: -1px; + border-left-width: 1px; +} + +@media (min-width: 576px) { + .list-group-horizontal-sm { + flex-direction: row; + } + .list-group-horizontal-sm>.list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-sm>.list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-sm>.list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-sm>.list-group-item+.list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-sm>.list-group-item+.list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} + +@media (min-width: 768px) { + .list-group-horizontal-md { + flex-direction: row; + } + .list-group-horizontal-md>.list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-md>.list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-md>.list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-md>.list-group-item+.list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-md>.list-group-item+.list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} + +@media (min-width: 992px) { + .list-group-horizontal-lg { + flex-direction: row; + } + .list-group-horizontal-lg>.list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-lg>.list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-lg>.list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-lg>.list-group-item+.list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-lg>.list-group-item+.list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} + +@media (min-width: 1200px) { + .list-group-horizontal-xl { + flex-direction: row; + } + .list-group-horizontal-xl>.list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-xl>.list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-xl>.list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-xl>.list-group-item+.list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-xl>.list-group-item+.list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} + +@media (min-width: 1400px) { + .list-group-horizontal-xxl { + flex-direction: row; + } + .list-group-horizontal-xxl>.list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-xxl>.list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-xxl>.list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-xxl>.list-group-item+.list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-xxl>.list-group-item+.list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} + +.list-group-flush { + border-radius: 0; +} + +.list-group-flush>.list-group-item { + border-width: 0 0 1px; +} + +.list-group-flush>.list-group-item:last-child { + border-bottom-width: 0; +} + +.list-group-item-primary { + color: #713822; + background-color: #f2dfd7; +} + +.list-group-item-primary.list-group-item-action:hover, +.list-group-item-primary.list-group-item-action:focus { + color: #713822; + background-color: #dac9c2; +} + +.list-group-item-primary.list-group-item-action.active { + color: #fff; + background-color: #713822; + border-color: #713822; +} + +.list-group-item-secondary { + color: #41464b; + background-color: #e2e3e5; +} + +.list-group-item-secondary.list-group-item-action:hover, +.list-group-item-secondary.list-group-item-action:focus { + color: #41464b; + background-color: #cbccce; +} + +.list-group-item-secondary.list-group-item-action.active { + color: #fff; + background-color: #41464b; + border-color: #41464b; +} + +.list-group-item-success { + color: #0f5132; + background-color: #d1e7dd; +} + +.list-group-item-success.list-group-item-action:hover, +.list-group-item-success.list-group-item-action:focus { + color: #0f5132; + background-color: #bcd0c7; +} + +.list-group-item-success.list-group-item-action.active { + color: #fff; + background-color: #0f5132; + border-color: #0f5132; +} + +.list-group-item-info { + color: #055160; + background-color: #cff4fc; +} + +.list-group-item-info.list-group-item-action:hover, +.list-group-item-info.list-group-item-action:focus { + color: #055160; + background-color: #badce3; +} + +.list-group-item-info.list-group-item-action.active { + color: #fff; + background-color: #055160; + border-color: #055160; +} + +.list-group-item-warning { + color: #664d03; + background-color: #fff3cd; +} + +.list-group-item-warning.list-group-item-action:hover, +.list-group-item-warning.list-group-item-action:focus { + color: #664d03; + background-color: #e6dbb9; +} + +.list-group-item-warning.list-group-item-action.active { + color: #fff; + background-color: #664d03; + border-color: #664d03; +} + +.list-group-item-danger { + color: #842029; + background-color: #f8d7da; +} + +.list-group-item-danger.list-group-item-action:hover, +.list-group-item-danger.list-group-item-action:focus { + color: #842029; + background-color: #dfc2c4; +} + +.list-group-item-danger.list-group-item-action.active { + color: #fff; + background-color: #842029; + border-color: #842029; +} + +.list-group-item-light { + color: #636464; + background-color: #fefefe; +} + +.list-group-item-light.list-group-item-action:hover, +.list-group-item-light.list-group-item-action:focus { + color: #636464; + background-color: #e5e5e5; +} + +.list-group-item-light.list-group-item-action.active { + color: #fff; + background-color: #636464; + border-color: #636464; +} + +.list-group-item-dark { + color: #141619; + background-color: #d3d3d4; +} + +.list-group-item-dark.list-group-item-action:hover, +.list-group-item-dark.list-group-item-action:focus { + color: #141619; + background-color: #bebebf; +} + +.list-group-item-dark.list-group-item-action.active { + color: #fff; + background-color: #141619; + border-color: #141619; +} + +.btn-close { + box-sizing: content-box; + width: 1em; + height: 1em; + padding: 0.25em 0.25em; + color: #000; + background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat; + border: 0; + border-radius: 0.25rem; + opacity: 0.5; +} + +.btn-close:hover { + color: #000; + text-decoration: none; + opacity: 0.75; +} + +.btn-close:focus { + outline: 0; + box-shadow: 0 0 0 0.25rem rgba(189, 93, 56, 0.25); + opacity: 1; +} + +.btn-close:disabled, +.btn-close.disabled { + pointer-events: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + opacity: 0.25; +} + +.btn-close-white { + filter: invert(1) grayscale(100%) brightness(200%); +} + +.toast { + width: 350px; + max-width: 100%; + font-size: 0.875rem; + pointer-events: auto; + background-color: rgba(255, 255, 255, 0.85); + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.1); + box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); + border-radius: 0.25rem; +} + +.toast.showing { + opacity: 0; +} + +.toast:not(.show) { + display: none; +} + +.toast-container { + width: -webkit-max-content; + width: -moz-max-content; + width: max-content; + max-width: 100%; + pointer-events: none; +} + +.toast-container> :not(:last-child) { + margin-bottom: 0.75rem; +} + +.toast-header { + display: flex; + align-items: center; + padding: 0.5rem 0.75rem; + color: #6c757d; + background-color: rgba(255, 255, 255, 0.85); + background-clip: padding-box; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); + border-top-left-radius: calc(0.25rem - 1px); + border-top-right-radius: calc(0.25rem - 1px); +} + +.toast-header .btn-close { + margin-right: -0.375rem; + margin-left: 0.75rem; +} + +.toast-body { + padding: 0.75rem; + word-wrap: break-word; +} + +.modal { + position: fixed; + top: 0; + left: 0; + z-index: 1055; + display: none; + width: 100%; + height: 100%; + overflow-x: hidden; + overflow-y: auto; + outline: 0; +} + +.modal-dialog { + position: relative; + width: auto; + margin: 0.5rem; + pointer-events: none; +} + +.modal.fade .modal-dialog { + transition: transform 0.3s ease-out; + transform: translate(0, -50px); +} + +@media (prefers-reduced-motion: reduce) { + .modal.fade .modal-dialog { + transition: none; + } +} + +.modal.show .modal-dialog { + transform: none; +} + +.modal.modal-static .modal-dialog { + transform: scale(1.02); +} + +.modal-dialog-scrollable { + height: calc(100% - 1rem); +} + +.modal-dialog-scrollable .modal-content { + max-height: 100%; + overflow: hidden; +} + +.modal-dialog-scrollable .modal-body { + overflow-y: auto; +} + +.modal-dialog-centered { + display: flex; + align-items: center; + min-height: calc(100% - 1rem); +} + +.modal-content { + position: relative; + display: flex; + flex-direction: column; + width: 100%; + pointer-events: auto; + background-color: #fff; + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.2); + border-radius: 0.3rem; + outline: 0; +} + +.modal-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1050; + width: 100vw; + height: 100vh; + background-color: #000; +} + +.modal-backdrop.fade { + opacity: 0; +} + +.modal-backdrop.show { + opacity: 0.5; +} + +.modal-header { + display: flex; + flex-shrink: 0; + align-items: center; + justify-content: space-between; + padding: 1rem 1rem; + border-bottom: 1px solid #dee2e6; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} + +.modal-header .btn-close { + padding: 0.5rem 0.5rem; + margin: -0.5rem -0.5rem -0.5rem auto; +} + +.modal-title { + margin-bottom: 0; + line-height: 1.5; +} + +.modal-body { + position: relative; + flex: 1 1 auto; + padding: 1rem; +} + +.modal-footer { + display: flex; + flex-wrap: wrap; + flex-shrink: 0; + align-items: center; + justify-content: flex-end; + padding: 0.75rem; + border-top: 1px solid #dee2e6; + border-bottom-right-radius: calc(0.3rem - 1px); + border-bottom-left-radius: calc(0.3rem - 1px); +} + +.modal-footer>* { + margin: 0.25rem; +} + +@media (min-width: 576px) { + .modal-dialog { + max-width: 500px; + margin: 1.75rem auto; + } + .modal-dialog-scrollable { + height: calc(100% - 3.5rem); + } + .modal-dialog-centered { + min-height: calc(100% - 3.5rem); + } + .modal-sm { + max-width: 300px; + } +} + +@media (min-width: 992px) { + .modal-lg, + .modal-xl { + max-width: 800px; + } +} + +@media (min-width: 1200px) { + .modal-xl { + max-width: 1140px; + } +} + +.modal-fullscreen { + width: 100vw; + max-width: none; + height: 100%; + margin: 0; +} + +.modal-fullscreen .modal-content { + height: 100%; + border: 0; + border-radius: 0; +} + +.modal-fullscreen .modal-header { + border-radius: 0; +} + +.modal-fullscreen .modal-body { + overflow-y: auto; +} + +.modal-fullscreen .modal-footer { + border-radius: 0; +} + +@media (max-width: 575.98px) { + .modal-fullscreen-sm-down { + width: 100vw; + max-width: none; + height: 100%; + margin: 0; + } + .modal-fullscreen-sm-down .modal-content { + height: 100%; + border: 0; + border-radius: 0; + } + .modal-fullscreen-sm-down .modal-header { + border-radius: 0; + } + .modal-fullscreen-sm-down .modal-body { + overflow-y: auto; + } + .modal-fullscreen-sm-down .modal-footer { + border-radius: 0; + } +} + +@media (max-width: 767.98px) { + .modal-fullscreen-md-down { + width: 100vw; + max-width: none; + height: 100%; + margin: 0; + } + .modal-fullscreen-md-down .modal-content { + height: 100%; + border: 0; + border-radius: 0; + } + .modal-fullscreen-md-down .modal-header { + border-radius: 0; + } + .modal-fullscreen-md-down .modal-body { + overflow-y: auto; + } + .modal-fullscreen-md-down .modal-footer { + border-radius: 0; + } +} + +@media (max-width: 991.98px) { + .modal-fullscreen-lg-down { + width: 100vw; + max-width: none; + height: 100%; + margin: 0; + } + .modal-fullscreen-lg-down .modal-content { + height: 100%; + border: 0; + border-radius: 0; + } + .modal-fullscreen-lg-down .modal-header { + border-radius: 0; + } + .modal-fullscreen-lg-down .modal-body { + overflow-y: auto; + } + .modal-fullscreen-lg-down .modal-footer { + border-radius: 0; + } +} + +@media (max-width: 1199.98px) { + .modal-fullscreen-xl-down { + width: 100vw; + max-width: none; + height: 100%; + margin: 0; + } + .modal-fullscreen-xl-down .modal-content { + height: 100%; + border: 0; + border-radius: 0; + } + .modal-fullscreen-xl-down .modal-header { + border-radius: 0; + } + .modal-fullscreen-xl-down .modal-body { + overflow-y: auto; + } + .modal-fullscreen-xl-down .modal-footer { + border-radius: 0; + } +} + +@media (max-width: 1399.98px) { + .modal-fullscreen-xxl-down { + width: 100vw; + max-width: none; + height: 100%; + margin: 0; + } + .modal-fullscreen-xxl-down .modal-content { + height: 100%; + border: 0; + border-radius: 0; + } + .modal-fullscreen-xxl-down .modal-header { + border-radius: 0; + } + .modal-fullscreen-xxl-down .modal-body { + overflow-y: auto; + } + .modal-fullscreen-xxl-down .modal-footer { + border-radius: 0; + } +} + +.tooltip { + position: absolute; + z-index: 1080; + display: block; + margin: 0; + font-family: "Muli", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + font-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + opacity: 0; +} + +.tooltip.show { + opacity: 0.9; +} + +.tooltip .tooltip-arrow { + position: absolute; + display: block; + width: 0.8rem; + height: 0.4rem; +} + +.tooltip .tooltip-arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-tooltip-top, +.bs-tooltip-auto[data-popper-placement^=top] { + padding: 0.4rem 0; +} + +.bs-tooltip-top .tooltip-arrow, +.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow { + bottom: 0; +} + +.bs-tooltip-top .tooltip-arrow::before, +.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before { + top: -1px; + border-width: 0.4rem 0.4rem 0; + border-top-color: #000; +} + +.bs-tooltip-end, +.bs-tooltip-auto[data-popper-placement^=right] { + padding: 0 0.4rem; +} + +.bs-tooltip-end .tooltip-arrow, +.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow { + left: 0; + width: 0.4rem; + height: 0.8rem; +} + +.bs-tooltip-end .tooltip-arrow::before, +.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before { + right: -1px; + border-width: 0.4rem 0.4rem 0.4rem 0; + border-right-color: #000; +} + +.bs-tooltip-bottom, +.bs-tooltip-auto[data-popper-placement^=bottom] { + padding: 0.4rem 0; +} + +.bs-tooltip-bottom .tooltip-arrow, +.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow { + top: 0; +} + +.bs-tooltip-bottom .tooltip-arrow::before, +.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before { + bottom: -1px; + border-width: 0 0.4rem 0.4rem; + border-bottom-color: #000; +} + +.bs-tooltip-start, +.bs-tooltip-auto[data-popper-placement^=left] { + padding: 0 0.4rem; +} + +.bs-tooltip-start .tooltip-arrow, +.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow { + right: 0; + width: 0.4rem; + height: 0.8rem; +} + +.bs-tooltip-start .tooltip-arrow::before, +.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before { + left: -1px; + border-width: 0.4rem 0 0.4rem 0.4rem; + border-left-color: #000; +} + +.tooltip-inner { + max-width: 200px; + padding: 0.25rem 0.5rem; + color: #fff; + text-align: center; + background-color: #000; + border-radius: 0.25rem; +} + +.popover { + position: absolute; + top: 0; + left: 0/* rtl:ignore */ + ; + z-index: 1070; + display: block; + max-width: 276px; + font-family: "Muli", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + font-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + background-color: #fff; + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.2); + border-radius: 0.3rem; +} + +.popover .popover-arrow { + position: absolute; + display: block; + width: 1rem; + height: 0.5rem; +} + +.popover .popover-arrow::before, +.popover .popover-arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-popover-top>.popover-arrow, +.bs-popover-auto[data-popper-placement^=top]>.popover-arrow { + bottom: calc(-0.5rem - 1px); +} + +.bs-popover-top>.popover-arrow::before, +.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before { + bottom: 0; + border-width: 0.5rem 0.5rem 0; + border-top-color: rgba(0, 0, 0, 0.25); +} + +.bs-popover-top>.popover-arrow::after, +.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after { + bottom: 1px; + border-width: 0.5rem 0.5rem 0; + border-top-color: #fff; +} + +.bs-popover-end>.popover-arrow, +.bs-popover-auto[data-popper-placement^=right]>.popover-arrow { + left: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; +} + +.bs-popover-end>.popover-arrow::before, +.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before { + left: 0; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: rgba(0, 0, 0, 0.25); +} + +.bs-popover-end>.popover-arrow::after, +.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after { + left: 1px; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: #fff; +} + +.bs-popover-bottom>.popover-arrow, +.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow { + top: calc(-0.5rem - 1px); +} + +.bs-popover-bottom>.popover-arrow::before, +.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before { + top: 0; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: rgba(0, 0, 0, 0.25); +} + +.bs-popover-bottom>.popover-arrow::after, +.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after { + top: 1px; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: #fff; +} + +.bs-popover-bottom .popover-header::before, +.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: 1rem; + margin-left: -0.5rem; + content: ""; + border-bottom: 1px solid #f0f0f0; +} + +.bs-popover-start>.popover-arrow, +.bs-popover-auto[data-popper-placement^=left]>.popover-arrow { + right: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; +} + +.bs-popover-start>.popover-arrow::before, +.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before { + right: 0; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: rgba(0, 0, 0, 0.25); +} + +.bs-popover-start>.popover-arrow::after, +.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after { + right: 1px; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: #fff; +} + +.popover-header { + padding: 0.5rem 1rem; + margin-bottom: 0; + font-size: 1rem; + color: #343a40; + background-color: #f0f0f0; + border-bottom: 1px solid rgba(0, 0, 0, 0.2); + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} + +.popover-header:empty { + display: none; +} + +.popover-body { + padding: 1rem 1rem; + color: #212529; +} + +.carousel { + position: relative; +} + +.carousel.pointer-event { + touch-action: pan-y; +} + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} + +.carousel-inner::after { + display: block; + clear: both; + content: ""; +} + +.carousel-item { + position: relative; + display: none; + float: left; + width: 100%; + margin-right: -100%; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + transition: transform 0.6s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .carousel-item { + transition: none; + } +} + +.carousel-item.active, +.carousel-item-next, +.carousel-item-prev { + display: block; +} + + +/* rtl:begin:ignore */ + +.carousel-item-next:not(.carousel-item-start), +.active.carousel-item-end { + transform: translateX(100%); +} + +.carousel-item-prev:not(.carousel-item-end), +.active.carousel-item-start { + transform: translateX(-100%); +} + + +/* rtl:end:ignore */ + +.carousel-fade .carousel-item { + opacity: 0; + transition-property: opacity; + transform: none; +} + +.carousel-fade .carousel-item.active, +.carousel-fade .carousel-item-next.carousel-item-start, +.carousel-fade .carousel-item-prev.carousel-item-end { + z-index: 1; + opacity: 1; +} + +.carousel-fade .active.carousel-item-start, +.carousel-fade .active.carousel-item-end { + z-index: 0; + opacity: 0; + transition: opacity 0s 0.6s; +} + +@media (prefers-reduced-motion: reduce) { + .carousel-fade .active.carousel-item-start, + .carousel-fade .active.carousel-item-end { + transition: none; + } +} + +.carousel-control-prev, +.carousel-control-next { + position: absolute; + top: 0; + bottom: 0; + z-index: 1; + display: flex; + align-items: center; + justify-content: center; + width: 15%; + padding: 0; + color: #fff; + text-align: center; + background: none; + border: 0; + opacity: 0.5; + transition: opacity 0.15s ease; +} + +@media (prefers-reduced-motion: reduce) { + .carousel-control-prev, + .carousel-control-next { + transition: none; + } +} + +.carousel-control-prev:hover, +.carousel-control-prev:focus, +.carousel-control-next:hover, +.carousel-control-next:focus { + color: #fff; + text-decoration: none; + outline: 0; + opacity: 0.9; +} + +.carousel-control-prev { + left: 0; +} + +.carousel-control-next { + right: 0; +} + +.carousel-control-prev-icon, +.carousel-control-next-icon { + display: inline-block; + width: 2rem; + height: 2rem; + background-repeat: no-repeat; + background-position: 50%; + background-size: 100% 100%; +} + + +/* rtl:options: { + "autoRename": true, + "stringMap":[ { + "name" : "prev-next", + "search" : "prev", + "replace" : "next" + } ] +} */ + +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e"); +} + +.carousel-control-next-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); +} + +.carousel-indicators { + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 2; + display: flex; + justify-content: center; + padding: 0; + margin-right: 15%; + margin-bottom: 1rem; + margin-left: 15%; + list-style: none; +} + +.carousel-indicators [data-bs-target] { + box-sizing: content-box; + flex: 0 1 auto; + width: 30px; + height: 3px; + padding: 0; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: #fff; + background-clip: padding-box; + border: 0; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + opacity: 0.5; + transition: opacity 0.6s ease; +} + +@media (prefers-reduced-motion: reduce) { + .carousel-indicators [data-bs-target] { + transition: none; + } +} + +.carousel-indicators .active { + opacity: 1; +} + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 1.25rem; + left: 15%; + padding-top: 1.25rem; + padding-bottom: 1.25rem; + color: #fff; + text-align: center; +} + +.carousel-dark .carousel-control-prev-icon, +.carousel-dark .carousel-control-next-icon { + filter: invert(1) grayscale(100); +} + +.carousel-dark .carousel-indicators [data-bs-target] { + background-color: #000; +} + +.carousel-dark .carousel-caption { + color: #000; +} + +@-webkit-keyframes spinner-border { + to { + transform: rotate(360deg)/* rtl:ignore */ + ; + } +} + +@keyframes spinner-border { + to { + transform: rotate(360deg)/* rtl:ignore */ + ; + } +} + +.spinner-border { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: -0.125em; + border: 0.25em solid currentColor; + border-right-color: transparent; + border-radius: 50%; + -webkit-animation: 0.75s linear infinite spinner-border; + animation: 0.75s linear infinite spinner-border; +} + +.spinner-border-sm { + width: 1rem; + height: 1rem; + border-width: 0.2em; +} + +@-webkit-keyframes spinner-grow { + 0% { + transform: scale(0); + } + 50% { + opacity: 1; + transform: none; + } +} + +@keyframes spinner-grow { + 0% { + transform: scale(0); + } + 50% { + opacity: 1; + transform: none; + } +} + +.spinner-grow { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: -0.125em; + background-color: currentColor; + border-radius: 50%; + opacity: 0; + -webkit-animation: 0.75s linear infinite spinner-grow; + animation: 0.75s linear infinite spinner-grow; +} + +.spinner-grow-sm { + width: 1rem; + height: 1rem; +} + +@media (prefers-reduced-motion: reduce) { + .spinner-border, + .spinner-grow { + -webkit-animation-duration: 1.5s; + animation-duration: 1.5s; + } +} + +.offcanvas { + position: fixed; + bottom: 0; + z-index: 1045; + display: flex; + flex-direction: column; + max-width: 100%; + visibility: hidden; + background-color: #fff; + background-clip: padding-box; + outline: 0; + transition: transform 0.3s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .offcanvas { + transition: none; + } +} + +.offcanvas-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1040; + width: 100vw; + height: 100vh; + background-color: #000; +} + +.offcanvas-backdrop.fade { + opacity: 0; +} + +.offcanvas-backdrop.show { + opacity: 0.5; +} + +.offcanvas-header { + display: flex; + align-items: center; + justify-content: space-between; + padding: 1rem 1rem; +} + +.offcanvas-header .btn-close { + padding: 0.5rem 0.5rem; + margin-top: -0.5rem; + margin-right: -0.5rem; + margin-bottom: -0.5rem; +} + +.offcanvas-title { + margin-bottom: 0; + line-height: 1.5; +} + +.offcanvas-body { + flex-grow: 1; + padding: 1rem 1rem; + overflow-y: auto; +} + +.offcanvas-start { + top: 0; + left: 0; + width: 400px; + border-right: 1px solid rgba(0, 0, 0, 0.2); + transform: translateX(-100%); +} + +.offcanvas-end { + top: 0; + right: 0; + width: 400px; + border-left: 1px solid rgba(0, 0, 0, 0.2); + transform: translateX(100%); +} + +.offcanvas-top { + top: 0; + right: 0; + left: 0; + height: 30vh; + max-height: 100%; + border-bottom: 1px solid rgba(0, 0, 0, 0.2); + transform: translateY(-100%); +} + +.offcanvas-bottom { + right: 0; + left: 0; + height: 30vh; + max-height: 100%; + border-top: 1px solid rgba(0, 0, 0, 0.2); + transform: translateY(100%); +} + +.offcanvas.show { + transform: none; +} + +.placeholder { + display: inline-block; + min-height: 1em; + vertical-align: middle; + cursor: wait; + background-color: currentColor; + opacity: 0.5; +} + +.placeholder.btn::before { + display: inline-block; + content: ""; +} + +.placeholder-xs { + min-height: 0.6em; +} + +.placeholder-sm { + min-height: 0.8em; +} + +.placeholder-lg { + min-height: 1.2em; +} + +.placeholder-glow .placeholder { + -webkit-animation: placeholder-glow 2s ease-in-out infinite; + animation: placeholder-glow 2s ease-in-out infinite; +} + +@-webkit-keyframes placeholder-glow { + 50% { + opacity: 0.2; + } +} + +@keyframes placeholder-glow { + 50% { + opacity: 0.2; + } +} + +.placeholder-wave { + -webkit-mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%); + mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%); + -webkit-mask-size: 200% 100%; + mask-size: 200% 100%; + -webkit-animation: placeholder-wave 2s linear infinite; + animation: placeholder-wave 2s linear infinite; +} + +@-webkit-keyframes placeholder-wave { + 100% { + -webkit-mask-position: -200% 0%; + mask-position: -200% 0%; + } +} + +@keyframes placeholder-wave { + 100% { + -webkit-mask-position: -200% 0%; + mask-position: -200% 0%; + } +} + +.clearfix::after { + display: block; + clear: both; + content: ""; +} + +.link-primary { + color: #bd5d38; +} + +.link-primary:hover, +.link-primary:focus { + color: #ca7d60; +} + +.link-secondary { + color: #6c757d; +} + +.link-secondary:hover, +.link-secondary:focus { + color: #565e64; +} + +.link-success { + color: #198754; +} + +.link-success:hover, +.link-success:focus { + color: #146c43; +} + +.link-info { + color: #0dcaf0; +} + +.link-info:hover, +.link-info:focus { + color: #3dd5f3; +} + +.link-warning { + color: #ffc107; +} + +.link-warning:hover, +.link-warning:focus { + color: #ffcd39; +} + +.link-danger { + color: #dc3545; +} + +.link-danger:hover, +.link-danger:focus { + color: #b02a37; +} + +.link-light { + color: #f8f9fa; +} + +.link-light:hover, +.link-light:focus { + color: #f9fafb; +} + +.link-dark { + color: #212529; +} + +.link-dark:hover, +.link-dark:focus { + color: #1a1e21; +} + +.ratio { + position: relative; + width: 100%; +} + +.ratio::before { + display: block; + padding-top: var(--bs-aspect-ratio); + content: ""; +} + +.ratio>* { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; +} + +.ratio-1x1 { + --bs-aspect-ratio: 100%; +} + +.ratio-4x3 { + --bs-aspect-ratio: 75%; +} + +.ratio-16x9 { + --bs-aspect-ratio: 56.25%; +} + +.ratio-21x9 { + --bs-aspect-ratio: 42.8571428571%; +} + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} + +.sticky-top { + position: -webkit-sticky; + position: sticky; + top: 0; + z-index: 1020; +} + +@media (min-width: 576px) { + .sticky-sm-top { + position: -webkit-sticky; + position: sticky; + top: 0; + z-index: 1020; + } +} + +@media (min-width: 768px) { + .sticky-md-top { + position: -webkit-sticky; + position: sticky; + top: 0; + z-index: 1020; + } +} + +@media (min-width: 992px) { + .sticky-lg-top { + position: -webkit-sticky; + position: sticky; + top: 0; + z-index: 1020; + } +} + +@media (min-width: 1200px) { + .sticky-xl-top { + position: -webkit-sticky; + position: sticky; + top: 0; + z-index: 1020; + } +} + +@media (min-width: 1400px) { + .sticky-xxl-top { + position: -webkit-sticky; + position: sticky; + top: 0; + z-index: 1020; + } +} + +.hstack { + display: flex; + flex-direction: row; + align-items: center; + align-self: stretch; +} + +.vstack { + display: flex; + flex: 1 1 auto; + flex-direction: column; + align-self: stretch; +} + +.visually-hidden, +.visually-hidden-focusable:not(:focus):not(:focus-within) { + position: absolute !important; + width: 1px !important; + height: 1px !important; + padding: 0 !important; + margin: -1px !important; + overflow: hidden !important; + clip: rect(0, 0, 0, 0) !important; + white-space: nowrap !important; + border: 0 !important; +} + +.stretched-link::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1; + content: ""; +} + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.vr { + display: inline-block; + align-self: stretch; + width: 1px; + min-height: 1em; + background-color: currentColor; + opacity: 0.25; +} + +.align-baseline { + vertical-align: baseline !important; +} + +.align-top { + vertical-align: top !important; +} + +.align-middle { + vertical-align: middle !important; +} + +.align-bottom { + vertical-align: bottom !important; +} + +.align-text-bottom { + vertical-align: text-bottom !important; +} + +.align-text-top { + vertical-align: text-top !important; +} + +.float-start { + float: left !important; +} + +.float-end { + float: right !important; +} + +.float-none { + float: none !important; +} + +.opacity-0 { + opacity: 0 !important; +} + +.opacity-25 { + opacity: 0.25 !important; +} + +.opacity-50 { + opacity: 0.5 !important; +} + +.opacity-75 { + opacity: 0.75 !important; +} + +.opacity-100 { + opacity: 1 !important; +} + +.overflow-auto { + overflow: auto !important; +} + +.overflow-hidden { + overflow: hidden !important; +} + +.overflow-visible { + overflow: visible !important; +} + +.overflow-scroll { + overflow: scroll !important; +} + +.d-inline { + display: inline !important; +} + +.d-inline-block { + display: inline-block !important; +} + +.d-block { + display: block !important; +} + +.d-grid { + display: grid !important; +} + +.d-table { + display: table !important; +} + +.d-table-row { + display: table-row !important; +} + +.d-table-cell { + display: table-cell !important; +} + +.d-flex { + display: flex !important; +} + +.d-inline-flex { + display: inline-flex !important; +} + +.d-none { + display: none !important; +} + +.shadow { + box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; +} + +.shadow-sm { + box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; +} + +.shadow-lg { + box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; +} + +.shadow-none { + box-shadow: none !important; +} + +.position-static { + position: static !important; +} + +.position-relative { + position: relative !important; +} + +.position-absolute { + position: absolute !important; +} + +.position-fixed { + position: fixed !important; +} + +.position-sticky { + position: -webkit-sticky !important; + position: sticky !important; +} + +.top-0 { + top: 0 !important; +} + +.top-50 { + top: 50% !important; +} + +.top-100 { + top: 100% !important; +} + +.bottom-0 { + bottom: 0 !important; +} + +.bottom-50 { + bottom: 50% !important; +} + +.bottom-100 { + bottom: 100% !important; +} + +.start-0 { + left: 0 !important; +} + +.start-50 { + left: 50% !important; +} + +.start-100 { + left: 100% !important; +} + +.end-0 { + right: 0 !important; +} + +.end-50 { + right: 50% !important; +} + +.end-100 { + right: 100% !important; +} + +.translate-middle { + transform: translate(-50%, -50%) !important; +} + +.translate-middle-x { + transform: translateX(-50%) !important; +} + +.translate-middle-y { + transform: translateY(-50%) !important; +} + +.border { + border: 1px solid #dee2e6 !important; +} + +.border-0 { + border: 0 !important; +} + +.border-top { + border-top: 1px solid #dee2e6 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-end { + border-right: 1px solid #dee2e6 !important; +} + +.border-end-0 { + border-right: 0 !important; +} + +.border-bottom { + border-bottom: 1px solid #dee2e6 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-start { + border-left: 1px solid #dee2e6 !important; +} + +.border-start-0 { + border-left: 0 !important; +} + +.border-primary { + border-color: #bd5d38 !important; +} + +.border-secondary { + border-color: #6c757d !important; +} + +.border-success { + border-color: #198754 !important; +} + +.border-info { + border-color: #0dcaf0 !important; +} + +.border-warning { + border-color: #ffc107 !important; +} + +.border-danger { + border-color: #dc3545 !important; +} + +.border-light { + border-color: #f8f9fa !important; +} + +.border-dark { + border-color: #212529 !important; +} + +.border-white { + border-color: #fff !important; +} + +.border-1 { + border-width: 1px !important; +} + +.border-2 { + border-width: 2px !important; +} + +.border-3 { + border-width: 3px !important; +} + +.border-4 { + border-width: 4px !important; +} + +.border-5 { + border-width: 5px !important; +} + +.w-25 { + width: 25% !important; +} + +.w-50 { + width: 50% !important; +} + +.w-75 { + width: 75% !important; +} + +.w-100 { + width: 100% !important; +} + +.w-auto { + width: auto !important; +} + +.mw-100 { + max-width: 100% !important; +} + +.vw-100 { + width: 100vw !important; +} + +.min-vw-100 { + min-width: 100vw !important; +} + +.h-25 { + height: 25% !important; +} + +.h-50 { + height: 50% !important; +} + +.h-75 { + height: 75% !important; +} + +.h-100 { + height: 100% !important; +} + +.h-auto { + height: auto !important; +} + +.mh-100 { + max-height: 100% !important; +} + +.vh-100 { + height: 100vh !important; +} + +.min-vh-100 { + min-height: 100vh !important; +} + +.flex-fill { + flex: 1 1 auto !important; +} + +.flex-row { + flex-direction: row !important; +} + +.flex-column { + flex-direction: column !important; +} + +.flex-row-reverse { + flex-direction: row-reverse !important; +} + +.flex-column-reverse { + flex-direction: column-reverse !important; +} + +.flex-grow-0 { + flex-grow: 0 !important; +} + +.flex-grow-1 { + flex-grow: 1 !important; +} + +.flex-shrink-0 { + flex-shrink: 0 !important; +} + +.flex-shrink-1 { + flex-shrink: 1 !important; +} + +.flex-wrap { + flex-wrap: wrap !important; +} + +.flex-nowrap { + flex-wrap: nowrap !important; +} + +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; +} + +.gap-0 { + gap: 0 !important; +} + +.gap-1 { + gap: 0.25rem !important; +} + +.gap-2 { + gap: 0.5rem !important; +} + +.gap-3 { + gap: 1rem !important; +} + +.gap-4 { + gap: 1.5rem !important; +} + +.gap-5 { + gap: 3rem !important; +} + +.justify-content-start { + justify-content: flex-start !important; +} + +.justify-content-end { + justify-content: flex-end !important; +} + +.justify-content-center { + justify-content: center !important; +} + +.justify-content-between { + justify-content: space-between !important; +} + +.justify-content-around { + justify-content: space-around !important; +} + +.justify-content-evenly { + justify-content: space-evenly !important; +} + +.align-items-start { + align-items: flex-start !important; +} + +.align-items-end { + align-items: flex-end !important; +} + +.align-items-center { + align-items: center !important; +} + +.align-items-baseline { + align-items: baseline !important; +} + +.align-items-stretch { + align-items: stretch !important; +} + +.align-content-start { + align-content: flex-start !important; +} + +.align-content-end { + align-content: flex-end !important; +} + +.align-content-center { + align-content: center !important; +} + +.align-content-between { + align-content: space-between !important; +} + +.align-content-around { + align-content: space-around !important; +} + +.align-content-stretch { + align-content: stretch !important; +} + +.align-self-auto { + align-self: auto !important; +} + +.align-self-start { + align-self: flex-start !important; +} + +.align-self-end { + align-self: flex-end !important; +} + +.align-self-center { + align-self: center !important; +} + +.align-self-baseline { + align-self: baseline !important; +} + +.align-self-stretch { + align-self: stretch !important; +} + +.order-first { + order: -1 !important; +} + +.order-0 { + order: 0 !important; +} + +.order-1 { + order: 1 !important; +} + +.order-2 { + order: 2 !important; +} + +.order-3 { + order: 3 !important; +} + +.order-4 { + order: 4 !important; +} + +.order-5 { + order: 5 !important; +} + +.order-last { + order: 6 !important; +} + +.m-0 { + margin: 0 !important; +} + +.m-1 { + margin: 0.25rem !important; +} + +.m-2 { + margin: 0.5rem !important; +} + +.m-3 { + margin: 1rem !important; +} + +.m-4 { + margin: 1.5rem !important; +} + +.m-5 { + margin: 3rem !important; +} + +.m-auto { + margin: auto !important; +} + +.mx-0 { + margin-right: 0 !important; + margin-left: 0 !important; +} + +.mx-1 { + margin-right: 0.25rem !important; + margin-left: 0.25rem !important; +} + +.mx-2 { + margin-right: 0.5rem !important; + margin-left: 0.5rem !important; +} + +.mx-3 { + margin-right: 1rem !important; + margin-left: 1rem !important; +} + +.mx-4 { + margin-right: 1.5rem !important; + margin-left: 1.5rem !important; +} + +.mx-5 { + margin-right: 3rem !important; + margin-left: 3rem !important; +} + +.mx-auto { + margin-right: auto !important; + margin-left: auto !important; +} + +.my-0 { + margin-top: 0 !important; + margin-bottom: 0 !important; +} + +.my-1 { + margin-top: 0.25rem !important; + margin-bottom: 0.25rem !important; +} + +.my-2 { + margin-top: 0.5rem !important; + margin-bottom: 0.5rem !important; +} + +.my-3 { + margin-top: 1rem !important; + margin-bottom: 1rem !important; +} + +.my-4 { + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; +} + +.my-5 { + margin-top: 3rem !important; + margin-bottom: 3rem !important; +} + +.my-auto { + margin-top: auto !important; + margin-bottom: auto !important; +} + +.mt-0 { + margin-top: 0 !important; +} + +.mt-1 { + margin-top: 0.25rem !important; +} + +.mt-2 { + margin-top: 0.5rem !important; +} + +.mt-3 { + margin-top: 1rem !important; +} + +.mt-4 { + margin-top: 1.5rem !important; +} + +.mt-5 { + margin-top: 3rem !important; +} + +.mt-auto { + margin-top: auto !important; +} + +.me-0 { + margin-right: 0 !important; +} + +.me-1 { + margin-right: 0.25rem !important; +} + +.me-2 { + margin-right: 0.5rem !important; +} + +.me-3 { + margin-right: 1rem !important; +} + +.me-4 { + margin-right: 1.5rem !important; +} + +.me-5 { + margin-right: 3rem !important; +} + +.me-auto { + margin-right: auto !important; +} + +.mb-0 { + margin-bottom: 0 !important; +} + +.mb-1 { + margin-bottom: 0.25rem !important; +} + +.mb-2 { + margin-bottom: 0.5rem !important; +} + +.mb-3 { + margin-bottom: 1rem !important; +} + +.mb-4 { + margin-bottom: 1.5rem !important; +} + +.mb-5 { + margin-bottom: 3rem !important; +} + +.mb-auto { + margin-bottom: auto !important; +} + +.ms-0 { + margin-left: 0 !important; +} + +.ms-1 { + margin-left: 0.25rem !important; +} + +.ms-2 { + margin-left: 0.5rem !important; +} + +.ms-3 { + margin-left: 1rem !important; +} + +.ms-4 { + margin-left: 1.5rem !important; +} + +.ms-5 { + margin-left: 3rem !important; +} + +.ms-auto { + margin-left: auto !important; +} + +.p-0 { + padding: 0 !important; +} + +.p-1 { + padding: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.p-3 { + padding: 1rem !important; +} + +.p-4 { + padding: 1.5rem !important; +} + +.p-5 { + padding: 3rem !important; +} + +.px-0 { + padding-right: 0 !important; + padding-left: 0 !important; +} + +.px-1 { + padding-right: 0.25rem !important; + padding-left: 0.25rem !important; +} + +.px-2 { + padding-right: 0.5rem !important; + padding-left: 0.5rem !important; +} + +.px-3 { + padding-right: 1rem !important; + padding-left: 1rem !important; +} + +.px-4 { + padding-right: 1.5rem !important; + padding-left: 1.5rem !important; +} + +.px-5 { + padding-right: 3rem !important; + padding-left: 3rem !important; +} + +.py-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; +} + +.py-1 { + padding-top: 0.25rem !important; + padding-bottom: 0.25rem !important; +} + +.py-2 { + padding-top: 0.5rem !important; + padding-bottom: 0.5rem !important; +} + +.py-3 { + padding-top: 1rem !important; + padding-bottom: 1rem !important; +} + +.py-4 { + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; +} + +.py-5 { + padding-top: 3rem !important; + padding-bottom: 3rem !important; +} + +.pt-0 { + padding-top: 0 !important; +} + +.pt-1 { + padding-top: 0.25rem !important; +} + +.pt-2 { + padding-top: 0.5rem !important; +} + +.pt-3 { + padding-top: 1rem !important; +} + +.pt-4 { + padding-top: 1.5rem !important; +} + +.pt-5 { + padding-top: 3rem !important; +} + +.pe-0 { + padding-right: 0 !important; +} + +.pe-1 { + padding-right: 0.25rem !important; +} + +.pe-2 { + padding-right: 0.5rem !important; +} + +.pe-3 { + padding-right: 1rem !important; +} + +.pe-4 { + padding-right: 1.5rem !important; +} + +.pe-5 { + padding-right: 3rem !important; +} + +.pb-0 { + padding-bottom: 0 !important; +} + +.pb-1 { + padding-bottom: 0.25rem !important; +} + +.pb-2 { + padding-bottom: 0.5rem !important; +} + +.pb-3 { + padding-bottom: 1rem !important; +} + +.pb-4 { + padding-bottom: 1.5rem !important; +} + +.pb-5 { + padding-bottom: 3rem !important; +} + +.ps-0 { + padding-left: 0 !important; +} + +.ps-1 { + padding-left: 0.25rem !important; +} + +.ps-2 { + padding-left: 0.5rem !important; +} + +.ps-3 { + padding-left: 1rem !important; +} + +.ps-4 { + padding-left: 1.5rem !important; +} + +.ps-5 { + padding-left: 3rem !important; +} + +.font-monospace { + font-family: var(--bs-font-monospace) !important; +} + +.fs-1 { + font-size: calc(1.725rem + 5.7vw) !important; +} + +.fs-2 { + font-size: calc(1.475rem + 2.7vw) !important; +} + +.fs-3 { + font-size: calc(1.325rem + 0.9vw) !important; +} + +.fs-4 { + font-size: calc(1.275rem + 0.3vw) !important; +} + +.fs-5 { + font-size: 1.25rem !important; +} + +.fs-6 { + font-size: 1rem !important; +} + +.fst-italic { + font-style: italic !important; +} + +.fst-normal { + font-style: normal !important; +} + +.fw-light { + font-weight: 300 !important; +} + +.fw-lighter { + font-weight: lighter !important; +} + +.fw-normal { + font-weight: 400 !important; +} + +.fw-bold { + font-weight: 700 !important; +} + +.fw-bolder { + font-weight: bolder !important; +} + +.lh-1 { + line-height: 1 !important; +} + +.lh-sm { + line-height: 1.25 !important; +} + +.lh-base { + line-height: 1.5 !important; +} + +.lh-lg { + line-height: 2 !important; +} + +.text-start { + text-align: left !important; +} + +.text-end { + text-align: right !important; +} + +.text-center { + text-align: center !important; +} + +.text-decoration-none { + text-decoration: none !important; +} + +.text-decoration-underline { + text-decoration: underline !important; +} + +.text-decoration-line-through { + text-decoration: line-through !important; +} + +.text-lowercase { + text-transform: lowercase !important; +} + +.text-uppercase { + text-transform: uppercase !important; +} + +.text-capitalize { + text-transform: capitalize !important; +} + +.text-wrap { + white-space: normal !important; +} + +.text-nowrap { + white-space: nowrap !important; +} + + +/* rtl:begin:remove */ + +.text-break { + word-wrap: break-word !important; + word-break: break-word !important; +} + + +/* rtl:end:remove */ + +.text-primary { + --bs-text-opacity: 1; + color: #0076ce !important; +} + +.text-secondary { + --bs-text-opacity: 1; + color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important; +} + +.text-success { + --bs-text-opacity: 1; + color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important; +} + +.text-info { + --bs-text-opacity: 1; + color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important; +} + +.text-warning { + --bs-text-opacity: 1; + color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important; +} + +.text-danger { + --bs-text-opacity: 1; + color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important; +} + +.text-light { + --bs-text-opacity: 1; + color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important; +} + +.text-dark { + --bs-text-opacity: 1; + color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important; +} + +.text-black { + --bs-text-opacity: 1; + color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important; +} + +.text-white { + --bs-text-opacity: 1; + color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important; +} + +.text-body { + --bs-text-opacity: 1; + color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important; +} + +.text-muted { + --bs-text-opacity: 1; + color: #6c757d !important; +} + +.text-black-50 { + --bs-text-opacity: 1; + color: rgba(0, 0, 0, 0.5) !important; +} + +.text-white-50 { + --bs-text-opacity: 1; + color: rgba(255, 255, 255, 0.5) !important; +} + +.text-reset { + --bs-text-opacity: 1; + color: inherit !important; +} + +.text-opacity-25 { + --bs-text-opacity: 0.25; +} + +.text-opacity-50 { + --bs-text-opacity: 0.5; +} + +.text-opacity-75 { + --bs-text-opacity: 0.75; +} + +.text-opacity-100 { + --bs-text-opacity: 1; +} + +.bg-primary { + --bs-bg-opacity: 1; + background-color: #0076ce !important; +} + +.bg-secondary { + --bs-bg-opacity: 1; + background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important; +} + +.bg-success { + --bs-bg-opacity: 1; + background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important; +} + +.bg-info { + --bs-bg-opacity: 1; + background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important; +} + +.bg-warning { + --bs-bg-opacity: 1; + background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important; +} + +.bg-danger { + --bs-bg-opacity: 1; + background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important; +} + +.bg-light { + --bs-bg-opacity: 1; + background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important; +} + +.bg-dark { + --bs-bg-opacity: 1; + background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important; +} + +.bg-black { + --bs-bg-opacity: 1; + background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important; +} + +.bg-white { + --bs-bg-opacity: 1; + background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important; +} + +.bg-body { + --bs-bg-opacity: 1; + background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important; +} + +.bg-transparent { + --bs-bg-opacity: 1; + background-color: transparent !important; +} + +.bg-opacity-10 { + --bs-bg-opacity: 0.1; +} + +.bg-opacity-25 { + --bs-bg-opacity: 0.25; +} + +.bg-opacity-50 { + --bs-bg-opacity: 0.5; +} + +.bg-opacity-75 { + --bs-bg-opacity: 0.75; +} + +.bg-opacity-100 { + --bs-bg-opacity: 1; +} + +.bg-gradient { + background-image: var(--bs-gradient) !important; +} + +.user-select-all { + -webkit-user-select: all !important; + -moz-user-select: all !important; + user-select: all !important; +} + +.user-select-auto { + -webkit-user-select: auto !important; + -moz-user-select: auto !important; + -ms-user-select: auto !important; + user-select: auto !important; +} + +.user-select-none { + -webkit-user-select: none !important; + -moz-user-select: none !important; + -ms-user-select: none !important; + user-select: none !important; +} + +.pe-none { + pointer-events: none !important; +} + +.pe-auto { + pointer-events: auto !important; +} + +.rounded { + border-radius: 0.25rem !important; +} + +.rounded-0 { + border-radius: 0 !important; +} + +.rounded-1 { + border-radius: 0.2rem !important; +} + +.rounded-2 { + border-radius: 0.25rem !important; +} + +.rounded-3 { + border-radius: 0.3rem !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-pill { + border-radius: 50rem !important; +} + +.rounded-top { + border-top-left-radius: 0.25rem !important; + border-top-right-radius: 0.25rem !important; +} + +.rounded-end { + border-top-right-radius: 0.25rem !important; + border-bottom-right-radius: 0.25rem !important; +} + +.rounded-bottom { + border-bottom-right-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; +} + +.rounded-start { + border-bottom-left-radius: 0.25rem !important; + border-top-left-radius: 0.25rem !important; +} + +.visible { + visibility: visible !important; +} + +.invisible { + visibility: hidden !important; +} + +@media (min-width: 576px) { + .float-sm-start { + float: left !important; + } + .float-sm-end { + float: right !important; + } + .float-sm-none { + float: none !important; + } + .d-sm-inline { + display: inline !important; + } + .d-sm-inline-block { + display: inline-block !important; + } + .d-sm-block { + display: block !important; + } + .d-sm-grid { + display: grid !important; + } + .d-sm-table { + display: table !important; + } + .d-sm-table-row { + display: table-row !important; + } + .d-sm-table-cell { + display: table-cell !important; + } + .d-sm-flex { + display: flex !important; + } + .d-sm-inline-flex { + display: inline-flex !important; + } + .d-sm-none { + display: none !important; + } + .flex-sm-fill { + flex: 1 1 auto !important; + } + .flex-sm-row { + flex-direction: row !important; + } + .flex-sm-column { + flex-direction: column !important; + } + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + .flex-sm-grow-0 { + flex-grow: 0 !important; + } + .flex-sm-grow-1 { + flex-grow: 1 !important; + } + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } + .flex-sm-shrink-1 { + flex-shrink: 1 !important; + } + .flex-sm-wrap { + flex-wrap: wrap !important; + } + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + .gap-sm-0 { + gap: 0 !important; + } + .gap-sm-1 { + gap: 0.25rem !important; + } + .gap-sm-2 { + gap: 0.5rem !important; + } + .gap-sm-3 { + gap: 1rem !important; + } + .gap-sm-4 { + gap: 1.5rem !important; + } + .gap-sm-5 { + gap: 3rem !important; + } + .justify-content-sm-start { + justify-content: flex-start !important; + } + .justify-content-sm-end { + justify-content: flex-end !important; + } + .justify-content-sm-center { + justify-content: center !important; + } + .justify-content-sm-between { + justify-content: space-between !important; + } + .justify-content-sm-around { + justify-content: space-around !important; + } + .justify-content-sm-evenly { + justify-content: space-evenly !important; + } + .align-items-sm-start { + align-items: flex-start !important; + } + .align-items-sm-end { + align-items: flex-end !important; + } + .align-items-sm-center { + align-items: center !important; + } + .align-items-sm-baseline { + align-items: baseline !important; + } + .align-items-sm-stretch { + align-items: stretch !important; + } + .align-content-sm-start { + align-content: flex-start !important; + } + .align-content-sm-end { + align-content: flex-end !important; + } + .align-content-sm-center { + align-content: center !important; + } + .align-content-sm-between { + align-content: space-between !important; + } + .align-content-sm-around { + align-content: space-around !important; + } + .align-content-sm-stretch { + align-content: stretch !important; + } + .align-self-sm-auto { + align-self: auto !important; + } + .align-self-sm-start { + align-self: flex-start !important; + } + .align-self-sm-end { + align-self: flex-end !important; + } + .align-self-sm-center { + align-self: center !important; + } + .align-self-sm-baseline { + align-self: baseline !important; + } + .align-self-sm-stretch { + align-self: stretch !important; + } + .order-sm-first { + order: -1 !important; + } + .order-sm-0 { + order: 0 !important; + } + .order-sm-1 { + order: 1 !important; + } + .order-sm-2 { + order: 2 !important; + } + .order-sm-3 { + order: 3 !important; + } + .order-sm-4 { + order: 4 !important; + } + .order-sm-5 { + order: 5 !important; + } + .order-sm-last { + order: 6 !important; + } + .m-sm-0 { + margin: 0 !important; + } + .m-sm-1 { + margin: 0.25rem !important; + } + .m-sm-2 { + margin: 0.5rem !important; + } + .m-sm-3 { + margin: 1rem !important; + } + .m-sm-4 { + margin: 1.5rem !important; + } + .m-sm-5 { + margin: 3rem !important; + } + .m-sm-auto { + margin: auto !important; + } + .mx-sm-0 { + margin-right: 0 !important; + margin-left: 0 !important; + } + .mx-sm-1 { + margin-right: 0.25rem !important; + margin-left: 0.25rem !important; + } + .mx-sm-2 { + margin-right: 0.5rem !important; + margin-left: 0.5rem !important; + } + .mx-sm-3 { + margin-right: 1rem !important; + margin-left: 1rem !important; + } + .mx-sm-4 { + margin-right: 1.5rem !important; + margin-left: 1.5rem !important; + } + .mx-sm-5 { + margin-right: 3rem !important; + margin-left: 3rem !important; + } + .mx-sm-auto { + margin-right: auto !important; + margin-left: auto !important; + } + .my-sm-0 { + margin-top: 0 !important; + margin-bottom: 0 !important; + } + .my-sm-1 { + margin-top: 0.25rem !important; + margin-bottom: 0.25rem !important; + } + .my-sm-2 { + margin-top: 0.5rem !important; + margin-bottom: 0.5rem !important; + } + .my-sm-3 { + margin-top: 1rem !important; + margin-bottom: 1rem !important; + } + .my-sm-4 { + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; + } + .my-sm-5 { + margin-top: 3rem !important; + margin-bottom: 3rem !important; + } + .my-sm-auto { + margin-top: auto !important; + margin-bottom: auto !important; + } + .mt-sm-0 { + margin-top: 0 !important; + } + .mt-sm-1 { + margin-top: 0.25rem !important; + } + .mt-sm-2 { + margin-top: 0.5rem !important; + } + .mt-sm-3 { + margin-top: 1rem !important; + } + .mt-sm-4 { + margin-top: 1.5rem !important; + } + .mt-sm-5 { + margin-top: 3rem !important; + } + .mt-sm-auto { + margin-top: auto !important; + } + .me-sm-0 { + margin-right: 0 !important; + } + .me-sm-1 { + margin-right: 0.25rem !important; + } + .me-sm-2 { + margin-right: 0.5rem !important; + } + .me-sm-3 { + margin-right: 1rem !important; + } + .me-sm-4 { + margin-right: 1.5rem !important; + } + .me-sm-5 { + margin-right: 3rem !important; + } + .me-sm-auto { + margin-right: auto !important; + } + .mb-sm-0 { + margin-bottom: 0 !important; + } + .mb-sm-1 { + margin-bottom: 0.25rem !important; + } + .mb-sm-2 { + margin-bottom: 0.5rem !important; + } + .mb-sm-3 { + margin-bottom: 1rem !important; + } + .mb-sm-4 { + margin-bottom: 1.5rem !important; + } + .mb-sm-5 { + margin-bottom: 3rem !important; + } + .mb-sm-auto { + margin-bottom: auto !important; + } + .ms-sm-0 { + margin-left: 0 !important; + } + .ms-sm-1 { + margin-left: 0.25rem !important; + } + .ms-sm-2 { + margin-left: 0.5rem !important; + } + .ms-sm-3 { + margin-left: 1rem !important; + } + .ms-sm-4 { + margin-left: 1.5rem !important; + } + .ms-sm-5 { + margin-left: 3rem !important; + } + .ms-sm-auto { + margin-left: auto !important; + } + .p-sm-0 { + padding: 0 !important; + } + .p-sm-1 { + padding: 0.25rem !important; + } + .p-sm-2 { + padding: 0.5rem !important; + } + .p-sm-3 { + padding: 1rem !important; + } + .p-sm-4 { + padding: 1.5rem !important; + } + .p-sm-5 { + padding: 3rem !important; + } + .px-sm-0 { + padding-right: 0 !important; + padding-left: 0 !important; + } + .px-sm-1 { + padding-right: 0.25rem !important; + padding-left: 0.25rem !important; + } + .px-sm-2 { + padding-right: 0.5rem !important; + padding-left: 0.5rem !important; + } + .px-sm-3 { + padding-right: 1rem !important; + padding-left: 1rem !important; + } + .px-sm-4 { + padding-right: 1.5rem !important; + padding-left: 1.5rem !important; + } + .px-sm-5 { + padding-right: 3rem !important; + padding-left: 3rem !important; + } + .py-sm-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; + } + .py-sm-1 { + padding-top: 0.25rem !important; + padding-bottom: 0.25rem !important; + } + .py-sm-2 { + padding-top: 0.5rem !important; + padding-bottom: 0.5rem !important; + } + .py-sm-3 { + padding-top: 1rem !important; + padding-bottom: 1rem !important; + } + .py-sm-4 { + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; + } + .py-sm-5 { + padding-top: 3rem !important; + padding-bottom: 3rem !important; + } + .pt-sm-0 { + padding-top: 0 !important; + } + .pt-sm-1 { + padding-top: 0.25rem !important; + } + .pt-sm-2 { + padding-top: 0.5rem !important; + } + .pt-sm-3 { + padding-top: 1rem !important; + } + .pt-sm-4 { + padding-top: 1.5rem !important; + } + .pt-sm-5 { + padding-top: 3rem !important; + } + .pe-sm-0 { + padding-right: 0 !important; + } + .pe-sm-1 { + padding-right: 0.25rem !important; + } + .pe-sm-2 { + padding-right: 0.5rem !important; + } + .pe-sm-3 { + padding-right: 1rem !important; + } + .pe-sm-4 { + padding-right: 1.5rem !important; + } + .pe-sm-5 { + padding-right: 3rem !important; + } + .pb-sm-0 { + padding-bottom: 0 !important; + } + .pb-sm-1 { + padding-bottom: 0.25rem !important; + } + .pb-sm-2 { + padding-bottom: 0.5rem !important; + } + .pb-sm-3 { + padding-bottom: 1rem !important; + } + .pb-sm-4 { + padding-bottom: 1.5rem !important; + } + .pb-sm-5 { + padding-bottom: 3rem !important; + } + .ps-sm-0 { + padding-left: 0 !important; + } + .ps-sm-1 { + padding-left: 0.25rem !important; + } + .ps-sm-2 { + padding-left: 0.5rem !important; + } + .ps-sm-3 { + padding-left: 1rem !important; + } + .ps-sm-4 { + padding-left: 1.5rem !important; + } + .ps-sm-5 { + padding-left: 3rem !important; + } + .text-sm-start { + text-align: left !important; + } + .text-sm-end { + text-align: right !important; + } + .text-sm-center { + text-align: center !important; + } +} + +@media (min-width: 768px) { + .float-md-start { + float: left !important; + } + .float-md-end { + float: right !important; + } + .float-md-none { + float: none !important; + } + .d-md-inline { + display: inline !important; + } + .d-md-inline-block { + display: inline-block !important; + } + .d-md-block { + display: block !important; + } + .d-md-grid { + display: grid !important; + } + .d-md-table { + display: table !important; + } + .d-md-table-row { + display: table-row !important; + } + .d-md-table-cell { + display: table-cell !important; + } + .d-md-flex { + display: flex !important; + } + .d-md-inline-flex { + display: inline-flex !important; + } + .d-md-none { + display: none !important; + } + .flex-md-fill { + flex: 1 1 auto !important; + } + .flex-md-row { + flex-direction: row !important; + } + .flex-md-column { + flex-direction: column !important; + } + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + .flex-md-grow-0 { + flex-grow: 0 !important; + } + .flex-md-grow-1 { + flex-grow: 1 !important; + } + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } + .flex-md-shrink-1 { + flex-shrink: 1 !important; + } + .flex-md-wrap { + flex-wrap: wrap !important; + } + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + .gap-md-0 { + gap: 0 !important; + } + .gap-md-1 { + gap: 0.25rem !important; + } + .gap-md-2 { + gap: 0.5rem !important; + } + .gap-md-3 { + gap: 1rem !important; + } + .gap-md-4 { + gap: 1.5rem !important; + } + .gap-md-5 { + gap: 3rem !important; + } + .justify-content-md-start { + justify-content: flex-start !important; + } + .justify-content-md-end { + justify-content: flex-end !important; + } + .justify-content-md-center { + justify-content: center !important; + } + .justify-content-md-between { + justify-content: space-between !important; + } + .justify-content-md-around { + justify-content: space-around !important; + } + .justify-content-md-evenly { + justify-content: space-evenly !important; + } + .align-items-md-start { + align-items: flex-start !important; + } + .align-items-md-end { + align-items: flex-end !important; + } + .align-items-md-center { + align-items: center !important; + } + .align-items-md-baseline { + align-items: baseline !important; + } + .align-items-md-stretch { + align-items: stretch !important; + } + .align-content-md-start { + align-content: flex-start !important; + } + .align-content-md-end { + align-content: flex-end !important; + } + .align-content-md-center { + align-content: center !important; + } + .align-content-md-between { + align-content: space-between !important; + } + .align-content-md-around { + align-content: space-around !important; + } + .align-content-md-stretch { + align-content: stretch !important; + } + .align-self-md-auto { + align-self: auto !important; + } + .align-self-md-start { + align-self: flex-start !important; + } + .align-self-md-end { + align-self: flex-end !important; + } + .align-self-md-center { + align-self: center !important; + } + .align-self-md-baseline { + align-self: baseline !important; + } + .align-self-md-stretch { + align-self: stretch !important; + } + .order-md-first { + order: -1 !important; + } + .order-md-0 { + order: 0 !important; + } + .order-md-1 { + order: 1 !important; + } + .order-md-2 { + order: 2 !important; + } + .order-md-3 { + order: 3 !important; + } + .order-md-4 { + order: 4 !important; + } + .order-md-5 { + order: 5 !important; + } + .order-md-last { + order: 6 !important; + } + .m-md-0 { + margin: 0 !important; + } + .m-md-1 { + margin: 0.25rem !important; + } + .m-md-2 { + margin: 0.5rem !important; + } + .m-md-3 { + margin: 1rem !important; + } + .m-md-4 { + margin: 1.5rem !important; + } + .m-md-5 { + margin: 3rem !important; + } + .m-md-auto { + margin: auto !important; + } + .mx-md-0 { + margin-right: 0 !important; + margin-left: 0 !important; + } + .mx-md-1 { + margin-right: 0.25rem !important; + margin-left: 0.25rem !important; + } + .mx-md-2 { + margin-right: 0.5rem !important; + margin-left: 0.5rem !important; + } + .mx-md-3 { + margin-right: 1rem !important; + margin-left: 1rem !important; + } + .mx-md-4 { + margin-right: 1.5rem !important; + margin-left: 1.5rem !important; + } + .mx-md-5 { + margin-right: 3rem !important; + margin-left: 3rem !important; + } + .mx-md-auto { + margin-right: auto !important; + margin-left: auto !important; + } + .my-md-0 { + margin-top: 0 !important; + margin-bottom: 0 !important; + } + .my-md-1 { + margin-top: 0.25rem !important; + margin-bottom: 0.25rem !important; + } + .my-md-2 { + margin-top: 0.5rem !important; + margin-bottom: 0.5rem !important; + } + .my-md-3 { + margin-top: 1rem !important; + margin-bottom: 1rem !important; + } + .my-md-4 { + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; + } + .my-md-5 { + margin-top: 3rem !important; + margin-bottom: 3rem !important; + } + .my-md-auto { + margin-top: auto !important; + margin-bottom: auto !important; + } + .mt-md-0 { + margin-top: 0 !important; + } + .mt-md-1 { + margin-top: 0.25rem !important; + } + .mt-md-2 { + margin-top: 0.5rem !important; + } + .mt-md-3 { + margin-top: 1rem !important; + } + .mt-md-4 { + margin-top: 1.5rem !important; + } + .mt-md-5 { + margin-top: 3rem !important; + } + .mt-md-auto { + margin-top: auto !important; + } + .me-md-0 { + margin-right: 0 !important; + } + .me-md-1 { + margin-right: 0.25rem !important; + } + .me-md-2 { + margin-right: 0.5rem !important; + } + .me-md-3 { + margin-right: 1rem !important; + } + .me-md-4 { + margin-right: 1.5rem !important; + } + .me-md-5 { + margin-right: 3rem !important; + } + .me-md-auto { + margin-right: auto !important; + } + .mb-md-0 { + margin-bottom: 0 !important; + } + .mb-md-1 { + margin-bottom: 0.25rem !important; + } + .mb-md-2 { + margin-bottom: 0.5rem !important; + } + .mb-md-3 { + margin-bottom: 1rem !important; + } + .mb-md-4 { + margin-bottom: 1.5rem !important; + } + .mb-md-5 { + margin-bottom: 3rem !important; + } + .mb-md-auto { + margin-bottom: auto !important; + } + .ms-md-0 { + margin-left: 0 !important; + } + .ms-md-1 { + margin-left: 0.25rem !important; + } + .ms-md-2 { + margin-left: 0.5rem !important; + } + .ms-md-3 { + margin-left: 1rem !important; + } + .ms-md-4 { + margin-left: 1.5rem !important; + } + .ms-md-5 { + margin-left: 3rem !important; + } + .ms-md-auto { + margin-left: auto !important; + } + .p-md-0 { + padding: 0 !important; + } + .p-md-1 { + padding: 0.25rem !important; + } + .p-md-2 { + padding: 0.5rem !important; + } + .p-md-3 { + padding: 1rem !important; + } + .p-md-4 { + padding: 1.5rem !important; + } + .p-md-5 { + padding: 3rem !important; + } + .px-md-0 { + padding-right: 0 !important; + padding-left: 0 !important; + } + .px-md-1 { + padding-right: 0.25rem !important; + padding-left: 0.25rem !important; + } + .px-md-2 { + padding-right: 0.5rem !important; + padding-left: 0.5rem !important; + } + .px-md-3 { + padding-right: 1rem !important; + padding-left: 1rem !important; + } + .px-md-4 { + padding-right: 1.5rem !important; + padding-left: 1.5rem !important; + } + .px-md-5 { + padding-right: 3rem !important; + padding-left: 3rem !important; + } + .py-md-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; + } + .py-md-1 { + padding-top: 0.25rem !important; + padding-bottom: 0.25rem !important; + } + .py-md-2 { + padding-top: 0.5rem !important; + padding-bottom: 0.5rem !important; + } + .py-md-3 { + padding-top: 1rem !important; + padding-bottom: 1rem !important; + } + .py-md-4 { + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; + } + .py-md-5 { + padding-top: 3rem !important; + padding-bottom: 3rem !important; + } + .pt-md-0 { + padding-top: 0 !important; + } + .pt-md-1 { + padding-top: 0.25rem !important; + } + .pt-md-2 { + padding-top: 0.5rem !important; + } + .pt-md-3 { + padding-top: 1rem !important; + } + .pt-md-4 { + padding-top: 1.5rem !important; + } + .pt-md-5 { + padding-top: 3rem !important; + } + .pe-md-0 { + padding-right: 0 !important; + } + .pe-md-1 { + padding-right: 0.25rem !important; + } + .pe-md-2 { + padding-right: 0.5rem !important; + } + .pe-md-3 { + padding-right: 1rem !important; + } + .pe-md-4 { + padding-right: 1.5rem !important; + } + .pe-md-5 { + padding-right: 3rem !important; + } + .pb-md-0 { + padding-bottom: 0 !important; + } + .pb-md-1 { + padding-bottom: 0.25rem !important; + } + .pb-md-2 { + padding-bottom: 0.5rem !important; + } + .pb-md-3 { + padding-bottom: 1rem !important; + } + .pb-md-4 { + padding-bottom: 1.5rem !important; + } + .pb-md-5 { + padding-bottom: 3rem !important; + } + .ps-md-0 { + padding-left: 0 !important; + } + .ps-md-1 { + padding-left: 0.25rem !important; + } + .ps-md-2 { + padding-left: 0.5rem !important; + } + .ps-md-3 { + padding-left: 1rem !important; + } + .ps-md-4 { + padding-left: 1.5rem !important; + } + .ps-md-5 { + padding-left: 3rem !important; + } + .text-md-start { + text-align: left !important; + } + .text-md-end { + text-align: right !important; + } + .text-md-center { + text-align: center !important; + } +} + +@media (min-width: 992px) { + .float-lg-start { + float: left !important; + } + .float-lg-end { + float: right !important; + } + .float-lg-none { + float: none !important; + } + .d-lg-inline { + display: inline !important; + } + .d-lg-inline-block { + display: inline-block !important; + } + .d-lg-block { + display: block !important; + } + .d-lg-grid { + display: grid !important; + } + .d-lg-table { + display: table !important; + } + .d-lg-table-row { + display: table-row !important; + } + .d-lg-table-cell { + display: table-cell !important; + } + .d-lg-flex { + display: flex !important; + } + .d-lg-inline-flex { + display: inline-flex !important; + } + .d-lg-none { + display: none !important; + } + .flex-lg-fill { + flex: 1 1 auto !important; + } + .flex-lg-row { + flex-direction: row !important; + } + .flex-lg-column { + flex-direction: column !important; + } + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } + .flex-lg-grow-0 { + flex-grow: 0 !important; + } + .flex-lg-grow-1 { + flex-grow: 1 !important; + } + .flex-lg-shrink-0 { + flex-shrink: 0 !important; + } + .flex-lg-shrink-1 { + flex-shrink: 1 !important; + } + .flex-lg-wrap { + flex-wrap: wrap !important; + } + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + .gap-lg-0 { + gap: 0 !important; + } + .gap-lg-1 { + gap: 0.25rem !important; + } + .gap-lg-2 { + gap: 0.5rem !important; + } + .gap-lg-3 { + gap: 1rem !important; + } + .gap-lg-4 { + gap: 1.5rem !important; + } + .gap-lg-5 { + gap: 3rem !important; + } + .justify-content-lg-start { + justify-content: flex-start !important; + } + .justify-content-lg-end { + justify-content: flex-end !important; + } + .justify-content-lg-center { + justify-content: center !important; + } + .justify-content-lg-between { + justify-content: space-between !important; + } + .justify-content-lg-around { + justify-content: space-around !important; + } + .justify-content-lg-evenly { + justify-content: space-evenly !important; + } + .align-items-lg-start { + align-items: flex-start !important; + } + .align-items-lg-end { + align-items: flex-end !important; + } + .align-items-lg-center { + align-items: center !important; + } + .align-items-lg-baseline { + align-items: baseline !important; + } + .align-items-lg-stretch { + align-items: stretch !important; + } + .align-content-lg-start { + align-content: flex-start !important; + } + .align-content-lg-end { + align-content: flex-end !important; + } + .align-content-lg-center { + align-content: center !important; + } + .align-content-lg-between { + align-content: space-between !important; + } + .align-content-lg-around { + align-content: space-around !important; + } + .align-content-lg-stretch { + align-content: stretch !important; + } + .align-self-lg-auto { + align-self: auto !important; + } + .align-self-lg-start { + align-self: flex-start !important; + } + .align-self-lg-end { + align-self: flex-end !important; + } + .align-self-lg-center { + align-self: center !important; + } + .align-self-lg-baseline { + align-self: baseline !important; + } + .align-self-lg-stretch { + align-self: stretch !important; + } + .order-lg-first { + order: -1 !important; + } + .order-lg-0 { + order: 0 !important; + } + .order-lg-1 { + order: 1 !important; + } + .order-lg-2 { + order: 2 !important; + } + .order-lg-3 { + order: 3 !important; + } + .order-lg-4 { + order: 4 !important; + } + .order-lg-5 { + order: 5 !important; + } + .order-lg-last { + order: 6 !important; + } + .m-lg-0 { + margin: 0 !important; + } + .m-lg-1 { + margin: 0.25rem !important; + } + .m-lg-2 { + margin: 0.5rem !important; + } + .m-lg-3 { + margin: 1rem !important; + } + .m-lg-4 { + margin: 1.5rem !important; + } + .m-lg-5 { + margin: 3rem !important; + } + .m-lg-auto { + margin: auto !important; + } + .mx-lg-0 { + margin-right: 0 !important; + margin-left: 0 !important; + } + .mx-lg-1 { + margin-right: 0.25rem !important; + margin-left: 0.25rem !important; + } + .mx-lg-2 { + margin-right: 0.5rem !important; + margin-left: 0.5rem !important; + } + .mx-lg-3 { + margin-right: 1rem !important; + margin-left: 1rem !important; + } + .mx-lg-4 { + margin-right: 1.5rem !important; + margin-left: 1.5rem !important; + } + .mx-lg-5 { + margin-right: 3rem !important; + margin-left: 3rem !important; + } + .mx-lg-auto { + margin-right: auto !important; + margin-left: auto !important; + } + .my-lg-0 { + margin-top: 0 !important; + margin-bottom: 0 !important; + } + .my-lg-1 { + margin-top: 0.25rem !important; + margin-bottom: 0.25rem !important; + } + .my-lg-2 { + margin-top: 0.5rem !important; + margin-bottom: 0.5rem !important; + } + .my-lg-3 { + margin-top: 1rem !important; + margin-bottom: 1rem !important; + } + .my-lg-4 { + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; + } + .my-lg-5 { + margin-top: 3rem !important; + margin-bottom: 3rem !important; + } + .my-lg-auto { + margin-top: auto !important; + margin-bottom: auto !important; + } + .mt-lg-0 { + margin-top: 0 !important; + } + .mt-lg-1 { + margin-top: 0.25rem !important; + } + .mt-lg-2 { + margin-top: 0.5rem !important; + } + .mt-lg-3 { + margin-top: 1rem !important; + } + .mt-lg-4 { + margin-top: 1.5rem !important; + } + .mt-lg-5 { + margin-top: 3rem !important; + } + .mt-lg-auto { + margin-top: auto !important; + } + .me-lg-0 { + margin-right: 0 !important; + } + .me-lg-1 { + margin-right: 0.25rem !important; + } + .me-lg-2 { + margin-right: 0.5rem !important; + } + .me-lg-3 { + margin-right: 1rem !important; + } + .me-lg-4 { + margin-right: 1.5rem !important; + } + .me-lg-5 { + margin-right: 3rem !important; + } + .me-lg-auto { + margin-right: auto !important; + } + .mb-lg-0 { + margin-bottom: 0 !important; + } + .mb-lg-1 { + margin-bottom: 0.25rem !important; + } + .mb-lg-2 { + margin-bottom: 0.5rem !important; + } + .mb-lg-3 { + margin-bottom: 1rem !important; + } + .mb-lg-4 { + margin-bottom: 1.5rem !important; + } + .mb-lg-5 { + margin-bottom: 3rem !important; + } + .mb-lg-auto { + margin-bottom: auto !important; + } + .ms-lg-0 { + margin-left: 0 !important; + } + .ms-lg-1 { + margin-left: 0.25rem !important; + } + .ms-lg-2 { + margin-left: 0.5rem !important; + } + .ms-lg-3 { + margin-left: 1rem !important; + } + .ms-lg-4 { + margin-left: 1.5rem !important; + } + .ms-lg-5 { + margin-left: 3rem !important; + } + .ms-lg-auto { + margin-left: auto !important; + } + .p-lg-0 { + padding: 0 !important; + } + .p-lg-1 { + padding: 0.25rem !important; + } + .p-lg-2 { + padding: 0.5rem !important; + } + .p-lg-3 { + padding: 1rem !important; + } + .p-lg-4 { + padding: 1.5rem !important; + } + .p-lg-5 { + padding: 3rem !important; + } + .px-lg-0 { + padding-right: 0 !important; + padding-left: 0 !important; + } + .px-lg-1 { + padding-right: 0.25rem !important; + padding-left: 0.25rem !important; + } + .px-lg-2 { + padding-right: 0.5rem !important; + padding-left: 0.5rem !important; + } + .px-lg-3 { + padding-right: 1rem !important; + padding-left: 1rem !important; + } + .px-lg-4 { + padding-right: 1.5rem !important; + padding-left: 1.5rem !important; + } + .px-lg-5 { + padding-right: 3rem !important; + padding-left: 3rem !important; + } + .py-lg-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; + } + .py-lg-1 { + padding-top: 0.25rem !important; + padding-bottom: 0.25rem !important; + } + .py-lg-2 { + padding-top: 0.5rem !important; + padding-bottom: 0.5rem !important; + } + .py-lg-3 { + padding-top: 1rem !important; + padding-bottom: 1rem !important; + } + .py-lg-4 { + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; + } + .py-lg-5 { + padding-top: 3rem !important; + padding-bottom: 3rem !important; + } + .pt-lg-0 { + padding-top: 0 !important; + } + .pt-lg-1 { + padding-top: 0.25rem !important; + } + .pt-lg-2 { + padding-top: 0.5rem !important; + } + .pt-lg-3 { + padding-top: 1rem !important; + } + .pt-lg-4 { + padding-top: 1.5rem !important; + } + .pt-lg-5 { + padding-top: 3rem !important; + } + .pe-lg-0 { + padding-right: 0 !important; + } + .pe-lg-1 { + padding-right: 0.25rem !important; + } + .pe-lg-2 { + padding-right: 0.5rem !important; + } + .pe-lg-3 { + padding-right: 1rem !important; + } + .pe-lg-4 { + padding-right: 1.5rem !important; + } + .pe-lg-5 { + padding-right: 3rem !important; + } + .pb-lg-0 { + padding-bottom: 0 !important; + } + .pb-lg-1 { + padding-bottom: 0.25rem !important; + } + .pb-lg-2 { + padding-bottom: 0.5rem !important; + } + .pb-lg-3 { + padding-bottom: 1rem !important; + } + .pb-lg-4 { + padding-bottom: 1.5rem !important; + } + .pb-lg-5 { + padding-bottom: 3rem !important; + } + .ps-lg-0 { + padding-left: 0 !important; + } + .ps-lg-1 { + padding-left: 0.25rem !important; + } + .ps-lg-2 { + padding-left: 0.5rem !important; + } + .ps-lg-3 { + padding-left: 1rem !important; + } + .ps-lg-4 { + padding-left: 1.5rem !important; + } + .ps-lg-5 { + padding-left: 3rem !important; + } + .text-lg-start { + text-align: left !important; + } + .text-lg-end { + text-align: right !important; + } + .text-lg-center { + text-align: center !important; + } +} + +@media (min-width: 1200px) { + .float-xl-start { + float: left !important; + } + .float-xl-end { + float: right !important; + } + .float-xl-none { + float: none !important; + } + .d-xl-inline { + display: inline !important; + } + .d-xl-inline-block { + display: inline-block !important; + } + .d-xl-block { + display: block !important; + } + .d-xl-grid { + display: grid !important; + } + .d-xl-table { + display: table !important; + } + .d-xl-table-row { + display: table-row !important; + } + .d-xl-table-cell { + display: table-cell !important; + } + .d-xl-flex { + display: flex !important; + } + .d-xl-inline-flex { + display: inline-flex !important; + } + .d-xl-none { + display: none !important; + } + .flex-xl-fill { + flex: 1 1 auto !important; + } + .flex-xl-row { + flex-direction: row !important; + } + .flex-xl-column { + flex-direction: column !important; + } + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } + .flex-xl-grow-0 { + flex-grow: 0 !important; + } + .flex-xl-grow-1 { + flex-grow: 1 !important; + } + .flex-xl-shrink-0 { + flex-shrink: 0 !important; + } + .flex-xl-shrink-1 { + flex-shrink: 1 !important; + } + .flex-xl-wrap { + flex-wrap: wrap !important; + } + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + .gap-xl-0 { + gap: 0 !important; + } + .gap-xl-1 { + gap: 0.25rem !important; + } + .gap-xl-2 { + gap: 0.5rem !important; + } + .gap-xl-3 { + gap: 1rem !important; + } + .gap-xl-4 { + gap: 1.5rem !important; + } + .gap-xl-5 { + gap: 3rem !important; + } + .justify-content-xl-start { + justify-content: flex-start !important; + } + .justify-content-xl-end { + justify-content: flex-end !important; + } + .justify-content-xl-center { + justify-content: center !important; + } + .justify-content-xl-between { + justify-content: space-between !important; + } + .justify-content-xl-around { + justify-content: space-around !important; + } + .justify-content-xl-evenly { + justify-content: space-evenly !important; + } + .align-items-xl-start { + align-items: flex-start !important; + } + .align-items-xl-end { + align-items: flex-end !important; + } + .align-items-xl-center { + align-items: center !important; + } + .align-items-xl-baseline { + align-items: baseline !important; + } + .align-items-xl-stretch { + align-items: stretch !important; + } + .align-content-xl-start { + align-content: flex-start !important; + } + .align-content-xl-end { + align-content: flex-end !important; + } + .align-content-xl-center { + align-content: center !important; + } + .align-content-xl-between { + align-content: space-between !important; + } + .align-content-xl-around { + align-content: space-around !important; + } + .align-content-xl-stretch { + align-content: stretch !important; + } + .align-self-xl-auto { + align-self: auto !important; + } + .align-self-xl-start { + align-self: flex-start !important; + } + .align-self-xl-end { + align-self: flex-end !important; + } + .align-self-xl-center { + align-self: center !important; + } + .align-self-xl-baseline { + align-self: baseline !important; + } + .align-self-xl-stretch { + align-self: stretch !important; + } + .order-xl-first { + order: -1 !important; + } + .order-xl-0 { + order: 0 !important; + } + .order-xl-1 { + order: 1 !important; + } + .order-xl-2 { + order: 2 !important; + } + .order-xl-3 { + order: 3 !important; + } + .order-xl-4 { + order: 4 !important; + } + .order-xl-5 { + order: 5 !important; + } + .order-xl-last { + order: 6 !important; + } + .m-xl-0 { + margin: 0 !important; + } + .m-xl-1 { + margin: 0.25rem !important; + } + .m-xl-2 { + margin: 0.5rem !important; + } + .m-xl-3 { + margin: 1rem !important; + } + .m-xl-4 { + margin: 1.5rem !important; + } + .m-xl-5 { + margin: 3rem !important; + } + .m-xl-auto { + margin: auto !important; + } + .mx-xl-0 { + margin-right: 0 !important; + margin-left: 0 !important; + } + .mx-xl-1 { + margin-right: 0.25rem !important; + margin-left: 0.25rem !important; + } + .mx-xl-2 { + margin-right: 0.5rem !important; + margin-left: 0.5rem !important; + } + .mx-xl-3 { + margin-right: 1rem !important; + margin-left: 1rem !important; + } + .mx-xl-4 { + margin-right: 1.5rem !important; + margin-left: 1.5rem !important; + } + .mx-xl-5 { + margin-right: 3rem !important; + margin-left: 3rem !important; + } + .mx-xl-auto { + margin-right: auto !important; + margin-left: auto !important; + } + .my-xl-0 { + margin-top: 0 !important; + margin-bottom: 0 !important; + } + .my-xl-1 { + margin-top: 0.25rem !important; + margin-bottom: 0.25rem !important; + } + .my-xl-2 { + margin-top: 0.5rem !important; + margin-bottom: 0.5rem !important; + } + .my-xl-3 { + margin-top: 1rem !important; + margin-bottom: 1rem !important; + } + .my-xl-4 { + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; + } + .my-xl-5 { + margin-top: 3rem !important; + margin-bottom: 3rem !important; + } + .my-xl-auto { + margin-top: auto !important; + margin-bottom: auto !important; + } + .mt-xl-0 { + margin-top: 0 !important; + } + .mt-xl-1 { + margin-top: 0.25rem !important; + } + .mt-xl-2 { + margin-top: 0.5rem !important; + } + .mt-xl-3 { + margin-top: 1rem !important; + } + .mt-xl-4 { + margin-top: 1.5rem !important; + } + .mt-xl-5 { + margin-top: 3rem !important; + } + .mt-xl-auto { + margin-top: auto !important; + } + .me-xl-0 { + margin-right: 0 !important; + } + .me-xl-1 { + margin-right: 0.25rem !important; + } + .me-xl-2 { + margin-right: 0.5rem !important; + } + .me-xl-3 { + margin-right: 1rem !important; + } + .me-xl-4 { + margin-right: 1.5rem !important; + } + .me-xl-5 { + margin-right: 3rem !important; + } + .me-xl-auto { + margin-right: auto !important; + } + .mb-xl-0 { + margin-bottom: 0 !important; + } + .mb-xl-1 { + margin-bottom: 0.25rem !important; + } + .mb-xl-2 { + margin-bottom: 0.5rem !important; + } + .mb-xl-3 { + margin-bottom: 1rem !important; + } + .mb-xl-4 { + margin-bottom: 1.5rem !important; + } + .mb-xl-5 { + margin-bottom: 3rem !important; + } + .mb-xl-auto { + margin-bottom: auto !important; + } + .ms-xl-0 { + margin-left: 0 !important; + } + .ms-xl-1 { + margin-left: 0.25rem !important; + } + .ms-xl-2 { + margin-left: 0.5rem !important; + } + .ms-xl-3 { + margin-left: 1rem !important; + } + .ms-xl-4 { + margin-left: 1.5rem !important; + } + .ms-xl-5 { + margin-left: 3rem !important; + } + .ms-xl-auto { + margin-left: auto !important; + } + .p-xl-0 { + padding: 0 !important; + } + .p-xl-1 { + padding: 0.25rem !important; + } + .p-xl-2 { + padding: 0.5rem !important; + } + .p-xl-3 { + padding: 1rem !important; + } + .p-xl-4 { + padding: 1.5rem !important; + } + .p-xl-5 { + padding: 3rem !important; + } + .px-xl-0 { + padding-right: 0 !important; + padding-left: 0 !important; + } + .px-xl-1 { + padding-right: 0.25rem !important; + padding-left: 0.25rem !important; + } + .px-xl-2 { + padding-right: 0.5rem !important; + padding-left: 0.5rem !important; + } + .px-xl-3 { + padding-right: 1rem !important; + padding-left: 1rem !important; + } + .px-xl-4 { + padding-right: 1.5rem !important; + padding-left: 1.5rem !important; + } + .px-xl-5 { + padding-right: 3rem !important; + padding-left: 3rem !important; + } + .py-xl-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; + } + .py-xl-1 { + padding-top: 0.25rem !important; + padding-bottom: 0.25rem !important; + } + .py-xl-2 { + padding-top: 0.5rem !important; + padding-bottom: 0.5rem !important; + } + .py-xl-3 { + padding-top: 1rem !important; + padding-bottom: 1rem !important; + } + .py-xl-4 { + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; + } + .py-xl-5 { + padding-top: 3rem !important; + padding-bottom: 3rem !important; + } + .pt-xl-0 { + padding-top: 0 !important; + } + .pt-xl-1 { + padding-top: 0.25rem !important; + } + .pt-xl-2 { + padding-top: 0.5rem !important; + } + .pt-xl-3 { + padding-top: 1rem !important; + } + .pt-xl-4 { + padding-top: 1.5rem !important; + } + .pt-xl-5 { + padding-top: 3rem !important; + } + .pe-xl-0 { + padding-right: 0 !important; + } + .pe-xl-1 { + padding-right: 0.25rem !important; + } + .pe-xl-2 { + padding-right: 0.5rem !important; + } + .pe-xl-3 { + padding-right: 1rem !important; + } + .pe-xl-4 { + padding-right: 1.5rem !important; + } + .pe-xl-5 { + padding-right: 3rem !important; + } + .pb-xl-0 { + padding-bottom: 0 !important; + } + .pb-xl-1 { + padding-bottom: 0.25rem !important; + } + .pb-xl-2 { + padding-bottom: 0.5rem !important; + } + .pb-xl-3 { + padding-bottom: 1rem !important; + } + .pb-xl-4 { + padding-bottom: 1.5rem !important; + } + .pb-xl-5 { + padding-bottom: 3rem !important; + } + .ps-xl-0 { + padding-left: 0 !important; + } + .ps-xl-1 { + padding-left: 0.25rem !important; + } + .ps-xl-2 { + padding-left: 0.5rem !important; + } + .ps-xl-3 { + padding-left: 1rem !important; + } + .ps-xl-4 { + padding-left: 1.5rem !important; + } + .ps-xl-5 { + padding-left: 3rem !important; + } + .text-xl-start { + text-align: left !important; + } + .text-xl-end { + text-align: right !important; + } + .text-xl-center { + text-align: center !important; + } +} + +@media (min-width: 1400px) { + .float-xxl-start { + float: left !important; + } + .float-xxl-end { + float: right !important; + } + .float-xxl-none { + float: none !important; + } + .d-xxl-inline { + display: inline !important; + } + .d-xxl-inline-block { + display: inline-block !important; + } + .d-xxl-block { + display: block !important; + } + .d-xxl-grid { + display: grid !important; + } + .d-xxl-table { + display: table !important; + } + .d-xxl-table-row { + display: table-row !important; + } + .d-xxl-table-cell { + display: table-cell !important; + } + .d-xxl-flex { + display: flex !important; + } + .d-xxl-inline-flex { + display: inline-flex !important; + } + .d-xxl-none { + display: none !important; + } + .flex-xxl-fill { + flex: 1 1 auto !important; + } + .flex-xxl-row { + flex-direction: row !important; + } + .flex-xxl-column { + flex-direction: column !important; + } + .flex-xxl-row-reverse { + flex-direction: row-reverse !important; + } + .flex-xxl-column-reverse { + flex-direction: column-reverse !important; + } + .flex-xxl-grow-0 { + flex-grow: 0 !important; + } + .flex-xxl-grow-1 { + flex-grow: 1 !important; + } + .flex-xxl-shrink-0 { + flex-shrink: 0 !important; + } + .flex-xxl-shrink-1 { + flex-shrink: 1 !important; + } + .flex-xxl-wrap { + flex-wrap: wrap !important; + } + .flex-xxl-nowrap { + flex-wrap: nowrap !important; + } + .flex-xxl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + .gap-xxl-0 { + gap: 0 !important; + } + .gap-xxl-1 { + gap: 0.25rem !important; + } + .gap-xxl-2 { + gap: 0.5rem !important; + } + .gap-xxl-3 { + gap: 1rem !important; + } + .gap-xxl-4 { + gap: 1.5rem !important; + } + .gap-xxl-5 { + gap: 3rem !important; + } + .justify-content-xxl-start { + justify-content: flex-start !important; + } + .justify-content-xxl-end { + justify-content: flex-end !important; + } + .justify-content-xxl-center { + justify-content: center !important; + } + .justify-content-xxl-between { + justify-content: space-between !important; + } + .justify-content-xxl-around { + justify-content: space-around !important; + } + .justify-content-xxl-evenly { + justify-content: space-evenly !important; + } + .align-items-xxl-start { + align-items: flex-start !important; + } + .align-items-xxl-end { + align-items: flex-end !important; + } + .align-items-xxl-center { + align-items: center !important; + } + .align-items-xxl-baseline { + align-items: baseline !important; + } + .align-items-xxl-stretch { + align-items: stretch !important; + } + .align-content-xxl-start { + align-content: flex-start !important; + } + .align-content-xxl-end { + align-content: flex-end !important; + } + .align-content-xxl-center { + align-content: center !important; + } + .align-content-xxl-between { + align-content: space-between !important; + } + .align-content-xxl-around { + align-content: space-around !important; + } + .align-content-xxl-stretch { + align-content: stretch !important; + } + .align-self-xxl-auto { + align-self: auto !important; + } + .align-self-xxl-start { + align-self: flex-start !important; + } + .align-self-xxl-end { + align-self: flex-end !important; + } + .align-self-xxl-center { + align-self: center !important; + } + .align-self-xxl-baseline { + align-self: baseline !important; + } + .align-self-xxl-stretch { + align-self: stretch !important; + } + .order-xxl-first { + order: -1 !important; + } + .order-xxl-0 { + order: 0 !important; + } + .order-xxl-1 { + order: 1 !important; + } + .order-xxl-2 { + order: 2 !important; + } + .order-xxl-3 { + order: 3 !important; + } + .order-xxl-4 { + order: 4 !important; + } + .order-xxl-5 { + order: 5 !important; + } + .order-xxl-last { + order: 6 !important; + } + .m-xxl-0 { + margin: 0 !important; + } + .m-xxl-1 { + margin: 0.25rem !important; + } + .m-xxl-2 { + margin: 0.5rem !important; + } + .m-xxl-3 { + margin: 1rem !important; + } + .m-xxl-4 { + margin: 1.5rem !important; + } + .m-xxl-5 { + margin: 3rem !important; + } + .m-xxl-auto { + margin: auto !important; + } + .mx-xxl-0 { + margin-right: 0 !important; + margin-left: 0 !important; + } + .mx-xxl-1 { + margin-right: 0.25rem !important; + margin-left: 0.25rem !important; + } + .mx-xxl-2 { + margin-right: 0.5rem !important; + margin-left: 0.5rem !important; + } + .mx-xxl-3 { + margin-right: 1rem !important; + margin-left: 1rem !important; + } + .mx-xxl-4 { + margin-right: 1.5rem !important; + margin-left: 1.5rem !important; + } + .mx-xxl-5 { + margin-right: 3rem !important; + margin-left: 3rem !important; + } + .mx-xxl-auto { + margin-right: auto !important; + margin-left: auto !important; + } + .my-xxl-0 { + margin-top: 0 !important; + margin-bottom: 0 !important; + } + .my-xxl-1 { + margin-top: 0.25rem !important; + margin-bottom: 0.25rem !important; + } + .my-xxl-2 { + margin-top: 0.5rem !important; + margin-bottom: 0.5rem !important; + } + .my-xxl-3 { + margin-top: 1rem !important; + margin-bottom: 1rem !important; + } + .my-xxl-4 { + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; + } + .my-xxl-5 { + margin-top: 3rem !important; + margin-bottom: 3rem !important; + } + .my-xxl-auto { + margin-top: auto !important; + margin-bottom: auto !important; + } + .mt-xxl-0 { + margin-top: 0 !important; + } + .mt-xxl-1 { + margin-top: 0.25rem !important; + } + .mt-xxl-2 { + margin-top: 0.5rem !important; + } + .mt-xxl-3 { + margin-top: 1rem !important; + } + .mt-xxl-4 { + margin-top: 1.5rem !important; + } + .mt-xxl-5 { + margin-top: 3rem !important; + } + .mt-xxl-auto { + margin-top: auto !important; + } + .me-xxl-0 { + margin-right: 0 !important; + } + .me-xxl-1 { + margin-right: 0.25rem !important; + } + .me-xxl-2 { + margin-right: 0.5rem !important; + } + .me-xxl-3 { + margin-right: 1rem !important; + } + .me-xxl-4 { + margin-right: 1.5rem !important; + } + .me-xxl-5 { + margin-right: 3rem !important; + } + .me-xxl-auto { + margin-right: auto !important; + } + .mb-xxl-0 { + margin-bottom: 0 !important; + } + .mb-xxl-1 { + margin-bottom: 0.25rem !important; + } + .mb-xxl-2 { + margin-bottom: 0.5rem !important; + } + .mb-xxl-3 { + margin-bottom: 1rem !important; + } + .mb-xxl-4 { + margin-bottom: 1.5rem !important; + } + .mb-xxl-5 { + margin-bottom: 3rem !important; + } + .mb-xxl-auto { + margin-bottom: auto !important; + } + .ms-xxl-0 { + margin-left: 0 !important; + } + .ms-xxl-1 { + margin-left: 0.25rem !important; + } + .ms-xxl-2 { + margin-left: 0.5rem !important; + } + .ms-xxl-3 { + margin-left: 1rem !important; + } + .ms-xxl-4 { + margin-left: 1.5rem !important; + } + .ms-xxl-5 { + margin-left: 3rem !important; + } + .ms-xxl-auto { + margin-left: auto !important; + } + .p-xxl-0 { + padding: 0 !important; + } + .p-xxl-1 { + padding: 0.25rem !important; + } + .p-xxl-2 { + padding: 0.5rem !important; + } + .p-xxl-3 { + padding: 1rem !important; + } + .p-xxl-4 { + padding: 1.5rem !important; + } + .p-xxl-5 { + padding: 3rem !important; + } + .px-xxl-0 { + padding-right: 0 !important; + padding-left: 0 !important; + } + .px-xxl-1 { + padding-right: 0.25rem !important; + padding-left: 0.25rem !important; + } + .px-xxl-2 { + padding-right: 0.5rem !important; + padding-left: 0.5rem !important; + } + .px-xxl-3 { + padding-right: 1rem !important; + padding-left: 1rem !important; + } + .px-xxl-4 { + padding-right: 1.5rem !important; + padding-left: 1.5rem !important; + } + .px-xxl-5 { + padding-right: 3rem !important; + padding-left: 3rem !important; + } + .py-xxl-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; + } + .py-xxl-1 { + padding-top: 0.25rem !important; + padding-bottom: 0.25rem !important; + } + .py-xxl-2 { + padding-top: 0.5rem !important; + padding-bottom: 0.5rem !important; + } + .py-xxl-3 { + padding-top: 1rem !important; + padding-bottom: 1rem !important; + } + .py-xxl-4 { + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; + } + .py-xxl-5 { + padding-top: 3rem !important; + padding-bottom: 3rem !important; + } + .pt-xxl-0 { + padding-top: 0 !important; + } + .pt-xxl-1 { + padding-top: 0.25rem !important; + } + .pt-xxl-2 { + padding-top: 0.5rem !important; + } + .pt-xxl-3 { + padding-top: 1rem !important; + } + .pt-xxl-4 { + padding-top: 1.5rem !important; + } + .pt-xxl-5 { + padding-top: 3rem !important; + } + .pe-xxl-0 { + padding-right: 0 !important; + } + .pe-xxl-1 { + padding-right: 0.25rem !important; + } + .pe-xxl-2 { + padding-right: 0.5rem !important; + } + .pe-xxl-3 { + padding-right: 1rem !important; + } + .pe-xxl-4 { + padding-right: 1.5rem !important; + } + .pe-xxl-5 { + padding-right: 3rem !important; + } + .pb-xxl-0 { + padding-bottom: 0 !important; + } + .pb-xxl-1 { + padding-bottom: 0.25rem !important; + } + .pb-xxl-2 { + padding-bottom: 0.5rem !important; + } + .pb-xxl-3 { + padding-bottom: 1rem !important; + } + .pb-xxl-4 { + padding-bottom: 1.5rem !important; + } + .pb-xxl-5 { + padding-bottom: 3rem !important; + } + .ps-xxl-0 { + padding-left: 0 !important; + } + .ps-xxl-1 { + padding-left: 0.25rem !important; + } + .ps-xxl-2 { + padding-left: 0.5rem !important; + } + .ps-xxl-3 { + padding-left: 1rem !important; + } + .ps-xxl-4 { + padding-left: 1.5rem !important; + } + .ps-xxl-5 { + padding-left: 3rem !important; + } + .text-xxl-start { + text-align: left !important; + } + .text-xxl-end { + text-align: right !important; + } + .text-xxl-center { + text-align: center !important; + } +} + +@media (min-width: 1200px) { + .fs-1 { + font-size: 6rem !important; + } + .fs-2 { + font-size: 3.5rem !important; + } + .fs-3 { + font-size: 2rem !important; + } + .fs-4 { + font-size: 1.5rem !important; + } +} + +@media print { + .d-print-inline { + display: inline !important; + } + .d-print-inline-block { + display: inline-block !important; + } + .d-print-block { + display: block !important; + } + .d-print-grid { + display: grid !important; + } + .d-print-table { + display: table !important; + } + .d-print-table-row { + display: table-row !important; + } + .d-print-table-cell { + display: table-cell !important; + } + .d-print-flex { + display: flex !important; + } + .d-print-inline-flex { + display: inline-flex !important; + } + .d-print-none { + display: none !important; + } +} + +body { + padding-top: 3.375rem; + color: #6c757d; +} + +@media (min-width: 992px) { + body { + padding-top: 0; + padding-left: 17rem; + } +} + +h1, +.h1, +h2, +.h2, +h3, +.h3, +h4, +.h4, +h5, +.h5, +h6, +.h6 { + text-transform: uppercase; +} + +h1, +.h1 { + line-height: 1; +} + +p.lead { + font-size: 1.15rem; + font-weight: 400; +} + +.subheading { + font-family: "Saira Extra Condensed", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + text-transform: uppercase; + font-weight: 500; + font-size: 1.5rem; +} + +#sideNav { + padding-left: 1rem; + padding-right: 1rem; +} + +#sideNav .navbar-nav .nav-item .nav-link { + font-weight: 800; + letter-spacing: 0.05rem; + text-transform: uppercase; +} + +#sideNav .navbar-toggler:focus { + outline-color: #d48a6e; +} + +@media (min-width: 992px) { + #sideNav { + padding-left: 0; + padding-right: 0; + text-align: center; + position: fixed; + top: 0; + left: 0; + display: flex; + flex-direction: column; + width: 17rem; + height: 100vh; + } + #sideNav .navbar-brand { + display: flex; + margin: auto auto 0; + padding: 0.5rem; + } + #sideNav .navbar-brand .img-profile { + max-width: 10rem; + max-height: 10rem; + border: 0.5rem solid rgba(255, 255, 255, 0.2); + } + #sideNav .navbar-collapse { + display: flex; + align-items: flex-start; + flex-grow: 0; + width: 100%; + margin-bottom: auto; + } + #sideNav .navbar-collapse .navbar-nav { + flex-direction: column; + width: 100%; + } + #sideNav .navbar-collapse .navbar-nav .nav-item { + display: block; + } + #sideNav .navbar-collapse .navbar-nav .nav-item .nav-link { + display: block; + } +} + +.social-icons .social-icon { + display: inline-flex; + align-items: center; + justify-content: center; + height: 3.5rem; + width: 3.5rem; + background-color: #495057; + color: #fff; + border-radius: 100%; + font-size: 1.5rem; + margin-right: 1.5rem; +} + +.social-icons .social-icon:last-child { + margin-right: 0; +} + +.social-icons .social-icon:hover { + background-color: #bd5d38; +} + +.dev-icons { + font-size: 3rem; +} + +section.resume-section { + display: flex; + align-items: center; + padding-left: 1rem; + padding-right: 1rem; + padding-top: 5rem; + padding-bottom: 5rem; + max-width: 75rem; +} + +section.resume-section .resume-section-content { + width: 100%; +} + +@media (min-width: 768px) { + section.resume-section { + min-height: 100vh; + } +} + +@media (min-width: 992px) { + section.resume-section { + padding-left: 3rem; + padding-right: 3rem; + padding-top: 5rem; + padding-bottom: 5rem; + } +} \ No newline at end of file diff --git a/index.html b/index.html index d45683c..ece25e4 100644 --- a/index.html +++ b/index.html @@ -1,967 +1,572 @@ - - + - - - - - - Aditya Mohan - Independent Creative Developer + - - + + + Aditya Mohan's Portfolio + + + + - - - - - - - - - - - - + + - - + - - -
-
-
-
-
-
-
-
-
-
-
-
-
-
- Back to the homepage - -
-
- + -
- - - -
-
- - - -
- Get in touch + +
  • + Projects +
    • +
  • + Education +
    • +
  • + Skills +
    • +
  • + Interests +
    • +
  • + Achievements +
    • +
    -